@photon-ai/pho-ui 4.3.0 → 4.4.0

package/dist/chunks/bubble-eaoLJP4N.js

@@ -0,0 +1,88 @@
+"use client";
+import { t as r } from "./cn-ChIgwEl3.js";
+import { t as u } from "./resolve-variant-CcD8iG5l.js";
+import { createContext as l, useContext as p } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useRender as d } from "@base-ui/react/use-render";
+var c = {
+  outlined: {
+    classes: r("bg-pho-primary text-pho-primary ring-1 ring-pho-secondary ring-inset", "[&:is(button,a):hover]:bg-pho-primary-hover"),
+    description: "Default — the card surface with the hairline; a message received"
+  },
+  inverse: {
+    classes: r("bg-pho-inverse text-pho-inverse", "[&:is(button,a):hover]:opacity-90"),
+    description: "The inverted chip — a message sent"
+  },
+  subtle: {
+    classes: r("bg-pho-secondary text-pho-primary", "[&:is(button,a):hover]:bg-pho-primary-hover"),
+    description: "The quiet surface — a note, a system line, a quote"
+  },
+  ghost: {
+    classes: r("rounded-none bg-transparent p-0 text-pho-primary", "[&:is(button,a):hover]:bg-pho-ghost-hover"),
+    description: "No surface — prose from an assistant, full width"
+  },
+  error: {
+    classes: r("bg-pho-error-primary text-pho-error", "[&:is(button,a):hover]:bg-pho-error-primary"),
+    description: "Something failed — the send that did not go through"
+  }
+}, b = l({
+  variant: "outlined",
+  align: "start"
+});
+function h({ className: e, ...t }) {
+  return /* @__PURE__ */ i("div", {
+    "data-bubble-group": "",
+    className: r("flex min-w-0 flex-col gap-1", e),
+    ...t
+  });
+}
+function g({ variant: e = "outlined", align: t = "start", className: o, ...a }) {
+  return /* @__PURE__ */ i(b.Provider, {
+    value: {
+      variant: e,
+      align: t
+    },
+    children: /* @__PURE__ */ i("div", {
+      "data-bubble": "",
+      "data-variant": e,
+      "data-align": t,
+      className: r("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1", t === "end" && "items-end self-end", e === "ghost" && "max-w-full", o),
+      ...a
+    })
+  });
+}
+function f({ className: e, render: t, selected: o, ...a }) {
+  const { variant: s, align: n } = p(b);
+  return d({
+    defaultTagName: "div",
+    render: t,
+    props: {
+      ...a,
+      className: r("rounded-base w-fit max-w-full min-w-0 overflow-hidden px-3.5 py-2 text-left text-base leading-normal break-words whitespace-pre-wrap", n === "end" ? "rounded-br-sm" : "rounded-bl-sm", u(c, s), "outline-none [&:is(button,a)]:cursor-pointer [&:is(button,a)]:transition-[background-color,opacity,box-shadow] [&:is(button,a)]:duration-100 [&:is(button,a)]:ease-linear", "[&:is(button,a)]:focus-visible:ring-pho-brand [&:is(button,a)]:focus-visible:ring-2 [&:is(button,a)]:focus-visible:ring-offset-2 [&:is(button,a)]:focus-visible:ring-offset-(--pho-bubble-backdrop,var(--background-color-pho-primary))", o && "ring-pho-brand ring-2 ring-offset-2 ring-offset-(--pho-bubble-backdrop,var(--background-color-pho-primary))", e),
+      "data-bubble-content": "",
+      "data-selected": o ? "" : void 0
+    }
+  });
+}
+function m({ side: e = "bottom", align: t, className: o, ...a }) {
+  const s = p(b), n = t ?? (s.align === "end" ? "start" : "end");
+  return /* @__PURE__ */ i("div", {
+    "data-bubble-reactions": "",
+    "data-side": e,
+    "data-align": n,
+    className: r("bg-pho-primary text-pho-primary ring-pho-secondary absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full px-1.5 py-0.5 text-xs leading-none ring-1 has-[button]:p-0", e === "top" ? "top-0 -translate-y-3/4" : "bottom-0 translate-y-3/4", n === "start" ? "left-2" : "right-2", o),
+    ...a
+  });
+}
+var N = {
+  Root: g,
+  Content: f,
+  Reactions: m,
+  Group: h
+};
+export {
+  N as n,
+  c as t
+};
+
+//# sourceMappingURL=bubble-eaoLJP4N.js.map

