@photon-ai/pho-ui 2.0.1 → 2.1.1

package/dist/chunks/scroll-area-CNZVwe7v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-CNZVwe7v.js","names":[],"sources":["../../src/components/scroll-area/scroll-area-edges.tsx","../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import { type Ref } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** Overlay strip height — a short ramp, not a banner. `h-8` = 32px. */\nexport const EDGE_CLASS = \"pointer-events-none absolute inset-x-0 z-10 h-8\";\nexport const EDGE_REVEAL_PX = 32;\n\nconst BLUR_LAYER_COUNT = 8;\nconst BLUR_MAX_PX = 1;\n\nfunction buildBlurLayers(count: number, maxPx: number) {\n  const segment = 100 / (count + 1);\n  return Array.from({ length: count }, (_, i) => ({\n    blurPx: (i / (count - 1)) * maxPx,\n    window: [\n      i * segment,\n      (i + 1) * segment,\n      (i + 2) * segment,\n      (i + 3) * segment,\n    ] as const,\n  })).filter((layer) => layer.blurPx > 0);\n}\n\nconst BLUR_LAYERS = buildBlurLayers(BLUR_LAYER_COUNT, BLUR_MAX_PX);\n\nfunction edgeMask(edge: \"top\" | \"bottom\", window: readonly number[]) {\n  const toEdge = edge === \"top\" ? \"to top\" : \"to bottom\";\n  const [a, b, c, d] = window;\n  return `linear-gradient(${toEdge}, transparent ${a}%, black ${b}%, black ${c}%, transparent ${d}%)`;\n}\n\nfunction washGradient(edge: \"top\" | \"bottom\") {\n  const to = edge === \"top\" ? \"to top\" : \"to bottom\";\n  const surface = \"var(--background-color-pho-primary)\";\n  return `linear-gradient(${to}, color-mix(in oklab, ${surface} 20%, transparent) 0%, ${surface} 100%)`;\n}\n\nexport function paintEdge(node: HTMLDivElement | null, progress: number) {\n  if (!node) return;\n  for (const child of node.children) {\n    const el = child as HTMLElement;\n    if (el.dataset.scrollFade === \"wash\") {\n      el.style.opacity = String(progress);\n      continue;\n    }\n    const blur = `blur(${Number(el.dataset.blurPx) * progress}px)`;\n    el.style.backdropFilter = blur;\n    el.style.setProperty(\"-webkit-backdrop-filter\", blur);\n  }\n}\n\nexport function Edge({\n  edge,\n  edgeRef,\n}: {\n  edge: \"top\" | \"bottom\";\n  edgeRef: Ref<HTMLDivElement>;\n}) {\n  return (\n    <div\n      ref={edgeRef}\n      aria-hidden\n      data-edge={edge}\n      className={cn(EDGE_CLASS, edge === \"top\" ? \"top-0\" : \"bottom-0\")}\n    >\n      {BLUR_LAYERS.map(({ blurPx, window }, index) => {\n        const mask = edgeMask(edge, window);\n        return (\n          <div\n            key={index}\n            data-blur-px={blurPx}\n            className=\"absolute inset-0\"\n            style={{\n              maskImage: mask,\n              WebkitMaskImage: mask,\n            }}\n          />\n        );\n      })}\n      <div\n        data-scroll-fade=\"wash\"\n        className=\"absolute inset-0 opacity-0\"\n        style={{ background: washGradient(edge) }}\n      />\n    </div>\n  );\n}\n","import {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  type ComponentProps,\n  type ElementType,\n  type Ref,\n  type RefObject,\n} from \"react\";\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"../../utils/cn\";\nimport { Edge, EDGE_REVEAL_PX, paintEdge } from \"./scroll-area-edges\";\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\nconst ScrollAreaContext = createContext<{\n  topEl: RefObject<HTMLDivElement | null>;\n  bottomEl: RefObject<HTMLDivElement | null>;\n} | null>(null);\n\nfunction useScrollAreaContext() {\n  const ctx = useContext(ScrollAreaContext);\n  if (ctx == null) {\n    throw new Error(\"ScrollArea parts must be used inside ScrollArea.Root\");\n  }\n  return ctx;\n}\n\nfunction clamp01(n: number) {\n  if (n <= 0) return 0;\n  if (n >= 1) return 1;\n  return n;\n}\n\nfunction assignRef<T>(ref: Ref<T> | undefined, node: T | null) {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref) {\n    // React 18 types `RefObject.current` as readonly; the write is legal.\n    (ref as { current: T | null }).current = node;\n  }\n}\n\nconst Content = BaseScrollArea.Content;\nconst Corner = BaseScrollArea.Corner;\n\nfunction Root({\n  className,\n  children,\n  ...props\n}: StyledProps<typeof BaseScrollArea.Root>) {\n  const topEl = useRef<HTMLDivElement | null>(null);\n  const bottomEl = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <BaseScrollArea.Root\n      className={cn(\"relative overflow-hidden\", className)}\n      {...props}\n    >\n      <ScrollAreaContext.Provider value={{ topEl, bottomEl }}>\n        {children}\n        <Edge edge=\"top\" edgeRef={topEl} />\n        <Edge edge=\"bottom\" edgeRef={bottomEl} />\n      </ScrollAreaContext.Provider>\n    </BaseScrollArea.Root>\n  );\n}\n\nfunction Viewport({\n  className,\n  ref,\n  ...props\n}: StyledProps<typeof BaseScrollArea.Viewport>) {\n  const { topEl, bottomEl } = useScrollAreaContext();\n  const viewportRef = useRef<HTMLElement | null>(null);\n\n  useLayoutEffect(() => {\n    const viewport = viewportRef.current;\n    if (!viewport) return;\n\n    const paint = () => {\n      const reveal =\n        topEl.current?.offsetHeight ||\n        bottomEl.current?.offsetHeight ||\n        EDGE_REVEAL_PX;\n      const maxScroll = viewport.scrollHeight - viewport.clientHeight;\n      const top = maxScroll <= 0 ? 0 : clamp01(viewport.scrollTop / reveal);\n      const bottom =\n        maxScroll <= 0 ? 0 : clamp01((maxScroll - viewport.scrollTop) / reveal);\n      paintEdge(topEl.current, top);\n      paintEdge(bottomEl.current, bottom);\n    };\n\n    let frame = 0;\n    const onScroll = () => {\n      if (frame) return;\n      frame = requestAnimationFrame(() => {\n        frame = 0;\n        paint();\n      });\n    };\n\n    paint();\n    viewport.addEventListener(\"scroll\", onScroll, { passive: true });\n    let observer: ResizeObserver | null = null;\n    if (typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver(paint);\n      observer.observe(viewport);\n      if (viewport.firstElementChild) {\n        observer.observe(viewport.firstElementChild);\n      }\n    }\n    return () => {\n      viewport.removeEventListener(\"scroll\", onScroll);\n      if (frame) cancelAnimationFrame(frame);\n      observer?.disconnect();\n    };\n  }, [topEl, bottomEl]);\n\n  return (\n    <BaseScrollArea.Viewport\n      className={cn(\n        \"outline-pho-brand h-full min-h-0 w-full overscroll-contain rounded-[inherit] focus-visible:outline-2 focus-visible:-outline-offset-1\",\n        className,\n      )}\n      {...props}\n      ref={(node) => {\n        viewportRef.current = node;\n        assignRef(ref, node);\n      }}\n    />\n  );\n}\n\nfunction Scrollbar({\n  className,\n  ...props\n}: StyledProps<typeof BaseScrollArea.Scrollbar>) {\n  return (\n    <BaseScrollArea.Scrollbar\n      className={cn(\n        \"relative z-20 flex touch-none p-0.5 opacity-0 transition-opacity delay-300 select-none\",\n        \"data-[hovering]:opacity-100 data-[hovering]:delay-0 data-[scrolling]:opacity-100 data-[scrolling]:delay-0 data-[scrolling]:duration-0\",\n        \"data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=vertical]:w-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Thumb({\n  className,\n  ...props\n}: StyledProps<typeof BaseScrollArea.Thumb>) {\n  return (\n    <BaseScrollArea.Thumb\n      className={cn(\n        \"flex-1 rounded-full bg-[var(--border-color-pho-primary)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Scroll area built on Base UI `ScrollArea` — a capped region with overlay\n * scrollbars and progressive edge fade. Approaching rows blur (0 → 1px) and\n * wash into the surface; strength tracks scroll distance over one strip\n * height. Give `Root` a fixed size; put content in `Viewport` → `Content`\n * and add a `Scrollbar` → `Thumb` per axis.\n */\nexport const ScrollArea = {\n  Root,\n  Viewport,\n  Content,\n  Scrollbar,\n  Thumb,\n  Corner,\n};\n"],"mappings":"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"}

