@darthcharles/greda 1.2.0 → 1.3.1

package/dist/index.js

@@ -1,28 +1,28 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import * as i from "react";
-import { Slot as V } from "@radix-ui/react-slot";
-import { cva as x } from "class-variance-authority";
-import { cn as r } from "./utils.js";
-import * as N from "@radix-ui/react-label";
-import * as n from "@radix-ui/react-select";
-import { Check as C, ChevronDown as R, ChevronUp as j, X as T, Minus as I } from "lucide-react";
-import * as d from "@radix-ui/react-dialog";
-import * as h from "@radix-ui/react-checkbox";
-import * as p from "@radix-ui/react-tabs";
-import * as l from "@radix-ui/react-toast";
-import * as f from "@radix-ui/react-tooltip";
-import * as m from "@radix-ui/react-popover";
-const B = x(
-  "comal-ui inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all active:[&:not([aria-haspopup])]:translate-y-px motion-reduce:active:[&:not([aria-haspopup])]:transform-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+import { jsx as r, jsxs as N } from "react/jsx-runtime";
+import * as o from "react";
+import { Slot as Ee } from "@radix-ui/react-slot";
+import { cva as Y } from "class-variance-authority";
+import { cn as i } from "./utils.js";
+import * as pe from "@radix-ui/react-label";
+import * as f from "@radix-ui/react-select";
+import { Check as re, ChevronDown as ie, ChevronUp as Oe, X as ge, Minus as Ae } from "lucide-react";
+import * as k from "@radix-ui/react-popover";
+import * as y from "@radix-ui/react-dialog";
+import * as oe from "@radix-ui/react-checkbox";
+import * as B from "@radix-ui/react-tabs";
+import * as h from "@radix-ui/react-toast";
+import * as $ from "@radix-ui/react-tooltip";
+const je = Y(
+  "comal-ui inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm font-medium [&:not([aria-pressed])]:transition-all active:[&:not([aria-haspopup]):not([aria-pressed])]:translate-y-px motion-reduce:active:[&:not([aria-haspopup]):not([aria-pressed])]:transform-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary-hover",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-primary surface-primary shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-action underline-offset-4 hover:underline"
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary-hover",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border-primary surface-primary shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "border-transparent hover:bg-accent hover:text-accent-foreground",
+        link: "border-transparent text-action underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2",
@@ -36,49 +36,49 @@ const B = x(
       size: "default"
     }
   }
-), L = i.forwardRef(
+), Le = o.forwardRef(
   ({
     className: e,
     variant: t,
     size: a,
-    asChild: s = !1,
-    loading: c = !1,
-    disabled: g,
-    type: v,
-    ...y
-  }, b) => /* @__PURE__ */ o(
-    s ? V : "button",
+    asChild: l = !1,
+    loading: p = !1,
+    disabled: v,
+    type: b,
+    ...C
+  }, g) => /* @__PURE__ */ r(
+    l ? Ee : "button",
     {
-      className: r(B({ variant: t, size: a, className: e })),
-      ref: b,
-      type: s ? void 0 : v ?? "button",
-      disabled: s ? void 0 : g || c,
-      "aria-busy": c || void 0,
-      ...y
+      className: i(je({ variant: t, size: a, className: e })),
+      ref: g,
+      type: l ? void 0 : b ?? "button",
+      disabled: l ? void 0 : v || p,
+      "aria-busy": p || void 0,
+      ...C
     }
   )
 );