package/dist/chunks/bubble-eaoLJP4N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-eaoLJP4N.js","names":[],"sources":["../../src/components/bubble/bubble.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type ComponentProps,\n  type Ref,\n} from \"react\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant, type VariantMap } from \"../../utils/resolve-variant\";\n\n/**\n * Bubble — one message's surface: the rounded chip that carries the text,\n * an image, or a line of prose, aligned to whichever side its author sits\n * on. It knows nothing about who sent it or when; `Message` owns the row\n * (avatar, header, footer) and `Chat` owns the thread.\n *\n * Design notes:\n * - Monochrome, like every Pho surface. The received message is the card\n *   surface with the site hairline; the sent message is the inverted chip\n *   (the site's \"msgbbl\" token — literally its message bubble). There is\n *   no tinted brand bubble because there is no brand hue.\n * - `base` radius with a `sm` tail corner on the author's side, so the\n *   bubble points at its sender the way the dashboard's already does.\n * - `Content` renders through Base UI's `render`, so a bubble can be a\n *   `button` (open the message's record) or a link without a wrapper;\n *   the hover wash and focus ring only apply then.\n */\n\n/* ------------------------------- variants ------------------------------- */\n\n/**\n * Surface axis — a closed monochrome set. `outlined` is the default:\n * the received message. `inverse` is the sent one.\n */\nexport const BUBBLE_VARIANTS = {\n  outlined: {\n    classes: cn(\n      \"bg-pho-primary text-pho-primary ring-1 ring-pho-secondary ring-inset\",\n      \"[&:is(button,a):hover]:bg-pho-primary-hover\",\n    ),\n    description:\n      \"Default — the card surface with the hairline; a message received\",\n  },\n  inverse: {\n    classes: cn(\n      \"bg-pho-inverse text-pho-inverse\",\n      \"[&:is(button,a):hover]:opacity-90\",\n    ),\n    description: \"The inverted chip — a message sent\",\n  },\n  subtle: {\n    classes: cn(\n      \"bg-pho-secondary text-pho-primary\",\n      \"[&:is(button,a):hover]:bg-pho-primary-hover\",\n    ),\n    description: \"The quiet surface — a note, a system line, a quote\",\n  },\n  ghost: {\n    classes: cn(\n      \"rounded-none bg-transparent p-0 text-pho-primary\",\n      \"[&:is(button,a):hover]:bg-pho-ghost-hover\",\n    ),\n    description: \"No surface — prose from an assistant, full width\",\n  },\n  error: {\n    classes: cn(\n      \"bg-pho-error-primary text-pho-error\",\n      \"[&:is(button,a):hover]:bg-pho-error-primary\",\n    ),\n    description: \"Something failed — the send that did not go through\",\n  },\n} satisfies VariantMap;\n\nexport type BubbleVariant = keyof typeof BUBBLE_VARIANTS;\nexport type BubbleAlign = \"start\" | \"end\";\n\nconst BubbleContext = createContext<{\n  variant: BubbleVariant;\n  align: BubbleAlign;\n}>({ variant: \"outlined\", align: \"start\" });\n\n/* --------------------------------- group -------------------------------- */\n\n/**\n * Consecutive bubbles from one author — a tighter stack than the gap\n * between messages, so they read as one turn.\n */\nfunction Group({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-bubble-group=\"\"\n      className={cn(\"flex min-w-0 flex-col gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\n/* --------------------------------- root --------------------------------- */\n\nexport interface BubbleRootProps extends ComponentProps<\"div\"> {\n  /** Surface. @default \"outlined\" */\n  variant?: BubbleVariant;\n  /** Which side the author sits on. @default \"start\" */\n  align?: BubbleAlign;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * The bubble's column: the surface (`Content`) with anything anchored to\n * it (`Reactions`). Caps at 80% of the row so the other side stays open;\n * `ghost` runs full width.\n */\nfunction Root({\n  variant = \"outlined\",\n  align = \"start\",\n  className,\n  ...props\n}: BubbleRootProps) {\n  return (\n    <BubbleContext.Provider value={{ variant, align }}>\n      <div\n        data-bubble=\"\"\n        data-variant={variant}\n        data-align={align}\n        className={cn(\n          \"group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1\",\n          align === \"end\" && \"items-end self-end\",\n          variant === \"ghost\" && \"max-w-full\",\n          className,\n        )}\n        {...props}\n      />\n    </BubbleContext.Provider>\n  );\n}\n\n/* -------------------------------- content ------------------------------- */\n\nexport interface BubbleContentProps extends useRender.ComponentProps<\"div\"> {\n  /**\n   * The bubble whose record is open beside the thread — a brand ring\n   * lifts it off the page. Pair with `aria-pressed` or `aria-current`\n   * on an interactive bubble so the state is announced too.\n   */\n  selected?: boolean;\n}\n\n/**\n * The surface itself. Text wraps and keeps its line breaks. Pass\n * `render={<button type=\"button\" />}` (or a router link) to make the\n * bubble the control that opens the message — it then takes the hover\n * wash and the focus ring.\n */\nfunction Content({\n  className,\n  render,\n  selected,\n  ...props\n}: BubbleContentProps) {\n  const { variant, align } = useContext(BubbleContext);\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    props: {\n      ...props,\n      className: cn(\n        \"rounded-base w-fit max-w-full min-w-0 overflow-hidden px-3.5 py-2 text-left text-base leading-normal break-words whitespace-pre-wrap\",\n        // The tail: a tighter corner on the author's side.\n        align === \"end\" ? \"rounded-br-sm\" : \"rounded-bl-sm\",\n        resolveVariant(BUBBLE_VARIANTS, variant),\n        // Interactive bubbles — a button or a link — take the ring.\n        \"outline-none [&:is(button,a)]:cursor-pointer [&:is(button,a)]:transition-[background-color,opacity,box-shadow] [&:is(button,a)]:duration-100 [&:is(button,a)]:ease-linear\",\n        \"[&:is(button,a)]:focus-visible:ring-pho-brand [&:is(button,a)]:focus-visible:ring-2 [&:is(button,a)]:focus-visible:ring-offset-2 [&:is(button,a)]:focus-visible:ring-offset-(--pho-bubble-backdrop,var(--background-color-pho-primary))\",\n        selected &&\n          \"ring-pho-brand ring-2 ring-offset-2 ring-offset-(--pho-bubble-backdrop,var(--background-color-pho-primary))\",\n        className,\n      ),\n      \"data-bubble-content\": \"\",\n      \"data-selected\": selected ? \"\" : undefined,\n    },\n  });\n}\n\n/* ------------------------------- reactions ------------------------------ */\n\nexport interface BubbleReactionsProps extends ComponentProps<\"div\"> {\n  /** Which edge of the bubble the pill hangs from. @default \"bottom\" */\n  side?: \"top\" | \"bottom\";\n  /** Which corner. Defaults to the corner away from the tail. */\n  align?: BubbleAlign;\n}\n\n/**\n * A small pill hanging off a corner of the bubble — an emoji tapback, a\n * count. The bubble's column reserves no room for it: it overlaps the\n * edge, as tapbacks do.\n */\nfunction Reactions({\n  side = \"bottom\",\n  align,\n  className,\n  ...props\n}: BubbleReactionsProps) {\n  const bubble = useContext(BubbleContext);\n  const corner = align ?? (bubble.align === \"end\" ? \"start\" : \"end\");\n  return (\n    <div\n      data-bubble-reactions=\"\"\n      data-side={side}\n      data-align={corner}\n      className={cn(\n        \"bg-pho-primary text-pho-primary ring-pho-secondary absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full px-1.5 py-0.5 text-xs leading-none ring-1 has-[button]:p-0\",\n        side === \"top\" ? \"top-0 -translate-y-3/4\" : \"bottom-0 translate-y-3/4\",\n        corner === \"start\" ? \"left-2\" : \"right-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A message's surface. `Root` takes the `variant` and `align`; `Content`\n * is the chip (a `div`, or a `button` / link through `render`);\n * `Reactions` hangs off a corner. Stack one author's consecutive bubbles\n * in a `Group`.\n *\n * ```tsx\n * <Bubble.Root variant=\"inverse\" align=\"end\">\n *   <Bubble.Content>On my way.</Bubble.Content>\n *   <Bubble.Reactions>👍</Bubble.Reactions>\n * </Bubble.Root>\n * ```\n */\nexport const Bubble = { Root, Content, Reactions, Group };\n"],"mappings":";;;;;;AAkCA,IAAa,IAAkB;AAAA,EAC7B,UAAU;AAAA,IACR,SAAS,EACP,wEACA,6CACF;AAAA,IACA,aACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,SAAS,EACP,mCACA,mCACF;AAAA,IACA,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,EACP,qCACA,6CACF;AAAA,IACA,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,SAAS,EACP,oDACA,2CACF;AAAA,IACA,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,SAAS,EACP,uCACA,6CACF;AAAA,IACA,aAAa;AAAA,EACf;AACF,GAKM,IAAgB,EAGnB;AAAA,EAAE,SAAS;AAAA,EAAY,OAAO;AAAQ,CAAC;AAQ1C,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAAgC;AAC7D,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,qBAAkB;AAAA,IAClB,WAAW,EAAG,+BAA+B,CAAS;AAAA,IACtD,GAAI;AAAA,EACL,CAAA;AAEL;AAiBA,SAAS,EAAK,EACZ,SAAA,IAAU,YACV,OAAA,IAAQ,SACR,WAAA,GACA,GAAG,EAAA,GACe;AAClB,SACE,gBAAA,EAAC,EAAc,UAAf;AAAA,IAAwB,OAAO;AAAA,MAAE,SAAA;AAAA,MAAS,OAAA;AAAA,IAAM;AAAA,IAC9C,UAAA,gBAAA,EAAC,OAAD;AAAA,MACE,eAAY;AAAA,MACZ,gBAAc;AAAA,MACd,cAAY;AAAA,MACZ,WAAW,EACT,uEACA,MAAU,SAAS,sBACnB,MAAY,WAAW,cACvB,CACF;AAAA,MACA,GAAI;AAAA,IACL,CAAA;AAAA,EACqB,CAAA;AAE5B;AAmBA,SAAS,EAAQ,EACf,WAAA,GACA,QAAA,GACA,UAAA,GACA,GAAG,EAAA,GACkB;AACrB,QAAM,EAAE,SAAA,GAAS,OAAA,EAAA,IAAU,EAAW,CAAa;AACnD,SAAO,EAAU;AAAA,IACf,gBAAgB;AAAA,IAChB,QAAA;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,WAAW,EACT,wIAEA,MAAU,QAAQ,kBAAkB,iBACpC,EAAe,GAAiB,CAAO,GAEvC,6KACA,2OACA,KACE,+GACF,CACF;AAAA,MACA,uBAAuB;AAAA,MACvB,iBAAiB,IAAW,KAAK;AAAA,IACnC;AAAA,EACF,CAAC;AACH;AAgBA,SAAS,EAAU,EACjB,MAAA,IAAO,UACP,OAAA,GACA,WAAA,GACA,GAAG,EAAA,GACoB;AACvB,QAAM,IAAS,EAAW,CAAa,GACjC,IAAS,MAAU,EAAO,UAAU,QAAQ,UAAU;AAC5D,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,yBAAsB;AAAA,IACtB,aAAW;AAAA,IACX,cAAY;AAAA,IACZ,WAAW,EACT,kMACA,MAAS,QAAQ,2BAA2B,4BAC5C,MAAW,UAAU,WAAW,WAChC,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAeA,IAAa,IAAS;AAAA,EAAE,MAAA;AAAA,EAAM,SAAA;AAAA,EAAS,WAAA;AAAA,EAAW,OAAA;AAAM"}

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

@@ -8,7 +8,7 @@ import { n as C } from "./spinner-BzLUo4Xk.js";
 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 = {
+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"
@@ -66,8 +66,8 @@ var ae = l("group relative inline-flex h-max cursor-pointer items-center justify
   }
 }, 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)]")
+    default: l("squircle overflow-visible 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-visible 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)]")
   },
   filled: {
     default: "bg-pho-brand-solid text-pho-on-brand hover:bg-pho-brand-solid-hover data-loading:bg-pho-brand-solid-hover",
@@ -469,4 +469,4 @@ export {
   F as u
 };
 
-//# sourceMappingURL=button-CdqS_t5a.js.map
+//# sourceMappingURL=button-CgUS0j3D.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-CgUS0j3D.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  // Inset focus so the ring stays inside a clipping ancestor (a card, a\n  // scrollport) and inside the pill itself — never drop the ring.\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-visible 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-visible 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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"}