package/dist/components/checkbox.js

@@ -1,56 +1,129 @@
 "use client";
-import { t as o } from "../chunks/cn-DTiB6ek_.js";
-import { r as p } from "../chunks/use-press-pulse-8iorQPsh.js";
-import { t as u } from "../chunks/createReactComponent-BqCmnqfX.js";
-import { t as b } from "../chunks/IconCheck-D2WuculQ.js";
+import { t } from "../chunks/cn-DTiB6ek_.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 i } from "react/jsx-runtime";
-import { motion as h } from "motion/react";
-import { Checkbox as c } from "@base-ui/react/checkbox";
-import { CheckboxGroup as f } from "@base-ui/react/checkbox-group";
-var x = [["path", {
-  d: "M5 12l14 0",
-  key: "svg-0"
-}]], g = u("outline", "minus", "Minus", x), y = {
+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"
-}, d = {
+}, _ = {
   sm: "size-3",
   md: "size-3.5"
 };
-function k({ className: a, label: t, size: r = "md", disabled: n, ...l }) {
-  const { motionProps: m } = p({
+function A({ className: r, label: o, size: s = "md", disabled: i, indeterminate: a, ...d }) {
+  const { motionProps: l } = b({
     scale: 0.94,
-    disabled: !!n
-  }), s = /* @__PURE__ */ e(c.Root, {
-    disabled: n,
-    render: /* @__PURE__ */ e(h.span, { ...m }),
-    className: o("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", "data-[checked]:bg-pho-brand-solid data-[checked]:ring-transparent", "data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:ring-transparent", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", y[r], a),
-    ...l,
-    children: /* @__PURE__ */ i(c.Indicator, {
-      className: o("flex items-center justify-center", "transition-[transform,opacity] duration-150 ease-out", "data-[starting-style]:scale-50 data-[starting-style]:opacity-0", "data-[ending-style]:scale-50 data-[ending-style]:opacity-0"),
-      children: [/* @__PURE__ */ e(b, { className: o(d[r], "group-data-[indeterminate]/cb:hidden") }), /* @__PURE__ */ e(g, { className: o(d[r], "hidden group-data-[indeterminate]/cb:block") })]
+    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 t ? /* @__PURE__ */ i("label", {
-    className: "flex cursor-pointer items-center gap-2 select-none",
-    children: [s, /* @__PURE__ */ e("span", {
+  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: t
+      children: o
     })]
-  }) : s;
+  }) : 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] });
 }
-k.displayName = "Checkbox";
-function C({ className: a, ...t }) {
-  return /* @__PURE__ */ e(f, {
-    className: o("flex flex-col gap-3", a),
-    ...t
+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
+      })
+    ]
   });
 }
