@photon-ai/pho-ui 2.6.0 → 2.7.1

package/dist/chunks/skeleton-DwjSl4vC.js

@@ -0,0 +1,18 @@
+"use client";
+import { t } from "./cn-ChIgwEl3.js";
+import { forwardRef as a } from "react";
+import { jsx as n } from "react/jsx-runtime";
+var i = a(function({ className: e, ...o }, r) {
+  return /* @__PURE__ */ n("div", {
+    ref: r,
+    "aria-hidden": !0,
+    className: t("bg-pho-secondary animate-pho-skeleton rounded-sm", e),
+    ...o
+  });
+});
+i.displayName = "Skeleton";
+export {
+  i as t
+};
+
+//# sourceMappingURL=skeleton-DwjSl4vC.js.map

package/dist/chunks/skeleton-DwjSl4vC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-DwjSl4vC.js","names":[],"sources":["../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef, type ComponentProps } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface SkeletonProps extends ComponentProps<\"div\"> {}\n\n/**\n * A pulsing placeholder bone for loading surfaces. Size and shape come from\n * `className` (`h-*`, `w-*`, `rounded-full`, …) — the component only supplies\n * the wash and motion. Decorative by default (`aria-hidden`); mark the\n * surrounding region with `aria-busy` / `aria-label` instead of labeling each\n * bone. Prefer `Spinner` when a single control is pending.\n */\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  function Skeleton({ className, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        aria-hidden\n        className={cn(\n          \"bg-pho-secondary animate-pho-skeleton rounded-sm\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = \"Skeleton\";\n"],"mappings":";;;;AAYA,IAAa,IAAW,EACtB,SAAkB,EAAE,WAAA,GAAW,GAAG,EAAA,GAAS,GAAK;AAC9C,SACE,gBAAA,EAAC,OAAD;AAAA,IACO,KAAA;AAAA,IACL,eAAA;AAAA,IACA,WAAW,EACT,oDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL,CACF;AAEA,EAAS,cAAc"}

package/dist/chunks/{toast-DoXaRPIZ.js → toast-iSf6NuAS.js}

@@ -1,35 +1,33 @@
 "use client";
 import { t as n } from "./cn-ChIgwEl3.js";
+import { FADE_SWAP as _ } from "../motion.js";
 import { n as y } from "./spinner-BzLUo4Xk.js";
-import { a as _ } from "./button-DNNs5RsT.js";
+import { a as b } from "./button-CdqS_t5a.js";
 import { t as i } from "./createReactComponent-BqCmnqfX.js";
-import { t as b } from "./IconX-pZ9vrtSr.js";
-import "./scroll-area-Bu7egArU.js";
+import { t as w } from "./IconX-pZ9vrtSr.js";
+import { n as k } from "./scroll-area-BO-9PMM7.js";
 import "react";
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { AnimatePresence as w, motion as k, useReducedMotion as z } from "motion/react";
+import { AnimatePresence as z, motion as T, useReducedMotion as N } from "motion/react";
 import { Toast as o } from "@base-ui/react/toast";
-var T = [["path", {
+var A = [["path", {
   d: "M14.897 1a4 4 0 0 1 2.664 1.016l.165 .156l4.1 4.1a4 4 0 0 1 1.168 2.605l.006 .227v5.794a4 4 0 0 1 -1.016 2.664l-.156 .165l-4.1 4.1a4 4 0 0 1 -2.603 1.168l-.227 .006h-5.795a3.999 3.999 0 0 1 -2.664 -1.017l-.165 -.156l-4.1 -4.1a4 4 0 0 1 -1.168 -2.604l-.006 -.227v-5.794a4 4 0 0 1 1.016 -2.664l.156 -.165l4.1 -4.1a4 4 0 0 1 2.605 -1.168l.227 -.006h5.793zm-2.887 14l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -8a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z",
   key: "svg-0"
-}]], N = i("filled", "alert-octagon-filled", "AlertOctagonFilled", T), C = [["path", {
+}]], C = i("filled", "alert-octagon-filled", "AlertOctagonFilled", A), M = [["path", {
   d: "M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z",
   key: "svg-0"
-}]], A = i("filled", "alert-triangle-filled", "AlertTriangleFilled", C), M = [["path", {
+}]], P = i("filled", "alert-triangle-filled", "AlertTriangleFilled", M), F = [["path", {
   d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z",
   key: "svg-0"
-}]], P = i("filled", "circle-check-filled", "CircleCheckFilled", M), F = [["path", {
+}]], I = i("filled", "circle-check-filled", "CircleCheckFilled", F), S = [["path", {
   d: "M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
   key: "svg-0"
-}]], I = i("filled", "info-circle-filled", "InfoCircleFilled", F), Y = {
-  duration: 0.2,
-  ease: "easeOut"
-}, c = o.Provider, d = o.Portal, p = o.Action, S = o.useToastManager, X = o.createToastManager, $ = {
-  success: P,
-  error: N,
-  warning: A,
-  info: I
-}, O = {
+}]], Y = i("filled", "info-circle-filled", "InfoCircleFilled", S), X = _, c = o.Provider, d = o.Portal, p = o.Action, $ = o.useToastManager, O = o.createToastManager, R = {
+  success: I,
+  error: C,
+  warning: P,
+  info: Y
+}, D = {
   success: "bg-[color-mix(in_oklab,var(--text-color-pho-success)_7%,transparent)]",
   error: "bg-[color-mix(in_oklab,var(--text-color-pho-error)_7%,transparent)]",
   warning: "bg-[color-mix(in_oklab,var(--text-color-pho-warning)_7%,transparent)]",
@@ -53,52 +51,52 @@ function v({ className: a, ...e }) {
     ...e
   });
 }
