50: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"] 51: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"] 52:T2320,"use client"; import { forwardRef, type AnchorHTMLAttributes, type ButtonHTMLAttributes, type MouseEvent, type Ref, type ReactNode, } from "react"; import { cn } from "../../utils"; import { sound as soundFx } from "../../sound/sound"; import { useSoundFeedback } from "../../sound/sound-feedback"; import { useComposedRefs } from "../../internals/dom/use-composed-refs"; import type { ButtonVariant, ButtonSize } from "./types"; import "./button.css"; export interface ButtonProps extends Omit< ButtonHTMLAttributes & AnchorHTMLAttributes, "onClick" | "className" | "type" > { /** Visual treatment. */ variant?: ButtonVariant; /** Padding / font-size / radius scale. */ size?: ButtonSize; /** Native `type`. Ignored once `href` is set — an anchor has no `type`. */ type?: "button" | "submit" | "reset"; /** Greys the button out and makes it inert to pointer and keyboard activation. */ disabled?: boolean; /** * Swaps `iconStart` for a spinner and marks the control `aria-busy`, without * dimming it the way `disabled` does — the button still reads as "working", * not "unavailable". Activation is blocked exactly like `disabled`. */ loading?: boolean; /** Renders an `` instead of a ` ); } ); Button.displayName = "Button"; 53:T13df,.ft-btn { --ft-btn-accent: var( --ft-accent, light-dark(oklch(0.5432 0.2528 300.22), oklch(0.604 0.2606 301.75)) ); /* 150ms = tokens.DURATIONS.fast, cubic-bezier(0.4, 0, 0.2, 1) = tokens.EASINGS.inout — the reversible-state pair. It runs the colour channel, and the release half of the press: letting go settles, it does not snap back. */ --ft-btn-motion: var(--ft-duration-fast, 150ms) var(--ft-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); /* The down-stroke only. 150ms = tokens.DURATIONS.fast, cubic-bezier(0.16, 1, 0.3, 1) = tokens.EASINGS.out — the arrival curve, which spends most of the scale in the first frames, so the press bites instead of easing in. Pressing is an arrival; releasing is what resolves either way. */ --ft-btn-press: var(--ft-duration-fast, 150ms) var(--ft-ease-out, cubic-bezier(0.16, 1, 0.3, 1)); /* * Replaces the `transition-colors` utility removed from the class string, * at exactly the values that utility already resolved to. Colour is a state * change, not motion, so it stays OUTSIDE the reduced-motion query — gating * it would only make a theme flip look broken for the people who asked for * less movement. * * `box-shadow` is deliberately absent, and must stay absent: this button's * focus ring is `focus-visible:ring-*`, which compiles to a `box-shadow`, * and a focus ring must never animate. */ transition: color var(--ft-btn-motion), background-color var(--ft-btn-motion), border-color var(--ft-btn-motion); /* Kills the ~300ms tap delay without blocking scroll. A press that answers a third of a second late is not press feedback. */ touch-action: manipulation; } /* * The press. Pressable's contract inlined as a plain rule on the native * control rather than wrapping a `