-C.displayName = "CheckboxGroup";
+O.displayName = "CheckboxCard";
 export {
-  k as Checkbox,
-  C as CheckboxGroup
+  A as Checkbox,
+  O as CheckboxCard,
+  P as CheckboxGroup
 };
 
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconMinus.mjs","../../src/components/checkbox/checkbox.tsx","../../src/components/checkbox/checkbox-group.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.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\": \"M5 12l14 0\", \"key\": \"svg-0\" }]];\nconst IconMinus = createReactComponent(\"outline\", \"minus\", \"Minus\", __iconNode);\n\nexport { __iconNode, IconMinus as default };\n//# sourceMappingURL=IconMinus.mjs.map\n","import { type ComponentProps, type ReactNode } from \"react\";\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { motion } from \"motion/react\";\nimport { IconCheck, IconMinus } from \"@tabler/icons-react\";\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  ...props\n}: CheckboxProps) {\n  const { motionProps } = usePressPulse({\n    scale: 0.94,\n    disabled: Boolean(disabled),\n  });\n\n  const box = (\n    <BaseCheckbox.Root\n      disabled={disabled}\n      render={<motion.span {...motionProps} />}\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        \"data-[checked]:bg-pho-brand-solid data-[checked]:ring-transparent\",\n        \"data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:ring-transparent\",\n        \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n        BOX[size],\n        className,\n      )}\n      {...props}\n    >\n      <BaseCheckbox.Indicator\n        className={cn(\n          \"flex items-center justify-center\",\n          // Glyph pops in with the fill — short and readable, no bounce.\n          \"transition-[transform,opacity] duration-150 ease-out\",\n          \"data-[starting-style]:scale-50 data-[starting-style]:opacity-0\",\n          \"data-[ending-style]:scale-50 data-[ending-style]:opacity-0\",\n        )}\n      >\n        <IconCheck\n          className={cn(ICON[size], \"group-data-[indeterminate]/cb:hidden\")}\n        />\n        <IconMinus\n          className={cn(\n            ICON[size],\n            \"hidden group-data-[indeterminate]/cb:block\",\n          )}\n        />\n      </BaseCheckbox.Indicator>\n    </BaseCheckbox.Root>\n  );\n\n  if (!label) return box;\n  return (\n    <label className=\"flex cursor-pointer items-center gap-2 select-none\">\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"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;AASA,IAAM,IAAa,CAAC,CAAC,QAAQ;AAAA,EAAE,GAAK;AAAA,EAAc,KAAO;AAAQ,CAAC,CAAC,GAC7D,IAAY,EAAqB,WAAW,SAAS,SAAS,CAAU,GCDxE,IAAoC;AAAA,EAAE,IAAI;AAAA,EAAU,IAAI;AAAS,GACjE,IAAqC;AAAA,EAAE,IAAI;AAAA,EAAU,IAAI;AAAW;AAuB1E,SAAgB,EAAS,EACvB,WAAA,GACA,OAAA,GACA,MAAA,IAAO,MACP,UAAA,GACA,GAAG,EAAA,GACa;AAChB,QAAM,EAAE,aAAA,EAAA,IAAgB,EAAc;AAAA,IACpC,OAAO;AAAA,IACP,UAAU,EAAQ;AAAA,EACpB,CAAC,GAEK,IACJ,gBAAA,EAAC,EAAa,MAAd;AAAA,IACY,UAAA;AAAA,IACV,QAAQ,gBAAA,EAAC,EAAO,MAAR,EAAa,GAAI,EAAc,CAAA;AAAA,IACvC,WAAW,EAIT,6NAGA,sFACA,qEACA,iFACA,iEACA,EAAI,CAAA,GACJ,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,EAAa,WAAd;AAAA,MACE,WAAW,EACT,oCAEA,wDACA,kEACA,4DACF;AAAA,gBAPF,CASE,gBAAA,EAAC,GAAD,EACE,WAAW,EAAG,EAAK,CAAA,GAAO,sCAAsC,EACjE,CAAA,GACD,gBAAA,EAAC,GAAD,EACE,WAAW,EACT,EAAK,CAAA,GACL,4CACF,EACD,CAAA,CACqB;AAAA;EACP,CAAA;AAGrB,SAAK,IAEH,gBAAA,EAAC,SAAD;AAAA,IAAO,WAAU;AAAA,cAAjB,CACG,GACD,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAgC;AAAA,IAAY,CAAA,CACvD;AAAA,OALU;AAOrB;AAEA,EAAS,cAAc;AC/EvB,SAAgB,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6B;AACzE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW,EAAG,uBAAuB,CAAS;AAAA,IAC9C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,EAAc,cAAc"}
+{"version":3,"file":"checkbox.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/components/command.js

@@ -2,8 +2,8 @@
 import { t as l } from "../chunks/cn-DTiB6ek_.js";
 import { t as V } from "../chunks/IconArrowUpRight-DGgKzQwV.js";
 import { t as $ } from "../chunks/IconChevronLeft-CSWMKQ4C.js";
-import { t as q } from "../chunks/animated-height-DhNSac85.js";
-import { t as N } from "../chunks/dialog-Caze1vkf.js";
+import { t as q } from "../chunks/animated-height-C2eQstGy.js";
+import { t as N } from "../chunks/dialog-BC23YRUq.js";
 import { useEffect as D, useId as A, useLayoutEffect as W, useRef as I } from "react";
 import { Fragment as P, jsx as n, jsxs as y } from "react/jsx-runtime";
 import { LayoutGroup as B, animate as j, motion as G, useMotionValue as E, useReducedMotion as O } from "motion/react";

package/dist/components/dialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as i, t as o } from "../chunks/dialog-Caze1vkf.js";
+import { n as i, t as o } from "../chunks/dialog-BC23YRUq.js";
 export {
   o as Dialog,
   i as useDialogPending