-function u({ className: a, ...e }) {
+function f({ className: a, ...e }) {
   return /* @__PURE__ */ t(o.Title, {
     "data-toast-title": !0,
     className: n("text-pho-primary text-md font-medium", a),
     ...e
   });
 }
-function f({ className: a, ...e }) {
+function x({ className: a, ...e }) {
   return /* @__PURE__ */ t(o.Description, {
     className: n("text-pho-description text-md", a),
     ...e
   });
 }
-function x({ className: a, ...e }) {
+function u({ className: a, ...e }) {
   return /* @__PURE__ */ t(o.Close, {
     "data-toast-close": !0,
     className: n("text-pho-secondary hover:text-pho-secondary-hover hover:bg-pho-ghost-hover outline-pho-brand absolute top-2.5 right-2.5 flex size-6 cursor-pointer items-center justify-center rounded-sm transition focus-visible:outline-2 [&>svg]:size-4", a),
     ...e
   });
 }
-function R({ type: a }) {
+function j({ type: a }) {
   if (a === "loading") return /* @__PURE__ */ t(y, {
     "aria-hidden": !0,
     className: "mb-2 size-6 shrink-0"
   });
-  const e = a != null ? $[a] : void 0;
+  const e = a != null ? R[a] : void 0;
   return e == null ? null : /* @__PURE__ */ t(e, {
     "aria-hidden": !0,
     "data-toast-icon": !0,
     className: "mb-2 size-6 shrink-0"
   });
 }
-function j() {
-  const { toasts: a, close: e } = o.useToastManager(), s = z() ? "blur(0px)" : "blur(1px)";
+function W() {
+  const { toasts: a, close: e } = o.useToastManager(), s = N() ? "blur(0px)" : `blur(${k}px)`;
   return a.map((r) => /* @__PURE__ */ l(h, {
     toast: r,
     children: [
       /* @__PURE__ */ t("div", {
         "aria-hidden": !0,
-        className: n("pointer-events-none absolute inset-0 rounded-[inherit] transition-colors duration-200 ease-out", r.type != null ? O[r.type] : void 0)
+        className: n("pointer-events-none absolute inset-0 rounded-[inherit] transition-colors duration-200 ease-out", r.type != null ? D[r.type] : void 0)
       }),
       /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("span", {
         className: "grid",
-        children: /* @__PURE__ */ t(w, {
+        children: /* @__PURE__ */ t(z, {
           initial: !1,
-          children: /* @__PURE__ */ l(k.div, {
+          children: /* @__PURE__ */ l(T.div, {
             className: "flex min-w-0 flex-col [grid-area:1/1]",
             initial: {
               opacity: 0,
@@ -112,14 +110,14 @@ function j() {
               opacity: 0,
               filter: s
             },
-            transition: Y,
+            transition: X,
             children: [
-              /* @__PURE__ */ t(R, { type: r.type }),
-              /* @__PURE__ */ t(u, { children: r.title }),
-              /* @__PURE__ */ t(f, { children: r.description }),
+              /* @__PURE__ */ t(j, { type: r.type }),
+              /* @__PURE__ */ t(f, { children: r.title }),
+              /* @__PURE__ */ t(x, { children: r.description }),
               r.actionProps != null ? /* @__PURE__ */ t(p, {
                 "data-toast-action": !0,
-                render: /* @__PURE__ */ t(_, {
+                render: /* @__PURE__ */ t(b, {
                   variant: "outlined",
                   size: "sm"
                 }),
@@ -133,35 +131,35 @@ function j() {
           }, `${r.type ?? ""}|${String(r.title ?? "")}`)
         })
       }) }),
-      /* @__PURE__ */ t(x, {
+      /* @__PURE__ */ t(u, {
         "aria-label": "Dismiss",
-        children: /* @__PURE__ */ t(b, {})
+        children: /* @__PURE__ */ t(w, {})
       })
     ]
   }, r.id));
 }
-function K({ children: a, toastManager: e }) {
+function Z({ children: a, toastManager: e }) {
   return /* @__PURE__ */ l(c, {
     toastManager: e,
-    children: [a, /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(j, {}) }) })]
+    children: [a, /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(W, {}) }) })]
   });
 }
-var Q = {
+var tt = {
   Provider: c,
   Portal: d,
   Viewport: m,
   Root: h,
   Content: v,
-  Title: u,
-  Description: f,
-  Close: x,
+  Title: f,
+  Description: x,
+  Close: u,
   Action: p,
-  useToastManager: S,
-  createToastManager: X
+  useToastManager: $,
+  createToastManager: O
 };
 export {
-  K as n,
-  Q as t
+  Z as n,
+  tt as t
 };
 
-//# sourceMappingURL=toast-DoXaRPIZ.js.map
+//# sourceMappingURL=toast-iSf6NuAS.js.map

package/dist/chunks/toast-iSf6NuAS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-iSf6NuAS.js","names":["__iconNode","__iconNode","__iconNode"],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertOctagonFilled.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangleFilled.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconCircleCheckFilled.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircleFilled.mjs","../../src/components/toast/toast.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M14.897 1a4 4 0 0 1 2.664 1.016l.165 .156l4.1 4.1a4 4 0 0 1 1.168 2.605l.006 .227v5.794a4 4 0 0 1 -1.016 2.664l-.156 .165l-4.1 4.1a4 4 0 0 1 -2.603 1.168l-.227 .006h-5.795a3.999 3.999 0 0 1 -2.664 -1.017l-.165 -.156l-4.1 -4.1a4 4 0 0 1 -1.168 -2.604l-.006 -.227v-5.794a4 4 0 0 1 1.016 -2.664l.156 -.165l4.1 -4.1a4 4 0 0 1 2.605 -1.168l.227 -.006h5.793zm-2.887 14l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -8a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z\", \"key\": \"svg-0\" }]];\nconst IconAlertOctagonFilled = createReactComponent(\"filled\", \"alert-octagon-filled\", \"AlertOctagonFilled\", __iconNode);\n\nexport { __iconNode, IconAlertOctagonFilled as default };\n//# sourceMappingURL=IconAlertOctagonFilled.mjs.map\n","/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z\", \"key\": \"svg-0\" }]];\nconst IconAlertTriangleFilled = createReactComponent(\"filled\", \"alert-triangle-filled\", \"AlertTriangleFilled\", __iconNode);\n\nexport { __iconNode, IconAlertTriangleFilled as default };\n//# sourceMappingURL=IconAlertTriangleFilled.mjs.map\n","/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z\", \"key\": \"svg-0\" }]];\nconst IconCircleCheckFilled = createReactComponent(\"filled\", \"circle-check-filled\", \"CircleCheckFilled\", __iconNode);\n\nexport { __iconNode, IconCircleCheckFilled as default };\n//# sourceMappingURL=IconCircleCheckFilled.mjs.map\n","/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z\", \"key\": \"svg-0\" }]];\nconst IconInfoCircleFilled = createReactComponent(\"filled\", \"info-circle-filled\", \"InfoCircleFilled\", __iconNode);\n\nexport { __iconNode, IconInfoCircleFilled as default };\n//# sourceMappingURL=IconInfoCircleFilled.mjs.map\n","import { type ComponentProps, type ElementType, type ReactNode } from \"react\";\nimport { FADE_SWAP } from \"../../motion\";\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { AnimatePresence, motion, useReducedMotion } from \"motion/react\";\nimport {\n  IconAlertOctagonFilled,\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconInfoCircleFilled,\n  IconX,\n  type Icon,\n} from \"@tabler/icons-react\";\nimport { BLUR_MAX_PX } from \"../scroll-area\";\nimport { Button } from \"../button\";\nimport { Spinner } from \"../spinner\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\n/** The system's swap: fade through the 1px soft focus, ease-out. */\nconst FACE_SWAP = FADE_SWAP;\n\nconst Provider = BaseToast.Provider;\nconst Portal = BaseToast.Portal;\nconst Action = BaseToast.Action;\n\n/** Imperative toast API: `const toast = useToastManager(); toast.add({ title })`. */\nconst useToastManager = BaseToast.useToastManager;\nconst createToastManager = BaseToast.createToastManager;\n\n/**\n * Status glyphs per toast `type` (Kumo's set in Tabler's hand): the glyph\n * and the title take the status ink, the hairline tints with it, and a\n * translucent wash of the same ink sits over the surface. `info` speaks\n * in the brand ink — Pho has no separate info hue. `loading` is what\n * `manager.promise` shows while the work runs.\n */\nconst TOAST_ICONS: Record<string, Icon> = {\n  success: IconCircleCheckFilled,\n  error: IconAlertOctagonFilled,\n  warning: IconAlertTriangleFilled,\n  info: IconInfoCircleFilled,\n};\n\nconst TOAST_WASH: Record<string, string> = {\n  success:\n    \"bg-[color-mix(in_oklab,var(--text-color-pho-success)_7%,transparent)]\",\n  error: \"bg-[color-mix(in_oklab,var(--text-color-pho-error)_7%,transparent)]\",\n  warning:\n    \"bg-[color-mix(in_oklab,var(--text-color-pho-warning)_7%,transparent)]\",\n  info: \"bg-[color-mix(in_oklab,var(--text-color-pho-brand)_7%,transparent)]\",\n};\n\nfunction Viewport({\n  className,\n  ...props\n}: StyledProps<typeof BaseToast.Viewport>) {\n  return (\n    <BaseToast.Viewport\n      // The stack's anchor box; the cards position themselves absolutely\n      // against its bottom edge, and hovering any card expands the stack.\n      className={cn(\n        \"fixed right-4 bottom-4 z-50 flex w-[calc(100%-2rem)] outline-none sm:w-[22rem]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Root({ className, ...props }: StyledProps<typeof BaseToast.Root>) {\n  return (\n    <BaseToast.Root\n      className={cn(\n        // Floating layer: keeps its elevation shadow, sits on the card surface\n        // with the site hairline (ring-pho-secondary).\n        \"bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary rounded-base absolute right-0 bottom-0 w-full origin-bottom ring-1 select-none ring-inset\",\n        // Kumo's stack math on Base UI's variables: a 12px gap folded into\n        // the expanded offsets, a 12px peek and −10% scale per depth at\n        // rest, the newest card on top.\n        \"[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]\",\n        \"[--offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--gap)*-1+var(--toast-swipe-movement-y,0px))]\",\n        \"[z-index:calc(1000-var(--toast-index))] h-[var(--height)]\",\n        \"[transform:translateX(var(--toast-swipe-movement-x,0px))_translateY(calc(var(--toast-swipe-movement-y,0px)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]\",\n        \"[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s,box-shadow_0.2s_ease-out]\",\n        // Invisible bridge below each card so the hover survives the gaps.\n        \"after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n        // Hovering (or focusing) the stack expands it into a true list.\n        \"data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x,0px))_translateY(var(--offset-y))]\",\n        // Beyond the provider's limit a card parks invisibly until room frees.\n        \"data-[limited]:opacity-0\",\n        // In from below; out along the swipe, or back down when timed out.\n        \"data-[starting-style]:[transform:translateY(150%)]\",\n        \"data-[ending-style]:opacity-0\",\n        \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]\",\n        \"data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y,0px)+150%))]\",\n        \"data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y,0px)-150%))]\",\n        \"data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--offset-y))]\",\n        \"data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--offset-y))]\",\n        \"data-[swiping]:[transition:none]\",\n        // Status inks: hairline, glyph, and title tint together per type.\n        \"data-[type=success]:[&_[data-toast-icon]]:text-pho-success data-[type=success]:[&_[data-toast-title]]:text-pho-success data-[type=success]:[&_[data-toast-action]]:text-pho-success data-[type=success]:[&_[data-toast-close]]:text-pho-success data-[type=success]:ring-[color-mix(in_oklab,var(--text-color-pho-success)_45%,transparent)] data-[type=success]:[&_[data-toast-action]]:ring-[color-mix(in_oklab,var(--text-color-pho-success)_45%,transparent)]\",\n        \"data-[type=error]:[&_[data-toast-icon]]:text-pho-error data-[type=error]:[&_[data-toast-title]]:text-pho-error data-[type=error]:[&_[data-toast-action]]:text-pho-error data-[type=error]:[&_[data-toast-close]]:text-pho-error data-[type=error]:ring-[color-mix(in_oklab,var(--text-color-pho-error)_45%,transparent)] data-[type=error]:[&_[data-toast-action]]:ring-[color-mix(in_oklab,var(--text-color-pho-error)_45%,transparent)]\",\n        \"data-[type=warning]:[&_[data-toast-icon]]:text-pho-warning data-[type=warning]:[&_[data-toast-title]]:text-pho-warning data-[type=warning]:[&_[data-toast-action]]:text-pho-warning data-[type=warning]:[&_[data-toast-close]]:text-pho-warning data-[type=warning]:ring-[color-mix(in_oklab,var(--text-color-pho-warning)_45%,transparent)] data-[type=warning]:[&_[data-toast-action]]:ring-[color-mix(in_oklab,var(--text-color-pho-warning)_45%,transparent)]\",\n        \"data-[type=info]:[&_[data-toast-icon]]:text-pho-brand data-[type=info]:[&_[data-toast-title]]:text-pho-brand data-[type=info]:[&_[data-toast-action]]:text-pho-brand data-[type=info]:[&_[data-toast-close]]:text-pho-brand data-[type=info]:ring-[color-mix(in_oklab,var(--text-color-pho-brand)_45%,transparent)] data-[type=info]:[&_[data-toast-action]]:ring-[color-mix(in_oklab,var(--text-color-pho-brand)_45%,transparent)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Content({\n  className,\n  ...props\n}: StyledProps<typeof BaseToast.Content>) {\n  return (\n    <BaseToast.Content\n      // Cards behind the front one show only their peeking edge — the\n      // words appear when the stack expands.\n      className={cn(\n        \"isolate flex flex-col p-4 pr-10 transition-opacity [transition-duration:250ms]\",\n        \"data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Title({ className, ...props }: StyledProps<typeof BaseToast.Title>) {\n  return (\n    <BaseToast.Title\n      data-toast-title\n      className={cn(\"text-pho-primary text-md font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseToast.Description>) {\n  return (\n    <BaseToast.Description\n      className={cn(\"text-pho-description text-md\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Close({ className, ...props }: StyledProps<typeof BaseToast.Close>) {\n  return (\n    <BaseToast.Close\n      data-toast-close\n      className={cn(\n        \"text-pho-secondary hover:text-pho-secondary-hover hover:bg-pho-ghost-hover outline-pho-brand absolute top-2.5 right-2.5 flex size-6 cursor-pointer items-center justify-center rounded-sm transition focus-visible:outline-2 [&>svg]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * The status glyph for a typed toast — its own row above the title, the\n * Dialog header's arrangement at card scale, an 8px breath before the\n * title. `loading` shows the spinner.\n */\nfunction TypeIcon({ type }: { type?: string }) {\n  if (type === \"loading\") {\n    return <Spinner aria-hidden className=\"mb-2 size-6 shrink-0\" />;\n  }\n  const Glyph = type != null ? TOAST_ICONS[type] : undefined;\n  if (Glyph == null) return null;\n  return <Glyph aria-hidden data-toast-icon className=\"mb-2 size-6 shrink-0\" />;\n}\n\nfunction ToastyList() {\n  const { toasts, close } = BaseToast.useToastManager();\n  const reduceMotion = useReducedMotion();\n  const blurAway = reduceMotion ? \"blur(0px)\" : `blur(${BLUR_MAX_PX}px)`;\n  return toasts.map((toast) => (\n    <Root key={toast.id} toast={toast}>\n      {/* The status wash: a breath of the status ink over the surface. */}\n      <div\n        aria-hidden\n        className={cn(\n          \"pointer-events-none absolute inset-0 rounded-[inherit] transition-colors duration-200 ease-out\",\n          toast.type != null ? TOAST_WASH[toast.type] : undefined,\n        )}\n      />\n      <Content>\n        {/* One grid cell, faces stacked: when a promise walks the card\n            from loading to its outcome, the old face fades out through\n            the system's soft focus exactly where the new one fades in —\n            the values ride each face, so the goer keeps its words. */}\n        <span className=\"grid\">\n          <AnimatePresence initial={false}>\n            <motion.div\n              key={`${toast.type ?? \"\"}|${String(toast.title ?? \"\")}`}\n              className=\"flex min-w-0 flex-col [grid-area:1/1]\"\n              initial={{ opacity: 0, filter: blurAway }}\n              animate={{ opacity: 1, filter: \"blur(0px)\" }}\n              exit={{ opacity: 0, filter: blurAway }}\n              transition={FACE_SWAP}\n            >\n              <TypeIcon type={toast.type} />\n              <Title>{toast.title}</Title>\n              <Description>{toast.description}</Description>\n              {toast.actionProps != null ? (\n                <Action\n                  data-toast-action\n                  render={<Button variant=\"outlined\" size=\"sm\" />}\n                  className=\"mt-2 self-start\"\n                  onClick={(event) => {\n                    toast.actionProps?.onClick?.(event);\n                    close(toast.id);\n                  }}\n                >\n                  {toast.actionProps.children}\n                </Action>\n              ) : null}\n            </motion.div>\n          </AnimatePresence>\n        </span>\n      </Content>\n      <Close aria-label=\"Dismiss\">\n        <IconX />\n      </Close>\n    </Root>\n  ));\n}\n\n/**\n * Toasty — the whole toast system in one wrapper, Kumo-shaped: provider,\n * portal, viewport, and the stacked card list with status variants. Wrap\n * the app once and call `Toast.useToastManager().add({ title, type })`\n * from any child; pass a `toastManager` from `createToastManager()` so\n * code outside the tree (a form's auto-save, a query cache) can speak\n * through the same lane. `manager.promise` shows loading → success/error\n * with the matching glyphs.\n */\nexport function Toasty({\n  children,\n  toastManager,\n}: {\n  children?: ReactNode;\n  toastManager?: ComponentProps<typeof BaseToast.Provider>[\"toastManager\"];\n}) {\n  return (\n    <Provider toastManager={toastManager}>\n      {children}\n      <Portal>\n        <Viewport>\n          <ToastyList />\n        </Viewport>\n      </Portal>\n    </Provider>\n  );\n}\n\n/**\n * Toast built on Base UI `Toast` — transient, non-blocking notifications\n * in a sonner-style stack, styled after Cloudflare's Kumo: at rest the\n * cards collapse into a peek (12px rise and −10% scale per depth, words\n * hidden behind the front card), expand into a true list with a 12px gap\n * on hover or focus, swipe to dismiss, three visible at most. `type`\n * (`success` / `error` / `warning` / `info` / `loading`) tints hairline,\n * glyph, and title together. Reach for `Toasty` unless you need to\n * compose the parts yourself.\n */\nexport const Toast = {\n  Provider,\n  Portal,\n  Viewport,\n  Root,\n  Content,\n  Title,\n  Description,\n  Close,\n  Action,\n  useToastManager,\n  createToastManager,\n};\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}

package/dist/chunks/use-press-pulse-IbNstUT0.js

@@ -0,0 +1,58 @@
+"use client";
+import { PRESS_SCALE as S, SPRING_PRESS_QUICK as E } from "../motion.js";
+import { useCallback as a, useEffect as P, useRef as f } from "react";
+import { useAnimationControls as w } from "motion/react";
+var L = E, R = S;
+function I(l) {
+  const p = l?.scale ?? R, t = l?.disabled ?? !1, s = l?.transition ?? L, r = w(), o = f(!1), d = f(null), n = f(null);
+  P(() => () => n.current?.(), []);
+  const i = a(() => {
+    t || (o.current = !0, d.current = r.start({
+      scale: p,
+      transition: s
+    }));
+  }, [
+    r,
+    t,
+    p,
+    s
+  ]), c = a(async () => {
+    if (!o.current) return;
+    o.current = !1;
+    const e = d.current;
+    await e, !(o.current || d.current !== e) && r.start({
+      scale: 1,
+      transition: s
+    });
+  }, [r, s]);
+  return {
+    pulse: a(() => {
+      i(), c();
+    }, [i, c]),
+    motionProps: {
+      initial: !1,
+      animate: r,
+      onPointerDown: a((e) => {
+        if (t || e.button !== 0 || !e.isPrimary) return;
+        i(), n.current?.();
+        const u = (m) => {
+          m.pointerId === e.pointerId && (n.current?.(), c());
+        };
+        window.addEventListener("pointerup", u), window.addEventListener("pointercancel", u), n.current = () => {
+          window.removeEventListener("pointerup", u), window.removeEventListener("pointercancel", u), n.current = null;
+        };
+      }, [
+        t,
+        i,
+        c
+      ])
+    }
+  };
+}
+export {
+  L as n,
+  I as r,
+  R as t
+};
+
+//# sourceMappingURL=use-press-pulse-IbNstUT0.js.map

package/dist/chunks/use-press-pulse-IbNstUT0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-press-pulse-IbNstUT0.js","names":[],"sources":["../../src/utils/use-press-pulse.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { PRESS_SCALE, SPRING_PRESS_QUICK } from \"../motion\";\nimport { useAnimationControls, type Transition } from \"motion/react\";\n\n/**\n * Press feedback for selection controls (Select trigger, Checkbox…) — the same\n * spring family as Button's effect press, and the same pointer-following\n * behavior: press in on pointer-down, stay compressed while held, spring back\n * on release. One deliberate refinement over a bare `whileTap`: a fast tap\n * never truncates the press-in leg — it always reaches full depth before\n * springing back, so even the quickest click reads as a complete tick.\n */\nexport const CONTROL_PRESS_SPRING = SPRING_PRESS_QUICK;\n\n/** Default press depth — shallow; each control can tune its own. */\nexport const CONTROL_PRESS_SCALE = PRESS_SCALE;\n\n/**\n * Pointer-following press driven by Motion controls. Spread `motionProps` onto\n * a `motion.*` element (via Base UI `render`): pointer-down (primary button)\n * compresses and holds; release springs back once the press-in leg has\n * finished. Release is tracked on `window`, so dragging off the control before\n * letting go still restores it.\n */\nexport function usePressPulse(opts?: {\n  scale?: number;\n  disabled?: boolean;\n  /** Spring override for both legs of the press. @default CONTROL_PRESS_SPRING */\n  transition?: Transition;\n}) {\n  const scale = opts?.scale ?? CONTROL_PRESS_SCALE;\n  const disabled = opts?.disabled ?? false;\n  const transition = opts?.transition ?? CONTROL_PRESS_SPRING;\n  const controls = useAnimationControls();\n  const pressed = useRef(false);\n  const pressIn = useRef<Promise<unknown> | null>(null);\n  const removeListeners = useRef<(() => void) | null>(null);\n\n  useEffect(() => () => removeListeners.current?.(), []);\n\n  const press = useCallback(() => {\n    if (disabled) return;\n    pressed.current = true;\n    pressIn.current = controls.start({ scale, transition });\n  }, [controls, disabled, scale, transition]);\n\n  const release = useCallback(async () => {\n    if (!pressed.current) return;\n    pressed.current = false;\n    const leg = pressIn.current;\n    // Let the press-in leg play out in full before springing back, so a tap\n    // shorter than the spring still shows the whole press.\n    await leg;\n    // A re-press started while we waited — its own release will restore.\n    if (pressed.current || pressIn.current !== leg) return;\n    void controls.start({ scale: 1, transition });\n  }, [controls, transition]);\n\n  /** Programmatic one-shot pulse (press in, then spring back). */\n  const pulse = useCallback(() => {\n    press();\n    void release();\n  }, [press, release]);\n\n  const onPointerDown = useCallback(\n    (event: { button: number; pointerId: number; isPrimary: boolean }) => {\n      if (disabled || event.button !== 0 || !event.isPrimary) return;\n      press();\n      // The pointer may be released anywhere (including off the control after\n      // dragging away), so listen on window rather than the element — but only\n      // for the pointer that started this press, so another finger lifting\n      // elsewhere doesn't spring the control back early.\n      removeListeners.current?.();\n      const end = (e: PointerEvent) => {\n        if (e.pointerId !== event.pointerId) return;\n        removeListeners.current?.();\n        void release();\n      };\n      window.addEventListener(\"pointerup\", end);\n      window.addEventListener(\"pointercancel\", end);\n      removeListeners.current = () => {\n        window.removeEventListener(\"pointerup\", end);\n        window.removeEventListener(\"pointercancel\", end);\n        removeListeners.current = null;\n      };\n    },\n    [disabled, press, release],\n  );\n\n  return {\n    pulse,\n    motionProps: { initial: false as const, animate: controls, onPointerDown },\n  };\n}\n"],"mappings":";;;;AAYA,IAAa,IAAuB,GAGvB,IAAsB;AASnC,SAAgB,EAAc,GAK3B;AACD,QAAM,IAAQ,GAAM,SAAS,GACvB,IAAW,GAAM,YAAY,IAC7B,IAAa,GAAM,cAAc,GACjC,IAAW,EAAqB,GAChC,IAAU,EAAO,EAAK,GACtB,IAAU,EAAgC,IAAI,GAC9C,IAAkB,EAA4B,IAAI;AAExD,EAAA,EAAA,MAAA,MAAsB,EAAgB,UAAU,GAAG,CAAC,CAAC;AAErD,QAAM,IAAQ,EAAA,MAAkB;AAC9B,IAAI,MACJ,EAAQ,UAAU,IAClB,EAAQ,UAAU,EAAS,MAAM;AAAA,MAAE,OAAA;AAAA,MAAO,YAAA;AAAA,IAAW,CAAC;AAAA,EACxD,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAU;AAAA,IAAO;AAAA,EAAU,CAAC,GAEpC,IAAU,EAAY,YAAY;AACtC,QAAI,CAAC,EAAQ,QAAS;AACtB,IAAA,EAAQ,UAAU;AAClB,UAAM,IAAM,EAAQ;AAKpB,IAFA,MAAM,GAEF,EAAA,EAAQ,WAAW,EAAQ,YAAY,MAC3C,EAAc,MAAM;AAAA,MAAE,OAAO;AAAA,MAAG,YAAA;AAAA,IAAW,CAAC;AAAA,EAC9C,GAAG,CAAC,GAAU,CAAU,CAAC;AAiCzB,SAAO;AAAA,IACL,OA/BY,EAAA,MAAkB;AAC9B,MAAA,EAAM,GACN,EAAa;AAAA,IACf,GAAG,CAAC,GAAO,CAAO,CA4BhB;AAAA,IACA,aAAa;AAAA,MAAE,SAAS;AAAA,MAAgB,SAAS;AAAA,MAAU,eA3BvC,EAAA,CACnB,MAAqE;AACpE,YAAI,KAAY,EAAM,WAAW,KAAK,CAAC,EAAM,UAAW;AACxD,QAAA,EAAM,GAKN,EAAgB,UAAU;AAC1B,cAAM,IAAA,CAAO,MAAoB;AAC/B,UAAI,EAAE,cAAc,EAAM,cAC1B,EAAgB,UAAU,GAC1B,EAAa;AAAA,QACf;AACA,eAAO,iBAAiB,aAAa,CAAG,GACxC,OAAO,iBAAiB,iBAAiB,CAAG,GAC5C,EAAgB,UAAA,MAAgB;AAC9B,iBAAO,oBAAoB,aAAa,CAAG,GAC3C,OAAO,oBAAoB,iBAAiB,CAAG,GAC/C,EAAgB,UAAU;AAAA,QAC5B;AAAA,MACF,GACA;AAAA,QAAC;AAAA,QAAU;AAAA,QAAO;AAAA,MAAO,CAKkC;AAAA,IAAc;AAAA,EAC3E;AACF"}

package/dist/components/button.js

@@ -1,5 +1,5 @@
 "use client";
-import { a, c as s, d as o, i as n, l as T, n as B, o as u, r as e, s as f, t as i, u as r } from "../chunks/button-DNNs5RsT.js";
+import { a, c as s, d as o, i as n, l as T, n as B, o as u, r as e, s as f, t as i, u as r } from "../chunks/button-CdqS_t5a.js";
 import { t as E } from "../chunks/close-button-GvqWbLl0.js";
 export {
   i as BUTTON_COLORS,

package/dist/components/checkbox.js

@@ -1,129 +1,7 @@
 "use client";
-import { t } from "../chunks/cn-ChIgwEl3.js";
-import { r as b } from "../chunks/use-press-pulse-8iorQPsh.js";
-import { n as x, r as k, t as v } from "../chunks/choice-card-CunOnY9l.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 C } from "@base-ui/react/checkbox-group";
-var f = "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 : f,
-      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(C, {
-    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: x,
-    disabled: !!a,
-    transition: k
-  }), n = i != null;
-  return /* @__PURE__ */ p(u.label, {
-    ...c,
-    className: t(v, 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";
+import { n as e, r, t as a } from "../chunks/checkbox-Cdm08HWG.js";
 export {
-  A as Checkbox,
-  O as CheckboxCard,
-  P as CheckboxGroup
+  r as Checkbox,
+  a as CheckboxCard,
+  e as CheckboxGroup
 };
-
-//# sourceMappingURL=checkbox.js.map