@devalok/shilp-sutra 0.54.0 → 0.55.1

package/dist/ui/chat/system-message.d.ts

@@ -1,5 +1,4 @@
-"use client";
-import { IconInput } from '../lib/icon-input';
+import { IconInput } from '../lib/icon-input.js';
 import * as React from 'react';
 export interface SystemMessageProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: IconInput;

package/dist/ui/chat/typing-indicator.d.ts

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 export interface TypingIndicatorProps {
     users: {

package/dist/ui/chat/unread-separator.d.ts

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 export interface UnreadSeparatorProps {
     label?: string;

package/dist/ui/checkbox.d.ts

@@ -1,6 +1,5 @@
-"use client";
-import { FieldState } from './lib/field-state';
-import * as CheckboxPrimitive from '../primitives/react-checkbox';
+import { FieldState } from './lib/field-state.js';
+import * as CheckboxPrimitive from '../primitives/react-checkbox.js';
 import * as React from 'react';
 /**
  * Props for Checkbox — a Radix-powered accessible checkbox with error state styling and

package/dist/ui/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AAWtE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,8GAA8G;IAC9G,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qFAAqF;IACrF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAcD,QAAA,MAAM,QAAQ,yFAuGZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AAWtE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,8GAA8G;IAC9G,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qFAAqF;IACrF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAcD,QAAA,MAAM,QAAQ,yFA4GZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/checkbox.js

@@ -1,9 +1,9 @@
 "use client";
-import { Checkbox as e, CheckboxIndicator as t } from "../_chunks/primitives.js";
-import { durations as n } from "./lib/motion.js";
-import { cn as r } from "./lib/utils.js";
-import { useFormField as i } from "./form.js";
-import { resolveFieldState as a } from "../_chunks/field-state.js";
+import { durations as e } from "./lib/motion.js";
+import { cn as t } from "./lib/utils.js";
+import { useFormField as n } from "./form.js";
+import { resolveFieldState as r } from "../_chunks/field-state.js";
+import { Checkbox as i, CheckboxIndicator as a } from "../_chunks/primitives/react-checkbox.js";
 import * as o from "react";
 import { jsx as s } from "react/jsx-runtime";
 import { AnimatePresence as c, motion as l } from "framer-motion";
@@ -21,20 +21,21 @@ var u = {
 	md: "h-[18px] w-[18px]",
 	lg: "h-5 w-5"
 }, p = o.forwardRef(({ className: p, state: m, indeterminate: h, size: g = "md", checked: _, onCheckedChange: v, defaultChecked: y, ...b }, x) => {
-	let S = _ !== void 0, [C, w] = o.useState(h ? "indeterminate" : !!y), T = i(), E = a(m, T.state), D = b["aria-describedby"] ?? T.helperTextId, O = b["aria-required"] ?? T.required, k = h ? "indeterminate" : S ? _ : C, A = k === !0 || k === "indeterminate", j = o.useCallback((e) => {
+	let S = _ !== void 0, [C, w] = o.useState(h ? "indeterminate" : !!y), T = n(), E = r(m, T.state), D = b["aria-describedby"] ?? T.helperTextId, O = b["aria-required"] ?? T.required, k = h ? "indeterminate" : S ? _ : C, A = k === !0 || k === "indeterminate", j = o.useCallback((e) => {
 		S || w(e), v?.(e);
 	}, [S, v]);
-	return /* @__PURE__ */ s(e, {
+	return /* @__PURE__ */ s(i, {
 		ref: x,
 		checked: S || h ? k : void 0,
 		defaultChecked: !S && !h ? y : void 0,
 		onCheckedChange: j,
-		className: r("touch-target peer flex items-center justify-center shrink-0 rounded-control-inner", d[g], "border border-surface-border-strong", "bg-surface-raised-hover", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-action-disabled", "data-[state=unchecked]:hover:border-accent-7 data-[state=unchecked]:hover:bg-surface-raised-active", "data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg", "data-[state=indeterminate]:bg-accent-9 data-[state=indeterminate]:border-accent-7 data-[state=indeterminate]:text-accent-fg", E && u[E], p),
+		className: t("touch-target peer flex items-center justify-center shrink-0 rounded-control-inner", d[g], "border border-surface-border-strong", "bg-surface-raised-hover", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-action-disabled", "data-[state=unchecked]:hover:border-accent-7 data-[state=unchecked]:hover:bg-surface-raised-active", "data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg", "data-[state=indeterminate]:bg-accent-9 data-[state=indeterminate]:border-accent-7 data-[state=indeterminate]:text-accent-fg", E && u[E], p),
 		"aria-invalid": E === "error" || void 0,
 		"aria-describedby": D,
 		"aria-required": O || void 0,
 		...b,
-		children: /* @__PURE__ */ s(c, { children: A && /* @__PURE__ */ s(t, {
+		id: b.id ?? T.inputId,
+		children: /* @__PURE__ */ s(c, { children: A && /* @__PURE__ */ s(a, {
 			forceMount: !0,
 			asChild: !0,
 			children: /* @__PURE__ */ s(l.span, {
@@ -42,7 +43,7 @@ var u = {
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
-				transition: { duration: n.fast01 },
+				transition: { duration: e.fast01 },
 				children: /* @__PURE__ */ s("svg", {
 					width: "16",
 					height: "16",
@@ -61,7 +62,7 @@ var u = {
 						animate: { pathLength: 1 },
 						exit: { pathLength: 0 },
 						transition: {
-							duration: n.moderate02,
+							duration: e.moderate02,
 							ease: "easeOut"
 						}
 					}) : /* @__PURE__ */ s(l.path, {
@@ -75,7 +76,7 @@ var u = {
 						animate: { pathLength: 1 },
 						exit: { pathLength: 0 },
 						transition: {
-							duration: n.moderate02,
+							duration: e.moderate02,
 							ease: "easeOut"
 						}
 					})
@@ -84,6 +85,6 @@ var u = {
 		}) })
 	});
 });
-p.displayName = e.displayName;
+p.displayName = i.displayName;
 //#endregion
 export { p as Checkbox };

package/dist/ui/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../src/ui/checkbox.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@primitives/react-checkbox'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { type FieldState, resolveFieldState } from './lib/field-state'\nimport { durations } from './lib/motion'\nimport { cn } from './lib/utils'\n\n/** Border + background tint per validation state (checked state uses accent regardless). */\nconst stateTintClasses: Record<Exclude<FieldState, 'default'>, string> = {\n  error: 'border-error-7 bg-error-3',\n  warning: 'border-warning-7 bg-warning-3',\n  success: 'border-success-7 bg-success-3',\n}\n\n/**\n * Props for Checkbox — a Radix-powered accessible checkbox with error state styling and\n * an indeterminate state for \"select all\" row controls.\n *\n * **Indeterminate:** Pass `indeterminate={true}` to show the \"−\" dash (overrides `checked`).\n * This is correct for \"select all\" headers when only some rows are selected.\n *\n * **Controlled:** Use `checked` + `onCheckedChange` for controlled usage.\n * `onCheckedChange` receives `true | false | 'indeterminate'` from Radix.\n *\n * @example\n * // Basic controlled checkbox:\n * <Checkbox checked={agreed} onCheckedChange={(v) => setAgreed(v === true)} />\n *\n * @example\n * // Error state when required checkbox is not checked:\n * <Checkbox state={!termsAccepted ? 'error' : 'default'} checked={termsAccepted} onCheckedChange={(v) => setTerms(v === true)} />\n *\n * @example\n * // \"Select all\" checkbox with indeterminate state:\n * <Checkbox\n *   indeterminate={someSelected && !allSelected}\n *   checked={allSelected}\n *   onCheckedChange={(v) => toggleAll(v === true)}\n * />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {\n  /** Validation/feedback state. `'error'` also sets `aria-invalid`. Inherited from `FormField` when omitted. */\n  state?: FieldState\n  indeterminate?: boolean\n  /** Control size — `sm` (20px), `md` (24px, default, WCAG compliant), `lg` (28px). */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst checkboxSizeClasses = {\n  sm: 'h-5 w-5',\n  md: 'h-6 w-6',\n  lg: 'h-7 w-7',\n} as const\n\nconst checkboxIconClasses = {\n  sm: 'h-[14px] w-[14px]',\n  md: 'h-[18px] w-[18px]',\n  lg: 'h-5 w-5',\n} as const\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, state: stateProp, indeterminate, size = 'md', checked, onCheckedChange, defaultChecked, ...props }, ref) => {\n  // Track internal state so AnimatePresence works for both controlled & uncontrolled usage\n  const isControlled = checked !== undefined\n  const [internalChecked, setInternalChecked] = React.useState<boolean | 'indeterminate'>(\n    indeterminate ? 'indeterminate' : (defaultChecked ? true : false),\n  )\n\n  const fieldCtx = useFormField()\n  const state = resolveFieldState(stateProp, fieldCtx.state)\n  const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n  const ariaRequired = props['aria-required'] ?? fieldCtx.required\n\n  const actualChecked = indeterminate ? 'indeterminate' : (isControlled ? checked : internalChecked)\n  const isActive = actualChecked === true || actualChecked === 'indeterminate'\n\n  const handleCheckedChange = React.useCallback(\n    (value: boolean | 'indeterminate') => {\n      if (!isControlled) setInternalChecked(value)\n      onCheckedChange?.(value)\n    },\n    [isControlled, onCheckedChange],\n  )\n\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      checked={isControlled || indeterminate ? actualChecked : undefined}\n      defaultChecked={!isControlled && !indeterminate ? defaultChecked : undefined}\n      onCheckedChange={handleCheckedChange}\n      className={cn(\n        'touch-target peer flex items-center justify-center shrink-0 rounded-control-inner',\n        checkboxSizeClasses[size],\n        'border border-surface-border-strong',\n        'bg-surface-raised-hover',\n        'transition-colors duration-fast-01 ease-productive-standard',\n        'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n        'disabled:cursor-not-allowed disabled:opacity-action-disabled',\n        'data-[state=unchecked]:hover:border-accent-7 data-[state=unchecked]:hover:bg-surface-raised-active',\n        'data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg',\n        'data-[state=indeterminate]:bg-accent-9 data-[state=indeterminate]:border-accent-7 data-[state=indeterminate]:text-accent-fg',\n        state && stateTintClasses[state],\n        className,\n      )}\n      aria-invalid={state === 'error' || undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-required={ariaRequired || undefined}\n      {...props}\n    >\n      <AnimatePresence>\n        {isActive && (\n          <CheckboxPrimitive.Indicator forceMount asChild>\n            <motion.span\n              className=\"flex items-center justify-center text-current\"\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: durations.fast01 }}\n            >\n              <svg\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                className={checkboxIconClasses[size]}\n              >\n                {actualChecked === 'indeterminate' ? (\n                  <motion.line\n                    x1=\"4\"\n                    y1=\"8\"\n                    x2=\"12\"\n                    y2=\"8\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    initial={{ pathLength: 0 }}\n                    animate={{ pathLength: 1 }}\n                    exit={{ pathLength: 0 }}\n                    transition={{ duration: durations.moderate02, ease: 'easeOut' }}\n                  />\n                ) : (\n                  <motion.path\n                    d=\"M3.5 8.5l3 3 6-6\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    fill=\"none\"\n                    initial={{ pathLength: 0 }}\n                    animate={{ pathLength: 1 }}\n                    exit={{ pathLength: 0 }}\n                    transition={{ duration: durations.moderate02, ease: 'easeOut' }}\n                  />\n                )}\n              </svg>\n            </motion.span>\n          </CheckboxPrimitive.Indicator>\n        )}\n      </AnimatePresence>\n    </CheckboxPrimitive.Root>\n  )\n})\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAmE;CACvE,OAAO;CACP,SAAS;CACT,SAAS;AACX,GAqCM,IAAsB;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAsB;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAW,EAAM,YAGpB,EAAE,cAAW,OAAO,GAAW,kBAAe,UAAO,MAAM,YAAS,oBAAiB,mBAAgB,GAAG,KAAS,MAAQ;CAE1H,IAAM,IAAe,MAAY,KAAA,GAC3B,CAAC,GAAiB,KAAsB,EAAM,SAClD,IAAgB,kBAAmB,GACrC,GAEM,IAAW,EAAa,GACxB,IAAQ,EAAkB,GAAW,EAAS,KAAK,GACnD,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS,UAElD,IAAgB,IAAgB,kBAAmB,IAAe,IAAU,GAC5E,IAAW,MAAkB,MAAQ,MAAkB,iBAEvD,IAAsB,EAAM,aAC/B,MAAqC;EAEpC,AADK,KAAc,EAAmB,CAAK,GAC3C,IAAkB,CAAK;CACzB,GACA,CAAC,GAAc,CAAe,CAChC;CAEA,OACE,kBAAC,GAAD;EACO;EACL,SAAS,KAAgB,IAAgB,IAAgB,KAAA;EACzD,gBAAgB,CAAC,KAAgB,CAAC,IAAgB,IAAiB,KAAA;EACnE,iBAAiB;EACjB,WAAW,EACT,qFACA,EAAoB,IACpB,uCACA,2BACA,+DACA,6GACA,gEACA,sGACA,6GACA,+HACA,KAAS,EAAiB,IAC1B,CACF;EACA,gBAAc,MAAU,WAAW,KAAA;EACnC,oBAAkB;EAClB,iBAAe,KAAgB,KAAA;EAC/B,GAAI;YAEJ,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;GAA6B,YAAA;GAAW,SAAA;aACtC,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS,EAAE,SAAS,EAAE;IACtB,SAAS,EAAE,SAAS,EAAE;IACtB,MAAM,EAAE,SAAS,EAAE;IACnB,YAAY,EAAE,UAAU,EAAU,OAAO;cAEzC,kBAAC,OAAD;KACE,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,WAAW,EAAoB;eAE9B,MAAkB,kBACjB,kBAAC,EAAO,MAAR;MACE,IAAG;MACH,IAAG;MACH,IAAG;MACH,IAAG;MACH,QAAO;MACP,aAAY;MACZ,eAAc;MACd,SAAS,EAAE,YAAY,EAAE;MACzB,SAAS,EAAE,YAAY,EAAE;MACzB,MAAM,EAAE,YAAY,EAAE;MACtB,YAAY;OAAE,UAAU,EAAU;OAAY,MAAM;MAAU;KAC/D,CAAA,IAED,kBAAC,EAAO,MAAR;MACE,GAAE;MACF,QAAO;MACP,aAAY;MACZ,eAAc;MACd,gBAAe;MACf,MAAK;MACL,SAAS,EAAE,YAAY,EAAE;MACzB,SAAS,EAAE,YAAY,EAAE;MACzB,MAAM,EAAE,YAAY,EAAE;MACtB,YAAY;OAAE,UAAU,EAAU;OAAY,MAAM;MAAU;KAC/D,CAAA;IAEA,CAAA;GACM,CAAA;EACc,CAAA,EAEhB,CAAA;CACK,CAAA;AAE5B,CAAC;AACD,EAAS,cAAA,EAAqC"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../src/ui/checkbox.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@primitives/react-checkbox'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { type FieldState, resolveFieldState } from './lib/field-state'\nimport { durations } from './lib/motion'\nimport { cn } from './lib/utils'\n\n/** Border + background tint per validation state (checked state uses accent regardless). */\nconst stateTintClasses: Record<Exclude<FieldState, 'default'>, string> = {\n  error: 'border-error-7 bg-error-3',\n  warning: 'border-warning-7 bg-warning-3',\n  success: 'border-success-7 bg-success-3',\n}\n\n/**\n * Props for Checkbox — a Radix-powered accessible checkbox with error state styling and\n * an indeterminate state for \"select all\" row controls.\n *\n * **Indeterminate:** Pass `indeterminate={true}` to show the \"−\" dash (overrides `checked`).\n * This is correct for \"select all\" headers when only some rows are selected.\n *\n * **Controlled:** Use `checked` + `onCheckedChange` for controlled usage.\n * `onCheckedChange` receives `true | false | 'indeterminate'` from Radix.\n *\n * @example\n * // Basic controlled checkbox:\n * <Checkbox checked={agreed} onCheckedChange={(v) => setAgreed(v === true)} />\n *\n * @example\n * // Error state when required checkbox is not checked:\n * <Checkbox state={!termsAccepted ? 'error' : 'default'} checked={termsAccepted} onCheckedChange={(v) => setTerms(v === true)} />\n *\n * @example\n * // \"Select all\" checkbox with indeterminate state:\n * <Checkbox\n *   indeterminate={someSelected && !allSelected}\n *   checked={allSelected}\n *   onCheckedChange={(v) => toggleAll(v === true)}\n * />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {\n  /** Validation/feedback state. `'error'` also sets `aria-invalid`. Inherited from `FormField` when omitted. */\n  state?: FieldState\n  indeterminate?: boolean\n  /** Control size — `sm` (20px), `md` (24px, default, WCAG compliant), `lg` (28px). */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst checkboxSizeClasses = {\n  sm: 'h-5 w-5',\n  md: 'h-6 w-6',\n  lg: 'h-7 w-7',\n} as const\n\nconst checkboxIconClasses = {\n  sm: 'h-[14px] w-[14px]',\n  md: 'h-[18px] w-[18px]',\n  lg: 'h-5 w-5',\n} as const\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, state: stateProp, indeterminate, size = 'md', checked, onCheckedChange, defaultChecked, ...props }, ref) => {\n  // Track internal state so AnimatePresence works for both controlled & uncontrolled usage\n  const isControlled = checked !== undefined\n  const [internalChecked, setInternalChecked] = React.useState<boolean | 'indeterminate'>(\n    indeterminate ? 'indeterminate' : (defaultChecked ? true : false),\n  )\n\n  const fieldCtx = useFormField()\n  const state = resolveFieldState(stateProp, fieldCtx.state)\n  const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n  const ariaRequired = props['aria-required'] ?? fieldCtx.required\n\n  const actualChecked = indeterminate ? 'indeterminate' : (isControlled ? checked : internalChecked)\n  const isActive = actualChecked === true || actualChecked === 'indeterminate'\n\n  const handleCheckedChange = React.useCallback(\n    (value: boolean | 'indeterminate') => {\n      if (!isControlled) setInternalChecked(value)\n      onCheckedChange?.(value)\n    },\n    [isControlled, onCheckedChange],\n  )\n\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      checked={isControlled || indeterminate ? actualChecked : undefined}\n      defaultChecked={!isControlled && !indeterminate ? defaultChecked : undefined}\n      onCheckedChange={handleCheckedChange}\n      className={cn(\n        'touch-target peer flex items-center justify-center shrink-0 rounded-control-inner',\n        checkboxSizeClasses[size],\n        'border border-surface-border-strong',\n        'bg-surface-raised-hover',\n        'transition-colors duration-fast-01 ease-productive-standard',\n        'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n        'disabled:cursor-not-allowed disabled:opacity-action-disabled',\n        'data-[state=unchecked]:hover:border-accent-7 data-[state=unchecked]:hover:bg-surface-raised-active',\n        'data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg',\n        'data-[state=indeterminate]:bg-accent-9 data-[state=indeterminate]:border-accent-7 data-[state=indeterminate]:text-accent-fg',\n        state && stateTintClasses[state],\n        className,\n      )}\n      aria-invalid={state === 'error' || undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-required={ariaRequired || undefined}\n      {...props}\n      // Explicit id wins; otherwise adopt FormField's inputId so <Label htmlFor>\n      // resolves. Without this the label renders, points at nothing, and the\n      // control has NO accessible name — a screen reader announces an unnamed\n      // checkbox even though the consumer wrote FormField + Label correctly.\n      id={props.id ?? fieldCtx.inputId}\n    >\n      <AnimatePresence>\n        {isActive && (\n          <CheckboxPrimitive.Indicator forceMount asChild>\n            <motion.span\n              className=\"flex items-center justify-center text-current\"\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: durations.fast01 }}\n            >\n              <svg\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                className={checkboxIconClasses[size]}\n              >\n                {actualChecked === 'indeterminate' ? (\n                  <motion.line\n                    x1=\"4\"\n                    y1=\"8\"\n                    x2=\"12\"\n                    y2=\"8\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    initial={{ pathLength: 0 }}\n                    animate={{ pathLength: 1 }}\n                    exit={{ pathLength: 0 }}\n                    transition={{ duration: durations.moderate02, ease: 'easeOut' }}\n                  />\n                ) : (\n                  <motion.path\n                    d=\"M3.5 8.5l3 3 6-6\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    fill=\"none\"\n                    initial={{ pathLength: 0 }}\n                    animate={{ pathLength: 1 }}\n                    exit={{ pathLength: 0 }}\n                    transition={{ duration: durations.moderate02, ease: 'easeOut' }}\n                  />\n                )}\n              </svg>\n            </motion.span>\n          </CheckboxPrimitive.Indicator>\n        )}\n      </AnimatePresence>\n    </CheckboxPrimitive.Root>\n  )\n})\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAmE;CACvE,OAAO;CACP,SAAS;CACT,SAAS;AACX,GAqCM,IAAsB;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAsB;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAW,EAAM,YAGpB,EAAE,cAAW,OAAO,GAAW,kBAAe,UAAO,MAAM,YAAS,oBAAiB,mBAAgB,GAAG,KAAS,MAAQ;CAE1H,IAAM,IAAe,MAAY,KAAA,GAC3B,CAAC,GAAiB,KAAsB,EAAM,SAClD,IAAgB,kBAAmB,GACrC,GAEM,IAAW,EAAa,GACxB,IAAQ,EAAkB,GAAW,EAAS,KAAK,GACnD,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS,UAElD,IAAgB,IAAgB,kBAAmB,IAAe,IAAU,GAC5E,IAAW,MAAkB,MAAQ,MAAkB,iBAEvD,IAAsB,EAAM,aAC/B,MAAqC;EAEpC,AADK,KAAc,EAAmB,CAAK,GAC3C,IAAkB,CAAK;CACzB,GACA,CAAC,GAAc,CAAe,CAChC;CAEA,OACE,kBAAC,GAAD;EACO;EACL,SAAS,KAAgB,IAAgB,IAAgB,KAAA;EACzD,gBAAgB,CAAC,KAAgB,CAAC,IAAgB,IAAiB,KAAA;EACnE,iBAAiB;EACjB,WAAW,EACT,qFACA,EAAoB,IACpB,uCACA,2BACA,+DACA,6GACA,gEACA,sGACA,6GACA,+HACA,KAAS,EAAiB,IAC1B,CACF;EACA,gBAAc,MAAU,WAAW,KAAA;EACnC,oBAAkB;EAClB,iBAAe,KAAgB,KAAA;EAC/B,GAAI;EAKJ,IAAI,EAAM,MAAM,EAAS;YAEzB,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;GAA6B,YAAA;GAAW,SAAA;aACtC,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS,EAAE,SAAS,EAAE;IACtB,SAAS,EAAE,SAAS,EAAE;IACtB,MAAM,EAAE,SAAS,EAAE;IACnB,YAAY,EAAE,UAAU,EAAU,OAAO;cAEzC,kBAAC,OAAD;KACE,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,WAAW,EAAoB;eAE9B,MAAkB,kBACjB,kBAAC,EAAO,MAAR;MACE,IAAG;MACH,IAAG;MACH,IAAG;MACH,IAAG;MACH,QAAO;MACP,aAAY;MACZ,eAAc;MACd,SAAS,EAAE,YAAY,EAAE;MACzB,SAAS,EAAE,YAAY,EAAE;MACzB,MAAM,EAAE,YAAY,EAAE;MACtB,YAAY;OAAE,UAAU,EAAU;OAAY,MAAM;MAAU;KAC/D,CAAA,IAED,kBAAC,EAAO,MAAR;MACE,GAAE;MACF,QAAO;MACP,aAAY;MACZ,eAAc;MACd,gBAAe;MACf,MAAK;MACL,SAAS,EAAE,YAAY,EAAE;MACzB,SAAS,EAAE,YAAY,EAAE;MACzB,MAAM,EAAE,YAAY,EAAE;MACtB,YAAY;OAAE,UAAU,EAAU;OAAY,MAAM;MAAU;KAC/D,CAAA;IAEA,CAAA;GACM,CAAA;EACc,CAAA,EAEhB,CAAA;CACK,CAAA;AAE5B,CAAC;AACD,EAAS,cAAA,EAAqC"}

package/dist/ui/collapsible.d.ts

@@ -1,5 +1,4 @@
-"use client";
-import * as CollapsiblePrimitive from '../primitives/react-collapsible';
+import * as CollapsiblePrimitive from '../primitives/react-collapsible.js';
 import * as React from 'react';
 declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/ui/collapsible.js

@@ -1,5 +1,5 @@
 "use client";
-import { Content$3 as e, Root$9 as t, Trigger$10 as n } from "../_chunks/primitives.js";
+import { Content as e, Root as t, Trigger as n } from "../_chunks/primitives/react-accordion.js";
 import { tweens as r } from "./lib/motion.js";
 import { cn as i } from "./lib/utils.js";
 import * as a from "react";

package/dist/ui/color-input.d.ts

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 type ColorFormat = 'hex' | 'rgb' | 'hsl';
 export interface ColorInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {

package/dist/ui/color-swatch.d.ts

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 /**
  * A tiny color swatch for displaying dynamic runtime colors (e.g. brand colors from a database).

package/dist/ui/combobox.d.ts

@@ -1,7 +1,6 @@
-"use client";
 import { VariantProps } from 'class-variance-authority';
-import { FieldState } from './lib/field-state';
-import { IconInput } from './lib/icon-input';
+import { FieldState } from './lib/field-state.js';
+import { IconInput } from './lib/icon-input.js';
 import * as React from 'react';
 export declare const comboboxTriggerVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;

package/dist/ui/combobox.js

@@ -1,23 +1,23 @@
 "use client";
-import { Content2$6 as e, Portal$3 as t, Root2$8 as n, Trigger$8 as r } from "../_chunks/primitives.js";
-import { IconProvider as i } from "./icon-context.js";
-import { springs as a, tweens as o } from "./lib/motion.js";
-import { cva as s } from "../_chunks/vendor-utils.js";
-import { cn as c } from "./lib/utils.js";
-import { Icon as l } from "./icon.js";
-import { useFormField as ee } from "./form.js";
-import { resolveFieldState as te } from "../_chunks/field-state.js";
-import { normalizeIcon as u } from "../_chunks/normalize-icon.js";
+import { IconProvider as e } from "./icon-context.js";
+import { springs as t, tweens as n } from "./lib/motion.js";
+import { cva as r } from "../_chunks/vendor-utils.js";
+import { cn as i } from "./lib/utils.js";
+import { Icon as a } from "./icon.js";
+import { useFormField as o } from "./form.js";
+import { resolveFieldState as s } from "../_chunks/field-state.js";
+import { normalizeIcon as c } from "../_chunks/normalize-icon.js";
+import { Content2 as l, Portal as u, Root2 as ee, Trigger as te } from "../_chunks/primitives/react-popover.js";
 import * as d from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { IconCheck as h, IconChevronDown as g, IconSearch as ne, IconX as re } from "@tabler/icons-react";
-import { motion as ie } from "framer-motion";
+import { IconCheck as h, IconChevronDown as ne, IconSearch as re, IconX as ie } from "@tabler/icons-react";
+import { motion as ae } from "framer-motion";
 //#region src/ui/combobox.tsx
-var ae = {
+var oe = {
 	error: "border-error-7",
 	warning: "border-warning-7",
 	success: "border-success-7"
-}, _ = s([
+}, g = r([
 	"flex w-full items-center justify-between whitespace-nowrap rounded-control",
 	"border border-surface-border-strong bg-surface-raised-hover",
 	"transition-colors duration-fast-01 ease-productive-standard",
@@ -31,122 +31,122 @@ var ae = {
 		lg: "h-ds-lg text-body-md px-ds-05"
 	} },
 	defaultVariants: { size: "md" }
-}), v = {
+}), _ = {
 	xs: "xs",
 	sm: "sm",
 	md: "sm",
 	lg: "md"
-}, y = {
+}, v = {
 	xs: "px-ds-02 py-0 text-body-xs",
 	sm: "px-ds-02 py-0 text-body-xs",
 	md: "px-ds-03 py-[1px] text-body-sm",
 	lg: "px-ds-03 py-[2px] text-body-sm"
-}, b = {
+}, y = {
 	xs: "text-body-xs",
 	sm: "text-body-xs",
 	md: "text-body-sm",
 	lg: "text-body-sm"
-}, x = 2, S = 36, C = d.forwardRef(({ options: s, value: C, onValueChange: w, placeholder: T = "Select...", searchPlaceholder: oe = "Search...", emptyMessage: se = "No results found", multiple: E = !1, disabled: D = !1, className: ce, triggerClassName: le, maxVisible: ue = 6, renderOption: O, accessibleLabel: k, id: A, size: j = "md", state: M, ...N }, P) => {
-	let F = j ?? "md", [I, L] = d.useState(!1), [R, z] = d.useState(""), [B, V] = d.useState(-1), H = d.useRef(null), U = d.useRef(null), W = d.useId(), G = d.useId(), K = d.useMemo(() => C == null ? [] : Array.isArray(C) ? C : [C], [C]), q = d.useMemo(() => R ? s.filter((e) => e.label.toLowerCase().includes(R.toLowerCase())) : s, [s, R]), de = d.useCallback((e) => K.includes(e), [K]), J = d.useCallback((e) => {
-		E ? w(K.includes(e) ? K.filter((t) => t !== e) : [...K, e]) : (w(e), L(!1));
+}, b = 2, x = 36, S = d.forwardRef(({ options: r, value: S, onValueChange: C, placeholder: w = "Select...", searchPlaceholder: se = "Search...", emptyMessage: ce = "No results found", multiple: T = !1, disabled: E = !1, className: le, triggerClassName: ue, maxVisible: de = 6, renderOption: D, accessibleLabel: O, id: k, size: A = "md", state: j, ...M }, N) => {
+	let P = A ?? "md", [F, I] = d.useState(!1), [L, R] = d.useState(""), [z, B] = d.useState(-1), V = d.useRef(null), H = d.useRef(null), U = d.useId(), W = d.useId(), G = d.useMemo(() => S == null ? [] : Array.isArray(S) ? S : [S], [S]), K = d.useMemo(() => L ? r.filter((e) => e.label.toLowerCase().includes(L.toLowerCase())) : r, [r, L]), fe = d.useCallback((e) => G.includes(e), [G]), q = d.useCallback((e) => {
+		T ? C(G.includes(e) ? G.filter((t) => t !== e) : [...G, e]) : (C(e), I(!1));
 	}, [
-		E,
-		K,
-		w
-	]), fe = d.useCallback((e, t) => {
-		e.stopPropagation(), e.preventDefault(), w(K.filter((e) => e !== t));
-	}, [K, w]), Y = d.useCallback((e) => {
-		D || (L(e), e || (z(""), V(-1)));
-	}, [D]);
+		T,
+		G,
+		C
+	]), pe = d.useCallback((e, t) => {
+		e.stopPropagation(), e.preventDefault(), C(G.filter((e) => e !== t));
+	}, [G, C]), J = d.useCallback((e) => {
+		E || (I(e), e || (R(""), B(-1)));
+	}, [E]);
 	d.useEffect(() => {
-		if (I) {
+		if (F) {
 			let e = setTimeout(() => {
-				H.current?.focus();
+				V.current?.focus();
 			}, 0);
 			return () => clearTimeout(e);
 		}
-	}, [I]);
-	let X = d.useCallback((e, t) => {
-		let n = q.length;
+	}, [F]);
+	let Y = d.useCallback((e, t) => {
+		let n = K.length;
 		if (n === 0) return -1;
 		let r = e + t;
 		for (; r >= 0 && r < n;) {
-			if (!q[r].disabled) return r;
+			if (!K[r].disabled) return r;
 			r += t;
 		}
 		return e;
-	}, [q]), pe = d.useCallback((e) => {
+	}, [K]), me = d.useCallback((e) => {
 		switch (e.key) {
 			case "ArrowDown": {
 				e.preventDefault();
-				let t = X(B, 1);
-				V(t);
+				let t = Y(z, 1);
+				B(t);
 				break;
 			}
 			case "ArrowUp": {
 				e.preventDefault();
-				let t = X(B, -1);
-				V(t);
+				let t = Y(z, -1);
+				B(t);
 				break;
 			}
 			case "Home": {
 				e.preventDefault();
-				let t = q.findIndex((e) => !e.disabled);
-				V(t);
+				let t = K.findIndex((e) => !e.disabled);
+				B(t);
 				break;
 			}
 			case "End": {
 				e.preventDefault();
 				let t = -1;
-				for (let e = q.length - 1; e >= 0; e--) if (!q[e].disabled) {
+				for (let e = K.length - 1; e >= 0; e--) if (!K[e].disabled) {
 					t = e;
 					break;
 				}
-				V(t);
+				B(t);
 				break;
 			}
 			case "Enter":
-				e.preventDefault(), B >= 0 && B < q.length && !q[B].disabled && J(q[B].value);
+				e.preventDefault(), z >= 0 && z < K.length && !K[z].disabled && q(K[z].value);
 				break;
 			case "Escape":
-				e.preventDefault(), L(!1), z(""), V(-1);
+				e.preventDefault(), I(!1), R(""), B(-1);
 				break;
 		}
 	}, [
-		B,
-		q,
-		X,
-		J
+		z,
+		K,
+		Y,
+		q
 	]);
 	d.useEffect(() => {
-		if (B >= 0 && U.current) {
-			let e = U.current.children[B];
+		if (z >= 0 && H.current) {
+			let e = H.current.children[z];
 			e && e.scrollIntoView?.({ block: "nearest" });
 		}
-	}, [B]);
-	let me = d.useCallback(() => K.length === 0 ? null : s.find((e) => e.value === K[0])?.label ?? null, [K, s]), Z = v[F], he = y[F], ge = b[F], _e = () => {
-		if (E && K.length > 0) {
-			let e = K.slice(0, x), t = K.length - x;
+	}, [z]);
+	let X = d.useCallback(() => G.length === 0 ? null : r.find((e) => e.value === G[0])?.label ?? null, [G, r]), Z = _[P], he = v[P], ge = y[P], _e = () => {
+		if (T && G.length > 0) {
+			let e = G.slice(0, b), t = G.length - b;
 			return /* @__PURE__ */ m("span", {
 				className: "flex flex-1 flex-wrap items-center gap-ds-02 overflow-hidden",
 				children: [e.map((e) => {
-					let t = s.find((t) => t.value === e);
+					let t = r.find((t) => t.value === e);
 					return t ? /* @__PURE__ */ m("span", {
-						className: c("inline-flex items-center gap-ds-01 rounded-control-inner bg-accent-2", he),
+						className: i("inline-flex items-center gap-ds-01 rounded-control-inner bg-accent-2", he),
 						children: [t.label, /* @__PURE__ */ p("button", {
 							type: "button",
 							className: "inline-flex items-center justify-center rounded-pill outline-hidden hover:bg-surface-raised-hover transition-colors duration-fast-01 ease-productive-standard",
-							onClick: (t) => fe(t, e),
+							onClick: (t) => pe(t, e),
 							"aria-label": `Remove ${t.label}`,
 							tabIndex: -1,
-							children: /* @__PURE__ */ p(l, {
-								icon: re,
+							children: /* @__PURE__ */ p(a, {
+								icon: ie,
 								size: Z
 							})
 						})]
 					}, e) : null;
 				}), t > 0 && /* @__PURE__ */ m("span", {
-					className: c("text-surface-fg-muted", ge),
+					className: i("text-surface-fg-muted", ge),
 					children: [
 						"+",
 						t,
@@ -155,8 +155,8 @@ var ae = {
 				})]
 			});
 		}
-		if (!E && K.length === 1) {
-			let e = me();
+		if (!T && G.length === 1) {
+			let e = X();
 			if (e) return /* @__PURE__ */ p("span", {
 				className: "min-w-0 flex-1 truncate text-left",
 				children: e
@@ -164,51 +164,51 @@ var ae = {
 		}
 		return /* @__PURE__ */ p("span", {
 			className: "min-w-0 flex-1 truncate text-left text-surface-fg-subtle",
-			children: T
+			children: w
 		});
-	}, Q = ee(), $ = te(M, Q.state), ve = $ === "error", ye = Q.helperTextId, be = Q.required;
-	return /* @__PURE__ */ p(n, {
-		open: I,
-		onOpenChange: Y,
+	}, Q = o(), $ = s(j, Q.state), ve = $ === "error", ye = Q.helperTextId, be = Q.required;
+	return /* @__PURE__ */ p(ee, {
+		open: F,
+		onOpenChange: J,
 		children: /* @__PURE__ */ m("div", {
-			className: c("relative", ce),
-			...N,
-			children: [/* @__PURE__ */ p(r, {
+			className: i("relative", le),
+			...M,
+			children: [/* @__PURE__ */ p(te, {
 				asChild: !0,
-				disabled: D,
+				disabled: E,
 				children: /* @__PURE__ */ m("div", {
-					ref: P,
+					ref: N,
 					role: "combobox",
-					tabIndex: D ? -1 : 0,
-					"data-disabled": D || void 0,
-					id: A,
-					"aria-expanded": I,
-					"aria-controls": G,
+					tabIndex: E ? -1 : 0,
+					"data-disabled": E || void 0,
+					id: k,
+					"aria-expanded": F,
+					"aria-controls": W,
 					"aria-haspopup": "listbox",
-					"aria-disabled": D || void 0,
-					"aria-labelledby": k ? void 0 : Q.labelId,
-					"aria-label": k ?? (Q.labelId ? void 0 : T),
+					"aria-disabled": E || void 0,
+					"aria-labelledby": O ? void 0 : Q.labelId,
+					"aria-label": O ?? (Q.labelId ? void 0 : w),
 					"aria-invalid": ve || void 0,
 					"aria-describedby": ye,
 					"aria-required": be || void 0,
 					onKeyDown: (e) => {
-						D || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), Y(!0));
+						E || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), J(!0));
 					},
-					className: c(_({ size: F }), "cursor-pointer", I && "border-accent-7", $ && ae[$], le),
-					children: [_e(), /* @__PURE__ */ p(l, {
-						icon: g,
+					className: i(g({ size: P }), "cursor-pointer", F && "border-accent-7", $ && oe[$], ue),
+					children: [_e(), /* @__PURE__ */ p(a, {
+						icon: ne,
 						size: Z,
-						className: c("ml-ds-02 shrink-0 opacity-50 transition-transform duration-fast-01 ease-productive-standard", I && "rotate-180")
+						className: i("ml-ds-02 shrink-0 opacity-50 transition-transform duration-fast-01 ease-productive-standard", F && "rotate-180")
 					})]
 				})
-			}), /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, {
+			}), /* @__PURE__ */ p(u, { children: /* @__PURE__ */ p(l, {
 				asChild: !0,
 				sideOffset: 4,
 				align: "start",
 				onOpenAutoFocus: (e) => {
-					e.preventDefault(), H.current?.focus();
+					e.preventDefault(), V.current?.focus();
 				},
-				children: /* @__PURE__ */ m(ie.div, {
+				children: /* @__PURE__ */ m(ae.div, {
 					initial: {
 						opacity: 0,
 						scale: .95
@@ -218,80 +218,80 @@ var ae = {
 						scale: 1
 					},
 					transition: {
-						...a.snappy,
-						opacity: o.fade
+						...t.snappy,
+						opacity: n.fade
 					},
-					className: c("z-popover w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-overlay bg-surface-overlay shadow-floating"),
+					className: i("z-popover w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-overlay bg-surface-overlay shadow-floating"),
 					children: [/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-ds-02 border-b border-surface-border px-ds-04",
-						children: [/* @__PURE__ */ p(l, {
-							icon: ne,
+						children: [/* @__PURE__ */ p(a, {
+							icon: re,
 							size: "sm",
 							className: "shrink-0 text-surface-fg-subtle"
 						}), /* @__PURE__ */ p("input", {
-							ref: H,
+							ref: V,
 							type: "text",
 							className: "flex-1 bg-transparent py-ds-03 text-body-md outline-hidden placeholder:text-surface-fg-subtle",
-							placeholder: oe,
-							value: R,
+							placeholder: se,
+							value: L,
 							onChange: (e) => {
-								z(e.target.value), V(-1);
+								R(e.target.value), B(-1);
 							},
-							onKeyDown: pe,
+							onKeyDown: me,
 							"aria-autocomplete": "list",
-							"aria-controls": G,
-							"aria-activedescendant": B >= 0 ? `${W}-option-${B}` : void 0,
+							"aria-controls": W,
+							"aria-activedescendant": z >= 0 ? `${U}-option-${z}` : void 0,
 							"aria-label": "Search options"
 						})]
-					}), q.length === 0 ? /* @__PURE__ */ p("div", {
+					}), K.length === 0 ? /* @__PURE__ */ p("div", {
 						className: "px-ds-04 py-ds-05 text-center text-body-md text-surface-fg-subtle",
-						children: se
+						children: ce
 					}) : /* @__PURE__ */ p("ul", {
-						ref: U,
-						id: G,
+						ref: H,
+						id: W,
 						role: "listbox",
-						"aria-multiselectable": E || void 0,
+						"aria-multiselectable": T || void 0,
 						className: "overflow-auto p-ds-02",
-						style: { maxHeight: `${ue * S}px` },
-						children: q.map((e, t) => {
-							let n = de(e.value);
+						style: { maxHeight: `${de * x}px` },
+						children: K.map((t, n) => {
+							let r = fe(t.value);
 							return /* @__PURE__ */ m("li", {
-								id: `${W}-option-${t}`,
+								id: `${U}-option-${n}`,
 								role: "option",
-								"aria-selected": n,
-								"aria-disabled": e.disabled || void 0,
-								className: c("relative flex cursor-pointer select-none items-center gap-ds-03 rounded-control px-ds-04 py-ds-03 text-body-md outline-hidden", "transition-colors duration-fast-01 ease-productive-standard", B === t && "bg-accent-2", n && "text-accent-11", e.disabled && "pointer-events-none opacity-action-disabled"),
+								"aria-selected": r,
+								"aria-disabled": t.disabled || void 0,
+								className: i("relative flex cursor-pointer select-none items-center gap-ds-03 rounded-control px-ds-04 py-ds-03 text-body-md outline-hidden", "transition-colors duration-fast-01 ease-productive-standard", z === n && "bg-accent-2", r && "text-accent-11", t.disabled && "pointer-events-none opacity-action-disabled"),
 								onClick: () => {
-									e.disabled || J(e.value);
+									t.disabled || q(t.value);
 								},
-								onKeyDown: (t) => {
-									!e.disabled && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), J(e.value));
+								onKeyDown: (e) => {
+									!t.disabled && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), q(t.value));
 								},
 								onMouseEnter: () => {
-									e.disabled || V(t);
+									t.disabled || B(n);
 								},
 								children: [
-									e.icon && /* @__PURE__ */ p("span", {
+									t.icon && /* @__PURE__ */ p("span", {
 										className: "flex h-ico-sm w-ico-sm items-center justify-center shrink-0",
-										children: /* @__PURE__ */ p(i, {
+										children: /* @__PURE__ */ p(e, {
 											size: Z,
-											children: u(e.icon)
+											children: c(t.icon)
 										})
 									}),
 									/* @__PURE__ */ p("span", {
 										className: "flex flex-1 flex-col",
-										children: O ? O(e, n) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: e.label }), e.description && /* @__PURE__ */ p("span", {
+										children: D ? D(t, r) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: t.label }), t.description && /* @__PURE__ */ p("span", {
 											className: "text-body-sm text-surface-fg-muted",
-											children: e.description
+											children: t.description
 										})] })
 									}),
-									n && /* @__PURE__ */ p(l, {
+									r && /* @__PURE__ */ p(a, {
 										icon: h,
 										size: "sm",
 										className: "shrink-0"
 									})
 								]
-							}, e.value);
+							}, t.value);
 						})
 					})]
 				})
@@ -299,6 +299,6 @@ var ae = {
 		})
 	});
 });
-C.displayName = "Combobox";
+S.displayName = "Combobox";
 //#endregion
-export { C as Combobox, _ as comboboxTriggerVariants };
+export { S as Combobox, g as comboboxTriggerVariants };