51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T11ee,"use client" /** * `metal-fx` around `Button` — liquid metal ring for controls. * `className` styles the button; `metalFxClassName` styles the MetalFx wrapper. * * With `normalizeHostStyles` (default), variant fills live on the MetalFx wrapper * and the button stays transparent so the shader ring stays visible. Pass * `normalizeHostStyles={false}` to keep all shadcn chrome on the button (filled * variants will cover most of the metal). */ import type { ComponentProps, CSSProperties } from "react" import { forwardRef } from "react" import { cva, type VariantProps } from "class-variance-authority" import { MetalFx, type MetalFxProps, type MetalFxVariant } from "metal-fx" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" const metalSurfaceVariants = cva("transition-colors", { variants: { variant: { default: "bg-primary! text-primary-foreground! hover:bg-primary/80!", outline: "bg-background! text-foreground! hover:bg-input/50! dark:bg-input/30!", secondary: "bg-secondary! text-secondary-foreground! hover:bg-secondary/80!", ghost: "text-foreground! hover:bg-muted/50! dark:hover:bg-muted/50! bg-transparent!", destructive: "bg-destructive/10! text-destructive! hover:bg-destructive/20! dark:bg-destructive/20! dark:hover:bg-destructive/30!", link: "text-primary! bg-transparent!", }, }, defaultVariants: { variant: "default", }, }) /** Strip outer chrome on the host; MetalFx punches the ring around the interior. */ const metalHostChromeReset = "border-0! bg-transparent! shadow-none! hover:bg-transparent! aria-expanded:bg-transparent!" /** Keep a stable edge above the animated shader so bright frames cannot erase it. */ const metalStableEdge = "relative isolate before:pointer-events-none before:absolute before:inset-0 before:z-10 before:rounded-[inherit] before:ring-1 before:ring-border/70 before:ring-inset dark:before:ring-border/80" type MetalSurfaceVariant = NonNullable< VariantProps["variant"] > type MetalShellProps = Pick< MetalFxProps, | "preset" | "theme" | "strength" | "paused" | "borderRadius" | "disableGlow" | "reflectionTargets" | "shaderScale" | "ringCssPx" | "scale" | "normalizeHostStyles" > & { metalVariant?: MetalFxVariant metalFxClassName?: string metalFxStyle?: CSSProperties } export type MetalButtonProps = ComponentProps & MetalShellProps export type MetalIconButtonProps = MetalButtonProps export const MetalButton = forwardRef( function MetalButton( { metalVariant = "button", metalFxClassName, metalFxStyle, preset = "chromatic", theme = "auto", strength = 0.9, paused, borderRadius, disableGlow, reflectionTargets, shaderScale, ringCssPx, scale, normalizeHostStyles = true, variant = "default", className, ...buttonProps }, ref ) { const surfaceVariant = variant as MetalSurfaceVariant return (