@photon-ai/pho-ui 2.6.0 → 2.7.0

package/dist/components/radio-group.js

@@ -1,7 +1,7 @@
 "use client";
 import { t as d } from "../chunks/cn-ChIgwEl3.js";
-import { r as m } from "../chunks/use-press-pulse-8iorQPsh.js";
-import { a as g, n as C, r as R, t as v } from "../chunks/choice-card-CunOnY9l.js";
+import { r as m } from "../chunks/use-press-pulse-IbNstUT0.js";
+import { a as g, n as C, r as R, t as v } from "../chunks/choice-card-BVNP1NB6.js";
 import { createContext as x, useContext as N } from "react";
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { motion as c } from "motion/react";

package/dist/components/scroll-area.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as e, t as o } from "../chunks/scroll-area-Bu7egArU.js";
+import { n as e, t as o } from "../chunks/scroll-area-BO-9PMM7.js";
 export {
   e as BLUR_MAX_PX,
   o as ScrollArea

package/dist/components/select.js

@@ -1,18 +1,14 @@
 "use client";
 import { t as a } from "../chunks/cn-ChIgwEl3.js";
-import { r as p } from "../chunks/use-press-pulse-8iorQPsh.js";
-import { t as u } from "../chunks/IconCheck-D2WuculQ.js";
-import { createContext as m, useContext as g } from "react";
+import { SPRING_PRESS_INLINE as p } from "../motion.js";
+import { r as u } from "../chunks/use-press-pulse-IbNstUT0.js";
+import { t as m } from "../chunks/IconCheck-D2WuculQ.js";
+import { createContext as g, useContext as h } from "react";
 import { jsx as r } from "react/jsx-runtime";
-import { motion as h } from "motion/react";
+import { motion as f } from "motion/react";
 import { Select as o } from "@base-ui/react/select";
-var c = m(!1), f = 0.99, y = {
-  type: "spring",
-  stiffness: 1100,
-  damping: 40,
-  mass: 0.04
-};
-function b({ multiple: e = !1, ...t }) {
+var c = g(!1), y = 0.99, b = p;
+function x({ multiple: e = !1, ...t }) {
   return /* @__PURE__ */ r(c.Provider, {
     value: !!e,
     children: /* @__PURE__ */ r(o.Root, {
@@ -21,28 +17,28 @@ function b({ multiple: e = !1, ...t }) {
     })
   });
 }
-var x = o.Value, v = o.Portal, I = o.List, N = o.Group, P = a("flex cursor-pointer items-center justify-between gap-2 text-base select-none", "transition-[color,background-color,box-shadow,outline-color] duration-150 ease-out", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", "[&_svg]:text-pho-secondary [&_svg]:size-4");
+var v = o.Value, I = o.Portal, N = o.List, P = o.Group, S = a("flex cursor-pointer items-center justify-between gap-2 text-base select-none", "transition-[color,background-color,box-shadow,outline-color] duration-150 ease-out", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", "[&_svg]:text-pho-secondary [&_svg]:size-4");
 function w({ className: e, disabled: t, variant: n = "default", onPointerDown: s, ...i }) {
-  const l = n === "inline", { motionProps: d } = p({
-    scale: l ? f : 0.98,
-    transition: l ? y : void 0,
+  const l = n === "inline", { motionProps: d } = u({
+    scale: l ? y : 0.98,
+    transition: l ? b : void 0,
     disabled: !!t
   });
   return /* @__PURE__ */ r(o.Trigger, {
     disabled: t,
     onPointerDown: s,
-    render: /* @__PURE__ */ r(h.button, { ...d }),
-    className: a(P, l ? "rounded-base min-w-0 bg-transparent focus-visible:outline-none" : a("bg-pho-primary ring-pho-primary text-pho-primary outline-pho-brand rounded-base min-w-44 px-3 py-2 ring-1 ring-inset", "data-[popup-open]:ring-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1"), e),
+    render: /* @__PURE__ */ r(f.button, { ...d }),
+    className: a(S, l ? "rounded-base min-w-0 bg-transparent focus-visible:outline-none" : a("bg-pho-primary ring-pho-primary text-pho-primary outline-pho-brand rounded-base min-w-44 px-3 py-2 ring-1 ring-inset", "data-[popup-open]:ring-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1"), e),
     ...i
   });
 }
-function S({ className: e, ...t }) {
+function _({ className: e, ...t }) {
   return /* @__PURE__ */ r(o.Icon, {
     className: a("flex shrink-0 items-center", e),
     ...t
   });
 }
-function _({ className: e, sideOffset: t = 6, align: n = "start", alignItemWithTrigger: s = !1, ...i }) {
+function E({ className: e, sideOffset: t = 6, align: n = "start", alignItemWithTrigger: s = !1, ...i }) {
   return /* @__PURE__ */ r(o.Positioner, {
     sideOffset: t,
     align: n,
@@ -51,26 +47,26 @@ function _({ className: e, sideOffset: t = 6, align: n = "start", alignItemWithT
     ...i
   });
 }
-function z({ className: e, ...t }) {
+function R({ className: e, ...t }) {
   return /* @__PURE__ */ r(o.Popup, {
     className: a("bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary rounded-base max-h-[var(--available-height)] min-w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-y-auto p-1 ring-1 outline-none ring-inset", "transition-[transform,opacity] duration-[140ms] ease-[cubic-bezier(0.34,1.3,0.64,1)]", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-100 data-[ending-style]:ease-out", e),
     ...t
   });
 }
-function E({ className: e, ...t }) {
+function G({ className: e, ...t }) {
   return /* @__PURE__ */ r(o.Item, {
     className: a("group/pho-item text-pho-secondary grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 rounded-[calc(var(--radius-base)-4px)] py-1.5 pr-2.5 pl-2 text-base outline-none select-none", "data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary data-[disabled]:opacity-50", e),
     ...t
   });
 }
-function G({ className: e, ...t }) {
+function L({ className: e, ...t }) {
   return /* @__PURE__ */ r(o.ItemText, {
     className: a("col-start-2 min-w-0", e),
     ...t
   });
 }
-function L({ className: e, children: t, ...n }) {
-  const s = g(c), i = t ?? /* @__PURE__ */ r(u, {});
+function z({ className: e, children: t, ...n }) {
+  const s = h(c), i = t ?? /* @__PURE__ */ r(m, {});
   return s ? /* @__PURE__ */ r("span", {
     "aria-hidden": !0,
     className: a("col-start-1 flex size-4 shrink-0 items-center justify-center rounded-sm ring-1 ring-inset", "bg-pho-primary ring-pho-primary text-pho-on-brand", "transition-[background-color,box-shadow,color] duration-150 ease-out", "group-data-[selected]/pho-item:bg-pho-brand-solid group-data-[selected]/pho-item:ring-transparent"),
@@ -85,29 +81,29 @@ function L({ className: e, children: t, ...n }) {
     children: i
   });
 }
-function R({ className: e, ...t }) {
+function k({ className: e, ...t }) {
   return /* @__PURE__ */ r(o.GroupLabel, {
     className: a("text-pho-secondary px-2.5 py-1.5 text-xs font-medium", e),
     ...t
   });
 }
-var M = {
-  Root: b,
+var q = {
+  Root: x,
   Trigger: w,
-  Value: x,
-  Icon: S,
-  Portal: v,
-  Positioner: _,
-  Popup: z,
-  List: I,
-  Item: E,
-  ItemText: G,
-  ItemIndicator: L,
-  Group: N,
-  GroupLabel: R
+  Value: v,
+  Icon: _,
+  Portal: I,
+  Positioner: E,
+  Popup: R,
+  List: N,
+  Item: G,
+  ItemText: L,
+  ItemIndicator: z,
+  Group: P,
+  GroupLabel: k
 };
 export {
-  M as Select
+  q as Select
 };
 
 //# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../src/components/select/select.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type ComponentProps,\n  type ElementType,\n  type ReactNode,\n} from \"react\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { motion } from \"motion/react\";\nimport { IconCheck } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils/cn\";\nimport { usePressPulse } from \"../../utils/use-press-pulse\";\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/** Lets `ItemIndicator` know whether the Root is in `multiple` mode. */\nconst SelectMultipleContext = createContext(false);\n\nexport type SelectTriggerVariant = \"default\" | \"inline\";\n\n// Inline rides someone else's surface, so its pulse is shallower and snappier\n// than the default field's (0.98 / stiffness 700) — felt, not seen moving.\nconst INLINE_PRESS_SCALE = 0.99;\nconst INLINE_PRESS_SPRING = {\n  type: \"spring\",\n  stiffness: 1100,\n  damping: 40,\n  mass: 0.04,\n} as const;\n\nfunction Root({\n  multiple = false,\n  ...props\n}: ComponentProps<typeof BaseSelect.Root>) {\n  return (\n    <SelectMultipleContext.Provider value={Boolean(multiple)}>\n      <BaseSelect.Root multiple={multiple} {...props} />\n    </SelectMultipleContext.Provider>\n  );\n}\n\nconst Value = BaseSelect.Value;\nconst Portal = BaseSelect.Portal;\nconst List = BaseSelect.List;\nconst Group = BaseSelect.Group;\n\n// Shared by both Trigger variants — layout, easing, disabled, icon tone.\nconst TRIGGER_BASE = cn(\n  \"flex cursor-pointer items-center justify-between gap-2 text-base select-none\",\n  // Colors/stroke ease briefly; transform stays out (Motion owns it).\n  \"transition-[color,background-color,box-shadow,outline-color] duration-150 ease-out\",\n  \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n  \"[&_svg]:text-pho-secondary [&_svg]:size-4\",\n);\n\nfunction Trigger({\n  className,\n  disabled,\n  variant = \"default\",\n  onPointerDown,\n  ...props\n}: StyledProps<typeof BaseSelect.Trigger> & {\n  /**\n   * `inline` drops the field chrome (ring, background, padding, min-width)\n   * to ride a host surface — an Input Group addon, a toolbar — which then\n   * carries the focus/open treatment. The press pulse moves to the arrow.\n   * @default \"default\"\n   */\n  variant?: SelectTriggerVariant;\n}) {\n  // One-shot press pulse (fires on pointer-down, always completes) — the\n  // Effect Button gesture family adapted for a field-sized control. Both\n  // variants pulse the whole trigger; inline is shallower and quicker.\n  const inline = variant === \"inline\";\n  const { motionProps } = usePressPulse({\n    scale: inline ? INLINE_PRESS_SCALE : 0.98,\n    transition: inline ? INLINE_PRESS_SPRING : undefined,\n    disabled: Boolean(disabled),\n  });\n\n  return (\n    <BaseSelect.Trigger\n      disabled={disabled}\n      onPointerDown={onPointerDown}\n      // Motion owns transform; a caller-supplied `render` in props still wins.\n      render={<motion.button {...motionProps} />}\n      className={cn(\n        TRIGGER_BASE,\n        inline\n          ? // Chrome-free: no surface of its own, text inherits the host\n            // tone, and the host shows focus (e.g. Input Group's shared ring).\n            \"rounded-base min-w-0 bg-transparent focus-visible:outline-none\"\n          : cn(\n              // Flat field surface — shadows are reserved for floating\n              // layers; the 15% ring-pho-primary hairline is the input edge.\n              \"bg-pho-primary ring-pho-primary text-pho-primary outline-pho-brand rounded-base min-w-44 px-3 py-2 ring-1 ring-inset\",\n              \"data-[popup-open]:ring-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1\",\n            ),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Icon({ className, ...props }: StyledProps<typeof BaseSelect.Icon>) {\n  return (\n    <BaseSelect.Icon\n      className={cn(\"flex shrink-0 items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Positioner({\n  className,\n  sideOffset = 6,\n  align = \"start\",\n  alignItemWithTrigger = false,\n  ...props\n}: StyledProps<typeof BaseSelect.Positioner>) {\n  return (\n    <BaseSelect.Positioner\n      sideOffset={sideOffset}\n      align={align}\n      // Base UI defaults to the macOS-style overlap (popup covers the trigger\n      // so the selected item sits on the value text) — disorienting in a page\n      // flow, so Pho drops the list below the field like a menu instead.\n      alignItemWithTrigger={alignItemWithTrigger}\n      className={cn(\"z-50 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseSelect.Popup>) {\n  return (\n    <BaseSelect.Popup\n      className={cn(\n        // Floating layer: keeps its elevation shadow, edged with the site\n        // hairline (ring-pho-secondary, #eee/#202020).\n        \"bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary rounded-base max-h-[var(--available-height)] min-w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-y-auto p-1 ring-1 outline-none ring-inset\",\n        // Effect-Button animation family, faster: the open springs from the\n        // trigger edge with a slight overshoot; close is a quick ease-out.\n        \"transition-[transform,opacity] duration-[140ms] ease-[cubic-bezier(0.34,1.3,0.64,1)]\",\n        \"data-[starting-style]:scale-95 data-[starting-style]:opacity-0\",\n        \"data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-100 data-[ending-style]:ease-out\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Item({ className, ...props }: StyledProps<typeof BaseSelect.Item>) {\n  return (\n    <BaseSelect.Item\n      className={cn(\n        // Fixed 1rem leading column: the selection mark lives there, so every\n        // label starts at the same x whether or not it is selected.\n        // `group/pho-item` feeds the multiple-mode checkbox indicator.\n        \"group/pho-item text-pho-secondary grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 rounded-[calc(var(--radius-base)-4px)] py-1.5 pr-2.5 pl-2 text-base outline-none select-none\",\n        // Secondary at rest; highlight lifts to primary + ghost wash (Menu idiom).\n        \"data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary data-[disabled]:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemText({\n  className,\n  ...props\n}: StyledProps<typeof BaseSelect.ItemText>) {\n  return (\n    <BaseSelect.ItemText\n      // Pin to column 2: when the single-select indicator unmounts, grid\n      // auto-placement would otherwise pull the label into the mark column.\n      className={cn(\"col-start-2 min-w-0\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Leading selection mark, mode-aware. Single: a brand check that appears in\n * the reserved column. Multiple: an always-visible checkbox box that fills\n * with the same quiet fill/stroke ease as the standalone Checkbox.\n */\nfunction ItemIndicator({\n  className,\n  children,\n  ...props\n}: StyledProps<typeof BaseSelect.ItemIndicator> & { children?: ReactNode }) {\n  const multiple = useContext(SelectMultipleContext);\n  const mark = children ?? <IconCheck />;\n\n  if (multiple) {\n    return (\n      <span\n        aria-hidden\n        className={cn(\n          \"col-start-1 flex size-4 shrink-0 items-center justify-center rounded-sm ring-1 ring-inset\",\n          \"bg-pho-primary ring-pho-primary text-pho-on-brand\",\n          // Fill + stroke ease together on toggle — Checkbox's transition.\n          \"transition-[background-color,box-shadow,color] duration-150 ease-out\",\n          \"group-data-[selected]/pho-item:bg-pho-brand-solid group-data-[selected]/pho-item:ring-transparent\",\n        )}\n      >\n        <BaseSelect.ItemIndicator\n          className={cn(\n            \"flex items-center justify-center [&>svg]:size-3\",\n            // Glyph pops with the fill; exits on the same path.\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            className,\n          )}\n          {...props}\n        >\n          {mark}\n        </BaseSelect.ItemIndicator>\n      </span>\n    );\n  }\n\n  return (\n    <BaseSelect.ItemIndicator\n      className={cn(\n        \"text-pho-brand col-start-1 flex size-4 items-center justify-center [&>svg]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {mark}\n    </BaseSelect.ItemIndicator>\n  );\n}\n\nfunction GroupLabel({\n  className,\n  ...props\n}: StyledProps<typeof BaseSelect.GroupLabel>) {\n  return (\n    <BaseSelect.GroupLabel\n      className={cn(\n        \"text-pho-secondary px-2.5 py-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Select built on Base UI `Select` — pick one option (or several with\n * `multiple`) from a list that opens below the trigger on click; the pattern\n * other design systems call a picker. Pass `items` to `Select.Root`, render an\n * `Item` per option, and show the selection with `Select.Value`. For a short,\n * always-visible set use `RadioGroup`; to filter a long list by typing use\n * `Combobox`.\n */\nexport const Select = {\n  Root,\n  Trigger,\n  Value,\n  Icon,\n  Portal,\n  Positioner,\n  Popup,\n  List,\n  Item,\n  ItemText,\n  ItemIndicator,\n  Group,\n  GroupLabel,\n};\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../src/components/select/select.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type ComponentProps,\n  type ElementType,\n  type ReactNode,\n} from \"react\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { SPRING_PRESS_INLINE } from \"../../motion\";\nimport { motion } from \"motion/react\";\nimport { IconCheck } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils/cn\";\nimport { usePressPulse } from \"../../utils/use-press-pulse\";\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/** Lets `ItemIndicator` know whether the Root is in `multiple` mode. */\nconst SelectMultipleContext = createContext(false);\n\nexport type SelectTriggerVariant = \"default\" | \"inline\";\n\n// Inline rides someone else's surface, so its pulse is shallower and snappier\n// than the default field's (0.98 / stiffness 700) — felt, not seen moving.\nconst INLINE_PRESS_SCALE = 0.99;\nconst INLINE_PRESS_SPRING = SPRING_PRESS_INLINE;\n\nfunction Root({\n  multiple = false,\n  ...props\n}: ComponentProps<typeof BaseSelect.Root>) {\n  return (\n    <SelectMultipleContext.Provider value={Boolean(multiple)}>\n      <BaseSelect.Root multiple={multiple} {...props} />\n    </SelectMultipleContext.Provider>\n  );\n}\n\nconst Value = BaseSelect.Value;\nconst Portal = BaseSelect.Portal;\nconst List = BaseSelect.List;\nconst Group = BaseSelect.Group;\n\n// Shared by both Trigger variants — layout, easing, disabled, icon tone.\nconst TRIGGER_BASE = cn(\n  \"flex cursor-pointer items-center justify-between gap-2 text-base select-none\",\n  // Colors/stroke ease briefly; transform stays out (Motion owns it).\n  \"transition-[color,background-color,box-shadow,outline-color] duration-150 ease-out\",\n  \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n  \"[&_svg]:text-pho-secondary [&_svg]:size-4\",\n);\n\nfunction Trigger({\n  className,\n  disabled,\n  variant = \"default\",\n  onPointerDown,\n  ...props\n}: StyledProps<typeof BaseSelect.Trigger> & {\n  /**\n   * `inline` drops the field chrome (ring, background, padding, min-width)\n   * to ride a host surface — an Input Group addon, a toolbar — which then\n   * carries the focus/open treatment. The press pulse moves to the arrow.\n   * @default \"default\"\n   */\n  variant?: SelectTriggerVariant;\n}) {\n  // One-shot press pulse (fires on pointer-down, always completes) — the\n  // Effect Button gesture family adapted for a field-sized control. Both\n  // variants pulse the whole trigger; inline is shallower and quicker.\n  const inline = variant === \"inline\";\n  const { motionProps } = usePressPulse({\n    scale: inline ? INLINE_PRESS_SCALE : 0.98,\n    transition: inline ? INLINE_PRESS_SPRING : undefined,\n    disabled: Boolean(disabled),\n  });\n\n  return (\n    <BaseSelect.Trigger\n      disabled={disabled}\n      onPointerDown={onPointerDown}\n      // Motion owns transform; a caller-supplied `render` in props still wins.\n      render={<motion.button {...motionProps} />}\n      className={cn(\n        TRIGGER_BASE,\n        inline\n          ? // Chrome-free: no surface of its own, text inherits the host\n            // tone, and the host shows focus (e.g. Input Group's shared ring).\n            \"rounded-base min-w-0 bg-transparent focus-visible:outline-none\"\n          : cn(\n              // Flat field surface — shadows are reserved for floating\n              // layers; the 15% ring-pho-primary hairline is the input edge.\n              \"bg-pho-primary ring-pho-primary text-pho-primary outline-pho-brand rounded-base min-w-44 px-3 py-2 ring-1 ring-inset\",\n              \"data-[popup-open]:ring-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1\",\n            ),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Icon({ className, ...props }: StyledProps<typeof BaseSelect.Icon>) {\n  return (\n    <BaseSelect.Icon\n      className={cn(\"flex shrink-0 items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Positioner({\n  className,\n  sideOffset = 6,\n  align = \"start\",\n  alignItemWithTrigger = false,\n  ...props\n}: StyledProps<typeof BaseSelect.Positioner>) {\n  return (\n    <BaseSelect.Positioner\n      sideOffset={sideOffset}\n      align={align}\n      // Base UI defaults to the macOS-style overlap (popup covers the trigger\n      // so the selected item sits on the value text) — disorienting in a page\n      // flow, so Pho drops the list below the field like a menu instead.\n      alignItemWithTrigger={alignItemWithTrigger}\n      className={cn(\"z-50 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseSelect.Popup>) {\n  return (\n    <BaseSelect.Popup\n      className={cn(\n        // Floating layer: keeps its elevation shadow, edged with the site\n        // hairline (ring-pho-secondary, #eee/#202020).\n        \"bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary rounded-base max-h-[var(--available-height)] min-w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-y-auto p-1 ring-1 outline-none ring-inset\",\n        // Effect-Button animation family, faster: the open springs from the\n        // trigger edge with a slight overshoot; close is a quick ease-out.\n        \"transition-[transform,opacity] duration-[140ms] ease-[cubic-bezier(0.34,1.3,0.64,1)]\",\n        \"data-[starting-style]:scale-95 data-[starting-style]:opacity-0\",\n        \"data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-100 data-[ending-style]:ease-out\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Item({ className, ...props }: StyledProps<typeof BaseSelect.Item>) {\n  return (\n    <BaseSelect.Item\n      className={cn(\n        // Fixed 1rem leading column: the selection mark lives there, so every\n        // label starts at the same x whether or not it is selected.\n        // `group/pho-item` feeds the multiple-mode checkbox indicator.\n        \"group/pho-item text-pho-secondary grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 rounded-[calc(var(--radius-base)-4px)] py-1.5 pr-2.5 pl-2 text-base outline-none select-none\",\n        // Secondary at rest; highlight lifts to primary + ghost wash (Menu idiom).\n        \"data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary data-[disabled]:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemText({\n  className,\n  ...props\n}: StyledProps<typeof BaseSelect.ItemText>) {\n  return (\n    <BaseSelect.ItemText\n      // Pin to column 2: when the single-select indicator unmounts, grid\n      // auto-placement would otherwise pull the label into the mark column.\n      className={cn(\"col-start-2 min-w-0\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Leading selection mark, mode-aware. Single: a brand check that appears in\n * the reserved column. Multiple: an always-visible checkbox box that fills\n * with the same quiet fill/stroke ease as the standalone Checkbox.\n */\nfunction ItemIndicator({\n  className,\n  children,\n  ...props\n}: StyledProps<typeof BaseSelect.ItemIndicator> & { children?: ReactNode }) {\n  const multiple = useContext(SelectMultipleContext);\n  const mark = children ?? <IconCheck />;\n\n  if (multiple) {\n    return (\n      <span\n        aria-hidden\n        className={cn(\n          \"col-start-1 flex size-4 shrink-0 items-center justify-center rounded-sm ring-1 ring-inset\",\n          \"bg-pho-primary ring-pho-primary text-pho-on-brand\",\n          // Fill + stroke ease together on toggle — Checkbox's transition.\n          \"transition-[background-color,box-shadow,color] duration-150 ease-out\",\n          \"group-data-[selected]/pho-item:bg-pho-brand-solid group-data-[selected]/pho-item:ring-transparent\",\n        )}\n      >\n        <BaseSelect.ItemIndicator\n          className={cn(\n            \"flex items-center justify-center [&>svg]:size-3\",\n            // Glyph pops with the fill; exits on the same path.\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            className,\n          )}\n          {...props}\n        >\n          {mark}\n        </BaseSelect.ItemIndicator>\n      </span>\n    );\n  }\n\n  return (\n    <BaseSelect.ItemIndicator\n      className={cn(\n        \"text-pho-brand col-start-1 flex size-4 items-center justify-center [&>svg]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {mark}\n    </BaseSelect.ItemIndicator>\n  );\n}\n\nfunction GroupLabel({\n  className,\n  ...props\n}: StyledProps<typeof BaseSelect.GroupLabel>) {\n  return (\n    <BaseSelect.GroupLabel\n      className={cn(\n        \"text-pho-secondary px-2.5 py-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Select built on Base UI `Select` — pick one option (or several with\n * `multiple`) from a list that opens below the trigger on click; the pattern\n * other design systems call a picker. Pass `items` to `Select.Root`, render an\n * `Item` per option, and show the selection with `Select.Value`. For a short,\n * always-visible set use `RadioGroup`; to filter a long list by typing use\n * `Combobox`.\n */\nexport const Select = {\n  Root,\n  Trigger,\n  Value,\n  Icon,\n  Portal,\n  Positioner,\n  Popup,\n  List,\n  Item,\n  ItemText,\n  ItemIndicator,\n  Group,\n  GroupLabel,\n};\n"],"mappings":"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"}

package/dist/components/skeleton.js

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

package/dist/components/toast.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as o, t as s } from "../chunks/toast-DoXaRPIZ.js";
+import { n as o, t as s } from "../chunks/toast-iSf6NuAS.js";
 export {
   s as Toast,
   o as Toasty

package/dist/index.js

@@ -1,80 +1,101 @@
 "use client";
 import { t as a } from "./chunks/cn-ChIgwEl3.js";
-import { n as r, r as E, t as o } from "./chunks/link-provider-9TFNyDqO.js";
-import { t as S } from "./chunks/resolve-variant-CcD8iG5l.js";
-import { n as A, r as T, t as I } from "./chunks/use-press-pulse-8iorQPsh.js";
+import { t } from "./chunks/is-react-component-DSnjtBmo.js";
+import { t as r } from "./chunks/resolve-variant-CcD8iG5l.js";
+import { n as o, t as A } from "./chunks/link-provider-DXzDQ08N.js";
+import { BAR_RISE_PX as I, BLUR_PX as i, EASE_POP as T, EASE_STACK as m, FADE_ENTRANCE as e, FADE_SWAP as n, PRESS_SCALE as P, PRESS_SCALE_ROW as C, RISE_PX as N, SPRING_ENTRANCE as B, SPRING_PRESS as p, SPRING_PRESS_INLINE as O, SPRING_PRESS_QUICK as f, SPRING_SETTLE as u, TRAVEL_LINEAR as L, fadeThroughBlur as D, riseIn as l } from "./motion.js";
+import { n as c, r as G, t as U } from "./chunks/use-press-pulse-IbNstUT0.js";
 import "./utils.js";
-import { a as m, c as R, d as B, i as p, l as C, n as O, o as f, r as u, s as N, t as P, u as D } from "./chunks/button-DNNs5RsT.js";
-import { a as V, c, i as l, l as U, n as G, o as d, r as M, s as b, t as g } from "./chunks/error-Crs-wqMC.js";
-import { a as F, c as W, d as h, f as v, i as Z, l as w, m as x, n as H, o as Y, p as z, r as X, s as j, t as q, u as y } from "./chunks/basic-page-DsI1xo6p.js";
-import { a as K, c as Q, i as $, n as ss, o as as, r as ts, s as rs, t as Es } from "./chunks/sidebar-DvB-G0BP.js";
-import { t as _s } from "./chunks/input-DjvZoF8v.js";
-import { t as is } from "./chunks/close-button-GvqWbLl0.js";
-import { t as Ts } from "./chunks/input-group-fc9_jD4d.js";
-import { n as ns, t as es } from "./chunks/card-DSW3Uhag.js";
-import { n as Rs, t as Bs } from "./chunks/dialog-8SRNi_rv.js";
-import { i as Cs, n as Os, r as fs, t as us } from "./chunks/status-view-C8tabjDu.js";
+import { a as F, c as W, d as b, i as g, l as h, n as k, o as X, r as v, s as Z, t as w, u as x } from "./chunks/button-CdqS_t5a.js";
+import { a as K, c as Y, i as z, l as Q, n as j, o as q, r as y, s as J, t as $ } from "./chunks/error-D0yoFxCv.js";
+import { a as as, c as Es, d as ts, f as _s, i as rs, l as Ss, m as os, n as As, o as Rs, p as Is, r as is, s as Ts, t as ms, u as es } from "./chunks/basic-page-DR5szOOs.js";
+import { o as Ps } from "./chunks/data-table-DwbPU0zt.js";
+import { a as Ns, c as Bs, i as ps, n as Os, o as fs, r as us, s as Ls, t as Ds } from "./chunks/sidebar-DVzZsCts.js";
+import { t as Vs } from "./chunks/input-DjvZoF8v.js";
+import { t as Gs } from "./chunks/close-button-GvqWbLl0.js";
+import { t as ds } from "./chunks/input-group-fc9_jD4d.js";
+import { n as Fs, t as Ws } from "./chunks/card-DSW3Uhag.js";
+import { n as gs, t as hs } from "./chunks/dialog-BxKACOj5.js";
+import { i as Xs, n as vs, r as Zs, t as ws } from "./chunks/status-view-C8tabjDu.js";
 import "./components/status-view.js";
 export {
-  q as AUTO_SAVE_DELAY_MS,
-  H as BASIC_PAGE_CALLOUT,
-  X as BASIC_PAGE_CARD,
-  Z as BASIC_PAGE_ITEM,
-  F as BASIC_PAGE_ITEM_PANEL,
-  Y as BASIC_PAGE_ITEM_PANEL_DIVIDED,
-  j as BASIC_PAGE_ROW,
-  P as BUTTON_COLORS,
-  O as BUTTON_SHAPES,
-  u as BUTTON_SIZES,
-  p as BUTTON_VARIANTS,
-  W as BasicPage,
-  m as Button,
-  f as ButtonLink,
-  es as CARD_SURFACE,
-  w as CONDENSE_BAR_ENTER,
-  y as CONDENSE_BAR_RISE_PX,
-  h as CONDENSE_BAR_TRAVEL,
-  I as CONTROL_PRESS_SCALE,
-  A as CONTROL_PRESS_SPRING,
-  ns as Card,
-  is as CloseButton,
-  Bs as Dialog,
-  N as EFFECT_BUTTON_SIZES,
-  R as EffectButton,
-  C as EffectButtonLink,
-  g as Error,
-  G as ErrorView,
-  M as GENERIC_ERROR_TITLE,
-  _s as Input,
-  Ts as InputGroup,
-  o as LinkProvider,
-  Es as SIDEBAR_HEADER_INSET,
-  ss as SIDEBAR_ITEM,
-  ts as SIDEBAR_ITEM_ACTIVE,
-  $ as SIDEBAR_ITEM_INACTIVE,
-  K as SIDEBAR_ROOT,
-  as as SIDEBAR_ROOT_BASE,
-  rs as SIDEBAR_ROOT_INSET,
-  us as STATUS_VIEW,
-  Os as STATUS_VIEW_COPY,
-  fs as STATUS_VIEW_SIZES,
-  Q as Sidebar,
-  Cs as StatusView,
-  D as buttonVariants,
-  l as capitalizeFirst,
+  ms as AUTO_SAVE_DELAY_MS,
+  I as BAR_RISE_PX,
+  As as BASIC_PAGE_CALLOUT,
+  is as BASIC_PAGE_CARD,
+  rs as BASIC_PAGE_ITEM,
+  as as BASIC_PAGE_ITEM_PANEL,
+  Rs as BASIC_PAGE_ITEM_PANEL_DIVIDED,
+  Ts as BASIC_PAGE_ROW,
+  i as BLUR_PX,
+  w as BUTTON_COLORS,
+  k as BUTTON_SHAPES,
+  v as BUTTON_SIZES,
+  g as BUTTON_VARIANTS,
+  Es as BasicPage,
+  F as Button,
+  X as ButtonLink,
+  Ws as CARD_SURFACE,
+  Ss as CONDENSE_BAR_ENTER,
+  es as CONDENSE_BAR_RISE_PX,
+  ts as CONDENSE_BAR_TRAVEL,
+  U as CONTROL_PRESS_SCALE,
+  c as CONTROL_PRESS_SPRING,
+  Fs as Card,
+  Gs as CloseButton,
+  hs as Dialog,
+  T as EASE_POP,
+  m as EASE_STACK,
+  Z as EFFECT_BUTTON_SIZES,
+  W as EffectButton,
+  h as EffectButtonLink,
+  $ as Error,
+  j as ErrorView,
+  e as FADE_ENTRANCE,
+  n as FADE_SWAP,
+  y as GENERIC_ERROR_TITLE,
+  Vs as Input,
+  ds as InputGroup,
+  A as LinkProvider,
+  P as PRESS_SCALE,
+  C as PRESS_SCALE_ROW,
+  N as RISE_PX,
+  Ds as SIDEBAR_HEADER_INSET,
+  Os as SIDEBAR_ITEM,
+  us as SIDEBAR_ITEM_ACTIVE,
+  ps as SIDEBAR_ITEM_INACTIVE,
+  Ns as SIDEBAR_ROOT,
+  fs as SIDEBAR_ROOT_BASE,
+  Ls as SIDEBAR_ROOT_INSET,
+  B as SPRING_ENTRANCE,
+  p as SPRING_PRESS,
+  O as SPRING_PRESS_INLINE,
+  f as SPRING_PRESS_QUICK,
+  u as SPRING_SETTLE,
+  ws as STATUS_VIEW,
+  vs as STATUS_VIEW_COPY,
+  Zs as STATUS_VIEW_SIZES,
+  Bs as Sidebar,
+  Xs as StatusView,
+  L as TRAVEL_LINEAR,
+  x as buttonVariants,
+  z as capitalizeFirst,
   a as cn,
-  V as describeError,
-  B as effectButtonVariants,
-  v as formToasts,
-  d as httpReasonPhrase,
-  b as httpStatusExplanation,
-  c as isProblem,
-  E as isReactComponent,
-  U as parseProblem,
-  S as resolveVariant,
-  z as useAutoSave,
-  x as useCondense,
-  Rs as useDialogPending,
-  r as useLinkComponent,
-  T as usePressPulse
+  Ps as createColumns,
+  K as describeError,
+  b as effectButtonVariants,
+  D as fadeThroughBlur,
+  _s as formToasts,
+  q as httpReasonPhrase,
+  J as httpStatusExplanation,
+  Y as isProblem,
+  t as isReactComponent,
+  Q as parseProblem,
+  r as resolveVariant,
+  l as riseIn,
+  Is as useAutoSave,
+  os as useCondense,
+  gs as useDialogPending,
+  o as useLinkComponent,
+  G as usePressPulse
 };

package/dist/motion.js

@@ -0,0 +1,89 @@
+"use client";
+var r = {
+  type: "spring",
+  stiffness: 400,
+  damping: 40
+}, s = {
+  type: "spring",
+  stiffness: 640,
+  damping: 50
+}, n = {
+  type: "spring",
+  stiffness: 200,
+  damping: 30,
+  mass: 0.1
+}, p = {
+  type: "spring",
+  stiffness: 700,
+  damping: 32,
+  mass: 0.06
+}, E = {
+  type: "spring",
+  stiffness: 1100,
+  damping: 40,
+  mass: 0.04
+}, t = {
+  duration: 0.25,
+  ease: "easeOut"
+}, e = {
+  duration: 0.2,
+  ease: "easeOut"
+}, S = {
+  duration: 0.2,
+  ease: "linear"
+}, R = "cubic-bezier(0.34, 1.3, 0.64, 1)", _ = "cubic-bezier(0.22, 1, 0.36, 1)", f = 12, u = -8, P = 0.96, o = 0.97, v = 1;
+function y(a) {
+  const i = a ? "blur(0px)" : "blur(1px)";
+  return {
+    initial: {
+      opacity: 0,
+      filter: i
+    },
+    animate: {
+      opacity: 1,
+      filter: "blur(0px)"
+    },
+    exit: {
+      opacity: 0,
+      filter: i
+    },
+    transition: a ? { duration: 0 } : e
+  };
+}
+function c(a) {
+  return {
+    initial: a ? !1 : {
+      opacity: 0,
+      y: 12
+    },
+    animate: {
+      opacity: 1,
+      y: 0
+    },
+    transition: {
+      y: r,
+      opacity: t
+    }
+  };
+}
+export {
+  u as BAR_RISE_PX,
+  v as BLUR_PX,
+  R as EASE_POP,
+  _ as EASE_STACK,
+  t as FADE_ENTRANCE,
+  e as FADE_SWAP,
+  P as PRESS_SCALE,
+  o as PRESS_SCALE_ROW,
+  f as RISE_PX,
+  r as SPRING_ENTRANCE,
+  n as SPRING_PRESS,
+  E as SPRING_PRESS_INLINE,
+  p as SPRING_PRESS_QUICK,
+  s as SPRING_SETTLE,
+  S as TRAVEL_LINEAR,
+  y as fadeThroughBlur,
+  c as riseIn
+};
+
+//# sourceMappingURL=motion.js.map

package/dist/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","names":[],"sources":["../src/motion/index.ts"],"sourcesContent":["/**\n * The motion vocabulary — every animation in Pho speaks it. Five springs,\n * three timings, two CSS eases, and a handful of distances cover the\n * system; components import from here and add nothing of their own.\n *\n * The grammar:\n * - **Arrive** on `SPRING_ENTRANCE` with `FADE_ENTRANCE` — content\n *   surfaces, it doesn't slide in.\n * - **Swap** on `FADE_SWAP`, displacement on `TRAVEL_LINEAR` — crossfades\n *   ease out, travel is linear.\n * - **Press** on the press springs — deeper mass for bigger surfaces.\n * - **Follow** on `SPRING_SETTLE` — heights and reflows chase content.\n */\n\n/**\n * Pages arrive on this — the `Stack` entrance, `Reveal`, `Title` / `Header`\n * enter, the Title ↔ Back morph, `Alert` / `Footer` height reveals.\n * Measured off a 60fps iOS push: ~330ms, a long gentle glide, everything\n * co-landing; essentially critically damped (overshoot would flash\n * clipped content).\n */\nexport const SPRING_ENTRANCE = {\n  type: \"spring\",\n  stiffness: 400,\n  damping: 40,\n} as const;\n\n/**\n * Layout follows content on this — `AnimatedHeight`, a command palette's\n * rows gliding into new places. Stiffer than the entrance: reflow should\n * settle before it reads as motion.\n */\nexport const SPRING_SETTLE = {\n  type: \"spring\",\n  stiffness: 640,\n  damping: 50,\n} as const;\n\n/**\n * The press pulse for full-size surfaces — `Button`, a sidebar row.\n * Framer source: `spring-physics 200 30 0.1`.\n */\nexport const SPRING_PRESS = {\n  type: \"spring\",\n  stiffness: 200,\n  damping: 30,\n  mass: 0.1,\n} as const;\n\n/** The press pulse for small controls — toggles, checks; quick and light. */\nexport const SPRING_PRESS_QUICK = {\n  type: \"spring\",\n  stiffness: 700,\n  damping: 32,\n  mass: 0.06,\n} as const;\n\n/** The press pulse for inline triggers — a `Select` sitting in text. */\nexport const SPRING_PRESS_INLINE = {\n  type: \"spring\",\n  stiffness: 1100,\n  damping: 40,\n  mass: 0.04,\n} as const;\n\n/** The fade that rides `SPRING_ENTRANCE` — spans most of the glide. */\nexport const FADE_ENTRANCE = { duration: 0.25, ease: \"easeOut\" } as const;\n\n/**\n * The swap — crossfading faces, a condensed bar arriving, a saved word,\n * an aside changing pages. Fades ease out.\n */\nexport const FADE_SWAP = { duration: 0.2, ease: \"easeOut\" } as const;\n\n/**\n * Displacement — a bar's rise, a drawer's scope swap, a search box's\n * width. Travel is linear: the eye reads speed changes as personality,\n * and furniture has none.\n */\nexport const TRAVEL_LINEAR = { duration: 0.2, ease: \"linear\" } as const;\n\n/** CSS pop-in for floating layers (menus, select popups) — slight overshoot. */\nexport const EASE_POP = \"cubic-bezier(0.34, 1.3, 0.64, 1)\";\n\n/** CSS stack glide — toasts trading places (Kumo's curve). */\nexport const EASE_STACK = \"cubic-bezier(0.22, 1, 0.36, 1)\";\n\n/** Rise distance for entrances — content surfaces from just below. */\nexport const RISE_PX = 12;\n\n/** Rise distance for the condensed bar — it comes from nearer still. */\nexport const BAR_RISE_PX = -8;\n\n/** Press depth for small controls. */\nexport const PRESS_SCALE = 0.96;\n\n/** Press depth for rows and full-size surfaces — shallower. */\nexport const PRESS_SCALE_ROW = 0.97;\n\n/** The blur budget — one breath of blur, everywhere it is used. */\nexport const BLUR_PX = 1;\n\n/**\n * The crossfade recipe — fade with a breath of blur, both ways. Spread\n * onto a motion element inside `AnimatePresence`:\n *\n *     <motion.div {...fadeThroughBlur(reduceMotion)} />\n *\n * Under reduced motion the swap is instant and never blurs.\n */\nexport function fadeThroughBlur(reduceMotion?: boolean | null) {\n  const away = reduceMotion ? \"blur(0px)\" : `blur(${BLUR_PX}px)`;\n  return {\n    initial: { opacity: 0, filter: away },\n    animate: { opacity: 1, filter: \"blur(0px)\" },\n    exit: { opacity: 0, filter: away },\n    transition: reduceMotion ? ({ duration: 0 } as const) : FADE_SWAP,\n  } as const;\n}\n\n/**\n * The entrance recipe — rise `RISE_PX` on `SPRING_ENTRANCE` while\n * `FADE_ENTRANCE` brings the ink. What `Stack` and `Reveal` do; spread it\n * onto a motion element for content that should arrive the same way.\n */\nexport function riseIn(reduceMotion?: boolean | null) {\n  return {\n    initial: reduceMotion ? false : ({ opacity: 0, y: RISE_PX } as const),\n    animate: { opacity: 1, y: 0 } as const,\n    transition: { y: SPRING_ENTRANCE, opacity: FADE_ENTRANCE } as const,\n  } as const;\n}\n"],"mappings":";AAqBA,IAAa,IAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AACX,GAOa,IAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AACX,GAMa,IAAe;AAAA,EAC1B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAqB;AAAA,EAChC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAsB;AAAA,EACjC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAgB;AAAA,EAAE,UAAU;AAAA,EAAM,MAAM;AAAU,GAMlD,IAAY;AAAA,EAAE,UAAU;AAAA,EAAK,MAAM;AAAU,GAO7C,IAAgB;AAAA,EAAE,UAAU;AAAA,EAAK,MAAM;AAAS,GAGhD,IAAW,oCAGX,IAAa,kCAGb,IAAU,IAGV,IAAc,IAGd,IAAc,MAGd,IAAkB,MAGlB,IAAU;AAUvB,SAAgB,EAAgB,GAA+B;AAC7D,QAAM,IAAO,IAAe,cAAc;AAC1C,SAAO;AAAA,IACL,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAK;AAAA,IACpC,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAY;AAAA,IAC3C,MAAM;AAAA,MAAE,SAAS;AAAA,MAAG,QAAQ;AAAA,IAAK;AAAA,IACjC,YAAY,IAAgB,EAAE,UAAU,EAAE,IAAc;AAAA,EAC1D;AACF;AAOA,SAAgB,EAAO,GAA+B;AACpD,SAAO;AAAA,IACL,SAAS,IAAe,KAAS;AAAA,MAAE,SAAS;AAAA,MAAG,GAAA;AAAA,IAAW;AAAA,IAC1D,SAAS;AAAA,MAAE,SAAS;AAAA,MAAG,GAAG;AAAA,IAAE;AAAA,IAC5B,YAAY;AAAA,MAAE,GAAG;AAAA,MAAiB,SAAS;AAAA,IAAc;AAAA,EAC3D;AACF"}

package/dist/primitives/accordion.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/accordion";

package/dist/primitives/alert-dialog.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/alert-dialog";

package/dist/primitives/autocomplete.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/autocomplete";

package/dist/primitives/avatar.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/avatar";

package/dist/primitives/button.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/button";

package/dist/primitives/checkbox-group.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/checkbox-group";

package/dist/primitives/checkbox.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/checkbox";

package/dist/primitives/collapsible.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/collapsible";

package/dist/primitives/combobox.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/combobox";

package/dist/primitives/context-menu.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/context-menu";

package/dist/primitives/csp-provider.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/csp-provider";

package/dist/primitives/dialog.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/dialog";

package/dist/primitives/direction-provider.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/direction-provider";

package/dist/primitives/drawer.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/drawer";

package/dist/primitives/field.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/field";

package/dist/primitives/fieldset.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/fieldset";