@devalok/shilp-sutra 0.53.0 → 0.55.0

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.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,20 @@ 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, {
+		children: /* @__PURE__ */ s(c, { children: A && /* @__PURE__ */ s(a, {
 			forceMount: !0,
 			asChild: !0,
 			children: /* @__PURE__ */ s(l.span, {
@@ -42,7 +42,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 +61,7 @@ var u = {
 						animate: { pathLength: 1 },
 						exit: { pathLength: 0 },
 						transition: {
-							duration: n.moderate02,
+							duration: e.moderate02,
 							ease: "easeOut"
 						}
 					}) : /* @__PURE__ */ s(l.path, {
@@ -75,7 +75,7 @@ var u = {
 						animate: { pathLength: 1 },
 						exit: { pathLength: 0 },
 						transition: {
-							duration: n.moderate02,
+							duration: e.moderate02,
 							ease: "easeOut"
 						}
 					})
@@ -84,6 +84,6 @@ var u = {
 		}) })
 	});
 });
-p.displayName = e.displayName;
+p.displayName = i.displayName;
 //#endregion
 export { p as Checkbox };

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;
@@ -98,6 +97,6 @@ interface ComboboxMultipleProps extends ComboboxBaseProps {
     onValueChange: (value: string[]) => void;
 }
 export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
 export { Combobox };
 //# sourceMappingURL=combobox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/ui/combobox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAYjD,eAAO,MAAM,uBAAuB;;8EAmBnC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AA0B5F;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,+CAA+C;IAC/C,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7E,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iFAAiF;IACjF,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,QAAQ,EAAE,IAAI,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,qBAAqB,CAAA;AAQvE,QAAA,MAAM,QAAQ,yFAyZb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/ui/combobox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAYjD,eAAO,MAAM,uBAAuB;;8EAsBnC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AA0B5F;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,+CAA+C;IAC/C,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7E,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iFAAiF;IACjF,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,QAAQ,EAAE,IAAI,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,qBAAqB,CAAA;AAQvE,QAAA,MAAM,QAAQ,sFAyab,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/combobox.js

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