-L.displayName = "Button";
-const O = i.forwardRef(
-  ({ className: e, type: t, ...a }, s) => /* @__PURE__ */ o(
+Le.displayName = "Button";
+const ve = o.forwardRef(
+  ({ className: e, type: t, ...a }, l) => /* @__PURE__ */ r(
     "input",
     {
       type: t,
-      className: r(
+      className: i(
         "comal-ui",
         "flex h-9 w-full rounded-md border border-primary bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-primary placeholder:text-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive md:text-sm",
         e
       ),
-      ref: s,
+      ref: l,
       ...a
     }
   )
 );
-O.displayName = "Input";
-const A = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+ve.displayName = "Input";
+const Be = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "textarea",
   {
-    className: r(
+    className: i(
       "comal-ui",
       "flex min-h-[60px] w-full rounded-md border border-primary bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive md:text-sm",
       e
@@ -87,23 +87,23 @@ const A = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-A.displayName = "Textarea";
-const F = x(
+Be.displayName = "Textarea";
+const Fe = Y(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), H = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  N.Root,
+), Ve = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  pe.Root,
   {
     ref: a,
-    className: r("comal-ui", F(), e),
+    className: i("comal-ui", Fe(), e),
     ...t
   }
 ));
-H.displayName = N.Root.displayName;
-const Re = n.Root, Te = n.Group, De = n.Value, U = i.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ u(
-  n.Trigger,
+Ve.displayName = pe.Root.displayName;
+const Pt = f.Root, St = f.Group, kt = f.Value, $e = o.forwardRef(({ className: e, children: t, ...a }, l) => /* @__PURE__ */ N(
+  f.Trigger,
   {
-    ref: s,
-    className: r(
+    ref: l,
+    className: i(
       "comal-ui",
       "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-primary bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive [&>span]:line-clamp-1",
       e
@@ -111,74 +111,74 @@ const Re = n.Root, Te = n.Group, De = n.Value, U = i.forwardRef(({ className: e,
     ...a,
     children: [
       t,
-      /* @__PURE__ */ o(n.Icon, { asChild: !0, children: /* @__PURE__ */ o(R, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ r(f.Icon, { asChild: !0, children: /* @__PURE__ */ r(ie, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-U.displayName = n.Trigger.displayName;
-const D = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  n.ScrollUpButton,
+$e.displayName = f.Trigger.displayName;
+const be = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  f.ScrollUpButton,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "flex cursor-default items-center justify-center py-1",
       e
     ),
     ...t,
-    children: /* @__PURE__ */ o(j, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ r(Oe, { className: "h-4 w-4" })
   }
 ));
-D.displayName = n.ScrollUpButton.displayName;
-const P = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  n.ScrollDownButton,
+be.displayName = f.ScrollUpButton.displayName;
+const ye = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  f.ScrollDownButton,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "flex cursor-default items-center justify-center py-1",
       e
     ),
     ...t,
-    children: /* @__PURE__ */ o(R, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ r(ie, { className: "h-4 w-4" })
   }
 ));
-P.displayName = n.ScrollDownButton.displayName;
-const _ = i.forwardRef(({ className: e, container: t, children: a, position: s = "popper", ...c }, g) => /* @__PURE__ */ o(n.Portal, { container: t, children: /* @__PURE__ */ u(
-  n.Content,
+ye.displayName = f.ScrollDownButton.displayName;
+const Ue = o.forwardRef(({ className: e, container: t, children: a, position: l = "popper", ...p }, v) => /* @__PURE__ */ r(f.Portal, { container: t, children: /* @__PURE__ */ N(
+  f.Content,
   {
-    ref: g,
-    className: r(
+    ref: v,
+    className: i(
       "comal-ui",
       "relative z-popover max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border surface-raised text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-      s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      l === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       e
     ),
-    position: s,
-    ...c,
+    position: l,
+    ...p,
     children: [
-      /* @__PURE__ */ o(D, {}),
-      /* @__PURE__ */ o(
-        n.Viewport,
+      /* @__PURE__ */ r(be, {}),
+      /* @__PURE__ */ r(
+        f.Viewport,
         {
-          className: r(
+          className: i(
             "comal-ui",
             "p-1",
-            s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            l === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
           children: a
         }
       ),
-      /* @__PURE__ */ o(P, {})
+      /* @__PURE__ */ r(ye, {})
     ]
   }
 ) }));
-_.displayName = n.Content.displayName;
-const G = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  n.Label,
+Ue.displayName = f.Content.displayName;
+const qe = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  f.Label,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "px-2 py-1.5 text-sm font-semibold",
       e
@@ -186,29 +186,29 @@ const G = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-G.displayName = n.Label.displayName;
-const E = i.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ u(
-  n.Item,
+qe.displayName = f.Label.displayName;
+const Qe = o.forwardRef(({ className: e, children: t, ...a }, l) => /* @__PURE__ */ N(
+  f.Item,
   {
-    ref: s,
-    className: r(
+    ref: l,
+    className: i(
       "comal-ui",
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
     ...a,
     children: [
-      /* @__PURE__ */ o("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(n.ItemIndicator, { children: /* @__PURE__ */ o(C, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ o(n.ItemText, { children: t })
+      /* @__PURE__ */ r("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(f.ItemIndicator, { children: /* @__PURE__ */ r(re, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ r(f.ItemText, { children: t })
     ]
   }
 ));
-E.displayName = n.Item.displayName;
-const X = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  n.Separator,
+Qe.displayName = f.Item.displayName;
+const He = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  f.Separator,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "-mx-1 my-1 h-px bg-muted",
       e
@@ -216,12 +216,392 @@ const X = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-X.displayName = n.Separator.displayName;
-const Pe = d.Root, Se = d.Trigger, q = d.Portal, ke = d.Close, S = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  d.Overlay,
+He.displayName = f.Separator.displayName;
+const Me = k.Anchor, he = o.createContext({ side: "bottom", align: "center", sideOffset: 4 });
+function Ke({ placement: e = "bottom", sideOffset: t = 4, ...a }) {
+  const [l, p = "center"] = e.split("-");
+  return /* @__PURE__ */ r(he.Provider, { value: { side: l, align: p, sideOffset: t }, children: /* @__PURE__ */ r(k.Root, { ...a }) });
+}
+const _e = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  k.Trigger,
+  {
+    ref: a,
+    className: i("comal-ui", e),
+    ...t
+  }
+));
+_e.displayName = k.Trigger.displayName;
+const xe = o.forwardRef(({ container: e, className: t, collisionPadding: a = 8, forceMount: l, ...p }, v) => {
+  const b = o.useContext(he), C = e && "current" in e ? e : void 0, [g, R] = o.useState(null);
+  if (o.useEffect(() => {
+    R(C?.current ?? null);
+  }, [C]), C && !g) return null;
+  const O = e && "current" in e ? g : e;
+  return /* @__PURE__ */ r(k.Portal, { container: O, forceMount: l, children: /* @__PURE__ */ r(
+    k.Content,
+    {
+      ref: v,
+      side: b.side,
+      align: b.align,
+      sideOffset: b.sideOffset,
+      collisionPadding: a,
+      forceMount: l,
+      className: i(
+        "comal-ui",
+        "z-popover w-72 max-w-[var(--radix-popover-content-available-width)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto rounded-md border bg-popover p-4 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+        t
+      ),
+      ...p
+    }
+  ) });
+});
+xe.displayName = k.Content.displayName;
+const Ge = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  k.Close,
+  {
+    ref: a,
+    className: i("comal-ui", e),
+    ...t
+  }
+));
+Ge.displayName = k.Close.displayName;
+const we = o.createContext(null);
+function Ne() {
+  const e = o.useContext(we);
+  if (!e) throw new Error("Combobox parts must be used inside Combobox.");
+  return e;
+}
+function X(e) {
+  return e.trim().toLocaleLowerCase();
+}
+const Xe = (e, t) => [e.label, ...e.keywords ?? []].some(
+  (a) => X(a).includes(X(t))
+);
+function zt({
+  children: e,
+  options: t,
+  value: a,
+  defaultValue: l = null,
+  onValueChange: p,
+  inputValue: v,
+  defaultInputValue: b = "",
+  onInputValueChange: C,
+  open: g,
+  defaultOpen: R = !1,
+  onOpenChange: O,
+  filter: x = Xe,
+  loading: I = !1,
+  error: m,
+  disabled: T = !1,
+  name: A,
+  form: s,
+  onCreate: D,
+  isValidNewOption: u
+}) {
+  const P = o.useId(), [c, S] = o.useState(l), [d, w] = o.useState(b), [j, M] = o.useState(R), [J, Re] = o.useState([]), [se, K] = o.useState(null), [W, ne] = o.useState(!1), [Ie, U] = o.useState(!1), Z = o.useRef(null), Te = o.useRef(!1), de = o.useRef(null), F = o.useRef(!1), ee = o.useRef(!1), z = o.useRef(0), q = a === void 0 ? c : a, Q = v === void 0 ? d : v, E = !T && (g ?? j), te = o.useRef(E), le = (n) => `${P}-option-${encodeURIComponent(n.value)}`;
+  o.useEffect(() => (F.current = !0, () => {
+    F.current = !1, z.current += 1;
+  }), []), o.useEffect(() => {
+    z.current += 1;
+  }, [E, Q, q?.value]);
+  function ce(n) {
+    n !== Q && (z.current += 1, v === void 0 && w(n), C?.(n), K(null), U(!1));
+  }
+  function _(n) {
+    T && n || n !== E && (z.current += 1, g === void 0 && M(n), O?.(n));
+  }
+  function ue(n) {
+    a === void 0 && S(n), p?.(n);
+  }
+  o.useEffect(() => {
+    te.current && !E && (ce(""), K(null), U(!1)), te.current = E;
+  }, [E]), o.useEffect(() => {
+    const n = de.current?.form;
+    if (!n) return;
+    const L = (V) => {
+      queueMicrotask(() => {
+        V.defaultPrevented || !F.current || (z.current += 1, a === void 0 && S(l), v === void 0 && w(b), g === void 0 && (te.current = !1, M(!1)), K(null), U(!1));
+      });
+    };
+    return n.addEventListener("reset", L), () => n.removeEventListener("reset", L);
+  }, [s, a, v, g, l, b]);
+  const ae = x === !1 ? t : [
+    ...t,
+    ...J.filter((n) => !t.some((L) => L.value === n.value))
+  ], me = I || m ? [] : ae.filter(
+    (n) => x === !1 || x(n, Q)
+  ), G = Q.trim(), De = [...ae, ...q ? [q] : []].some(
+    (n) => X(n.label) === X(G)
+  ), H = D && G && !De && !I && !m && !W && (u?.(G, ae) ?? !0) ? `${P}-create` : null, fe = W ? [] : [
+    ...me.filter((n) => !n.disabled).map((n) => ({ id: le(n), option: n })),
+    ...H ? [{ id: H }] : []
+  ], Pe = fe.some((n) => n.id === se) ? se : null;
+  async function Se(n) {
+    if (T || Z.current?.readOnly || I || m || ee.current) return;
+    if (n.option) {
+      if (n.option.disabled) return;
+      ue(n.option), _(!1);
+      return;
+    }
+    if (!D || !H || n.id !== H) return;
+    const L = ++z.current;
+    ee.current = !0, ne(!0), U(!1);
+    try {
+      const V = await D(G);
+      if (!F.current || z.current !== L || Z.current?.readOnly) return;
+      if (V.disabled) throw new Error("The created option is disabled.");
+      x !== !1 && Re((ke) => [
+        ...ke.filter((ze) => ze.value !== V.value),
+        V
+      ]), ue(V), _(!1);
+    } catch {
+      F.current && z.current === L && U(!0);
+    } finally {
+      ee.current = !1, F.current && ne(!1);
+    }
+  }
+  return /* @__PURE__ */ r(we.Provider, { value: {
+    listId: `${P}-list`,
+    statusId: `${P}-status`,
+    selected: q,
+    query: Q,
+    open: E,
+    disabled: T,
+    loading: I,
+    creating: W,
+    creationFailed: Ie,
+    error: m,
+    options: me,
+    entries: fe,
+    activeId: Pe,
+    createId: H,
+    inputRef: Z,
+    composingRef: Te,
+    form: s,
+    optionId: le,
+    setOpen: _,
+    setQuery: ce,
+    setActiveId: K,
+    select: Se
+  }, children: /* @__PURE__ */ N(Ke, { open: E, onOpenChange: _, placement: "bottom-start", children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ref: de,
+        type: "hidden",
+        name: A,
+        form: s,
+        value: q?.value ?? "",
+        disabled: T
+      }
+    ),
+    e
+  ] }) });
+}
+const Ye = o.forwardRef(
+  ({
+    className: e,
+    onChange: t,
+    onFocus: a,
+    onClick: l,
+    onBlur: p,
+    onKeyDown: v,
+    onCompositionStart: b,
+    onCompositionEnd: C,
+    readOnly: g,
+    required: R,
+    form: O,
+    ...x
+  }, I) => {
+    const m = Ne(), T = m.composingRef, { inputRef: A, selected: s, query: D, open: u, disabled: P, creating: c } = m;
+    o.useEffect(() => {
+      A.current?.setCustomValidity(R && !s ? "Please select an option." : "");
+    }, [A, R, s]);
+    function S(d) {
+      if (v?.(d), !(d.defaultPrevented || T.current || d.nativeEvent.isComposing || d.keyCode === 229 || g))
+        if (d.key === "ArrowDown" || d.key === "ArrowUp") {
+          d.preventDefault(), m.setOpen(!0);
+          const w = m.entries, j = w.findIndex((J) => J.id === m.activeId), M = d.key === "ArrowDown" ? (j + 1) % w.length : j < 0 ? w.length - 1 : (j - 1 + w.length) % w.length;
+          m.setActiveId(w[M]?.id ?? null);
+        } else if (d.key === "Enter" && u) {
+          d.preventDefault();
+          const w = m.entries.find((j) => j.id === m.activeId);
+          w && m.select(w);
+        } else d.key === "Escape" && u && (d.preventDefault(), d.stopPropagation(), m.setOpen(!1));
+    }
+    return /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ N("div", { className: "comal-ui relative w-full", children: [
+      /* @__PURE__ */ r(
+        ve,
+        {
+          ...x,
+          ref: (d) => {
+            A.current = d, typeof I == "function" ? I(d) : I && (I.current = d);
+          },
+          className: i("pr-8", e),
+          type: "text",
+          role: "combobox",
+          autoComplete: "off",
+          "aria-autocomplete": "list",
+          "aria-haspopup": "listbox",
+          "aria-expanded": u,
+          "aria-controls": u ? m.listId : void 0,
+          "aria-activedescendant": u ? m.activeId ?? void 0 : void 0,
+          "aria-describedby": [x["aria-describedby"], u ? m.statusId : null].filter(Boolean).join(" ") || void 0,
+          "aria-busy": m.loading || c || x["aria-busy"],
+          "aria-readonly": g || c || x["aria-readonly"],
+          "aria-required": R || x["aria-required"],
+          value: u ? D : s?.label ?? "",
+          disabled: P,
+          readOnly: g,
+          required: R && !s,
+          form: O ?? m.form,
+          onChange: (d) => {
+            t?.(d), !(d.defaultPrevented || g || c) && (m.setQuery(d.target.value), m.setOpen(!0));
+          },
+          onFocus: (d) => {
+            a?.(d), !d.defaultPrevented && !g && m.setOpen(!0);
+          },
+          onClick: (d) => {
+            l?.(d), !d.defaultPrevented && !g && m.setOpen(!0);
+          },
+          onBlur: p,
+          onKeyDown: S,
+          onCompositionStart: (d) => {
+            T.current = !0, b?.(d);
+          },
+          onCompositionEnd: (d) => {
+            T.current = !1, C?.(d);
+          }
+        }
+      ),
+      /* @__PURE__ */ r(ie, { "aria-hidden": "true", className: "pointer-events-none absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted" })
+    ] }) });
+  }
+);
+Ye.displayName = "ComboboxInput";
+const Je = o.forwardRef(
+  ({
+    className: e,
+    emptyText: t = "No options found.",
+    loadingText: a = "Loading options…",
+    creatingText: l = "Creating option…",
+    createErrorText: p = "Could not create the option. Try again.",
+    renderCreateLabel: v = (s) => `Create “${s}”`,
+    renderOption: b = (s) => s.label,
+    getStatusText: C = (s, D) => `${s} ${s === 1 ? "option" : "options"} available.${D ? " You can also create an option." : ""}`,
+    onOpenAutoFocus: g,
+    onCloseAutoFocus: R,
+    onInteractOutside: O,
+    onEscapeKeyDown: x,
+    onPointerDown: I,
+    "aria-label": m = "Suggestions",
+    ...T
+  }, A) => {
+    const s = Ne(), D = o.useRef(s);
+    o.useEffect(() => {
+      s.open && (D.current = s);
+    }, [s]);
+    const u = s.open ? s : D.current;
+    o.useEffect(() => {
+      s.open && s.activeId && s.inputRef.current?.ownerDocument.getElementById(s.activeId)?.scrollIntoView({ block: "nearest" });
+    }, [s.open, s.activeId, s.inputRef]);
+    const P = u.creating ? l : u.loading ? a : u.error || (u.creationFailed ? p : u.options.length === 0 && !u.createId ? t : null);
+    return /* @__PURE__ */ N(
+      xe,
+      {
+        ...T,
+        ref: A,
+        role: "presentation",
+        className: i("w-[var(--radix-popover-trigger-width)] p-1", e),
+        onOpenAutoFocus: (c) => {
+          g?.(c), c.preventDefault();
+        },
+        onCloseAutoFocus: (c) => {
+          R?.(c), c.preventDefault();
+        },
+        onInteractOutside: (c) => {
+          O?.(c), c.target === s.inputRef.current && c.preventDefault();
+        },
+        onEscapeKeyDown: (c) => {
+          x?.(c), (s.composingRef.current || c.isComposing || c.keyCode === 229) && c.preventDefault();
+        },
+        onPointerDown: (c) => {
+          I?.(c), c.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ N(
+            "div",
+            {
+              id: s.listId,
+              role: "listbox",
+              "aria-label": m,
+              "aria-busy": u.loading || u.creating || void 0,
+              children: [
+                u.options.map((c) => {
+                  const S = s.optionId(c);
+                  return /* @__PURE__ */ N(
+                    "div",
+                    {
+                      id: S,
+                      role: "option",
+                      "aria-selected": s.selected?.value === c.value,
+                      "aria-disabled": c.disabled || u.creating || void 0,
+                      "data-highlighted": u.activeId === S ? "" : void 0,
+                      className: "comal-ui relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground aria-disabled:opacity-disabled",
+                      onPointerMove: () => {
+                        !c.disabled && !s.creating && s.setActiveId(S);
+                      },
+                      onClick: () => s.select({ id: S, option: c }),
+                      children: [
+                        b(c),
+                        s.selected?.value === c.value && /* @__PURE__ */ r(re, { "aria-hidden": "true", className: "absolute right-2 h-4 w-4" })
+                      ]
+                    },
+                    c.value
+                  );
+                }),
+                u.createId && /* @__PURE__ */ r(
+                  "div",
+                  {
+                    id: u.createId,
+                    role: "option",
+                    "aria-selected": "false",
+                    "data-highlighted": u.activeId === u.createId ? "" : void 0,
+                    className: "comal-ui cursor-default select-none rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+                    onPointerMove: () => s.setActiveId(u.createId),
+                    onClick: () => s.select({ id: u.createId }),
+                    children: v(u.query.trim())
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              id: s.statusId,
+              role: "status",
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              className: i(
+                "comal-ui",
+                P ? "px-2 py-1.5 text-sm" : "sr-only",
+                P && (u.creationFailed ? "text-destructive" : "text-muted")
+              ),
+              children: P ?? C(u.options.length, !!u.createId)
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Je.displayName = "ComboboxContent";
+const Et = y.Root, Ot = y.Trigger, We = y.Portal, At = y.Close, Ce = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  y.Overlay,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
@@ -229,37 +609,37 @@ const Pe = d.Root, Se = d.Trigger, q = d.Portal, ke = d.Close, S = i.forwardRef(
     ...t
   }
 ));
-S.displayName = d.Overlay.displayName;
-const J = i.forwardRef(({ className: e, container: t, children: a, ...s }, c) => /* @__PURE__ */ u(q, { container: t, children: [
-  /* @__PURE__ */ o(S, {}),
-  /* @__PURE__ */ u(
-    d.Content,
+Ce.displayName = y.Overlay.displayName;
+const Ze = o.forwardRef(({ className: e, container: t, children: a, ...l }, p) => /* @__PURE__ */ N(We, { container: t, children: [
+  /* @__PURE__ */ r(Ce, {}),
+  /* @__PURE__ */ N(
+    y.Content,
     {
-      ref: c,
-      className: r(
+      ref: p,
+      className: i(
         "comal-ui",
         "fixed left-[50%] top-[50%] z-overlay grid text-primary w-[calc(100%-2rem)] max-w-lg max-h-[calc(100dvh-2rem)] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border surface-primary p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         e
       ),
-      ...s,
+      ...l,
       children: [
         a,
-        /* @__PURE__ */ u(d.Close, { className: "comal-ui absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted", children: [
-          /* @__PURE__ */ o(T, { className: "h-4 w-4" }),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ N(y.Close, { className: "comal-ui absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted", children: [
+          /* @__PURE__ */ r(ge, { className: "h-4 w-4" }),
+          /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
-J.displayName = d.Content.displayName;
-const K = ({
+Ze.displayName = y.Content.displayName;
+const et = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    className: r(
+    className: i(
       "comal-ui",
       "flex flex-col space-y-1.5 text-center sm:text-left",
       e
@@ -267,14 +647,14 @@ const K = ({
     ...t
   }
 );
-K.displayName = "DialogHeader";
-const M = ({
+et.displayName = "DialogHeader";
+const tt = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    className: r(
+    className: i(
       "comal-ui",
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       e
@@ -282,12 +662,12 @@ const M = ({
     ...t
   }
 );
-M.displayName = "DialogFooter";
-const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  d.Title,
+tt.displayName = "DialogFooter";
+const at = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  y.Title,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "comal-heading text-lg font-semibold leading-none tracking-tight",
       e
@@ -295,21 +675,21 @@ const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-Q.displayName = d.Title.displayName;
-const W = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  d.Description,
+at.displayName = y.Title.displayName;
+const ot = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  y.Description,
   {
     ref: a,
-    className: r("comal-ui", "text-sm text-muted", e),
+    className: i("comal-ui", "text-sm text-muted", e),
     ...t
   }
 ));
-W.displayName = d.Description.displayName;
-const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+ot.displayName = y.Description.displayName;
+const rt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "rounded-xl border surface-raised text-primary shadow",
       e
@@ -317,12 +697,12 @@ const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-Y.displayName = "Card";
-const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+rt.displayName = "Card";
+const it = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "flex flex-col space-y-1.5 p-6",
       e
@@ -330,12 +710,12 @@ const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-Z.displayName = "CardHeader";
-const $ = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+it.displayName = "CardHeader";
+const st = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "comal-heading font-semibold leading-none tracking-tight",
       e
@@ -343,30 +723,30 @@ const $ = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-$.displayName = "CardTitle";
-const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+st.displayName = "CardTitle";
+const nt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
-    className: r("comal-ui", "text-sm text-muted", e),
+    className: i("comal-ui", "text-sm text-muted", e),
     ...t
   }
 ));
-ee.displayName = "CardDescription";
-const te = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+nt.displayName = "CardDescription";
+const dt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
-    className: r("comal-ui", "p-6 pt-0", e),
+    className: i("comal-ui", "p-6 pt-0", e),
     ...t
   }
 ));
-te.displayName = "CardContent";
-const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+dt.displayName = "CardContent";
+const lt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "flex items-center p-6 pt-0",
       e
@@ -374,8 +754,8 @@ const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-ae.displayName = "CardFooter";
-const oe = x(
+lt.displayName = "CardFooter";
+const ct = Y(
   "comal-ui inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -391,41 +771,41 @@ const oe = x(
     }
   }
 );
-function ze({ className: e, variant: t, ...a }) {
-  return /* @__PURE__ */ o("div", { className: r(oe({ variant: t }), e), ...a });
+function jt({ className: e, variant: t, ...a }) {
+  return /* @__PURE__ */ r("div", { className: i(ct({ variant: t }), e), ...a });
 }
-const re = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  h.Root,
+const ut = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  oe.Root,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-action shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
       e
     ),
     ...t,
-    children: /* @__PURE__ */ u(
-      h.Indicator,
+    children: /* @__PURE__ */ N(
+      oe.Indicator,
       {
         "data-slot": "checkbox-indicator",
-        className: r(
+        className: i(
           "comal-ui",
           "grid place-content-center text-current"
         ),
         children: [
-          /* @__PURE__ */ o(C, { className: "h-4 w-4", "data-check-icon": "" }),
-          /* @__PURE__ */ o(I, { className: "h-4 w-4", "data-mixed-icon": "" })
+          /* @__PURE__ */ r(re, { className: "h-4 w-4", "data-check-icon": "" }),
+          /* @__PURE__ */ r(Ae, { className: "h-4 w-4", "data-mixed-icon": "" })
         ]
       }
     )
   }
 ));
-re.displayName = h.Root.displayName;
-const Ve = p.Root, ie = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  p.List,
+ut.displayName = oe.Root.displayName;
+const Lt = B.Root, mt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  B.List,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col",
       e
@@ -433,12 +813,12 @@ const Ve = p.Root, ie = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__
     ...t
   }
 ));
-ie.displayName = p.List.displayName;
-const se = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  p.Trigger,
+mt.displayName = B.List.displayName;
+const ft = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  B.Trigger,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:surface-primary data-[state=active]:text-primary data-[state=active]:shadow",
       e
@@ -446,12 +826,12 @@ const se = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-se.displayName = p.Trigger.displayName;
-const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  p.Content,
+ft.displayName = B.Trigger.displayName;
+const pt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  B.Content,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       e
@@ -459,12 +839,12 @@ const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-ne.displayName = p.Content.displayName;
-const je = l.Provider, de = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  l.Viewport,
+pt.displayName = B.Content.displayName;
+const Bt = h.Provider, gt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  h.Viewport,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "fixed top-0 z-toast flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[var(--toast-width)]",
       e
@@ -472,8 +852,8 @@ const je = l.Provider, de = i.forwardRef(({ className: e, ...t }, a) => /* @__PU
     ...t
   }
 ));
-de.displayName = l.Viewport.displayName;
-const le = x(
+gt.displayName = h.Viewport.displayName;
+const vt = Y(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -486,20 +866,20 @@ const le = x(
       variant: "default"
     }
   }
-), ce = i.forwardRef(({ className: e, variant: t, ...a }, s) => /* @__PURE__ */ o(
-  l.Root,
+), bt = o.forwardRef(({ className: e, variant: t, ...a }, l) => /* @__PURE__ */ r(
+  h.Root,
   {
-    ref: s,
-    className: r("comal-ui", le({ variant: t }), e),
+    ref: l,
+    className: i("comal-ui", vt({ variant: t }), e),
     ...a
   }
 ));
-ce.displayName = l.Root.displayName;
-const me = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  l.Action,
+bt.displayName = h.Root.displayName;
+const yt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  h.Action,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
       e
@@ -507,12 +887,12 @@ const me = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-me.displayName = l.Action.displayName;
-const ue = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  l.Close,
+yt.displayName = h.Action.displayName;
+const ht = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  h.Close,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "absolute right-1 top-1 rounded-md p-1 text-primary/50 opacity-0 transition-opacity hover:text-primary focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-destructive-foreground/80 group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive-foreground group-[.destructive]:focus:ring-offset-destructive",
       e
@@ -520,15 +900,15 @@ const ue = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     "aria-label": "Dismiss notification",
     "toast-close": "",
     ...t,
-    children: /* @__PURE__ */ o(T, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ r(ge, { className: "h-4 w-4" })
   }
 ));
-ue.displayName = l.Close.displayName;
-const pe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  l.Title,
+ht.displayName = h.Close.displayName;
+const xt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  h.Title,
   {
     ref: a,
-    className: r(
+    className: i(
       "comal-ui",
       "text-sm font-semibold [&+div]:text-xs",
       e
@@ -536,133 +916,88 @@ const pe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-pe.displayName = l.Title.displayName;
-const fe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  l.Description,
+xt.displayName = h.Title.displayName;
+const wt = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+  h.Description,
   {
     ref: a,
-    className: r("comal-ui", "text-sm opacity-90", e),
+    className: i("comal-ui", "text-sm opacity-90", e),
     ...t
   }
 ));
-fe.displayName = l.Description.displayName;
-const Ie = f.Provider, Be = f.Root, Le = f.Trigger, ge = i.forwardRef(({ className: e, container: t, sideOffset: a = 4, ...s }, c) => /* @__PURE__ */ o(f.Portal, { container: t, children: /* @__PURE__ */ o(
-  f.Content,
+wt.displayName = h.Description.displayName;
+const Ft = $.Provider, Vt = $.Root, $t = $.Trigger, Nt = o.forwardRef(({ className: e, container: t, sideOffset: a = 4, ...l }, p) => /* @__PURE__ */ r($.Portal, { container: t, children: /* @__PURE__ */ r(
+  $.Content,
   {
-    ref: c,
+    ref: p,
     sideOffset: a,
-    className: r(
+    className: i(
       "comal-ui",
       "z-popover max-w-[var(--tooltip-width)] overflow-hidden rounded-md surface-inverse px-3 py-1.5 text-xs text-inverse animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
       e
     ),
-    ...s
+    ...l
   }
 ) }));
-ge.displayName = f.Content.displayName;
-const Oe = m.Anchor, k = i.createContext({ side: "bottom", align: "center", sideOffset: 4 });
-function Ae({ placement: e = "bottom", sideOffset: t = 4, ...a }) {
-  const [s, c = "center"] = e.split("-");
-  return /* @__PURE__ */ o(k.Provider, { value: { side: s, align: c, sideOffset: t }, children: /* @__PURE__ */ o(m.Root, { ...a }) });
-}
-const ve = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  m.Trigger,
-  {
-    ref: a,
-    className: r("comal-ui", e),
-    ...t
-  }
-));
-ve.displayName = m.Trigger.displayName;
-const ye = i.forwardRef(({ container: e, className: t, collisionPadding: a = 8, forceMount: s, ...c }, g) => {
-  const v = i.useContext(k), y = e && "current" in e ? e : void 0, [b, w] = i.useState(null);
-  if (i.useEffect(() => {
-    w(y?.current ?? null);
-  }, [y]), y && !b) return null;
-  const z = e && "current" in e ? b : e;
-  return /* @__PURE__ */ o(m.Portal, { container: z, forceMount: s, children: /* @__PURE__ */ o(
-    m.Content,
-    {
-      ref: g,
-      side: v.side,
-      align: v.align,
-      sideOffset: v.sideOffset,
-      collisionPadding: a,
-      forceMount: s,
-      className: r(
-        "comal-ui",
-        "z-popover w-72 max-w-[var(--radix-popover-content-available-width)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto rounded-md border bg-popover p-4 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
-        t
-      ),
-      ...c
-    }
-  ) });
-});
-ye.displayName = m.Content.displayName;
-const be = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  m.Close,
-  {
-    ref: a,
-    className: r("comal-ui", e),
-    ...t
-  }
-));
-be.displayName = m.Close.displayName;
+Nt.displayName = $.Content.displayName;
 export {
-  ze as Badge,
-  L as Button,
-  Y as Card,
-  te as CardContent,
-  ee as CardDescription,
-  ae as CardFooter,
-  Z as CardHeader,
-  $ as CardTitle,
-  re as Checkbox,
-  Pe as Dialog,
-  ke as DialogClose,
-  J as DialogContent,
-  W as DialogDescription,
-  M as DialogFooter,
-  K as DialogHeader,
-  S as DialogOverlay,
-  q as DialogPortal,
-  Q as DialogTitle,
-  Se as DialogTrigger,
-  O as Input,
-  H as Label,
-  Ae as Popover,
-  Oe as PopoverAnchor,
-  be as PopoverClose,
-  ye as PopoverContent,
-  ve as PopoverTrigger,
-  Re as Select,
-  _ as SelectContent,
-  Te as SelectGroup,
-  E as SelectItem,
-  G as SelectLabel,
-  P as SelectScrollDownButton,
-  D as SelectScrollUpButton,
-  X as SelectSeparator,
-  U as SelectTrigger,
-  De as SelectValue,
-  Ve as Tabs,
-  ne as TabsContent,
-  ie as TabsList,
-  se as TabsTrigger,
-  A as Textarea,
-  ce as Toast,
-  me as ToastAction,
-  ue as ToastClose,
-  fe as ToastDescription,
-  je as ToastProvider,
-  pe as ToastTitle,
-  de as ToastViewport,
-  Be as Tooltip,
-  ge as TooltipContent,
-  Ie as TooltipProvider,
-  Le as TooltipTrigger,
-  oe as badgeVariants,
-  B as buttonVariants,
-  r as cn
+  jt as Badge,
+  Le as Button,
+  rt as Card,
+  dt as CardContent,
+  nt as CardDescription,
+  lt as CardFooter,
+  it as CardHeader,
+  st as CardTitle,
+  ut as Checkbox,
+  zt as Combobox,
+  Je as ComboboxContent,
+  Ye as ComboboxInput,
+  Et as Dialog,
+  At as DialogClose,
+  Ze as DialogContent,
+  ot as DialogDescription,
+  tt as DialogFooter,
+  et as DialogHeader,
+  Ce as DialogOverlay,
+  We as DialogPortal,
+  at as DialogTitle,
+  Ot as DialogTrigger,
+  ve as Input,
+  Ve as Label,
+  Ke as Popover,
+  Me as PopoverAnchor,
+  Ge as PopoverClose,
+  xe as PopoverContent,
+  _e as PopoverTrigger,
+  Pt as Select,
+  Ue as SelectContent,
+  St as SelectGroup,
+  Qe as SelectItem,
+  qe as SelectLabel,
+  ye as SelectScrollDownButton,
+  be as SelectScrollUpButton,
+  He as SelectSeparator,
+  $e as SelectTrigger,
+  kt as SelectValue,
+  Lt as Tabs,
+  pt as TabsContent,
+  mt as TabsList,
+  ft as TabsTrigger,
+  Be as Textarea,
+  bt as Toast,
+  yt as ToastAction,
+  ht as ToastClose,
+  wt as ToastDescription,
+  Bt as ToastProvider,
+  xt as ToastTitle,
+  gt as ToastViewport,
+  Vt as Tooltip,
+  Nt as TooltipContent,
+  Ft as TooltipProvider,
+  $t as TooltipTrigger,
+  ct as badgeVariants,
+  je as buttonVariants,
+  i as cn
 };
 //# sourceMappingURL=index.js.map