@photon-ai/pho-ui 2.5.0 → 2.7.0

package/dist/chunks/{button-DNNs5RsT.js → button-CdqS_t5a.js}

@@ -1,12 +1,14 @@
 "use client";
 import { t as l } from "./cn-ChIgwEl3.js";
-import { n as Z, r as A } from "./link-provider-9TFNyDqO.js";
+import { t as A } from "./is-react-component-DSnjtBmo.js";
 import { t as R } from "./resolve-variant-CcD8iG5l.js";
+import { n as Z } from "./link-provider-DXzDQ08N.js";
+import { SPRING_PRESS as Q } from "../motion.js";
 import { n as C } from "./spinner-BzLUo4Xk.js";
-import { isValidElement as I, useEffect as Q, useMemo as $, useRef as J, useState as X } from "react";
-import { Fragment as Y, jsx as s, jsxs as z } from "react/jsx-runtime";
-import { motion as w, useReducedMotion as ee } from "motion/react";
-var oe = l("group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-pho-brand transition-[color,background-color,border-color,opacity,box-shadow,outline-color] duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:pointer-events-none"), L = {
+import { isValidElement as I, useEffect as $, useMemo as J, useRef as X, useState as Y } from "react";
+import { Fragment as z, jsx as s, jsxs as ee } from "react/jsx-runtime";
+import { motion as w, useReducedMotion as oe } from "motion/react";
+var ae = l("group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-pho-brand transition-[color,background-color,border-color,opacity,box-shadow,outline-color] duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:pointer-events-none"), L = {
   sm: {
     classes: l("gap-1 px-3.5 py-1.5 text-base font-medium data-svg-only:p-2", "has-[[data-icon=prefix]]:pl-2 has-[[data-icon=loading]]:pl-2 has-[[data-icon=suffix]]:pr-2"),
     description: "Small — compact rows, tables, and toolbars"
@@ -19,7 +21,7 @@ var oe = l("group relative inline-flex h-max cursor-pointer items-center justify
     classes: l("gap-1.5 px-5 py-2.5 text-md font-medium data-svg-only:p-3", "has-[[data-icon=prefix]]:pl-3 has-[[data-icon=loading]]:pl-3 has-[[data-icon=suffix]]:pr-3"),
     description: "Large — prominent and marketing actions"
   }
-}, ae = {
+}, re = {
   rounded: {
     classes: "rounded-full",
     description: "Pill — the default; every button on photon.codes"
@@ -32,11 +34,11 @@ var oe = l("group relative inline-flex h-max cursor-pointer items-center justify
     classes: "rounded-full",
     description: "Circular — pair with svgOnly for round icon buttons"
   }
-}, re = "squircle", ne = {
+}, ne = "squircle", te = {
   sm: "py-[4.5px] data-svg-only:p-[6.5px]",
   md: "py-[6.5px] data-svg-only:p-[8.5px]",
   lg: "py-[8.5px] data-svg-only:p-[10.5px]"
-}, Ne = {
+}, Se = {
   effect: {
     classes: "",
     description: "Default — marketing pill with same-hue outer rim and inset sheen"
@@ -53,7 +55,7 @@ var oe = l("group relative inline-flex h-max cursor-pointer items-center justify
     classes: "",
     description: "Borderless — quiet / inline action"
   }
-}, ke = {
+}, Te = {
   default: {
     classes: "",
     description: "Neutral / brand contrast"
@@ -62,7 +64,7 @@ var oe = l("group relative inline-flex h-max cursor-pointer items-center justify
     classes: "",
     description: "Destructive intent (delete, discard)"
   }
-}, te = {
+}, se = {
   effect: {
     default: l("squircle overflow-hidden bg-pho-brand-solid text-pho-on-brand transition-none", "hover:bg-pho-brand-solid data-loading:bg-pho-brand-solid", "[--pho-rim:color-mix(in_oklab,var(--background-color-pho-brand-solid)_62%,transparent)]", "[--pho-sheen:light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.12))]", "shadow-[0_0_0_1.5px_var(--pho-rim),inset_0_0_0_1px_var(--border-color-pho-on-brand),inset_0_var(--pho-sheen-y,0px)_var(--pho-sheen-blur,5px)_var(--pho-sheen-spread,2px)_var(--pho-sheen)]"),
     destructive: l("squircle overflow-hidden bg-pho-error-solid text-white outline-pho-error transition-none", "hover:bg-pho-error-solid data-loading:bg-pho-error-solid", "[--pho-rim:color-mix(in_oklab,var(--background-color-pho-error-solid)_62%,transparent)]", "[--pho-sheen:light-dark(rgba(255,255,255,0.45),rgba(0,0,0,0.18))]", "shadow-[0_0_0_1.5px_var(--pho-rim),inset_0_0_0_1px_oklch(1_0_0/0.2),inset_0_var(--pho-sheen-y,0px)_var(--pho-sheen-blur,5px)_var(--pho-sheen-spread,2px)_var(--pho-sheen)]")
@@ -81,14 +83,14 @@ var oe = l("group relative inline-flex h-max cursor-pointer items-center justify
   }
 };
 function F(e) {
-  const { variant: a = "effect", color: o = "default", size: r = "md", shape: n = "rounded", className: t } = e ?? {}, p = a === "effect" ? "rounded" : n, i = te[a]?.[o] ?? "";
-  return l(oe, R(ae, p), p === "square" && r === "lg" && re, R(L, r), a === "effect" && ne[r], i, t);
+  const { variant: a = "effect", color: o = "default", size: r = "md", shape: n = "rounded", className: t } = e ?? {}, p = a === "effect" ? "rounded" : n, i = se[a]?.[o] ?? "";
+  return l(ae, R(re, p), p === "square" && r === "lg" && ne, R(L, r), a === "effect" && te[r], i, t);
 }
-var se = "transition-inherit-all pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-[1.125em] [&>svg]:shrink-0";
+var ie = "transition-inherit-all pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-[1.125em] [&>svg]:shrink-0";
 function k({ position: e, children: a }) {
   return /* @__PURE__ */ s("span", {
     "data-icon": e,
-    className: se,
+    className: ie,
     children: a
   });
 }
@@ -101,19 +103,14 @@ function B(e, a) {
     children: e
   }) : null;
 }
-function U(e, a) {
+function P(e, a) {
   e && !a && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("Button: `svgOnly` buttons require an `aria-label` that names the action.");
 }
-var V = {
-  type: "spring",
-  stiffness: 200,
-  damping: 30,
-  mass: 0.1
-}, ie = {
+var U = Q, pe = {
   "--pho-sheen-y": "0px",
   "--pho-sheen-blur": "5px",
   "--pho-sheen-spread": "2px"
-}, pe = {
+}, le = {
   sm: {
     "--pho-sheen-y": "-3px",
     "--pho-sheen-blur": "8px",
@@ -129,7 +126,7 @@ var V = {
     "--pho-sheen-blur": "14px",
     "--pho-sheen-spread": "1px"
   }
-}, le = {
+}, he = {
   sm: {
     "--pho-sheen-y": "1.5px",
     "--pho-sheen-blur": "4px",
@@ -145,7 +142,7 @@ var V = {
     "--pho-sheen-blur": "7px",
     "--pho-sheen-spread": "1px"
   }
-}, he = 0.97, de = {
+}, de = 0.97, ce = {
   sm: {
     "--pho-sheen-y": [
       "1.5px",
@@ -197,7 +194,7 @@ var V = {
       "2px"
     ]
   }
-}, ce = {
+}, ue = {
   duration: 0.6,
   delay: 0.05,
   times: [
@@ -207,9 +204,9 @@ var V = {
   ],
   ease: ["easeOut", "easeInOut"]
 };
-function M(e, a) {
-  const [o, r] = X(!1), n = J(e), t = ee();
-  return Q(() => {
+function V(e, a) {
+  const [o, r] = Y(!1), n = X(e), t = oe();
+  return $(() => {
     n.current && !e && a && !t ? r(!0) : e && r(!1), n.current = e;
   }, [
     e,
@@ -222,7 +219,7 @@ function M(e, a) {
     }
   };
 }
-var ue = {
+var fe = {
   sm: {
     rest: {
       opacity: 0,
@@ -259,7 +256,7 @@ var ue = {
       height: 21
     }
   }
-}, P = {
+}, M = {
   sm: "has-[[data-icon=prefix]]:pl-3.5 has-[[data-icon=loading]]:pl-3.5 has-[[data-icon=suffix]]:pr-3.5",
   md: "has-[[data-icon=prefix]]:pl-4 has-[[data-icon=loading]]:pl-4 has-[[data-icon=suffix]]:pr-4",
   lg: "has-[[data-icon=prefix]]:pl-5 has-[[data-icon=loading]]:pl-5 has-[[data-icon=suffix]]:pr-5"
@@ -267,8 +264,8 @@ var ue = {
 function N({ position: e, size: a, children: o }) {
   return /* @__PURE__ */ s(w.span, {
     "data-icon": e,
-    variants: ue[a],
-    transition: V,
+    variants: fe[a],
+    transition: U,
     style: {
       display: "inline-flex",
       flex: "none",
@@ -298,7 +295,7 @@ function O(e, a, o) {
 function H({ svgOnly: e, loading: a, prefix: o, suffix: r, children: n, iconReveal: t, size: p }) {
   if (e) return a ? /* @__PURE__ */ s(C, {}) : n;
   const i = !!t;
-  return /* @__PURE__ */ z(Y, { children: [
+  return /* @__PURE__ */ ee(z, { children: [
     a ? /* @__PURE__ */ s(k, {
       position: "loading",
       children: /* @__PURE__ */ s(C, {})
@@ -314,13 +311,13 @@ function H({ svgOnly: e, loading: a, prefix: o, suffix: r, children: n, iconReve
 function W(e, a, o) {
   const r = {
     scale: 1,
-    ...o.sheen ? ie : {}
-  }, n = o.sheen ? { ...pe[e] } : {}, t = {
-    scale: he,
-    ...o.sheen ? le[e] : {}
+    ...o.sheen ? pe : {}
+  }, n = o.sheen ? { ...le[e] } : {}, t = {
+    scale: de,
+    ...o.sheen ? he[e] : {}
   }, p = o.sheen ? {
-    ...de[e],
-    transition: ce
+    ...ce[e],
+    transition: ue
   } : {};
   return o.iconReveal && (r.gap = 0, n.gap = e === "lg" ? 4 : 0), {
     initial: !1,
@@ -333,7 +330,7 @@ function W(e, a, o) {
       press: t,
       wake: p
     },
-    transition: V
+    transition: U
   };
 }
 function q({ variant: e, color: a, size: o, shape: r, loading: n, svgOnly: t, className: p }) {
@@ -345,15 +342,15 @@ function q({ variant: e, color: a, size: o, shape: r, loading: n, svgOnly: t, cl
   }), n && "pointer-events-none", t && "[&>svg]:size-[1.25em] [&>svg]:shrink-0", p);
 }
 function D({ variant: e = "effect", color: a, size: o = "md", shape: r, prefix: n, suffix: t, iconReveal: p = !1, svgOnly: i, loading: h, children: g, className: b, ref: _, ...v }) {
-  U(i, v["aria-label"]);
-  const d = e === "effect", u = p && !i, x = !!(v.disabled || h), { waking: f, onWakeComplete: y } = M(x, d), m = q({
+  P(i, v["aria-label"]);
+  const d = e === "effect", u = p && !i, x = !!(v.disabled || h), { waking: f, onWakeComplete: y } = V(x, d), m = q({
     variant: e,
     color: a,
     size: o,
     shape: r,
     loading: h,
     svgOnly: i,
-    className: l(u && P[o], b)
+    className: l(u && M[o], b)
   }), E = H({
     svgOnly: i,
     loading: h,
@@ -382,8 +379,8 @@ function D({ variant: e = "effect", color: a, size: o = "md", shape: r, prefix:
   });
 }
 D.displayName = "Button";
-function j({ variant: e = "effect", color: a, size: o = "md", shape: r, prefix: n, suffix: t, iconReveal: p = !1, svgOnly: i, loading: h, disabled: g, href: b, children: _, className: v, ...d }) {
-  U(i, d["aria-label"]);
+function G({ variant: e = "effect", color: a, size: o = "md", shape: r, prefix: n, suffix: t, iconReveal: p = !1, svgOnly: i, loading: h, disabled: g, href: b, children: _, className: v, ...d }) {
+  P(i, d["aria-label"]);
   const u = Z(), x = e === "effect", f = p && !i, y = q({
     variant: e,
     color: a,
@@ -391,7 +388,7 @@ function j({ variant: e = "effect", color: a, size: o = "md", shape: r, prefix:
     shape: r,
     loading: h,
     svgOnly: i,
-    className: l(f && P[o], v)
+    className: l(f && M[o], v)
   }), m = H({
     svgOnly: i,
     loading: h,
@@ -400,7 +397,7 @@ function j({ variant: e = "effect", color: a, size: o = "md", shape: r, prefix:
     children: _,
     iconReveal: f,
     size: o
-  }), E = $(() => w.create(u), [u]), c = !!(g || h), { waking: S, onWakeComplete: G } = M(c, x), T = {
+  }), E = J(() => w.create(u), [u]), c = !!(g || h), { waking: S, onWakeComplete: j } = V(c, x), T = {
     ...d,
     ...c ? {} : { href: b },
     "aria-disabled": c || void 0,
@@ -422,15 +419,15 @@ function j({ variant: e = "effect", color: a, size: o = "md", shape: r, prefix:
       iconReveal: f,
       waking: S
     }),
-    onAnimationComplete: G,
+    onAnimationComplete: j,
     "data-waking": S || void 0,
     ...T,
     children: m
   });
 }
-j.displayName = "ButtonLink";
-var we = L;
-function Se(e) {
+G.displayName = "ButtonLink";
+var Re = L;
+function Ce(e) {
   const { size: a = "md", fullWidth: o, className: r } = e ?? {};
   return F({
     variant: "effect",
@@ -438,7 +435,7 @@ function Se(e) {
     className: l(o && "w-full", r)
   });
 }
-function fe({ size: e = "md", fullWidth: a, animated: o, iconReveal: r, className: n, ...t }) {
+function ve({ size: e = "md", fullWidth: a, animated: o, iconReveal: r, className: n, ...t }) {
   return /* @__PURE__ */ s(D, {
     variant: "effect",
     size: e,
@@ -447,9 +444,9 @@ function fe({ size: e = "md", fullWidth: a, animated: o, iconReveal: r, classNam
     ...t
   });
 }
-fe.displayName = "EffectButton";
-function ve({ size: e = "md", fullWidth: a, animated: o, iconReveal: r, className: n, ...t }) {
-  return /* @__PURE__ */ s(j, {
+ve.displayName = "EffectButton";
+function xe({ size: e = "md", fullWidth: a, animated: o, iconReveal: r, className: n, ...t }) {
+  return /* @__PURE__ */ s(G, {
     variant: "effect",
     size: e,
     iconReveal: r ?? o ?? !0,
@@ -457,19 +454,19 @@ function ve({ size: e = "md", fullWidth: a, animated: o, iconReveal: r, classNam
     ...t
   });
 }
-ve.displayName = "EffectButtonLink";
+xe.displayName = "EffectButtonLink";
 export {
   D as a,
-  fe as c,
-  Se as d,
-  Ne as i,
-  ve as l,
-  ae as n,
-  j as o,
+  ve as c,
+  Ce as d,
+  Se as i,
+  xe as l,
+  re as n,
+  G as o,
   L as r,
-  we as s,
-  ke as t,
+  Re as s,
+  Te as t,
   F as u
 };
 
-//# sourceMappingURL=button-DNNs5RsT.js.map
+//# sourceMappingURL=button-CdqS_t5a.js.map

package/dist/chunks/button-CdqS_t5a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CdqS_t5a.js","names":[],"sources":["../../src/components/button/button.tsx"],"sourcesContent":["import {\n  isValidElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type ComponentType,\n  type FC,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport { motion, useReducedMotion } from \"motion/react\";\nimport { SPRING_PRESS } from \"../../motion\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant, type VariantMap } from \"../../utils/resolve-variant\";\nimport { isReactComponent } from \"../../utils/is-react-component\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\nimport { Spinner } from \"../spinner/spinner\";\n\n/**\n * Design notes:\n * - TWO visual axes: `variant` is the surface (filled / outlined / ghost /\n *   effect) and `color` is the semantic ink (default / destructive). Dialog\n *   confirms use the default `effect`; danger-zone triggers are `ghost` +\n *   `destructive`. `effect` is the marketing pill: same-hue 1.5px outer rim\n *   plus inset sheen that springs on hover.\n * - `iconReveal` is a separate boolean: on hover, prefix/suffix icons spring\n *   in from collapsed — works with any variant, independent of `effect`.\n * - Press scale (Motion `whileTap` → 0.97) is shared by every variant; only\n *   `effect` also springs its inset sheen on hover/press, and replays a\n *   one-shot sheen glint when it leaves `disabled`/`loading` (wake).\n * - THREE sizes (`sm` / `md` / `lg`, default `md`). No `xs` / `xl`.\n * - `prefix` / `suffix` are generic slots (icon, spinner, count…), not\n *   icon-only props. `svgOnly` makes an icon button and *requires* an\n *   `aria-label`. `loading` is declarative. Effect’s rim/sheen are\n *   box-shadow layers (not layout `border`).\n * - Navigation belongs to `ButtonLink`; an inline text link is an anchor.\n */\n\nconst COMMON_ROOT = cn(\n  // Transition colors/shadows in CSS; transform (press scale) is owned by Motion.\n  \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-pho-brand transition-[color,background-color,border-color,opacity,box-shadow,outline-color] duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2\",\n  // Disabled (native `disabled` on <button>, `aria-disabled` on links).\n  \"disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:pointer-events-none\",\n);\n\n/**\n * Size axis — padding, text size, and icon-only (svgOnly) padding.\n *\n * Icon-side tuck (LiftKit-derived optical correction): a side that carries an\n * icon gets its padding divided by the golden ratio — an icon's rounded form\n * brings its own whitespace, so the full text-edge padding reads as a hole.\n * LiftKit: `--button-padX-sideWithIcon: calc(font-size / 1.618)`. Applied to\n * Pho's paddings: sm 14px/φ ≈ 8px · md 16px/φ ≈ 10px · lg 20px/φ ≈ 12px,\n * selected structurally via `:has()` on the slot markers (`data-icon` is\n * `prefix`, `suffix`, or `loading` — the spinner is an icon too).\n */\nexport const BUTTON_SIZES = {\n  sm: {\n    classes: cn(\n      \"gap-1 px-3.5 py-1.5 text-base font-medium data-svg-only:p-2\",\n      \"has-[[data-icon=prefix]]:pl-2 has-[[data-icon=loading]]:pl-2 has-[[data-icon=suffix]]:pr-2\",\n    ),\n    description: \"Small — compact rows, tables, and toolbars\",\n  },\n  md: {\n    classes: cn(\n      \"gap-1 px-4 py-2 text-base font-medium data-svg-only:p-2.5\",\n      \"has-[[data-icon=prefix]]:pl-2.5 has-[[data-icon=loading]]:pl-2.5 has-[[data-icon=suffix]]:pr-2.5\",\n    ),\n    description: \"Medium — the default\",\n  },\n  lg: {\n    classes: cn(\n      \"gap-1.5 px-5 py-2.5 text-md font-medium data-svg-only:p-3\",\n      \"has-[[data-icon=prefix]]:pl-3 has-[[data-icon=loading]]:pl-3 has-[[data-icon=suffix]]:pr-3\",\n    ),\n    description: \"Large — prominent and marketing actions\",\n  },\n} satisfies VariantMap;\n\n/** Shape axis — corner treatment. Pills are the photon.codes default. */\nexport const BUTTON_SHAPES = {\n  rounded: {\n    classes: \"rounded-full\",\n    description: \"Pill — the default; every button on photon.codes\",\n  },\n  square: {\n    classes: \"rounded-base\",\n    description: \"Gently rounded corners for dense app chrome\",\n  },\n  circle: {\n    classes: \"rounded-full\",\n    description: \"Circular — pair with svgOnly for round icon buttons\",\n  },\n} satisfies VariantMap;\n\n/**\n * At `lg`, square buttons add squircle smoothing on top of `rounded-base`\n * (12px) — the same treatment as Input `lg`, so 44px buttons and fields share\n * a corner language. 12/44 ≈ 0.272 — LiftKit's half-step decimal (√φ − 1).\n */\nconst SQUARE_LG_RADIUS = \"squircle\";\n\n/**\n * Optical pad for `effect`: the 1.5px outer rim is a box-shadow (no layout\n * cost), so without this the painted height reads ~3px taller than filled /\n * outlined / ghost. Subtract 1.5px from each side so fill+rim matches siblings.\n */\nconst EFFECT_OPTICAL_PAD: Record<ButtonSize, string> = {\n  sm: \"py-[4.5px] data-svg-only:p-[6.5px]\",\n  md: \"py-[6.5px] data-svg-only:p-[8.5px]\",\n  lg: \"py-[8.5px] data-svg-only:p-[10.5px]\",\n};\n\n/** Surface axis — how the control is drawn. `effect` is the default. */\nexport const BUTTON_VARIANTS = {\n  effect: {\n    classes: \"\",\n    description:\n      \"Default — marketing pill with same-hue outer rim and inset sheen\",\n  },\n  filled: {\n    classes: \"\",\n    description: \"Solid fill without sheen\",\n  },\n  outlined: {\n    classes: \"\",\n    description: \"Hairline ring — supporting action\",\n  },\n  ghost: {\n    classes: \"\",\n    description: \"Borderless — quiet / inline action\",\n  },\n} satisfies VariantMap;\n\n/** Color axis — semantic ink. `default` is the default. */\nexport const BUTTON_COLORS = {\n  default: {\n    classes: \"\",\n    description: \"Neutral / brand contrast\",\n  },\n  destructive: {\n    classes: \"\",\n    description: \"Destructive intent (delete, discard)\",\n  },\n} satisfies VariantMap;\n\n/**\n * Surface × color looks. Kept as a matrix so each cell can own its tokens\n * (filled destructive is solid red; ghost destructive is red text only).\n */\nconst BUTTON_LOOKS: Record<\n  keyof typeof BUTTON_VARIANTS,\n  Record<keyof typeof BUTTON_COLORS, string>\n> = {\n  // Icons inherit the label ink (currentColor) — no separate opacity/tint.\n  // The rim replicates photon.codes' Framer CTA border: 1.5px in the fill hue\n  // at 62% alpha, reading as a soft same-hue edge (the site has NO outer\n  // glow — verified against live computed styles). Sheen geometry is CSS\n  // vars that Motion springs on hover (see Button). All edges are shadows —\n  // never a layout `border` — so height stays paired with other variants.\n  effect: {\n    default: cn(\n      \"squircle overflow-hidden bg-pho-brand-solid text-pho-on-brand transition-none\",\n      \"hover:bg-pho-brand-solid data-loading:bg-pho-brand-solid\",\n      \"[--pho-rim:color-mix(in_oklab,var(--background-color-pho-brand-solid)_62%,transparent)]\",\n      \"[--pho-sheen:light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.12))]\",\n      \"shadow-[0_0_0_1.5px_var(--pho-rim),inset_0_0_0_1px_var(--border-color-pho-on-brand),inset_0_var(--pho-sheen-y,0px)_var(--pho-sheen-blur,5px)_var(--pho-sheen-spread,2px)_var(--pho-sheen)]\",\n    ),\n    destructive: cn(\n      \"squircle overflow-hidden bg-pho-error-solid text-white outline-pho-error transition-none\",\n      \"hover:bg-pho-error-solid data-loading:bg-pho-error-solid\",\n      \"[--pho-rim:color-mix(in_oklab,var(--background-color-pho-error-solid)_62%,transparent)]\",\n      \"[--pho-sheen:light-dark(rgba(255,255,255,0.45),rgba(0,0,0,0.18))]\",\n      \"shadow-[0_0_0_1.5px_var(--pho-rim),inset_0_0_0_1px_oklch(1_0_0/0.2),inset_0_var(--pho-sheen-y,0px)_var(--pho-sheen-blur,5px)_var(--pho-sheen-spread,2px)_var(--pho-sheen)]\",\n    ),\n  },\n  filled: {\n    default:\n      \"bg-pho-brand-solid text-pho-on-brand hover:bg-pho-brand-solid-hover data-loading:bg-pho-brand-solid-hover\",\n    destructive:\n      \"bg-pho-error-solid text-white outline-pho-error hover:bg-pho-error-solid-hover data-loading:bg-pho-error-solid-hover\",\n  },\n  outlined: {\n    default:\n      // Rest hairline is the card stroke; hover climbs to primary ink so the\n      // edge reads as black (white in dark), matching the label's hover lift.\n      // The ring spans the full ladder, so ease it in gently — 200ms ease-out\n      // approximates the effect variant's soft spring instead of base's\n      // 100ms linear snap. Prefer the named `ring-pho-ink` token over an\n      // arbitrary value so consumers' Tailwind scanners pick it up reliably.\n      \"bg-pho-primary text-pho-secondary ring-1 ring-pho-secondary ring-inset duration-200 ease-out hover:bg-pho-primary-hover hover:text-pho-secondary-hover hover:ring-pho-ink data-loading:bg-pho-primary-hover\",\n    destructive:\n      \"bg-pho-primary text-pho-error outline-pho-error ring-1 ring-pho-error ring-inset duration-200 ease-out hover:bg-pho-error-primary hover:text-pho-error-hover data-loading:bg-pho-error-primary\",\n  },\n  ghost: {\n    default:\n      \"text-pho-secondary hover:bg-pho-ghost-hover hover:text-pho-secondary-hover data-loading:bg-pho-ghost-hover\",\n    destructive:\n      \"text-pho-error outline-pho-error hover:bg-pho-error-primary hover:text-pho-error-hover data-loading:bg-pho-error-primary\",\n  },\n};\n\nexport type ButtonSize = keyof typeof BUTTON_SIZES;\nexport type ButtonShape = keyof typeof BUTTON_SHAPES;\nexport type ButtonVariant = keyof typeof BUTTON_VARIANTS;\nexport type ButtonColor = keyof typeof BUTTON_COLORS;\n\n/** Compose the full class string for a button — exported for reuse/testing. */\nexport function buttonVariants(opts?: {\n  variant?: ButtonVariant;\n  color?: ButtonColor;\n  size?: ButtonSize;\n  shape?: ButtonShape;\n  className?: string;\n}): string {\n  const {\n    variant = \"effect\",\n    color = \"default\",\n    size = \"md\",\n    shape: shapeOpt = \"rounded\",\n    className,\n  } = opts ?? {};\n  // Effect pills are always fully rounded — shape is ignored.\n  const shape = variant === \"effect\" ? \"rounded\" : shapeOpt;\n  const look =\n    BUTTON_LOOKS[variant as keyof typeof BUTTON_LOOKS]?.[\n      color as keyof (typeof BUTTON_LOOKS)[\"effect\"]\n    ] ?? \"\";\n  return cn(\n    COMMON_ROOT,\n    resolveVariant(BUTTON_SHAPES, shape),\n    shape === \"square\" && size === \"lg\" && SQUARE_LG_RADIUS,\n    resolveVariant(BUTTON_SIZES, size),\n    // Outer rim is a 1.5px box-shadow (no layout cost). Shrink padding by the\n    // same amount so fill+rim paints at the same visual size as filled /\n    // outlined / ghost siblings of the same `size`.\n    variant === \"effect\" && EFFECT_OPTICAL_PAD[size],\n    look,\n    className,\n  );\n}\n\n/** An icon/element slot rendered before or after the label. */\ntype Slottable = ReactNode | FC<{ className?: string }>;\n\ninterface ButtonBaseProps {\n  /** Surface variant. @default \"effect\" */\n  variant?: ButtonVariant;\n  /** Semantic color. @default \"default\" */\n  color?: ButtonColor;\n  /** Size variant. @default \"md\" */\n  size?: ButtonSize;\n  /** Corner shape. @default \"rounded\" */\n  shape?: ButtonShape;\n  /** Slot before the label — a component (`Plus`) or element (`<Plus />`). */\n  prefix?: Slottable;\n  /** Slot after the label. */\n  suffix?: Slottable;\n  /**\n   * Reveal prefix/suffix icons on hover — collapsed and invisible at rest,\n   * spring in on hover. Independent of `variant` (including `effect`).\n   * Ignored when `svgOnly`. @default false\n   */\n  iconReveal?: boolean;\n  /** Render as an icon-only button. Requires an `aria-label`. */\n  svgOnly?: boolean;\n  /** Show a spinner and block interaction while staying readable. */\n  loading?: boolean;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * DOM event handlers whose React signatures clash with Motion's gesture\n * props of the same name (Motion re-types these on `motion.*` elements).\n * Excluded from the public API — Button renders through Motion when the\n * sheen or icon reveal is active, so these handlers would be intercepted.\n */\ntype MotionHandlerConflicts =\n  | \"onAnimationStart\"\n  | \"onAnimationEnd\"\n  | \"onAnimationIteration\"\n  | \"onDrag\"\n  | \"onDragStart\"\n  | \"onDragEnd\"\n  | \"onDragEnter\"\n  | \"onDragExit\"\n  | \"onDragLeave\"\n  | \"onDragOver\"\n  | \"onDrop\";\n\nexport interface ButtonProps\n  extends\n    ButtonBaseProps,\n    Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      keyof ButtonBaseProps | MotionHandlerConflicts\n    > {\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport interface ButtonLinkProps\n  extends\n    ButtonBaseProps,\n    Omit<\n      AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof ButtonBaseProps | MotionHandlerConflicts\n    > {\n  /** Navigate to this URL (rendered via the host's `LinkProvider`). */\n  href: string;\n  /** Visually and semantically disable the link. */\n  disabled?: boolean;\n}\n\nconst SLOT_CLASS =\n  // Icons scale with the label: 1.125em tracks the button's font size\n  // (16px icon beside 14px text, 18px beside 16px) so small buttons never\n  // carry an oversized glyph.\n  \"transition-inherit-all pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-[1.125em] [&>svg]:shrink-0\";\n\nfunction Slot({\n  position,\n  children,\n}: {\n  position: \"prefix\" | \"suffix\" | \"loading\";\n  children: ReactNode;\n}) {\n  return (\n    <span data-icon={position} className={SLOT_CLASS}>\n      {children}\n    </span>\n  );\n}\n\nfunction renderSlot(icon: Slottable, position: \"prefix\" | \"suffix\") {\n  if (icon == null || icon === false) return null;\n  if (isReactComponent(icon)) {\n    const Icon = icon;\n    return (\n      <Slot position={position}>\n        <Icon />\n      </Slot>\n    );\n  }\n  if (isValidElement(icon)) return <Slot position={position}>{icon}</Slot>;\n  return null;\n}\n\nfunction warnMissingLabel(svgOnly: boolean | undefined, label: unknown) {\n  if (\n    svgOnly &&\n    !label &&\n    typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV !== \"production\"\n  ) {\n    console.warn(\n      \"Button: `svgOnly` buttons require an `aria-label` that names the action.\",\n    );\n  }\n}\n\n/* ======================== Motion: sheen + icon reveal ======================== */\n\n/** Framer source transition: `spring-physics 200 30 0.1`. */\nconst BUTTON_SPRING = SPRING_PRESS;\n\nconst EFFECT_SHEEN_REST = {\n  \"--pho-sheen-y\": \"0px\",\n  \"--pho-sheen-blur\": \"5px\",\n  \"--pho-sheen-spread\": \"2px\",\n} as const;\n\n/** Per-size sheen hover targets. */\nconst EFFECT_SHEEN_HOVER = {\n  sm: {\n    \"--pho-sheen-y\": \"-3px\",\n    \"--pho-sheen-blur\": \"8px\",\n    \"--pho-sheen-spread\": \"2px\",\n  },\n  md: {\n    \"--pho-sheen-y\": \"-3px\",\n    \"--pho-sheen-blur\": \"8px\",\n    \"--pho-sheen-spread\": \"2px\",\n  },\n  lg: {\n    \"--pho-sheen-y\": \"-6px\",\n    \"--pho-sheen-blur\": \"14px\",\n    \"--pho-sheen-spread\": \"1px\",\n  },\n} as const;\n\n/**\n * Per-size sheen press targets — the inverse gesture of hover: the light\n * drops back below the rest line and tightens while the pill compresses\n * slightly, so hover → press reads as \"lift, then push in\".\n */\nconst EFFECT_SHEEN_PRESS = {\n  sm: {\n    \"--pho-sheen-y\": \"1.5px\",\n    \"--pho-sheen-blur\": \"4px\",\n    \"--pho-sheen-spread\": \"1px\",\n  },\n  md: {\n    \"--pho-sheen-y\": \"1.5px\",\n    \"--pho-sheen-blur\": \"4px\",\n    \"--pho-sheen-spread\": \"1px\",\n  },\n  lg: {\n    \"--pho-sheen-y\": \"3px\",\n    \"--pho-sheen-blur\": \"7px\",\n    \"--pho-sheen-spread\": \"1px\",\n  },\n} as const;\n\n/** Pill compression while pressed — subtle, transform-only; every variant. */\nconst BUTTON_PRESS_SCALE = 0.97;\n\n/**\n * One-shot \"wake\" glint when an effect pill re-enables (disabled / loading →\n * interactive). The keyframes replay the pill's own gesture in reverse: the\n * sheen starts from its pressed-in position (low, tight — the dormant read),\n * springs up past the hover line, and settles at rest. Shadow-only, so the\n * pill never moves or resizes next to its neighbours.\n */\nconst EFFECT_SHEEN_WAKE = {\n  sm: {\n    \"--pho-sheen-y\": [\"1.5px\", \"-4px\", \"0px\"],\n    \"--pho-sheen-blur\": [\"4px\", \"9px\", \"5px\"],\n    \"--pho-sheen-spread\": [\"1px\", \"2px\", \"2px\"],\n  },\n  md: {\n    \"--pho-sheen-y\": [\"1.5px\", \"-4px\", \"0px\"],\n    \"--pho-sheen-blur\": [\"4px\", \"9px\", \"5px\"],\n    \"--pho-sheen-spread\": [\"1px\", \"2px\", \"2px\"],\n  },\n  lg: {\n    \"--pho-sheen-y\": [\"3px\", \"-8px\", \"0px\"],\n    \"--pho-sheen-blur\": [\"7px\", \"16px\", \"5px\"],\n    \"--pho-sheen-spread\": [\"1px\", \"1px\", \"2px\"],\n  },\n} as const;\n\n/**\n * Wake timing: a short delay lets the 100ms opacity fade land first, then a\n * quick rise (feedback) and a relaxed settle. Keyframes need a tween — the\n * shared spring only animates between two values.\n */\nconst WAKE_TRANSITION = {\n  duration: 0.6,\n  delay: 0.05,\n  times: [0, 0.4, 1],\n  ease: [\"easeOut\", \"easeInOut\"],\n} as const;\n\n/**\n * Fire the wake glint on the disabled/loading → enabled edge (never on\n * mount), skipped under reduced motion. `data-waking` mirrors the window so\n * tests and styling can observe it.\n */\nfunction useWakeOnEnable(inert: boolean, sheen: boolean) {\n  const [waking, setWaking] = useState(false);\n  const prevInert = useRef(inert);\n  const reduceMotion = useReducedMotion();\n\n  useEffect(() => {\n    if (prevInert.current && !inert && sheen && !reduceMotion) {\n      setWaking(true);\n    } else if (inert) {\n      setWaking(false);\n    }\n    prevInert.current = inert;\n  }, [inert, sheen, reduceMotion]);\n\n  return {\n    waking,\n    onWakeComplete: (definition: unknown) => {\n      if (definition === \"wake\") setWaking(false);\n    },\n  };\n}\n\n/**\n * Icon reveal sizes — collapsed at rest, full on hover. `lg` matches the\n * Framer 20×21 source; `sm`/`md` scale with the 14px label.\n */\nconst ICON_REVEAL_VARIANTS = {\n  sm: {\n    rest: { opacity: 0, width: 1, height: 9 },\n    hover: { opacity: 1, width: 17, height: 18 },\n  },\n  md: {\n    rest: { opacity: 0, width: 1, height: 9 },\n    hover: { opacity: 1, width: 17, height: 18 },\n  },\n  lg: {\n    rest: { opacity: 0, width: 1, height: 10 },\n    hover: { opacity: 1, width: 20, height: 21 },\n  },\n} as const;\n\n/**\n * When icons are hidden at rest, undo Button's icon-side padding tuck so the\n * pill doesn't look lopsided. Same `:has()` keys as the tuck (later wins).\n */\nconst ICON_REVEAL_PAD_RESTORE: Record<ButtonSize, string> = {\n  sm: \"has-[[data-icon=prefix]]:pl-3.5 has-[[data-icon=loading]]:pl-3.5 has-[[data-icon=suffix]]:pr-3.5\",\n  md: \"has-[[data-icon=prefix]]:pl-4 has-[[data-icon=loading]]:pl-4 has-[[data-icon=suffix]]:pr-4\",\n  lg: \"has-[[data-icon=prefix]]:pl-5 has-[[data-icon=loading]]:pl-5 has-[[data-icon=suffix]]:pr-5\",\n};\n\nfunction RevealSlot({\n  position,\n  size,\n  children,\n}: {\n  position: \"prefix\" | \"suffix\";\n  size: ButtonSize;\n  children: ReactNode;\n}) {\n  return (\n    <motion.span\n      data-icon={position}\n      variants={ICON_REVEAL_VARIANTS[size]}\n      transition={BUTTON_SPRING}\n      style={{\n        display: \"inline-flex\",\n        flex: \"none\",\n        alignItems: \"center\",\n        overflow: \"hidden\",\n      }}\n      className=\"pointer-events-none [&>svg]:block [&>svg]:size-full\"\n    >\n      {children}\n    </motion.span>\n  );\n}\n\nfunction wrapRevealIcon(\n  icon: Slottable,\n  position: \"prefix\" | \"suffix\",\n  size: ButtonSize,\n): ReactNode | undefined {\n  if (icon == null || icon === false) return undefined;\n  if (isReactComponent(icon)) {\n    const Icon = icon;\n    return (\n      <RevealSlot position={position} size={size}>\n        <Icon />\n      </RevealSlot>\n    );\n  }\n  if (isValidElement(icon)) {\n    return (\n      <RevealSlot position={position} size={size}>\n        {icon}\n      </RevealSlot>\n    );\n  }\n  return (\n    <RevealSlot position={position} size={size}>\n      {icon}\n    </RevealSlot>\n  );\n}\n\nfunction buttonInner({\n  svgOnly,\n  loading,\n  prefix,\n  suffix,\n  children,\n  iconReveal,\n  size,\n}: Pick<\n  ButtonBaseProps,\n  | \"svgOnly\"\n  | \"loading\"\n  | \"prefix\"\n  | \"suffix\"\n  | \"children\"\n  | \"iconReveal\"\n  | \"size\"\n> & { size: ButtonSize }) {\n  if (svgOnly) {\n    return loading ? <Spinner /> : children;\n  }\n  const reveal = Boolean(iconReveal);\n  return (\n    <>\n      {loading ? (\n        <Slot position=\"loading\">\n          <Spinner />\n        </Slot>\n      ) : reveal ? (\n        wrapRevealIcon(prefix, \"prefix\", size)\n      ) : (\n        renderSlot(prefix, \"prefix\")\n      )}\n      {children != null && children !== false && (\n        <span data-text className=\"transition-inherit-all px-0.5\">\n          {children}\n        </span>\n      )}\n      {reveal\n        ? wrapRevealIcon(suffix, \"suffix\", size)\n        : renderSlot(suffix, \"suffix\")}\n    </>\n  );\n}\n\n/**\n * Root Motion props — press scale on every variant; sheen + icon-reveal gap\n * only when those features are on. Press composes over hover (`whileTap` >\n * `whileHover`): effect sheen inverts while the pill compresses; other\n * variants get the same scale with no sheen change. `waking` plays the\n * one-shot re-enable glint; a real hover mid-glint takes over seamlessly.\n */\nfunction buttonRootMotionProps(\n  size: ButtonSize,\n  inert: boolean | undefined,\n  opts: { sheen: boolean; iconReveal: boolean; waking?: boolean },\n) {\n  const rest: Record<string, string | number> = {\n    scale: 1,\n    ...(opts.sheen ? EFFECT_SHEEN_REST : {}),\n  };\n  const hover: Record<string, string | number> = opts.sheen\n    ? { ...EFFECT_SHEEN_HOVER[size] }\n    : {};\n  const press: Record<string, string | number> = {\n    scale: BUTTON_PRESS_SCALE,\n    ...(opts.sheen ? EFFECT_SHEEN_PRESS[size] : {}),\n  };\n  const wake = opts.sheen\n    ? { ...EFFECT_SHEEN_WAKE[size], transition: WAKE_TRANSITION }\n    : {};\n  if (opts.iconReveal) {\n    // Collapse gap at rest so the hidden icon leaves no hole; lg eases open.\n    rest.gap = 0;\n    hover.gap = size === \"lg\" ? 4 : 0;\n  }\n  return {\n    initial: false as const,\n    animate: opts.waking && opts.sheen ? \"wake\" : \"rest\",\n    whileHover: inert ? undefined : \"hover\",\n    whileTap: inert ? undefined : \"press\",\n    variants: { rest, hover, press, wake },\n    transition: BUTTON_SPRING,\n  };\n}\n\nfunction buttonClassName({\n  variant,\n  color,\n  size,\n  shape,\n  loading,\n  svgOnly,\n  className,\n}: {\n  variant?: ButtonVariant;\n  color?: ButtonColor;\n  size?: ButtonSize;\n  shape?: ButtonShape;\n  loading?: boolean;\n  svgOnly?: boolean;\n  className?: string;\n}) {\n  return cn(\n    buttonVariants({ variant, color, size, shape }),\n    loading && \"pointer-events-none\",\n    svgOnly && \"[&>svg]:size-[1.25em] [&>svg]:shrink-0\",\n    className,\n  );\n}\n\n/**\n * Button — triggers an action that mutates state (submit, save, delete).\n * For navigation that changes the URL, use {@link ButtonLink}.\n *\n * Default surface is `effect` (same-hue 1.5px outer rim + inset sheen). Use\n * `filled` for a solid fill without those layers. `iconReveal` springs\n * prefix/suffix icons in on hover — independent of variant.\n */\nexport function Button({\n  variant = \"effect\",\n  color,\n  size = \"md\",\n  shape,\n  prefix,\n  suffix,\n  iconReveal = false,\n  svgOnly,\n  loading,\n  children,\n  className,\n  ref,\n  ...props\n}: ButtonProps) {\n  warnMissingLabel(svgOnly, props[\"aria-label\"]);\n  const sheen = variant === \"effect\";\n  const reveal = iconReveal && !svgOnly;\n  const inert = Boolean(props.disabled || loading);\n  const { waking, onWakeComplete } = useWakeOnEnable(inert, sheen);\n  const cls = buttonClassName({\n    variant,\n    color,\n    size,\n    shape,\n    loading,\n    svgOnly,\n    className: cn(reveal && ICON_REVEAL_PAD_RESTORE[size], className),\n  });\n  const inner = buttonInner({\n    svgOnly,\n    loading,\n    prefix,\n    suffix,\n    children,\n    iconReveal: reveal,\n    size,\n  });\n\n  return (\n    <motion.button\n      ref={ref}\n      type=\"button\"\n      {...buttonRootMotionProps(size, inert, {\n        sheen,\n        iconReveal: reveal,\n        waking,\n      })}\n      onAnimationComplete={onWakeComplete}\n      {...props}\n      aria-busy={loading || undefined}\n      data-loading={loading ? \"true\" : undefined}\n      data-svg-only={svgOnly ? \"true\" : undefined}\n      data-waking={waking || undefined}\n      className={cls}\n    >\n      {inner}\n    </motion.button>\n  );\n}\n\nButton.displayName = \"Button\";\n\n/**\n * ButtonLink — a link styled as a button, for navigation that changes the URL.\n * Shares every visual prop with {@link Button}; renders the host router's link\n * via `LinkProvider`.\n */\nexport function ButtonLink({\n  variant = \"effect\",\n  color,\n  size = \"md\",\n  shape,\n  prefix,\n  suffix,\n  iconReveal = false,\n  svgOnly,\n  loading,\n  disabled,\n  href,\n  children,\n  className,\n  ...props\n}: ButtonLinkProps) {\n  warnMissingLabel(svgOnly, props[\"aria-label\"]);\n  const Link = useLinkComponent();\n  const sheen = variant === \"effect\";\n  const reveal = iconReveal && !svgOnly;\n  const cls = buttonClassName({\n    variant,\n    color,\n    size,\n    shape,\n    loading,\n    svgOnly,\n    className: cn(reveal && ICON_REVEAL_PAD_RESTORE[size], className),\n  });\n  const inner = buttonInner({\n    svgOnly,\n    loading,\n    prefix,\n    suffix,\n    children,\n    iconReveal: reveal,\n    size,\n  });\n  // Hooks must run unconditionally — only used when Motion is needed.\n  const MotionLink = useMemo(\n    // LinkProvider requires `href`; motion.create needs an open prop record —\n    // bridge the two through `unknown` (props are supplied at the call site).\n    () =>\n      motion.create(Link as unknown as ComponentType<Record<string, unknown>>),\n    [Link],\n  );\n\n  const inert = Boolean(disabled || loading);\n  const { waking, onWakeComplete } = useWakeOnEnable(inert, sheen);\n  const shared = {\n    ...props,\n    ...(inert ? {} : { href }),\n    \"aria-disabled\": inert || undefined,\n    \"aria-busy\": loading || undefined,\n    \"data-loading\": loading ? (\"true\" as const) : undefined,\n    \"data-svg-only\": svgOnly ? (\"true\" as const) : undefined,\n    className: cls,\n    tabIndex: inert ? -1 : props.tabIndex,\n    onClick: inert\n      ? (event: ReactMouseEvent<HTMLAnchorElement>) => {\n          event.preventDefault();\n        }\n      : props.onClick,\n  };\n\n  if (inert) {\n    return <span {...shared}>{inner}</span>;\n  }\n\n  return (\n    <MotionLink\n      {...buttonRootMotionProps(size, inert, {\n        sheen,\n        iconReveal: reveal,\n        waking,\n      })}\n      onAnimationComplete={onWakeComplete}\n      data-waking={waking || undefined}\n      {...shared}\n    >\n      {inner}\n    </MotionLink>\n  );\n}\n\nButtonLink.displayName = \"ButtonLink\";\n\n/* ======================= EffectButton (compat alias) ======================= */\n\nexport const EFFECT_BUTTON_SIZES = BUTTON_SIZES;\nexport type EffectButtonSize = ButtonSize;\n\n/** Compose classes for an effect pill — `Button` with `variant=\"effect\"`. */\nexport function effectButtonVariants(opts?: {\n  size?: EffectButtonSize;\n  fullWidth?: boolean;\n  className?: string;\n}): string {\n  const { size = \"md\", fullWidth, className } = opts ?? {};\n  return buttonVariants({\n    variant: \"effect\",\n    size,\n    className: cn(fullWidth && \"w-full\", className),\n  });\n}\n\n/**\n * Legacy EffectButton also reserved `style` (sheen variables lived there) and\n * never exposed the HTML `color` attribute — Button's semantic `color` prop\n * now occupies that name.\n */\ntype MotionConflicts = MotionHandlerConflicts | \"style\" | \"color\";\n\ninterface EffectButtonBaseProps {\n  /** Size variant — Button's scale (32 / 36 / 44px). @default \"md\" */\n  size?: EffectButtonSize;\n  /** Stretch to the container's full width (stacked login / OAuth pills). */\n  fullWidth?: boolean;\n  /**\n   * @deprecated Use `iconReveal` on `Button` instead. Mapped to `iconReveal`\n   * when set.\n   */\n  animated?: boolean;\n  /** @see ButtonBaseProps.iconReveal */\n  iconReveal?: boolean;\n  prefix?: Slottable;\n  suffix?: Slottable;\n  svgOnly?: boolean;\n  loading?: boolean;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface EffectButtonProps\n  extends\n    EffectButtonBaseProps,\n    Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      keyof EffectButtonBaseProps | MotionConflicts\n    > {\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport interface EffectButtonLinkProps\n  extends\n    EffectButtonBaseProps,\n    Omit<\n      AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof EffectButtonBaseProps | MotionConflicts\n    > {\n  href: string;\n  disabled?: boolean;\n}\n\n/**\n * @deprecated Prefer `<Button variant=\"effect\">`. Thin alias that forwards to\n * Button with the sheen surface (no icon reveal).\n */\nexport function EffectButton({\n  size = \"md\",\n  fullWidth,\n  animated,\n  iconReveal,\n  className,\n  ...props\n}: EffectButtonProps) {\n  return (\n    <Button\n      variant=\"effect\"\n      size={size}\n      iconReveal={iconReveal ?? animated ?? true}\n      className={cn(fullWidth && \"w-full\", className)}\n      {...props}\n    />\n  );\n}\n\nEffectButton.displayName = \"EffectButton\";\n\n/**\n * @deprecated Prefer `<ButtonLink variant=\"effect\">`.\n */\nexport function EffectButtonLink({\n  size = \"md\",\n  fullWidth,\n  animated,\n  iconReveal,\n  className,\n  ...props\n}: EffectButtonLinkProps) {\n  return (\n    <ButtonLink\n      variant=\"effect\"\n      size={size}\n      iconReveal={iconReveal ?? animated ?? true}\n      className={cn(fullWidth && \"w-full\", className)}\n      {...props}\n    />\n  );\n}\n\nEffectButtonLink.displayName = \"EffectButtonLink\";\n"],"mappings":"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"}

package/dist/chunks/checkbox-Cdm08HWG.js

@@ -0,0 +1,129 @@
+"use client";
+import { t } from "./cn-ChIgwEl3.js";
+import { r as b } from "./use-press-pulse-IbNstUT0.js";
+import { n as v, r as f, t as x } from "./choice-card-BVNP1NB6.js";
+import "react";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { motion as u } from "motion/react";
+import { Checkbox as h } from "@base-ui/react/checkbox";
+import { CheckboxGroup as k } from "@base-ui/react/checkbox-group";
+var C = "M5 12l5 5l10 -10", y = "M5 12l14 0", N = {
+  duration: 0.22,
+  ease: "easeOut"
+};
+function g({ indeterminate: r, className: o }) {
+  return /* @__PURE__ */ e("svg", {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: o,
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ e(u.path, {
+      d: r ? y : C,
+      initial: { pathLength: 0 },
+      animate: { pathLength: 1 },
+      transition: N
+    }, r ? "minus" : "check")
+  });
+}
+var I = {
+  sm: "size-4",
+  md: "size-5"
+}, _ = {
+  sm: "size-3",
+  md: "size-3.5"
+};
+function A({ className: r, label: o, size: s = "md", disabled: i, indeterminate: a, ...d }) {
+  const { motionProps: l } = b({
+    scale: 0.94,
+    disabled: !!i
+  }), { onPointerDown: c, ...n } = l, m = /* @__PURE__ */ e(h.Root, {
+    disabled: i,
+    indeterminate: a,
+    render: /* @__PURE__ */ e(u.span, {
+      ...n,
+      onPointerDown: o ? void 0 : c
+    }),
+    className: t("group/cb outline-pho-brand bg-pho-primary ring-pho-primary text-pho-on-brand flex shrink-0 cursor-pointer items-center justify-center rounded-sm ring-1 ring-inset focus-visible:outline-2 focus-visible:outline-offset-2", "transition-[background-color,box-shadow,color,outline-color] duration-150 ease-out", "hover:bg-pho-primary-hover hover:ring-pho-ink group-hover:bg-pho-primary-hover group-hover:ring-pho-ink", "data-[checked]:bg-pho-brand-solid data-[checked]:ring-transparent", "data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:ring-transparent", "data-[checked]:hover:bg-pho-brand-solid-hover data-[checked]:group-hover:bg-pho-brand-solid-hover", "data-[indeterminate]:hover:bg-pho-brand-solid-hover data-[indeterminate]:group-hover:bg-pho-brand-solid-hover", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", I[s], r),
+    ...d,
+    children: /* @__PURE__ */ e(h.Indicator, {
+      className: t("flex items-center justify-center transition-opacity duration-100 ease-out", "data-[ending-style]:opacity-0"),
+      children: /* @__PURE__ */ e(g, {
+        indeterminate: a,
+        className: _[s]
+      })
+    })
+  });
+  return o ? /* @__PURE__ */ p("label", {
+    className: "group flex cursor-pointer items-center gap-2 select-none",
+    onPointerDown: c,
+    children: [m, /* @__PURE__ */ e("span", {
+      className: "text-pho-secondary text-base",
+      children: o
+    })]
+  }) : m;
+}
+A.displayName = "Checkbox";
+function P({ className: r, ...o }) {
+  return /* @__PURE__ */ e(k, {
+    className: t("flex flex-col gap-3", r),
+    ...o
+  });
+}
+P.displayName = "CheckboxGroup";
+function R({ title: r, description: o }) {
+  return /* @__PURE__ */ p("span", { children: [/* @__PURE__ */ e("span", {
+    className: "text-pho-primary block",
+    children: r
+  }), o ? /* @__PURE__ */ e("span", {
+    className: "text-pho-description block",
+    children: o
+  }) : null] });
+}
+function O({ className: r, title: o, description: s, icon: i, disabled: a, indeterminate: d, ...l }) {
+  const { motionProps: c } = b({
+    scale: v,
+    disabled: !!a,
+    transition: f
+  }), n = i != null;
+  return /* @__PURE__ */ p(u.label, {
+    ...c,
+    className: t(x, n && "flex-col gap-1.5", r),
+    "data-disabled": a ? "" : void 0,
+    children: [
+      /* @__PURE__ */ e(h.Root, {
+        disabled: a,
+        indeterminate: d,
+        className: n ? "sr-only" : t("bg-pho-primary ring-pho-primary text-pho-on-brand mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-sm ring-1 ring-inset", "group-hover:bg-pho-primary-hover group-hover:ring-pho-ink transition-[background-color,box-shadow,color] duration-150 ease-out", "data-[checked]:bg-pho-brand-solid data-[checked]:group-hover:bg-pho-brand-solid-hover data-[checked]:ring-transparent", "data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:group-hover:bg-pho-brand-solid-hover data-[indeterminate]:ring-transparent"),
+        ...l,
+        children: n ? null : /* @__PURE__ */ e(h.Indicator, {
+          className: t("flex items-center justify-center transition-opacity duration-100 ease-out", "data-[ending-style]:opacity-0"),
+          children: /* @__PURE__ */ e(g, {
+            indeterminate: d,
+            className: "size-2.5"
+          })
+        })
+      }),
+      n ? /* @__PURE__ */ e("span", {
+        "aria-hidden": !0,
+        className: "text-pho-secondary flex size-6 shrink-0 items-center justify-center [&>svg]:size-6",
+        children: i
+      }) : null,
+      /* @__PURE__ */ e(R, {
+        title: o,
+        description: s
+      })
+    ]
+  });
+}
+O.displayName = "CheckboxCard";
+export {
+  P as n,
+  A as r,
+  O as t
+};
+
+//# sourceMappingURL=checkbox-Cdm08HWG.js.map

package/dist/chunks/checkbox-Cdm08HWG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-Cdm08HWG.js","names":[],"sources":["../../src/components/checkbox/check-glyph.tsx","../../src/components/checkbox/checkbox.tsx","../../src/components/checkbox/checkbox-group.tsx","../../src/components/checkbox/checkbox-card.tsx"],"sourcesContent":["import { motion } from \"motion/react\";\n\n// Tabler's IconCheck / IconMinus paths, redrawn as a single animatable\n// `motion.path` — same 24×24 outline geometry (stroke 2, round caps/joins),\n// so the glyph matches every other Tabler-sourced icon at rest.\nconst CHECK_PATH = \"M5 12l5 5l10 -10\";\nconst MINUS_PATH = \"M5 12l14 0\";\n\nconst DRAW_TRANSITION = { duration: 0.22, ease: \"easeOut\" } as const;\n\n/**\n * The checkbox glyph, stroked on rather than popped in solid — same\n * considered-motion spirit as Button's press/wake effects. Re-keyed per\n * state (check vs. dash) so every appearance draws fresh from empty instead\n * of resuming a stroke left mid-way by whatever the glyph showed before.\n */\nexport function DrawnCheckGlyph({\n  indeterminate,\n  className,\n}: {\n  indeterminate?: boolean;\n  className?: string;\n}) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <motion.path\n        key={indeterminate ? \"minus\" : \"check\"}\n        d={indeterminate ? MINUS_PATH : CHECK_PATH}\n        initial={{ pathLength: 0 }}\n        animate={{ pathLength: 1 }}\n        transition={DRAW_TRANSITION}\n      />\n    </svg>\n  );\n}\n","import { type ComponentProps, type ReactNode } from \"react\";\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { motion } from \"motion/react\";\nimport { DrawnCheckGlyph } from \"./check-glyph\";\nimport { cn } from \"../../utils/cn\";\nimport { usePressPulse } from \"../../utils/use-press-pulse\";\n\nexport type CheckboxSize = \"sm\" | \"md\";\n\nconst BOX: Record<CheckboxSize, string> = { sm: \"size-4\", md: \"size-5\" };\nconst ICON: Record<CheckboxSize, string> = { sm: \"size-3\", md: \"size-3.5\" };\n\nexport interface CheckboxProps extends Omit<\n  ComponentProps<typeof BaseCheckbox.Root>,\n  \"className\"\n> {\n  className?: string;\n  /** Text rendered beside the box; the whole row toggles the checkbox. */\n  label?: ReactNode;\n  /** Size variant. @default \"md\" */\n  size?: CheckboxSize;\n}\n\n/**\n * Checkbox built on Base UI `Checkbox`. Supports checked, unchecked, and\n * `indeterminate` states; pass `label` for a clickable text row, or omit it\n * and provide an `aria-label`. For a set of related options that submit\n * together, wrap them in `CheckboxGroup`.\n *\n * Animation is the Effect Button family scaled to a toggle, kept restrained:\n * a quick shallow press pulse on pointer-down (always plays out), the\n * fill/stroke easing between states, and the glyph popping in.\n */\nexport function Checkbox({\n  className,\n  label,\n  size = \"md\",\n  disabled,\n  indeterminate,\n  ...props\n}: CheckboxProps) {\n  const { motionProps } = usePressPulse({\n    scale: 0.94,\n    disabled: Boolean(disabled),\n  });\n  // With a label, the whole row is the hit target — press-trigger from there\n  // (pointerdown bubbles up from the label text too) so the box still\n  // animates when the text, not the box itself, is what's clicked.\n  const { onPointerDown, ...boxMotionProps } = motionProps;\n\n  const box = (\n    <BaseCheckbox.Root\n      disabled={disabled}\n      indeterminate={indeterminate}\n      render={\n        <motion.span\n          {...boxMotionProps}\n          onPointerDown={label ? undefined : onPointerDown}\n        />\n      }\n      className={cn(\n        // Flat field surface with the input-strength ring; the glyph only shows\n        // on the brand-solid checked fill, so it must be on-brand (not white —\n        // brand-solid is white in dark mode).\n        \"group/cb outline-pho-brand bg-pho-primary ring-pho-primary text-pho-on-brand flex shrink-0 cursor-pointer items-center justify-center rounded-sm ring-1 ring-inset focus-visible:outline-2 focus-visible:outline-offset-2\",\n        // Fill and stroke ease between states (stroke dissolves into the\n        // fill on tick). Transform stays out — Motion owns the press pulse.\n        \"transition-[background-color,box-shadow,color,outline-color] duration-150 ease-out\",\n        // group-hover covers hovering the label text, not just the box itself.\n        \"hover:bg-pho-primary-hover hover:ring-pho-ink group-hover:bg-pho-primary-hover group-hover:ring-pho-ink\",\n        \"data-[checked]:bg-pho-brand-solid data-[checked]:ring-transparent\",\n        \"data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:ring-transparent\",\n        \"data-[checked]:hover:bg-pho-brand-solid-hover data-[checked]:group-hover:bg-pho-brand-solid-hover\",\n        \"data-[indeterminate]:hover:bg-pho-brand-solid-hover data-[indeterminate]:group-hover:bg-pho-brand-solid-hover\",\n        \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n        BOX[size],\n        className,\n      )}\n      {...props}\n    >\n      {/* The glyph draws itself on (see DrawnCheckGlyph) — no separate\n          pop-in needed. A quick fade covers the exit, since an unmount\n          can't play the stroke backwards. */}\n      <BaseCheckbox.Indicator\n        className={cn(\n          \"flex items-center justify-center transition-opacity duration-100 ease-out\",\n          \"data-[ending-style]:opacity-0\",\n        )}\n      >\n        <DrawnCheckGlyph indeterminate={indeterminate} className={ICON[size]} />\n      </BaseCheckbox.Indicator>\n    </BaseCheckbox.Root>\n  );\n\n  if (!label) return box;\n  return (\n    <label\n      className=\"group flex cursor-pointer items-center gap-2 select-none\"\n      onPointerDown={onPointerDown}\n    >\n      {box}\n      <span className=\"text-pho-secondary text-base\">{label}</span>\n    </label>\n  );\n}\n\nCheckbox.displayName = \"Checkbox\";\n","import { type ComponentProps } from \"react\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CheckboxGroupProps extends Omit<\n  ComponentProps<typeof BaseCheckboxGroup>,\n  \"className\"\n> {\n  className?: string;\n}\n\n/**\n * Groups related `Checkbox`es and tracks their values as one. Built on Base UI\n * `CheckboxGroup` — supports a parent \"select all\" checkbox via `allValues`.\n * Control with `value` / `onValueChange` or leave uncontrolled with\n * `defaultValue`.\n */\nexport function CheckboxGroup({ className, ...props }: CheckboxGroupProps) {\n  return (\n    <BaseCheckboxGroup\n      className={cn(\"flex flex-col gap-3\", className)}\n      {...props}\n    />\n  );\n}\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import { type ComponentProps, type ReactNode } from \"react\";\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { motion } from \"motion/react\";\nimport { DrawnCheckGlyph } from \"./check-glyph\";\nimport { cn } from \"../../utils/cn\";\nimport { usePressPulse } from \"../../utils/use-press-pulse\";\nimport {\n  CHOICE_CARD_BASE,\n  CHOICE_CARD_WITH_ICON,\n  CHOICE_CARD_PRESS_SCALE,\n  CHOICE_CARD_PRESS_TRANSITION,\n} from \"../../utils/choice-card\";\n\nexport interface CheckboxCardProps extends Omit<\n  ComponentProps<typeof BaseCheckbox.Root>,\n  \"className\" | \"title\"\n> {\n  className?: string;\n  /** Tile heading. */\n  title: ReactNode;\n  /** Supporting copy shown below the title. */\n  description?: ReactNode;\n  /** Glyph stacked above the title. When set, it replaces the checkbox box. */\n  icon?: ReactNode;\n}\n\nfunction CardCopy({\n  title,\n  description,\n}: {\n  title: ReactNode;\n  description?: ReactNode;\n}) {\n  return (\n    <span>\n      <span className=\"text-pho-primary block\">{title}</span>\n      {description ? (\n        <span className=\"text-pho-description block\">{description}</span>\n      ) : null}\n    </span>\n  );\n}\n\n/**\n * A `Checkbox` styled as a bordered, selectable tile — title, optional\n * description, and either a stacked icon or the checkbox box. The tile is a\n * `<label>` around the control so clicks (including on the icon/title) are a\n * trusted activation of the hidden input Base UI renders beside the root.\n */\nexport function CheckboxCard({\n  className,\n  title,\n  description,\n  icon,\n  disabled,\n  indeterminate,\n  ...props\n}: CheckboxCardProps) {\n  const { motionProps } = usePressPulse({\n    scale: CHOICE_CARD_PRESS_SCALE,\n    disabled: Boolean(disabled),\n    transition: CHOICE_CARD_PRESS_TRANSITION,\n  });\n  const hasIcon = icon != null;\n\n  return (\n    <motion.label\n      {...motionProps}\n      className={cn(\n        CHOICE_CARD_BASE,\n        hasIcon && CHOICE_CARD_WITH_ICON,\n        className,\n      )}\n      data-disabled={disabled ? \"\" : undefined}\n    >\n      <BaseCheckbox.Root\n        disabled={disabled}\n        indeterminate={indeterminate}\n        className={\n          hasIcon\n            ? \"sr-only\"\n            : cn(\n                \"bg-pho-primary ring-pho-primary text-pho-on-brand mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-sm ring-1 ring-inset\",\n                \"group-hover:bg-pho-primary-hover group-hover:ring-pho-ink transition-[background-color,box-shadow,color] duration-150 ease-out\",\n                \"data-[checked]:bg-pho-brand-solid data-[checked]:group-hover:bg-pho-brand-solid-hover data-[checked]:ring-transparent\",\n                \"data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:group-hover:bg-pho-brand-solid-hover data-[indeterminate]:ring-transparent\",\n              )\n        }\n        {...props}\n      >\n        {hasIcon ? null : (\n          <BaseCheckbox.Indicator\n            className={cn(\n              \"flex items-center justify-center transition-opacity duration-100 ease-out\",\n              \"data-[ending-style]:opacity-0\",\n            )}\n          >\n            <DrawnCheckGlyph\n              indeterminate={indeterminate}\n              className=\"size-2.5\"\n            />\n          </BaseCheckbox.Indicator>\n        )}\n      </BaseCheckbox.Root>\n      {hasIcon ? (\n        <span\n          aria-hidden\n          className=\"text-pho-secondary flex size-6 shrink-0 items-center justify-center [&>svg]:size-6\"\n        >\n          {icon}\n        </span>\n      ) : null}\n      <CardCopy title={title} description={description} />\n    </motion.label>\n  );\n}\n\nCheckboxCard.displayName = \"CheckboxCard\";\n"],"mappings":"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"}

package/dist/chunks/{choice-card-CunOnY9l.js → choice-card-BVNP1NB6.js}

@@ -1,5 +1,5 @@
 "use client";
-import { n as a } from "./use-press-pulse-8iorQPsh.js";
+import { n as a } from "./use-press-pulse-IbNstUT0.js";
 var s = "group outline-pho-brand flex flex-1 cursor-pointer items-start gap-2.5 rounded-base p-3 text-base text-pho-secondary ring-1 ring-pho-primary ring-inset transition-[box-shadow,background-color] duration-150 ease-out select-none hover:bg-pho-ghost-hover data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:bg-transparent data-[checked]:ring-2 data-[checked]:ring-pho-brand has-[[data-checked]]:ring-2 has-[[data-checked]]:ring-pho-brand focus-visible:outline-2 focus-visible:outline-offset-2 has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2", o = "flex-col gap-1.5", r = 0.98, t = a, i = {
   type: "spring",
   stiffness: 500,
@@ -14,4 +14,4 @@ export {
   s as t
 };
 
-//# sourceMappingURL=choice-card-CunOnY9l.js.map
+//# sourceMappingURL=choice-card-BVNP1NB6.js.map

package/dist/chunks/{choice-card-CunOnY9l.js.map → choice-card-BVNP1NB6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"choice-card-CunOnY9l.js","names":[],"sources":["../../src/utils/choice-card.ts"],"sourcesContent":["import type { Transition } from \"motion/react\";\nimport { CONTROL_PRESS_SPRING } from \"./use-press-pulse\";\n\n/**\n * Shared surface for `RadioCard` / `CheckboxCard` — a bordered, selectable\n * tile. Applied to the radio/checkbox root itself so the whole tile is the\n * hit target. Hover fills (`bg-pho-ghost-hover`); selected uses the brand\n * ring. Press feedback lives on this surface (see `usePressPulse`).\n */\nexport const CHOICE_CARD_BASE =\n  \"group outline-pho-brand flex flex-1 cursor-pointer items-start gap-2.5 rounded-base p-3 text-base text-pho-secondary ring-1 ring-pho-primary ring-inset transition-[box-shadow,background-color] duration-150 ease-out select-none hover:bg-pho-ghost-hover data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:bg-transparent data-[checked]:ring-2 data-[checked]:ring-pho-brand has-[[data-checked]]:ring-2 has-[[data-checked]]:ring-pho-brand focus-visible:outline-2 focus-visible:outline-offset-2 has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2\";\n\n/** Stacked icon above the copy — tighter than the checkbox/radio row gap. */\nexport const CHOICE_CARD_WITH_ICON = \"flex-col gap-1.5\";\n\n/** Same press as Select's default trigger — field-sized, not Button's whileTap. */\nexport const CHOICE_CARD_PRESS_SCALE = 0.98;\nexport const CHOICE_CARD_PRESS_TRANSITION: Transition = CONTROL_PRESS_SPRING;\n\n/** Selection pop for a radio dot / checkbox glyph — quick and slightly bouncy. */\nexport const CHOICE_INDICATOR_POP_TRANSITION: Transition = {\n  type: \"spring\",\n  stiffness: 500,\n  damping: 30,\n  mass: 0.5,\n};\n"],"mappings":";;AASA,IAAa,IACX,klBAGW,IAAwB,oBAGxB,IAA0B,MAC1B,IAA2C,GAG3C,IAA8C;AAAA,EACzD,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR"}
+{"version":3,"file":"choice-card-BVNP1NB6.js","names":[],"sources":["../../src/utils/choice-card.ts"],"sourcesContent":["import type { Transition } from \"motion/react\";\nimport { CONTROL_PRESS_SPRING } from \"./use-press-pulse\";\n\n/**\n * Shared surface for `RadioCard` / `CheckboxCard` — a bordered, selectable\n * tile. Applied to the radio/checkbox root itself so the whole tile is the\n * hit target. Hover fills (`bg-pho-ghost-hover`); selected uses the brand\n * ring. Press feedback lives on this surface (see `usePressPulse`).\n */\nexport const CHOICE_CARD_BASE =\n  \"group outline-pho-brand flex flex-1 cursor-pointer items-start gap-2.5 rounded-base p-3 text-base text-pho-secondary ring-1 ring-pho-primary ring-inset transition-[box-shadow,background-color] duration-150 ease-out select-none hover:bg-pho-ghost-hover data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:bg-transparent data-[checked]:ring-2 data-[checked]:ring-pho-brand has-[[data-checked]]:ring-2 has-[[data-checked]]:ring-pho-brand focus-visible:outline-2 focus-visible:outline-offset-2 has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2\";\n\n/** Stacked icon above the copy — tighter than the checkbox/radio row gap. */\nexport const CHOICE_CARD_WITH_ICON = \"flex-col gap-1.5\";\n\n/** Same press as Select's default trigger — field-sized, not Button's whileTap. */\nexport const CHOICE_CARD_PRESS_SCALE = 0.98;\nexport const CHOICE_CARD_PRESS_TRANSITION: Transition = CONTROL_PRESS_SPRING;\n\n/** Selection pop for a radio dot / checkbox glyph — quick and slightly bouncy. */\nexport const CHOICE_INDICATOR_POP_TRANSITION: Transition = {\n  type: \"spring\",\n  stiffness: 500,\n  damping: 30,\n  mass: 0.5,\n};\n"],"mappings":";;AASA,IAAa,IACX,klBAGW,IAAwB,oBAGxB,IAA0B,MAC1B,IAA2C,GAG3C,IAA8C;AAAA,EACzD,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR"}