@still-forest/canopy 0.38.0 → 0.38.1

package/dist/chunks/Textarea-DslZ0KXP.js

@@ -0,0 +1,2478 @@
+import { j as n } from "./jsx-runtime-B0GD0xBr.js";
+import { c as ee, u as U, B as Ne, h as Tr, i as Pr, j as Se, g as Mr } from "./calendar-C-nHBQQ8.js";
+import * as a from "react";
+import { useState as _e, useEffect as pt, useRef as Ar, useMemo as Dr } from "react";
+import { F as ne, G as Or } from "./Layout-CvVv48kM.js";
+import { T as Te } from "./Heading-DjVutKs1.js";
+import { L as Fr } from "./Loader-B_h7e46-.js";
+import { d as Ie, j as ft, e as te, f as _, h as D, u as et, c as Ce, w as mt, g as ht, x as vt, l as xt, m as gt, n as bt, o as wt, p as Lr, A as Br, i as oe, q as $r, V as Vr, y as Gr, z as Hr, B as Kr, F as Ur, s as zr, t as Wr, r as qr, k as yt, R as Yr, P as Xr, O as Zr, C as Jr } from "./index-CA-6Q-v_.js";
+import { c as B } from "./index-CRiPKpXj.js";
+import * as St from "react-dom";
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qr = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+], en = ee("calendar", Qr);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tn = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], tt = ee("check", tn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rn = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], nn = ee("chevron-up", rn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const on = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+], an = ee("chevrons-up-down", on);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const sn = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], ln = ee("circle", sn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const cn = [
+  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+  [
+    "path",
+    {
+      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+      key: "116196"
+    }
+  ],
+  ["path", { d: "m9 14 2 2 4-4", key: "df797q" }]
+], dn = ee("clipboard-check", cn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const un = [
+  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+  [
+    "path",
+    {
+      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+      key: "116196"
+    }
+  ]
+], pn = ee("clipboard", un);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const fn = [
+  [
+    "path",
+    {
+      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+      key: "1c8476"
+    }
+  ],
+  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
+  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
+], mn = ee("save", fn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const hn = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], vn = ee("search", hn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xn = [
+  [
+    "path",
+    {
+      d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
+      key: "1ffxy3"
+    }
+  ],
+  ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
+], Ve = ee("send", xn);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const gn = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], bn = ee("trash-2", gn);
+var Ge = "rovingFocusGroup.onEntryFocus", wn = { bubbles: !1, cancelable: !0 }, Re = "RovingFocusGroup", [ze, Ct, yn] = ft(Re), [Sn, It] = Ie(
+  Re,
+  [yn]
+), [Cn, In] = Sn(Re), Rt = a.forwardRef(
+  (e, r) => /* @__PURE__ */ n.jsx(ze.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n.jsx(ze.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n.jsx(Rn, { ...e, ref: r }) }) })
+);
+Rt.displayName = Re;
+var Rn = a.forwardRef((e, r) => {
+  const {
+    __scopeRovingFocusGroup: t,
+    orientation: s,
+    loop: o = !1,
+    dir: l,
+    currentTabStopId: c,
+    defaultCurrentTabStopId: i,
+    onCurrentTabStopIdChange: u,
+    onEntryFocus: d,
+    preventScrollOnEntryFocus: p = !1,
+    ...m
+  } = e, w = a.useRef(null), g = U(r, w), y = et(l), [h, v] = Ce({
+    prop: c,
+    defaultProp: i ?? null,
+    onChange: u,
+    caller: Re
+  }), [C, b] = a.useState(!1), I = mt(d), L = Ct(t), O = a.useRef(!1), [T, E] = a.useState(0);
+  return a.useEffect(() => {
+    const M = w.current;
+    if (M)
+      return M.addEventListener(Ge, I), () => M.removeEventListener(Ge, I);
+  }, [I]), /* @__PURE__ */ n.jsx(
+    Cn,
+    {
+      scope: t,
+      orientation: s,
+      dir: y,
+      loop: o,
+      currentTabStopId: h,
+      onItemFocus: a.useCallback(
+        (M) => v(M),
+        [v]
+      ),
+      onItemShiftTab: a.useCallback(() => b(!0), []),
+      onFocusableItemAdd: a.useCallback(
+        () => E((M) => M + 1),
+        []
+      ),
+      onFocusableItemRemove: a.useCallback(
+        () => E((M) => M - 1),
+        []
+      ),
+      children: /* @__PURE__ */ n.jsx(
+        _.div,
+        {
+          tabIndex: C || T === 0 ? -1 : 0,
+          "data-orientation": s,
+          ...m,
+          ref: g,
+          style: { outline: "none", ...e.style },
+          onMouseDown: D(e.onMouseDown, () => {
+            O.current = !0;
+          }),
+          onFocus: D(e.onFocus, (M) => {
+            const Y = !O.current;
+            if (M.target === M.currentTarget && Y && !C) {
+              const W = new CustomEvent(Ge, wn);
+              if (M.currentTarget.dispatchEvent(W), !W.defaultPrevented) {
+                const G = L().filter((F) => F.focusable), z = G.find((F) => F.active), X = G.find((F) => F.id === h), K = [z, X, ...G].filter(
+                  Boolean
+                ).map((F) => F.ref.current);
+                jt(K, p);
+              }
+            }
+            O.current = !1;
+          }),
+          onBlur: D(e.onBlur, () => b(!1))
+        }
+      )
+    }
+  );
+}), kt = "RovingFocusGroupItem", Et = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: t,
+      focusable: s = !0,
+      active: o = !1,
+      tabStopId: l,
+      children: c,
+      ...i
+    } = e, u = te(), d = l || u, p = In(kt, t), m = p.currentTabStopId === d, w = Ct(t), { onFocusableItemAdd: g, onFocusableItemRemove: y, currentTabStopId: h } = p;
+    return a.useEffect(() => {
+      if (s)
+        return g(), () => y();
+    }, [s, g, y]), /* @__PURE__ */ n.jsx(
+      ze.ItemSlot,
+      {
+        scope: t,
+        id: d,
+        focusable: s,
+        active: o,
+        children: /* @__PURE__ */ n.jsx(
+          _.span,
+          {
+            tabIndex: m ? 0 : -1,
+            "data-orientation": p.orientation,
+            ...i,
+            ref: r,
+            onMouseDown: D(e.onMouseDown, (v) => {
+              s ? p.onItemFocus(d) : v.preventDefault();
+            }),
+            onFocus: D(e.onFocus, () => p.onItemFocus(d)),
+            onKeyDown: D(e.onKeyDown, (v) => {
+              if (v.key === "Tab" && v.shiftKey) {
+                p.onItemShiftTab();
+                return;
+              }
+              if (v.target !== v.currentTarget) return;
+              const C = jn(v, p.orientation, p.dir);
+              if (C !== void 0) {
+                if (v.metaKey || v.ctrlKey || v.altKey || v.shiftKey) return;
+                v.preventDefault();
+                let I = w().filter((L) => L.focusable).map((L) => L.ref.current);
+                if (C === "last") I.reverse();
+                else if (C === "prev" || C === "next") {
+                  C === "prev" && I.reverse();
+                  const L = I.indexOf(v.currentTarget);
+                  I = p.loop ? Nn(I, L + 1) : I.slice(L + 1);
+                }
+                setTimeout(() => jt(I));
+              }
+            }),
+            children: typeof c == "function" ? c({ isCurrentTabStop: m, hasTabStop: h != null }) : c
+          }
+        )
+      }
+    );
+  }
+);
+Et.displayName = kt;
+var kn = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function En(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function jn(e, r, t) {
+  const s = En(e.key, t);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(s)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(s)))
+    return kn[s];
+}
+function jt(e, r = !1) {
+  const t = document.activeElement;
+  for (const s of e)
+    if (s === t || (s.focus({ preventScroll: r }), document.activeElement !== t)) return;
+}
+function Nn(e, r) {
+  return e.map((t, s) => e[(r + s) % e.length]);
+}
+var _n = Rt, Tn = Et;
+const _a = ({ disabled: e = !1, handleDelete: r, ...t }) => /* @__PURE__ */ n.jsx(
+  Ne,
+  {
+    disabled: e,
+    icon: /* @__PURE__ */ n.jsx(bn, {}),
+    onClick: r,
+    variant: "outline",
+    ...t,
+    className: "border-destructive text-destructive hover:bg-destructive hover:text-white",
+    children: "Delete"
+  }
+), lt = {
+  default: { label: "Submit", submittingLabel: "Submitting", IconComponent: Ve },
+  submit: { label: "Submit", submittingLabel: "Submitting", IconComponent: Ve },
+  save: { label: "Save", submittingLabel: "Saving", IconComponent: mn },
+  send: { label: "Send", submittingLabel: "Sending", IconComponent: Ve }
+}, Ta = ({
+  submitting: e = !1,
+  disabled: r = !1,
+  submittingIcon: t,
+  action: s = "default",
+  label: o,
+  submittingLabel: l,
+  icon: c,
+  noIcon: i = !1,
+  ...u
+}) => {
+  if (!lt[s])
+    throw new Error(`Invalid action: ${s}`);
+  const d = lt[s], p = o || d.label, m = l || d.submittingLabel, w = c || d.IconComponent, g = e ? /* @__PURE__ */ n.jsx(Fr, { icon: t }) : /* @__PURE__ */ n.jsx(w, {});
+  return /* @__PURE__ */ n.jsx(
+    Ne,
+    {
+      disabled: r || e,
+      icon: i ? void 0 : g,
+      type: "submit",
+      variant: "primary",
+      ...u,
+      children: e ? m : p
+    }
+  );
+};
+function rt(e) {
+  const r = a.useRef({ value: e, previous: e });
+  return a.useMemo(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
+}
+var Pe = "Checkbox", [Pn, Pa] = Ie(Pe), [Mn, nt] = Pn(Pe);
+function An(e) {
+  const {
+    __scopeCheckbox: r,
+    checked: t,
+    children: s,
+    defaultChecked: o,
+    disabled: l,
+    form: c,
+    name: i,
+    onCheckedChange: u,
+    required: d,
+    value: p = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: m
+  } = e, [w, g] = Ce({
+    prop: t,
+    defaultProp: o ?? !1,
+    onChange: u,
+    caller: Pe
+  }), [y, h] = a.useState(null), [v, C] = a.useState(null), b = a.useRef(!1), I = y ? !!c || !!y.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), L = {
+    checked: w,
+    disabled: l,
+    setChecked: g,
+    control: y,
+    setControl: h,
+    name: i,
+    form: c,
+    value: p,
+    hasConsumerStoppedPropagationRef: b,
+    required: d,
+    defaultChecked: re(o) ? !1 : o,
+    isFormControl: I,
+    bubbleInput: v,
+    setBubbleInput: C
+  };
+  return /* @__PURE__ */ n.jsx(
+    Mn,
+    {
+      scope: r,
+      ...L,
+      children: Dn(m) ? m(L) : s
+    }
+  );
+}
+var Nt = "CheckboxTrigger", _t = a.forwardRef(
+  ({ __scopeCheckbox: e, onKeyDown: r, onClick: t, ...s }, o) => {
+    const {
+      control: l,
+      value: c,
+      disabled: i,
+      checked: u,
+      required: d,
+      setControl: p,
+      setChecked: m,
+      hasConsumerStoppedPropagationRef: w,
+      isFormControl: g,
+      bubbleInput: y
+    } = nt(Nt, e), h = U(o, p), v = a.useRef(u);
+    return a.useEffect(() => {
+      const C = l?.form;
+      if (C) {
+        const b = () => m(v.current);
+        return C.addEventListener("reset", b), () => C.removeEventListener("reset", b);
+      }
+    }, [l, m]), /* @__PURE__ */ n.jsx(
+      _.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": re(u) ? "mixed" : u,
+        "aria-required": d,
+        "data-state": Ot(u),
+        "data-disabled": i ? "" : void 0,
+        disabled: i,
+        value: c,
+        ...s,
+        ref: h,
+        onKeyDown: D(r, (C) => {
+          C.key === "Enter" && C.preventDefault();
+        }),
+        onClick: D(t, (C) => {
+          m((b) => re(b) ? !0 : !b), y && g && (w.current = C.isPropagationStopped(), w.current || C.stopPropagation());
+        })
+      }
+    );
+  }
+);
+_t.displayName = Nt;
+var Tt = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeCheckbox: t,
+      name: s,
+      checked: o,
+      defaultChecked: l,
+      required: c,
+      disabled: i,
+      value: u,
+      onCheckedChange: d,
+      form: p,
+      ...m
+    } = e;
+    return /* @__PURE__ */ n.jsx(
+      An,
+      {
+        __scopeCheckbox: t,
+        checked: o,
+        defaultChecked: l,
+        disabled: i,
+        required: c,
+        onCheckedChange: d,
+        name: s,
+        form: p,
+        value: u,
+        internal_do_not_use_render: ({ isFormControl: w }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+          /* @__PURE__ */ n.jsx(
+            _t,
+            {
+              ...m,
+              ref: r,
+              __scopeCheckbox: t
+            }
+          ),
+          w && /* @__PURE__ */ n.jsx(
+            Dt,
+            {
+              __scopeCheckbox: t
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Tt.displayName = Pe;
+var Pt = "CheckboxIndicator", Mt = a.forwardRef(
+  (e, r) => {
+    const { __scopeCheckbox: t, forceMount: s, ...o } = e, l = nt(Pt, t);
+    return /* @__PURE__ */ n.jsx(
+      ht,
+      {
+        present: s || re(l.checked) || l.checked === !0,
+        children: /* @__PURE__ */ n.jsx(
+          _.span,
+          {
+            "data-state": Ot(l.checked),
+            "data-disabled": l.disabled ? "" : void 0,
+            ...o,
+            ref: r,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+Mt.displayName = Pt;
+var At = "CheckboxBubbleInput", Dt = a.forwardRef(
+  ({ __scopeCheckbox: e, ...r }, t) => {
+    const {
+      control: s,
+      hasConsumerStoppedPropagationRef: o,
+      checked: l,
+      defaultChecked: c,
+      required: i,
+      disabled: u,
+      name: d,
+      value: p,
+      form: m,
+      bubbleInput: w,
+      setBubbleInput: g
+    } = nt(At, e), y = U(t, g), h = rt(l), v = vt(s);
+    a.useEffect(() => {
+      const b = w;
+      if (!b) return;
+      const I = window.HTMLInputElement.prototype, O = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, T = !o.current;
+      if (h !== l && O) {
+        const E = new Event("click", { bubbles: T });
+        b.indeterminate = re(l), O.call(b, re(l) ? !1 : l), b.dispatchEvent(E);
+      }
+    }, [w, h, l, o]);
+    const C = a.useRef(re(l) ? !1 : l);
+    return /* @__PURE__ */ n.jsx(
+      _.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: c ?? C.current,
+        required: i,
+        disabled: u,
+        name: d,
+        value: p,
+        form: m,
+        ...r,
+        tabIndex: -1,
+        ref: y,
+        style: {
+          ...r.style,
+          ...v,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+Dt.displayName = At;
+function Dn(e) {
+  return typeof e == "function";
+}
+function re(e) {
+  return e === "indeterminate";
+}
+function Ot(e) {
+  return re(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function On({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    Tt,
+    {
+      className: B(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      "data-slot": "checkbox",
+      ...r,
+      children: /* @__PURE__ */ n.jsx(
+        Mt,
+        {
+          className: "flex items-center justify-center text-current transition-none",
+          "data-slot": "checkbox-indicator",
+          children: /* @__PURE__ */ n.jsx(tt, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+const Ma = ({ label: e, name: r, value: t, checked: s, onCheckedChange: o }) => {
+  const [l, c] = _e(s);
+  pt(() => {
+    c(s);
+  }, [s]);
+  let i = r;
+  const u = t || r;
+  t && (i += `[${t}]`);
+  const d = (p) => {
+    c(p), o?.(p);
+  };
+  return /* @__PURE__ */ n.jsxs(ne, { align: "center", gap: "2", children: [
+    /* @__PURE__ */ n.jsx(
+      On,
+      {
+        checked: l,
+        id: i,
+        name: r,
+        onCheckedChange: d,
+        value: u
+      }
+    ),
+    /* @__PURE__ */ n.jsx(xe, { className: "cursor-pointer", htmlFor: i, children: e })
+  ] });
+}, Aa = ({ content: e, className: r, size: t = "md", ...s }) => {
+  const [o, l] = _e(!1), c = Ar(null);
+  pt(() => () => {
+    c.current && clearTimeout(c.current);
+  }, []);
+  const i = () => {
+    const u = navigator.clipboard?.writeText;
+    u && (l(!0), u.call(navigator.clipboard, e).then(() => {
+      c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+        l(!1), c.current = null;
+      }, 2e3);
+    }).catch(() => {
+      l(!1);
+    }));
+  };
+  return /* @__PURE__ */ n.jsx(
+    Ne,
+    {
+      className: B(
+        {
+          "w-[88px]": t === "xs",
+          "w-[96px]": t === "sm",
+          "w-[100px]": t === "md",
+          "w-[125px]": t === "lg",
+          "w-[144px]": t === "xl"
+        },
+        "justify-start",
+        r
+      ),
+      disabled: o,
+      icon: o ? /* @__PURE__ */ n.jsx(dn, {}) : /* @__PURE__ */ n.jsx(pn, {}),
+      label: o ? "Copied" : "Copy",
+      onClick: i,
+      size: t,
+      ...s
+    }
+  );
+}, Da = ({ name: e, label: r, placeholder: t, note: s, className: o, size: l = "md", ...c }) => /* @__PURE__ */ n.jsx(
+  Lt,
+  {
+    className: B(
+      l === "xs" && "max-w-[140px] md:max-w-[135px]",
+      l === "sm" && "max-w-[150px] md:max-w-[140px]",
+      l === "md" && "max-w-[170px] md:max-w-[150px]",
+      l === "lg" && "max-w-[180px] md:max-w-[170px]",
+      l === "xl" && "max-w-[200px]",
+      o
+    ),
+    label: r,
+    name: e,
+    note: s,
+    placeholder: t,
+    size: l,
+    type: "date",
+    ...c
+  }
+), Oa = ({ onDateSelection: e, initialValue: r, className: t, size: s = "default", error: o }) => {
+  const [l, c] = _e(r), i = (u) => {
+    c(u), u && e(u);
+  };
+  return /* @__PURE__ */ n.jsxs(ne, { direction: "col", gap: "2", children: [
+    /* @__PURE__ */ n.jsxs(xt, { children: [
+      /* @__PURE__ */ n.jsx(gt, { asChild: !0, children: /* @__PURE__ */ n.jsxs(
+        Ne,
+        {
+          className: B("w-[280px] justify-start text-left font-normal", !l && "text-muted-foreground", t),
+          size: s,
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ n.jsx(en, { className: "mr-2 h-4 w-4" }),
+            l ? l.toISOString().split("T")[0] : /* @__PURE__ */ n.jsx("span", { children: "Select a date" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ n.jsx(bt, { className: "w-auto p-0", children: /* @__PURE__ */ n.jsx(Tr, { autoFocus: !0, mode: "single", onSelect: i, selected: l }) })
+    ] }),
+    o && /* @__PURE__ */ n.jsx(ke, { message: o })
+  ] });
+}, ke = ({ message: e }) => /* @__PURE__ */ n.jsx(Te, { size: "xs", variant: "destructive", children: e }), Fn = ({ label: e, labelFor: r, className: t = "", labelClassName: s = "", children: o }) => /* @__PURE__ */ n.jsxs(ne, { direction: "col", gap: "2", children: [
+  e && /* @__PURE__ */ n.jsx(xe, { className: s, htmlFor: r, children: e }),
+  /* @__PURE__ */ n.jsx(ne, { className: `rounded-md border border-input bg-card p-2 shadow-xs ${t}`, gapY: "1", children: o })
+] });
+var Ln = "Label", Ft = a.forwardRef((e, r) => /* @__PURE__ */ n.jsx(
+  _.label,
+  {
+    ...e,
+    ref: r,
+    onMouseDown: (t) => {
+      t.target.closest("button, input, select, textarea") || (e.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+    }
+  }
+));
+Ft.displayName = Ln;
+var Bn = Ft;
+function $n({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    Bn,
+    {
+      className: B(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        e
+      ),
+      "data-slot": "label",
+      ...r
+    }
+  );
+}
+const xe = ({ htmlFor: e, value: r, children: t, className: s = "", ...o }) => /* @__PURE__ */ n.jsx(
+  $n,
+  {
+    className: B("font-display font-normal text-base text-foreground", s),
+    htmlFor: e,
+    ...o,
+    children: r || t
+  }
+), Lt = ({
+  name: e,
+  type: r = "text",
+  placeholder: t,
+  label: s,
+  labelOrientation: o = "top",
+  note: l,
+  size: c = "md",
+  className: i,
+  error: u,
+  ...d
+}) => {
+  const p = B(
+    "flex w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 shadow-xs outline-none",
+    "transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex ",
+    "file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm",
+    "placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+    "dark:bg-input/30 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+    "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+    c === "xs" && "h-7 text-xs md:text-xs",
+    c === "sm" && "h-8 text-sm md:text-xs",
+    c === "md" && "h-9 text-base md:text-sm",
+    c === "lg" && "h-10 text-lg md:text-base",
+    c === "xl" && "h-11 text-xl md:text-lg",
+    i
+  );
+  return /* @__PURE__ */ n.jsxs(ne, { className: "w-full", direction: o === "left" ? "row" : "col", gap: "2", children: [
+    s && /* @__PURE__ */ n.jsx(xe, { className: o === "left" ? "text-nowrap" : "", htmlFor: e, children: s }),
+    /* @__PURE__ */ n.jsx(
+      "input",
+      {
+        "aria-label": s || e,
+        className: p,
+        "data-slot": "input",
+        id: e,
+        name: e,
+        placeholder: t,
+        type: r,
+        ...d
+      }
+    ),
+    l && /* @__PURE__ */ n.jsx(Te, { size: "sm", variant: "muted", children: l }),
+    u && /* @__PURE__ */ n.jsx(ke, { message: u })
+  ] });
+}, Fa = ({
+  name: e,
+  label: r,
+  placeholder: t,
+  note: s,
+  // Default to two decimal places for currency and general decimal values
+  step: o = ".01",
+  className: l,
+  ...c
+}) => /* @__PURE__ */ n.jsx(
+  Lt,
+  {
+    className: l,
+    label: r,
+    name: e,
+    note: s,
+    placeholder: t,
+    step: o,
+    type: "number",
+    ...c
+  }
+);
+var ot = "Radio", [Vn, Bt] = Ie(ot), [Gn, Hn] = Vn(ot), $t = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRadio: t,
+      name: s,
+      checked: o = !1,
+      required: l,
+      disabled: c,
+      value: i = "on",
+      onCheck: u,
+      form: d,
+      ...p
+    } = e, [m, w] = a.useState(null), g = U(r, (v) => w(v)), y = a.useRef(!1), h = m ? d || !!m.closest("form") : !0;
+    return /* @__PURE__ */ n.jsxs(Gn, { scope: t, checked: o, disabled: c, children: [
+      /* @__PURE__ */ n.jsx(
+        _.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": o,
+          "data-state": Kt(o),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: i,
+          ...p,
+          ref: g,
+          onClick: D(e.onClick, (v) => {
+            o || u?.(), h && (y.current = v.isPropagationStopped(), y.current || v.stopPropagation());
+          })
+        }
+      ),
+      h && /* @__PURE__ */ n.jsx(
+        Ht,
+        {
+          control: m,
+          bubbles: !y.current,
+          name: s,
+          value: i,
+          checked: o,
+          required: l,
+          disabled: c,
+          form: d,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+$t.displayName = ot;
+var Vt = "RadioIndicator", Gt = a.forwardRef(
+  (e, r) => {
+    const { __scopeRadio: t, forceMount: s, ...o } = e, l = Hn(Vt, t);
+    return /* @__PURE__ */ n.jsx(ht, { present: s || l.checked, children: /* @__PURE__ */ n.jsx(
+      _.span,
+      {
+        "data-state": Kt(l.checked),
+        "data-disabled": l.disabled ? "" : void 0,
+        ...o,
+        ref: r
+      }
+    ) });
+  }
+);
+Gt.displayName = Vt;
+var Kn = "RadioBubbleInput", Ht = a.forwardRef(
+  ({
+    __scopeRadio: e,
+    control: r,
+    checked: t,
+    bubbles: s = !0,
+    ...o
+  }, l) => {
+    const c = a.useRef(null), i = U(c, l), u = rt(t), d = vt(r);
+    return a.useEffect(() => {
+      const p = c.current;
+      if (!p) return;
+      const m = window.HTMLInputElement.prototype, g = Object.getOwnPropertyDescriptor(
+        m,
+        "checked"
+      ).set;
+      if (u !== t && g) {
+        const y = new Event("click", { bubbles: s });
+        g.call(p, t), p.dispatchEvent(y);
+      }
+    }, [u, t, s]), /* @__PURE__ */ n.jsx(
+      _.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: t,
+        ...o,
+        tabIndex: -1,
+        ref: i,
+        style: {
+          ...o.style,
+          ...d,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+Ht.displayName = Kn;
+function Kt(e) {
+  return e ? "checked" : "unchecked";
+}
+var Un = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Me = "RadioGroup", [zn, La] = Ie(Me, [
+  It,
+  Bt
+]), Ut = It(), zt = Bt(), [Wn, qn] = zn(Me), Wt = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRadioGroup: t,
+      name: s,
+      defaultValue: o,
+      value: l,
+      required: c = !1,
+      disabled: i = !1,
+      orientation: u,
+      dir: d,
+      loop: p = !0,
+      onValueChange: m,
+      ...w
+    } = e, g = Ut(t), y = et(d), [h, v] = Ce({
+      prop: l,
+      defaultProp: o ?? null,
+      onChange: m,
+      caller: Me
+    });
+    return /* @__PURE__ */ n.jsx(
+      Wn,
+      {
+        scope: t,
+        name: s,
+        required: c,
+        disabled: i,
+        value: h,
+        onValueChange: v,
+        children: /* @__PURE__ */ n.jsx(
+          _n,
+          {
+            asChild: !0,
+            ...g,
+            orientation: u,
+            dir: y,
+            loop: p,
+            children: /* @__PURE__ */ n.jsx(
+              _.div,
+              {
+                role: "radiogroup",
+                "aria-required": c,
+                "aria-orientation": u,
+                "data-disabled": i ? "" : void 0,
+                dir: y,
+                ...w,
+                ref: r
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Wt.displayName = Me;
+var qt = "RadioGroupItem", Yt = a.forwardRef(
+  (e, r) => {
+    const { __scopeRadioGroup: t, disabled: s, ...o } = e, l = qn(qt, t), c = l.disabled || s, i = Ut(t), u = zt(t), d = a.useRef(null), p = U(r, d), m = l.value === o.value, w = a.useRef(!1);
+    return a.useEffect(() => {
+      const g = (h) => {
+        Un.includes(h.key) && (w.current = !0);
+      }, y = () => w.current = !1;
+      return document.addEventListener("keydown", g), document.addEventListener("keyup", y), () => {
+        document.removeEventListener("keydown", g), document.removeEventListener("keyup", y);
+      };
+    }, []), /* @__PURE__ */ n.jsx(
+      Tn,
+      {
+        asChild: !0,
+        ...i,
+        focusable: !c,
+        active: m,
+        children: /* @__PURE__ */ n.jsx(
+          $t,
+          {
+            disabled: c,
+            required: l.required,
+            checked: m,
+            ...u,
+            ...o,
+            name: l.name,
+            ref: p,
+            onCheck: () => l.onValueChange(o.value),
+            onKeyDown: D((g) => {
+              g.key === "Enter" && g.preventDefault();
+            }),
+            onFocus: D(o.onFocus, () => {
+              w.current && d.current?.click();
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Yt.displayName = qt;
+var Yn = "RadioGroupIndicator", Xt = a.forwardRef(
+  (e, r) => {
+    const { __scopeRadioGroup: t, ...s } = e, o = zt(t);
+    return /* @__PURE__ */ n.jsx(Gt, { ...o, ...s, ref: r });
+  }
+);
+Xt.displayName = Yn;
+var Xn = Wt, Zn = Yt, Jn = Xt;
+function Qn({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(Xn, { className: B("grid gap-3", e), "data-slot": "radio-group", ...r });
+}
+function eo({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    Zn,
+    {
+      className: B(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      "data-slot": "radio-group-item",
+      ...r,
+      children: /* @__PURE__ */ n.jsx(
+        Jn,
+        {
+          className: "relative flex items-center justify-center",
+          "data-slot": "radio-group-indicator",
+          children: /* @__PURE__ */ n.jsx(ln, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
+}
+const Ba = ({ label: e, name: r, options: t, value: s, onChange: o, error: l }) => /* @__PURE__ */ n.jsxs(Fn, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: r, children: [
+  /* @__PURE__ */ n.jsx(Qn, { className: "w-full", name: r, onValueChange: o, value: s, children: /* @__PURE__ */ n.jsx(Or, { cols: "2", children: t.map((c, i) => /* @__PURE__ */ n.jsxs(ne, { align: "center", gap: "2", justify: "start", children: [
+    /* @__PURE__ */ n.jsx(eo, { id: c.value, value: c.value }),
+    /* @__PURE__ */ n.jsx(xe, { htmlFor: c.value, children: c.label })
+  ] }, i)) }) }),
+  l && /* @__PURE__ */ n.jsx(ke, { message: l })
+] });
+function ct(e, [r, t]) {
+  return Math.min(t, Math.max(r, e));
+}
+var to = [" ", "Enter", "ArrowUp", "ArrowDown"], ro = [" ", "Enter"], ue = "Select", [Ae, De, no] = ft(ue), [ge, $a] = Ie(ue, [
+  no,
+  wt
+]), Oe = wt(), [oo, se] = ge(ue), [ao, so] = ge(ue), Zt = (e) => {
+  const {
+    __scopeSelect: r,
+    children: t,
+    open: s,
+    defaultOpen: o,
+    onOpenChange: l,
+    value: c,
+    defaultValue: i,
+    onValueChange: u,
+    dir: d,
+    name: p,
+    autoComplete: m,
+    disabled: w,
+    required: g,
+    form: y
+  } = e, h = Oe(r), [v, C] = a.useState(null), [b, I] = a.useState(null), [L, O] = a.useState(!1), T = et(d), [E, M] = Ce({
+    prop: s,
+    defaultProp: o ?? !1,
+    onChange: l,
+    caller: ue
+  }), [Y, W] = Ce({
+    prop: c,
+    defaultProp: i,
+    onChange: u,
+    caller: ue
+  }), G = a.useRef(null), z = v ? y || !!v.closest("form") : !0, [X, H] = a.useState(/* @__PURE__ */ new Set()), K = Array.from(X).map((F) => F.props.value).join(";");
+  return /* @__PURE__ */ n.jsx(Lr, { ...h, children: /* @__PURE__ */ n.jsxs(
+    oo,
+    {
+      required: g,
+      scope: r,
+      trigger: v,
+      onTriggerChange: C,
+      valueNode: b,
+      onValueNodeChange: I,
+      valueNodeHasChildren: L,
+      onValueNodeHasChildrenChange: O,
+      contentId: te(),
+      value: Y,
+      onValueChange: W,
+      open: E,
+      onOpenChange: M,
+      dir: T,
+      triggerPointerDownPosRef: G,
+      disabled: w,
+      children: [
+        /* @__PURE__ */ n.jsx(Ae.Provider, { scope: r, children: /* @__PURE__ */ n.jsx(
+          ao,
+          {
+            scope: e.__scopeSelect,
+            onNativeOptionAdd: a.useCallback((F) => {
+              H((q) => new Set(q).add(F));
+            }, []),
+            onNativeOptionRemove: a.useCallback((F) => {
+              H((q) => {
+                const Z = new Set(q);
+                return Z.delete(F), Z;
+              });
+            }, []),
+            children: t
+          }
+        ) }),
+        z ? /* @__PURE__ */ n.jsxs(
+          br,
+          {
+            "aria-hidden": !0,
+            required: g,
+            tabIndex: -1,
+            name: p,
+            autoComplete: m,
+            value: Y,
+            onChange: (F) => W(F.target.value),
+            disabled: w,
+            form: y,
+            children: [
+              Y === void 0 ? /* @__PURE__ */ n.jsx("option", { value: "" }) : null,
+              Array.from(X)
+            ]
+          },
+          K
+        ) : null
+      ]
+    }
+  ) });
+};
+Zt.displayName = ue;
+var Jt = "SelectTrigger", Qt = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, disabled: s = !1, ...o } = e, l = Oe(t), c = se(Jt, t), i = c.disabled || s, u = U(r, c.onTriggerChange), d = De(t), p = a.useRef("touch"), [m, w, g] = yr((h) => {
+      const v = d().filter((I) => !I.disabled), C = v.find((I) => I.value === c.value), b = Sr(v, h, C);
+      b !== void 0 && c.onValueChange(b.value);
+    }), y = (h) => {
+      i || (c.onOpenChange(!0), g()), h && (c.triggerPointerDownPosRef.current = {
+        x: Math.round(h.pageX),
+        y: Math.round(h.pageY)
+      });
+    };
+    return /* @__PURE__ */ n.jsx(Br, { asChild: !0, ...l, children: /* @__PURE__ */ n.jsx(
+      _.button,
+      {
+        type: "button",
+        role: "combobox",
+        "aria-controls": c.contentId,
+        "aria-expanded": c.open,
+        "aria-required": c.required,
+        "aria-autocomplete": "none",
+        dir: c.dir,
+        "data-state": c.open ? "open" : "closed",
+        disabled: i,
+        "data-disabled": i ? "" : void 0,
+        "data-placeholder": wr(c.value) ? "" : void 0,
+        ...o,
+        ref: u,
+        onClick: D(o.onClick, (h) => {
+          h.currentTarget.focus(), p.current !== "mouse" && y(h);
+        }),
+        onPointerDown: D(o.onPointerDown, (h) => {
+          p.current = h.pointerType;
+          const v = h.target;
+          v.hasPointerCapture(h.pointerId) && v.releasePointerCapture(h.pointerId), h.button === 0 && h.ctrlKey === !1 && h.pointerType === "mouse" && (y(h), h.preventDefault());
+        }),
+        onKeyDown: D(o.onKeyDown, (h) => {
+          const v = m.current !== "";
+          !(h.ctrlKey || h.altKey || h.metaKey) && h.key.length === 1 && w(h.key), !(v && h.key === " ") && to.includes(h.key) && (y(), h.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Qt.displayName = Jt;
+var er = "SelectValue", tr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, className: s, style: o, children: l, placeholder: c = "", ...i } = e, u = se(er, t), { onValueNodeHasChildrenChange: d } = u, p = l !== void 0, m = U(r, u.onValueNodeChange);
+    return oe(() => {
+      d(p);
+    }, [d, p]), /* @__PURE__ */ n.jsx(
+      _.span,
+      {
+        ...i,
+        ref: m,
+        style: { pointerEvents: "none" },
+        children: wr(u.value) ? /* @__PURE__ */ n.jsx(n.Fragment, { children: c }) : l
+      }
+    );
+  }
+);
+tr.displayName = er;
+var lo = "SelectIcon", rr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, children: s, ...o } = e;
+    return /* @__PURE__ */ n.jsx(_.span, { "aria-hidden": !0, ...o, ref: r, children: s || "▼" });
+  }
+);
+rr.displayName = lo;
+var co = "SelectPortal", nr = (e) => /* @__PURE__ */ n.jsx($r, { asChild: !0, ...e });
+nr.displayName = co;
+var pe = "SelectContent", or = a.forwardRef(
+  (e, r) => {
+    const t = se(pe, e.__scopeSelect), [s, o] = a.useState();
+    if (oe(() => {
+      o(new DocumentFragment());
+    }, []), !t.open) {
+      const l = s;
+      return l ? St.createPortal(
+        /* @__PURE__ */ n.jsx(ar, { scope: e.__scopeSelect, children: /* @__PURE__ */ n.jsx(Ae.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ n.jsx("div", { children: e.children }) }) }),
+        l
+      ) : null;
+    }
+    return /* @__PURE__ */ n.jsx(sr, { ...e, ref: r });
+  }
+);
+or.displayName = pe;
+var Q = 10, [ar, le] = ge(pe), io = "SelectContentImpl", uo = Pr("SelectContent.RemoveScroll"), sr = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeSelect: t,
+      position: s = "item-aligned",
+      onCloseAutoFocus: o,
+      onEscapeKeyDown: l,
+      onPointerDownOutside: c,
+      //
+      // PopperContent props
+      side: i,
+      sideOffset: u,
+      align: d,
+      alignOffset: p,
+      arrowPadding: m,
+      collisionBoundary: w,
+      collisionPadding: g,
+      sticky: y,
+      hideWhenDetached: h,
+      avoidCollisions: v,
+      //
+      ...C
+    } = e, b = se(pe, t), [I, L] = a.useState(null), [O, T] = a.useState(null), E = U(r, (x) => L(x)), [M, Y] = a.useState(null), [W, G] = a.useState(
+      null
+    ), z = De(t), [X, H] = a.useState(!1), K = a.useRef(!1);
+    a.useEffect(() => {
+      if (I) return Gr(I);
+    }, [I]), Hr();
+    const F = a.useCallback(
+      (x) => {
+        const [N, ...P] = z().map((V) => V.ref.current), [A] = P.slice(-1), $ = document.activeElement;
+        for (const V of x)
+          if (V === $ || (V?.scrollIntoView({ block: "nearest" }), V === N && O && (O.scrollTop = 0), V === A && O && (O.scrollTop = O.scrollHeight), V?.focus(), document.activeElement !== $)) return;
+      },
+      [z, O]
+    ), q = a.useCallback(
+      () => F([M, I]),
+      [F, M, I]
+    );
+    a.useEffect(() => {
+      X && q();
+    }, [X, q]);
+    const { onOpenChange: Z, triggerPointerDownPosRef: J } = b;
+    a.useEffect(() => {
+      if (I) {
+        let x = { x: 0, y: 0 };
+        const N = (A) => {
+          x = {
+            x: Math.abs(Math.round(A.pageX) - (J.current?.x ?? 0)),
+            y: Math.abs(Math.round(A.pageY) - (J.current?.y ?? 0))
+          };
+        }, P = (A) => {
+          x.x <= 10 && x.y <= 10 ? A.preventDefault() : I.contains(A.target) || Z(!1), document.removeEventListener("pointermove", N), J.current = null;
+        };
+        return J.current !== null && (document.addEventListener("pointermove", N), document.addEventListener("pointerup", P, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", N), document.removeEventListener("pointerup", P, { capture: !0 });
+        };
+      }
+    }, [I, Z, J]), a.useEffect(() => {
+      const x = () => Z(!1);
+      return window.addEventListener("blur", x), window.addEventListener("resize", x), () => {
+        window.removeEventListener("blur", x), window.removeEventListener("resize", x);
+      };
+    }, [Z]);
+    const [me, ce] = yr((x) => {
+      const N = z().filter(($) => !$.disabled), P = N.find(($) => $.ref.current === document.activeElement), A = Sr(N, x, P);
+      A && setTimeout(() => A.ref.current.focus());
+    }), f = a.useCallback(
+      (x, N, P) => {
+        const A = !K.current && !P;
+        (b.value !== void 0 && b.value === N || A) && (Y(x), A && (K.current = !0));
+      },
+      [b.value]
+    ), R = a.useCallback(() => I?.focus(), [I]), k = a.useCallback(
+      (x, N, P) => {
+        const A = !K.current && !P;
+        (b.value !== void 0 && b.value === N || A) && G(x);
+      },
+      [b.value]
+    ), S = s === "popper" ? We : lr, j = S === We ? {
+      side: i,
+      sideOffset: u,
+      align: d,
+      alignOffset: p,
+      arrowPadding: m,
+      collisionBoundary: w,
+      collisionPadding: g,
+      sticky: y,
+      hideWhenDetached: h,
+      avoidCollisions: v
+    } : {};
+    return /* @__PURE__ */ n.jsx(
+      ar,
+      {
+        scope: t,
+        content: I,
+        viewport: O,
+        onViewportChange: T,
+        itemRefCallback: f,
+        selectedItem: M,
+        onItemLeave: R,
+        itemTextRefCallback: k,
+        focusSelectedItem: q,
+        selectedItemText: W,
+        position: s,
+        isPositioned: X,
+        searchRef: me,
+        children: /* @__PURE__ */ n.jsx(Kr, { as: uo, allowPinchZoom: !0, children: /* @__PURE__ */ n.jsx(
+          Ur,
+          {
+            asChild: !0,
+            trapped: b.open,
+            onMountAutoFocus: (x) => {
+              x.preventDefault();
+            },
+            onUnmountAutoFocus: D(o, (x) => {
+              b.trigger?.focus({ preventScroll: !0 }), x.preventDefault();
+            }),
+            children: /* @__PURE__ */ n.jsx(
+              zr,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: l,
+                onPointerDownOutside: c,
+                onFocusOutside: (x) => x.preventDefault(),
+                onDismiss: () => b.onOpenChange(!1),
+                children: /* @__PURE__ */ n.jsx(
+                  S,
+                  {
+                    role: "listbox",
+                    id: b.contentId,
+                    "data-state": b.open ? "open" : "closed",
+                    dir: b.dir,
+                    onContextMenu: (x) => x.preventDefault(),
+                    ...C,
+                    ...j,
+                    onPlaced: () => H(!0),
+                    ref: E,
+                    style: {
+                      // flex layout so we can place the scroll buttons properly
+                      display: "flex",
+                      flexDirection: "column",
+                      // reset the outline by default as the content MAY get focused
+                      outline: "none",
+                      ...C.style
+                    },
+                    onKeyDown: D(C.onKeyDown, (x) => {
+                      const N = x.ctrlKey || x.altKey || x.metaKey;
+                      if (x.key === "Tab" && x.preventDefault(), !N && x.key.length === 1 && ce(x.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(x.key)) {
+                        let A = z().filter(($) => !$.disabled).map(($) => $.ref.current);
+                        if (["ArrowUp", "End"].includes(x.key) && (A = A.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(x.key)) {
+                          const $ = x.target, V = A.indexOf($);
+                          A = A.slice(V + 1);
+                        }
+                        setTimeout(() => F(A)), x.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+sr.displayName = io;
+var po = "SelectItemAlignedPosition", lr = a.forwardRef((e, r) => {
+  const { __scopeSelect: t, onPlaced: s, ...o } = e, l = se(pe, t), c = le(pe, t), [i, u] = a.useState(null), [d, p] = a.useState(null), m = U(r, (E) => p(E)), w = De(t), g = a.useRef(!1), y = a.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: C, focusSelectedItem: b } = c, I = a.useCallback(() => {
+    if (l.trigger && l.valueNode && i && d && h && v && C) {
+      const E = l.trigger.getBoundingClientRect(), M = d.getBoundingClientRect(), Y = l.valueNode.getBoundingClientRect(), W = C.getBoundingClientRect();
+      if (l.dir !== "rtl") {
+        const $ = W.left - M.left, V = Y.left - $, ie = E.left - V, de = E.width + ie, Le = Math.max(de, M.width), Be = window.innerWidth - Q, $e = ct(V, [
+          Q,
+          // Prevents the content from going off the starting edge of the
+          // viewport. It may still go off the ending edge, but this can be
+          // controlled by the user since they may want to manage overflow in a
+          // specific way.
+          // https://github.com/radix-ui/primitives/issues/2049
+          Math.max(Q, Be - Le)
+        ]);
+        i.style.minWidth = de + "px", i.style.left = $e + "px";
+      } else {
+        const $ = M.right - W.right, V = window.innerWidth - Y.right - $, ie = window.innerWidth - E.right - V, de = E.width + ie, Le = Math.max(de, M.width), Be = window.innerWidth - Q, $e = ct(V, [
+          Q,
+          Math.max(Q, Be - Le)
+        ]);
+        i.style.minWidth = de + "px", i.style.right = $e + "px";
+      }
+      const G = w(), z = window.innerHeight - Q * 2, X = h.scrollHeight, H = window.getComputedStyle(d), K = parseInt(H.borderTopWidth, 10), F = parseInt(H.paddingTop, 10), q = parseInt(H.borderBottomWidth, 10), Z = parseInt(H.paddingBottom, 10), J = K + F + X + Z + q, me = Math.min(v.offsetHeight * 5, J), ce = window.getComputedStyle(h), f = parseInt(ce.paddingTop, 10), R = parseInt(ce.paddingBottom, 10), k = E.top + E.height / 2 - Q, S = z - k, j = v.offsetHeight / 2, x = v.offsetTop + j, N = K + F + x, P = J - N;
+      if (N <= k) {
+        const $ = G.length > 0 && v === G[G.length - 1].ref.current;
+        i.style.bottom = "0px";
+        const V = d.clientHeight - h.offsetTop - h.offsetHeight, ie = Math.max(
+          S,
+          j + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          ($ ? R : 0) + V + q
+        ), de = N + ie;
+        i.style.height = de + "px";
+      } else {
+        const $ = G.length > 0 && v === G[0].ref.current;
+        i.style.top = "0px";
+        const ie = Math.max(
+          k,
+          K + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          ($ ? f : 0) + j
+        ) + P;
+        i.style.height = ie + "px", h.scrollTop = N - k + h.offsetTop;
+      }
+      i.style.margin = `${Q}px 0`, i.style.minHeight = me + "px", i.style.maxHeight = z + "px", s?.(), requestAnimationFrame(() => g.current = !0);
+    }
+  }, [
+    w,
+    l.trigger,
+    l.valueNode,
+    i,
+    d,
+    h,
+    v,
+    C,
+    l.dir,
+    s
+  ]);
+  oe(() => I(), [I]);
+  const [L, O] = a.useState();
+  oe(() => {
+    d && O(window.getComputedStyle(d).zIndex);
+  }, [d]);
+  const T = a.useCallback(
+    (E) => {
+      E && y.current === !0 && (I(), b?.(), y.current = !1);
+    },
+    [I, b]
+  );
+  return /* @__PURE__ */ n.jsx(
+    mo,
+    {
+      scope: t,
+      contentWrapper: i,
+      shouldExpandOnScrollRef: g,
+      onScrollButtonChange: T,
+      children: /* @__PURE__ */ n.jsx(
+        "div",
+        {
+          ref: u,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: L
+          },
+          children: /* @__PURE__ */ n.jsx(
+            _.div,
+            {
+              ...o,
+              ref: m,
+              style: {
+                // When we get the height of the content, it includes borders. If we were to set
+                // the height without having `boxSizing: 'border-box'` it would be too big.
+                boxSizing: "border-box",
+                // We need to ensure the content doesn't get taller than the wrapper
+                maxHeight: "100%",
+                ...o.style
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+lr.displayName = po;
+var fo = "SelectPopperPosition", We = a.forwardRef((e, r) => {
+  const {
+    __scopeSelect: t,
+    align: s = "start",
+    collisionPadding: o = Q,
+    ...l
+  } = e, c = Oe(t);
+  return /* @__PURE__ */ n.jsx(
+    Wr,
+    {
+      ...c,
+      ...l,
+      ref: r,
+      align: s,
+      collisionPadding: o,
+      style: {
+        // Ensure border-box for floating-ui calculations
+        boxSizing: "border-box",
+        ...l.style,
+        "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-select-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-select-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+We.displayName = fo;
+var [mo, at] = ge(pe, {}), qe = "SelectViewport", cr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, nonce: s, ...o } = e, l = le(qe, t), c = at(qe, t), i = U(r, l.onViewportChange), u = a.useRef(0);
+    return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: s
+        }
+      ),
+      /* @__PURE__ */ n.jsx(Ae.Slot, { scope: t, children: /* @__PURE__ */ n.jsx(
+        _.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...o,
+          ref: i,
+          style: {
+            // we use position: 'relative' here on the `viewport` so that when we call
+            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
+            // (independent of the scrollUpButton).
+            position: "relative",
+            flex: 1,
+            // Viewport should only be scrollable in the vertical direction.
+            // This won't work in vertical writing modes, so we'll need to
+            // revisit this if/when that is supported
+            // https://developer.chrome.com/blog/vertical-form-controls
+            overflow: "hidden auto",
+            ...o.style
+          },
+          onScroll: D(o.onScroll, (d) => {
+            const p = d.currentTarget, { contentWrapper: m, shouldExpandOnScrollRef: w } = c;
+            if (w?.current && m) {
+              const g = Math.abs(u.current - p.scrollTop);
+              if (g > 0) {
+                const y = window.innerHeight - Q * 2, h = parseFloat(m.style.minHeight), v = parseFloat(m.style.height), C = Math.max(h, v);
+                if (C < y) {
+                  const b = C + g, I = Math.min(y, b), L = b - I;
+                  m.style.height = I + "px", m.style.bottom === "0px" && (p.scrollTop = L > 0 ? L : 0, m.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            u.current = p.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+cr.displayName = qe;
+var ir = "SelectGroup", [ho, vo] = ge(ir), xo = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e, o = te();
+    return /* @__PURE__ */ n.jsx(ho, { scope: t, id: o, children: /* @__PURE__ */ n.jsx(_.div, { role: "group", "aria-labelledby": o, ...s, ref: r }) });
+  }
+);
+xo.displayName = ir;
+var dr = "SelectLabel", go = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e, o = vo(dr, t);
+    return /* @__PURE__ */ n.jsx(_.div, { id: o.id, ...s, ref: r });
+  }
+);
+go.displayName = dr;
+var je = "SelectItem", [bo, ur] = ge(je), pr = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeSelect: t,
+      value: s,
+      disabled: o = !1,
+      textValue: l,
+      ...c
+    } = e, i = se(je, t), u = le(je, t), d = i.value === s, [p, m] = a.useState(l ?? ""), [w, g] = a.useState(!1), y = U(
+      r,
+      (b) => u.itemRefCallback?.(b, s, o)
+    ), h = te(), v = a.useRef("touch"), C = () => {
+      o || (i.onValueChange(s), i.onOpenChange(!1));
+    };
+    if (s === "")
+      throw new Error(
+        "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
+      );
+    return /* @__PURE__ */ n.jsx(
+      bo,
+      {
+        scope: t,
+        value: s,
+        disabled: o,
+        textId: h,
+        isSelected: d,
+        onItemTextChange: a.useCallback((b) => {
+          m((I) => I || (b?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ n.jsx(
+          Ae.ItemSlot,
+          {
+            scope: t,
+            value: s,
+            disabled: o,
+            textValue: p,
+            children: /* @__PURE__ */ n.jsx(
+              _.div,
+              {
+                role: "option",
+                "aria-labelledby": h,
+                "data-highlighted": w ? "" : void 0,
+                "aria-selected": d && w,
+                "data-state": d ? "checked" : "unchecked",
+                "aria-disabled": o || void 0,
+                "data-disabled": o ? "" : void 0,
+                tabIndex: o ? void 0 : -1,
+                ...c,
+                ref: y,
+                onFocus: D(c.onFocus, () => g(!0)),
+                onBlur: D(c.onBlur, () => g(!1)),
+                onClick: D(c.onClick, () => {
+                  v.current !== "mouse" && C();
+                }),
+                onPointerUp: D(c.onPointerUp, () => {
+                  v.current === "mouse" && C();
+                }),
+                onPointerDown: D(c.onPointerDown, (b) => {
+                  v.current = b.pointerType;
+                }),
+                onPointerMove: D(c.onPointerMove, (b) => {
+                  v.current = b.pointerType, o ? u.onItemLeave?.() : v.current === "mouse" && b.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: D(c.onPointerLeave, (b) => {
+                  b.currentTarget === document.activeElement && u.onItemLeave?.();
+                }),
+                onKeyDown: D(c.onKeyDown, (b) => {
+                  u.searchRef?.current !== "" && b.key === " " || (ro.includes(b.key) && C(), b.key === " " && b.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+pr.displayName = je;
+var ye = "SelectItemText", fr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, className: s, style: o, ...l } = e, c = se(ye, t), i = le(ye, t), u = ur(ye, t), d = so(ye, t), [p, m] = a.useState(null), w = U(
+      r,
+      (C) => m(C),
+      u.onItemTextChange,
+      (C) => i.itemTextRefCallback?.(C, u.value, u.disabled)
+    ), g = p?.textContent, y = a.useMemo(
+      () => /* @__PURE__ */ n.jsx("option", { value: u.value, disabled: u.disabled, children: g }, u.value),
+      [u.disabled, u.value, g]
+    ), { onNativeOptionAdd: h, onNativeOptionRemove: v } = d;
+    return oe(() => (h(y), () => v(y)), [h, v, y]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(_.span, { id: u.textId, ...l, ref: w }),
+      u.isSelected && c.valueNode && !c.valueNodeHasChildren ? St.createPortal(l.children, c.valueNode) : null
+    ] });
+  }
+);
+fr.displayName = ye;
+var mr = "SelectItemIndicator", hr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e;
+    return ur(mr, t).isSelected ? /* @__PURE__ */ n.jsx(_.span, { "aria-hidden": !0, ...s, ref: r }) : null;
+  }
+);
+hr.displayName = mr;
+var Ye = "SelectScrollUpButton", vr = a.forwardRef((e, r) => {
+  const t = le(Ye, e.__scopeSelect), s = at(Ye, e.__scopeSelect), [o, l] = a.useState(!1), c = U(r, s.onScrollButtonChange);
+  return oe(() => {
+    if (t.viewport && t.isPositioned) {
+      let i = function() {
+        const d = u.scrollTop > 0;
+        l(d);
+      };
+      const u = t.viewport;
+      return i(), u.addEventListener("scroll", i), () => u.removeEventListener("scroll", i);
+    }
+  }, [t.viewport, t.isPositioned]), o ? /* @__PURE__ */ n.jsx(
+    gr,
+    {
+      ...e,
+      ref: c,
+      onAutoScroll: () => {
+        const { viewport: i, selectedItem: u } = t;
+        i && u && (i.scrollTop = i.scrollTop - u.offsetHeight);
+      }
+    }
+  ) : null;
+});
+vr.displayName = Ye;
+var Xe = "SelectScrollDownButton", xr = a.forwardRef((e, r) => {
+  const t = le(Xe, e.__scopeSelect), s = at(Xe, e.__scopeSelect), [o, l] = a.useState(!1), c = U(r, s.onScrollButtonChange);
+  return oe(() => {
+    if (t.viewport && t.isPositioned) {
+      let i = function() {
+        const d = u.scrollHeight - u.clientHeight, p = Math.ceil(u.scrollTop) < d;
+        l(p);
+      };
+      const u = t.viewport;
+      return i(), u.addEventListener("scroll", i), () => u.removeEventListener("scroll", i);
+    }
+  }, [t.viewport, t.isPositioned]), o ? /* @__PURE__ */ n.jsx(
+    gr,
+    {
+      ...e,
+      ref: c,
+      onAutoScroll: () => {
+        const { viewport: i, selectedItem: u } = t;
+        i && u && (i.scrollTop = i.scrollTop + u.offsetHeight);
+      }
+    }
+  ) : null;
+});
+xr.displayName = Xe;
+var gr = a.forwardRef((e, r) => {
+  const { __scopeSelect: t, onAutoScroll: s, ...o } = e, l = le("SelectScrollButton", t), c = a.useRef(null), i = De(t), u = a.useCallback(() => {
+    c.current !== null && (window.clearInterval(c.current), c.current = null);
+  }, []);
+  return a.useEffect(() => () => u(), [u]), oe(() => {
+    i().find((p) => p.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [i]), /* @__PURE__ */ n.jsx(
+    _.div,
+    {
+      "aria-hidden": !0,
+      ...o,
+      ref: r,
+      style: { flexShrink: 0, ...o.style },
+      onPointerDown: D(o.onPointerDown, () => {
+        c.current === null && (c.current = window.setInterval(s, 50));
+      }),
+      onPointerMove: D(o.onPointerMove, () => {
+        l.onItemLeave?.(), c.current === null && (c.current = window.setInterval(s, 50));
+      }),
+      onPointerLeave: D(o.onPointerLeave, () => {
+        u();
+      })
+    }
+  );
+}), wo = "SelectSeparator", yo = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e;
+    return /* @__PURE__ */ n.jsx(_.div, { "aria-hidden": !0, ...s, ref: r });
+  }
+);
+yo.displayName = wo;
+var Ze = "SelectArrow", So = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e, o = Oe(t), l = se(Ze, t), c = le(Ze, t);
+    return l.open && c.position === "popper" ? /* @__PURE__ */ n.jsx(qr, { ...o, ...s, ref: r }) : null;
+  }
+);
+So.displayName = Ze;
+var Co = "SelectBubbleInput", br = a.forwardRef(
+  ({ __scopeSelect: e, value: r, ...t }, s) => {
+    const o = a.useRef(null), l = U(s, o), c = rt(r);
+    return a.useEffect(() => {
+      const i = o.current;
+      if (!i) return;
+      const u = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(
+        u,
+        "value"
+      ).set;
+      if (c !== r && p) {
+        const m = new Event("change", { bubbles: !0 });
+        p.call(i, r), i.dispatchEvent(m);
+      }
+    }, [c, r]), /* @__PURE__ */ n.jsx(
+      _.select,
+      {
+        ...t,
+        style: { ...Vr, ...t.style },
+        ref: l,
+        defaultValue: r
+      }
+    );
+  }
+);
+br.displayName = Co;
+function wr(e) {
+  return e === "" || e === void 0;
+}
+function yr(e) {
+  const r = mt(e), t = a.useRef(""), s = a.useRef(0), o = a.useCallback(
+    (c) => {
+      const i = t.current + c;
+      r(i), function u(d) {
+        t.current = d, window.clearTimeout(s.current), d !== "" && (s.current = window.setTimeout(() => u(""), 1e3));
+      }(i);
+    },
+    [r]
+  ), l = a.useCallback(() => {
+    t.current = "", window.clearTimeout(s.current);
+  }, []);
+  return a.useEffect(() => () => window.clearTimeout(s.current), []), [t, o, l];
+}
+function Sr(e, r, t) {
+  const o = r.length > 1 && Array.from(r).every((d) => d === r[0]) ? r[0] : r, l = t ? e.indexOf(t) : -1;
+  let c = Io(e, Math.max(l, 0));
+  o.length === 1 && (c = c.filter((d) => d !== t));
+  const u = c.find(
+    (d) => d.textValue.toLowerCase().startsWith(o.toLowerCase())
+  );
+  return u !== t ? u : void 0;
+}
+function Io(e, r) {
+  return e.map((t, s) => e[(r + s) % e.length]);
+}
+var Ro = Zt, ko = Qt, Eo = tr, jo = rr, No = nr, _o = or, To = cr, Po = pr, Mo = fr, Ao = hr, Do = vr, Oo = xr;
+function Fo({ ...e }) {
+  return /* @__PURE__ */ n.jsx(Ro, { "data-slot": "select", ...e });
+}
+function Lo({ ...e }) {
+  return /* @__PURE__ */ n.jsx(Eo, { "data-slot": "select-value", ...e });
+}
+function Bo({
+  className: e,
+  size: r = "default",
+  children: t,
+  ...s
+}) {
+  return /* @__PURE__ */ n.jsxs(
+    ko,
+    {
+      className: B(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      "data-size": r,
+      "data-slot": "select-trigger",
+      ...s,
+      children: [
+        t,
+        /* @__PURE__ */ n.jsx(jo, { asChild: !0, children: /* @__PURE__ */ n.jsx(yt, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function $o({
+  className: e,
+  children: r,
+  position: t = "popper",
+  align: s = "center",
+  ...o
+}) {
+  return /* @__PURE__ */ n.jsx(No, { children: /* @__PURE__ */ n.jsxs(
+    _o,
+    {
+      align: s,
+      className: B(
+        "bg-popover text-popover-foreground 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        t === "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
+      ),
+      "data-slot": "select-content",
+      position: t,
+      ...o,
+      children: [
+        /* @__PURE__ */ n.jsx(Go, {}),
+        /* @__PURE__ */ n.jsx(
+          To,
+          {
+            className: B(
+              "p-1",
+              t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ n.jsx(Ho, {})
+      ]
+    }
+  ) });
+}
+function Vo({ className: e, children: r, ...t }) {
+  return /* @__PURE__ */ n.jsxs(
+    Po,
+    {
+      className: B(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        e
+      ),
+      "data-slot": "select-item",
+      ...t,
+      children: [
+        /* @__PURE__ */ n.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(Ao, { children: /* @__PURE__ */ n.jsx(tt, { className: "size-4" }) }) }),
+        /* @__PURE__ */ n.jsx(Mo, { children: r })
+      ]
+    }
+  );
+}
+function Go({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    Do,
+    {
+      className: B("flex cursor-default items-center justify-center py-1", e),
+      "data-slot": "select-scroll-up-button",
+      ...r,
+      children: /* @__PURE__ */ n.jsx(nn, { className: "size-4" })
+    }
+  );
+}
+function Ho({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ n.jsx(
+    Oo,
+    {
+      className: B("flex cursor-default items-center justify-center py-1", e),
+      "data-slot": "select-scroll-down-button",
+      ...r,
+      children: /* @__PURE__ */ n.jsx(yt, { className: "size-4" })
+    }
+  );
+}
+const Va = ({
+  name: e,
+  defaultValue: r,
+  options: t,
+  label: s,
+  placeholder: o,
+  note: l,
+  className: c,
+  value: i,
+  onValueChange: u,
+  error: d,
+  size: p = "md",
+  ...m
+}) => {
+  const w = B(
+    "min-w-[180px]",
+    p === "xs" && "h-7 text-xs md:text-xs",
+    p === "sm" && "h-8 text-sm md:text-xs",
+    p === "md" && "h-9 text-base md:text-sm",
+    p === "lg" && "h-10 text-lg md:text-base",
+    p === "xl" && "h-11 text-xl md:text-lg",
+    c
+  ), g = p === "xs" || p === "sm" ? "sm" : "default";
+  return /* @__PURE__ */ n.jsxs(ne, { className: "w-full", direction: "col", gap: "2", children: [
+    s && /* @__PURE__ */ n.jsx(xe, { htmlFor: e, children: s }),
+    /* @__PURE__ */ n.jsxs(
+      Fo,
+      {
+        defaultValue: r,
+        name: e,
+        onValueChange: u,
+        value: i,
+        ...m,
+        children: [
+          /* @__PURE__ */ n.jsx(Bo, { className: w, "data-testid": `select-input-${e}`, size: g, children: /* @__PURE__ */ n.jsx(Lo, { placeholder: o }) }),
+          /* @__PURE__ */ n.jsx($o, { children: t.map(({ value: y, label: h }) => /* @__PURE__ */ n.jsx(Vo, { value: y, children: h }, `option-${y}`)) })
+        ]
+      }
+    ),
+    l && /* @__PURE__ */ n.jsx(Te, { size: "sm", variant: "muted", children: l }),
+    d && /* @__PURE__ */ n.jsx(ke, { message: d })
+  ] });
+};
+var it = 1, Ko = 0.9, Uo = 0.8, zo = 0.17, He = 0.1, Ke = 0.999, Wo = 0.9999, qo = 0.99, Yo = /[\\\/_+.#"@\[\(\{&]/, Xo = /[\\\/_+.#"@\[\(\{&]/g, Zo = /[\s-]/, Cr = /[\s-]/g;
+function Je(e, r, t, s, o, l, c) {
+  if (l === r.length) return o === e.length ? it : qo;
+  var i = `${o},${l}`;
+  if (c[i] !== void 0) return c[i];
+  for (var u = s.charAt(l), d = t.indexOf(u, o), p = 0, m, w, g, y; d >= 0; ) m = Je(e, r, t, s, d + 1, l + 1, c), m > p && (d === o ? m *= it : Yo.test(e.charAt(d - 1)) ? (m *= Uo, g = e.slice(o, d - 1).match(Xo), g && o > 0 && (m *= Math.pow(Ke, g.length))) : Zo.test(e.charAt(d - 1)) ? (m *= Ko, y = e.slice(o, d - 1).match(Cr), y && o > 0 && (m *= Math.pow(Ke, y.length))) : (m *= zo, o > 0 && (m *= Math.pow(Ke, d - o))), e.charAt(d) !== r.charAt(l) && (m *= Wo)), (m < He && t.charAt(d - 1) === s.charAt(l + 1) || s.charAt(l + 1) === s.charAt(l) && t.charAt(d - 1) !== s.charAt(l)) && (w = Je(e, r, t, s, d + 1, l + 2, c), w * He > m && (m = w * He)), m > p && (p = m), d = t.indexOf(u, d + 1);
+  return c[i] = p, p;
+}
+function dt(e) {
+  return e.toLowerCase().replace(Cr, " ");
+}
+function Jo(e, r, t) {
+  return e = t && t.length > 0 ? `${e + " " + t.join(" ")}` : e, Je(e, r, dt(e), dt(r), 0, 0, {});
+}
+var we = '[cmdk-group=""]', Ue = '[cmdk-group-items=""]', Qo = '[cmdk-group-heading=""]', Ir = '[cmdk-item=""]', ut = `${Ir}:not([aria-disabled="true"])`, Qe = "cmdk-item-select", he = "data-value", ea = (e, r, t) => Jo(e, r, t), Rr = a.createContext(void 0), Ee = () => a.useContext(Rr), kr = a.createContext(void 0), st = () => a.useContext(kr), Er = a.createContext(void 0), jr = a.forwardRef((e, r) => {
+  let t = ve(() => {
+    var f, R;
+    return { search: "", value: (R = (f = e.value) != null ? f : e.defaultValue) != null ? R : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), s = ve(() => /* @__PURE__ */ new Set()), o = ve(() => /* @__PURE__ */ new Map()), l = ve(() => /* @__PURE__ */ new Map()), c = ve(() => /* @__PURE__ */ new Set()), i = Nr(e), { label: u, children: d, value: p, onValueChange: m, filter: w, shouldFilter: g, loop: y, disablePointerSelection: h = !1, vimBindings: v = !0, ...C } = e, b = te(), I = te(), L = te(), O = a.useRef(null), T = ua();
+  fe(() => {
+    if (p !== void 0) {
+      let f = p.trim();
+      t.current.value = f, E.emit();
+    }
+  }, [p]), fe(() => {
+    T(6, X);
+  }, []);
+  let E = a.useMemo(() => ({ subscribe: (f) => (c.current.add(f), () => c.current.delete(f)), snapshot: () => t.current, setState: (f, R, k) => {
+    var S, j, x, N;
+    if (!Object.is(t.current[f], R)) {
+      if (t.current[f] = R, f === "search") z(), W(), T(1, G);
+      else if (f === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let P = document.getElementById(L);
+          P ? P.focus() : (S = document.getElementById(b)) == null || S.focus();
+        }
+        if (T(7, () => {
+          var P;
+          t.current.selectedItemId = (P = H()) == null ? void 0 : P.id, E.emit();
+        }), k || T(5, X), ((j = i.current) == null ? void 0 : j.value) !== void 0) {
+          let P = R ?? "";
+          (N = (x = i.current).onValueChange) == null || N.call(x, P);
+          return;
+        }
+      }
+      E.emit();
+    }
+  }, emit: () => {
+    c.current.forEach((f) => f());
+  } }), []), M = a.useMemo(() => ({ value: (f, R, k) => {
+    var S;
+    R !== ((S = l.current.get(f)) == null ? void 0 : S.value) && (l.current.set(f, { value: R, keywords: k }), t.current.filtered.items.set(f, Y(R, k)), T(2, () => {
+      W(), E.emit();
+    }));
+  }, item: (f, R) => (s.current.add(f), R && (o.current.has(R) ? o.current.get(R).add(f) : o.current.set(R, /* @__PURE__ */ new Set([f]))), T(3, () => {
+    z(), W(), t.current.value || G(), E.emit();
+  }), () => {
+    l.current.delete(f), s.current.delete(f), t.current.filtered.items.delete(f);
+    let k = H();
+    T(4, () => {
+      z(), k?.getAttribute("id") === f && G(), E.emit();
+    });
+  }), group: (f) => (o.current.has(f) || o.current.set(f, /* @__PURE__ */ new Set()), () => {
+    l.current.delete(f), o.current.delete(f);
+  }), filter: () => i.current.shouldFilter, label: u || e["aria-label"], getDisablePointerSelection: () => i.current.disablePointerSelection, listId: b, inputId: L, labelId: I, listInnerRef: O }), []);
+  function Y(f, R) {
+    var k, S;
+    let j = (S = (k = i.current) == null ? void 0 : k.filter) != null ? S : ea;
+    return f ? j(f, t.current.search, R) : 0;
+  }
+  function W() {
+    if (!t.current.search || i.current.shouldFilter === !1) return;
+    let f = t.current.filtered.items, R = [];
+    t.current.filtered.groups.forEach((S) => {
+      let j = o.current.get(S), x = 0;
+      j.forEach((N) => {
+        let P = f.get(N);
+        x = Math.max(P, x);
+      }), R.push([S, x]);
+    });
+    let k = O.current;
+    K().sort((S, j) => {
+      var x, N;
+      let P = S.getAttribute("id"), A = j.getAttribute("id");
+      return ((x = f.get(A)) != null ? x : 0) - ((N = f.get(P)) != null ? N : 0);
+    }).forEach((S) => {
+      let j = S.closest(Ue);
+      j ? j.appendChild(S.parentElement === j ? S : S.closest(`${Ue} > *`)) : k.appendChild(S.parentElement === k ? S : S.closest(`${Ue} > *`));
+    }), R.sort((S, j) => j[1] - S[1]).forEach((S) => {
+      var j;
+      let x = (j = O.current) == null ? void 0 : j.querySelector(`${we}[${he}="${encodeURIComponent(S[0])}"]`);
+      x?.parentElement.appendChild(x);
+    });
+  }
+  function G() {
+    let f = K().find((k) => k.getAttribute("aria-disabled") !== "true"), R = f?.getAttribute(he);
+    E.setState("value", R || void 0);
+  }
+  function z() {
+    var f, R, k, S;
+    if (!t.current.search || i.current.shouldFilter === !1) {
+      t.current.filtered.count = s.current.size;
+      return;
+    }
+    t.current.filtered.groups = /* @__PURE__ */ new Set();
+    let j = 0;
+    for (let x of s.current) {
+      let N = (R = (f = l.current.get(x)) == null ? void 0 : f.value) != null ? R : "", P = (S = (k = l.current.get(x)) == null ? void 0 : k.keywords) != null ? S : [], A = Y(N, P);
+      t.current.filtered.items.set(x, A), A > 0 && j++;
+    }
+    for (let [x, N] of o.current) for (let P of N) if (t.current.filtered.items.get(P) > 0) {
+      t.current.filtered.groups.add(x);
+      break;
+    }
+    t.current.filtered.count = j;
+  }
+  function X() {
+    var f, R, k;
+    let S = H();
+    S && (((f = S.parentElement) == null ? void 0 : f.firstChild) === S && ((k = (R = S.closest(we)) == null ? void 0 : R.querySelector(Qo)) == null || k.scrollIntoView({ block: "nearest" })), S.scrollIntoView({ block: "nearest" }));
+  }
+  function H() {
+    var f;
+    return (f = O.current) == null ? void 0 : f.querySelector(`${Ir}[aria-selected="true"]`);
+  }
+  function K() {
+    var f;
+    return Array.from(((f = O.current) == null ? void 0 : f.querySelectorAll(ut)) || []);
+  }
+  function F(f) {
+    let R = K()[f];
+    R && E.setState("value", R.getAttribute(he));
+  }
+  function q(f) {
+    var R;
+    let k = H(), S = K(), j = S.findIndex((N) => N === k), x = S[j + f];
+    (R = i.current) != null && R.loop && (x = j + f < 0 ? S[S.length - 1] : j + f === S.length ? S[0] : S[j + f]), x && E.setState("value", x.getAttribute(he));
+  }
+  function Z(f) {
+    let R = H(), k = R?.closest(we), S;
+    for (; k && !S; ) k = f > 0 ? ia(k, we) : da(k, we), S = k?.querySelector(ut);
+    S ? E.setState("value", S.getAttribute(he)) : q(f);
+  }
+  let J = () => F(K().length - 1), me = (f) => {
+    f.preventDefault(), f.metaKey ? J() : f.altKey ? Z(1) : q(1);
+  }, ce = (f) => {
+    f.preventDefault(), f.metaKey ? F(0) : f.altKey ? Z(-1) : q(-1);
+  };
+  return a.createElement(_.div, { ref: r, tabIndex: -1, ...C, "cmdk-root": "", onKeyDown: (f) => {
+    var R;
+    (R = C.onKeyDown) == null || R.call(C, f);
+    let k = f.nativeEvent.isComposing || f.keyCode === 229;
+    if (!(f.defaultPrevented || k)) switch (f.key) {
+      case "n":
+      case "j": {
+        v && f.ctrlKey && me(f);
+        break;
+      }
+      case "ArrowDown": {
+        me(f);
+        break;
+      }
+      case "p":
+      case "k": {
+        v && f.ctrlKey && ce(f);
+        break;
+      }
+      case "ArrowUp": {
+        ce(f);
+        break;
+      }
+      case "Home": {
+        f.preventDefault(), F(0);
+        break;
+      }
+      case "End": {
+        f.preventDefault(), J();
+        break;
+      }
+      case "Enter": {
+        f.preventDefault();
+        let S = H();
+        if (S) {
+          let j = new Event(Qe);
+          S.dispatchEvent(j);
+        }
+      }
+    }
+  } }, a.createElement("label", { "cmdk-label": "", htmlFor: M.inputId, id: M.labelId, style: fa }, u), Fe(e, (f) => a.createElement(kr.Provider, { value: E }, a.createElement(Rr.Provider, { value: M }, f))));
+}), ta = a.forwardRef((e, r) => {
+  var t, s;
+  let o = te(), l = a.useRef(null), c = a.useContext(Er), i = Ee(), u = Nr(e), d = (s = (t = u.current) == null ? void 0 : t.forceMount) != null ? s : c?.forceMount;
+  fe(() => {
+    if (!d) return i.item(o, c?.id);
+  }, [d]);
+  let p = _r(o, l, [e.value, e.children, l], e.keywords), m = st(), w = ae((T) => T.value && T.value === p.current), g = ae((T) => d || i.filter() === !1 ? !0 : T.search ? T.filtered.items.get(o) > 0 : !0);
+  a.useEffect(() => {
+    let T = l.current;
+    if (!(!T || e.disabled)) return T.addEventListener(Qe, y), () => T.removeEventListener(Qe, y);
+  }, [g, e.onSelect, e.disabled]);
+  function y() {
+    var T, E;
+    h(), (E = (T = u.current).onSelect) == null || E.call(T, p.current);
+  }
+  function h() {
+    m.setState("value", p.current, !0);
+  }
+  if (!g) return null;
+  let { disabled: v, value: C, onSelect: b, forceMount: I, keywords: L, ...O } = e;
+  return a.createElement(_.div, { ref: Se(l, r), ...O, id: o, "cmdk-item": "", role: "option", "aria-disabled": !!v, "aria-selected": !!w, "data-disabled": !!v, "data-selected": !!w, onPointerMove: v || i.getDisablePointerSelection() ? void 0 : h, onClick: v ? void 0 : y }, e.children);
+}), ra = a.forwardRef((e, r) => {
+  let { heading: t, children: s, forceMount: o, ...l } = e, c = te(), i = a.useRef(null), u = a.useRef(null), d = te(), p = Ee(), m = ae((g) => o || p.filter() === !1 ? !0 : g.search ? g.filtered.groups.has(c) : !0);
+  fe(() => p.group(c), []), _r(c, i, [e.value, e.heading, u]);
+  let w = a.useMemo(() => ({ id: c, forceMount: o }), [o]);
+  return a.createElement(_.div, { ref: Se(i, r), ...l, "cmdk-group": "", role: "presentation", hidden: m ? void 0 : !0 }, t && a.createElement("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: d }, t), Fe(e, (g) => a.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? d : void 0 }, a.createElement(Er.Provider, { value: w }, g))));
+}), na = a.forwardRef((e, r) => {
+  let { alwaysRender: t, ...s } = e, o = a.useRef(null), l = ae((c) => !c.search);
+  return !t && !l ? null : a.createElement(_.div, { ref: Se(o, r), ...s, "cmdk-separator": "", role: "separator" });
+}), oa = a.forwardRef((e, r) => {
+  let { onValueChange: t, ...s } = e, o = e.value != null, l = st(), c = ae((d) => d.search), i = ae((d) => d.selectedItemId), u = Ee();
+  return a.useEffect(() => {
+    e.value != null && l.setState("search", e.value);
+  }, [e.value]), a.createElement(_.input, { ref: r, ...s, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": u.listId, "aria-labelledby": u.labelId, "aria-activedescendant": i, id: u.inputId, type: "text", value: o ? e.value : c, onChange: (d) => {
+    o || l.setState("search", d.target.value), t?.(d.target.value);
+  } });
+}), aa = a.forwardRef((e, r) => {
+  let { children: t, label: s = "Suggestions", ...o } = e, l = a.useRef(null), c = a.useRef(null), i = ae((d) => d.selectedItemId), u = Ee();
+  return a.useEffect(() => {
+    if (c.current && l.current) {
+      let d = c.current, p = l.current, m, w = new ResizeObserver(() => {
+        m = requestAnimationFrame(() => {
+          let g = d.offsetHeight;
+          p.style.setProperty("--cmdk-list-height", g.toFixed(1) + "px");
+        });
+      });
+      return w.observe(d), () => {
+        cancelAnimationFrame(m), w.unobserve(d);
+      };
+    }
+  }, []), a.createElement(_.div, { ref: Se(l, r), ...o, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": i, "aria-label": s, id: u.listId }, Fe(e, (d) => a.createElement("div", { ref: Se(c, u.listInnerRef), "cmdk-list-sizer": "" }, d)));
+}), sa = a.forwardRef((e, r) => {
+  let { open: t, onOpenChange: s, overlayClassName: o, contentClassName: l, container: c, ...i } = e;
+  return a.createElement(Yr, { open: t, onOpenChange: s }, a.createElement(Xr, { container: c }, a.createElement(Zr, { "cmdk-overlay": "", className: o }), a.createElement(Jr, { "aria-label": e.label, "cmdk-dialog": "", className: l }, a.createElement(jr, { ref: r, ...i }))));
+}), la = a.forwardRef((e, r) => ae((t) => t.filtered.count === 0) ? a.createElement(_.div, { ref: r, ...e, "cmdk-empty": "", role: "presentation" }) : null), ca = a.forwardRef((e, r) => {
+  let { progress: t, children: s, label: o = "Loading...", ...l } = e;
+  return a.createElement(_.div, { ref: r, ...l, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o }, Fe(e, (c) => a.createElement("div", { "aria-hidden": !0 }, c)));
+}), be = Object.assign(jr, { List: aa, Item: ta, Input: oa, Group: ra, Separator: na, Dialog: sa, Empty: la, Loading: ca });
+function ia(e, r) {
+  let t = e.nextElementSibling;
+  for (; t; ) {
+    if (t.matches(r)) return t;
+    t = t.nextElementSibling;
+  }
+}
+function da(e, r) {
+  let t = e.previousElementSibling;
+  for (; t; ) {
+    if (t.matches(r)) return t;
+    t = t.previousElementSibling;
+  }
+}
+function Nr(e) {
+  let r = a.useRef(e);
+  return fe(() => {
+    r.current = e;
+  }), r;
+}
+var fe = typeof window > "u" ? a.useEffect : a.useLayoutEffect;
+function ve(e) {
+  let r = a.useRef();
+  return r.current === void 0 && (r.current = e()), r;
+}
+function ae(e) {
+  let r = st(), t = () => e(r.snapshot());
+  return a.useSyncExternalStore(r.subscribe, t, t);
+}
+function _r(e, r, t, s = []) {
+  let o = a.useRef(), l = Ee();
+  return fe(() => {
+    var c;
+    let i = (() => {
+      var d;
+      for (let p of t) {
+        if (typeof p == "string") return p.trim();
+        if (typeof p == "object" && "current" in p) return p.current ? (d = p.current.textContent) == null ? void 0 : d.trim() : o.current;
+      }
+    })(), u = s.map((d) => d.trim());
+    l.value(e, i, u), (c = r.current) == null || c.setAttribute(he, i), o.current = i;
+  }), o;
+}
+var ua = () => {
+  let [e, r] = a.useState(), t = ve(() => /* @__PURE__ */ new Map());
+  return fe(() => {
+    t.current.forEach((s) => s()), t.current = /* @__PURE__ */ new Map();
+  }, [e]), (s, o) => {
+    t.current.set(s, o), r({});
+  };
+};
+function pa(e) {
+  let r = e.type;
+  return typeof r == "function" ? r(e.props) : "render" in r ? r.render(e.props) : e;
+}
+function Fe({ asChild: e, children: r }, t) {
+  return e && a.isValidElement(r) ? a.cloneElement(pa(r), { ref: r.ref }, t(r.props.children)) : t(r);
+}
+var fa = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+function ma({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    be,
+    {
+      className: B(
+        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        e
+      ),
+      "data-slot": "command",
+      ...r
+    }
+  );
+}
+function ha({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsxs("div", { className: "flex h-9 items-center gap-2 border-b px-3", "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ n.jsx(vn, { className: "size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ n.jsx(
+      be.Input,
+      {
+        className: B(
+          "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          e
+        ),
+        "data-slot": "command-input",
+        ...r
+      }
+    )
+  ] });
+}
+function va({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    be.List,
+    {
+      className: B("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", e),
+      "data-slot": "command-list",
+      ...r
+    }
+  );
+}
+function xa({ ...e }) {
+  return /* @__PURE__ */ n.jsx(be.Empty, { className: "py-6 text-center text-sm", "data-slot": "command-empty", ...e });
+}
+function ga({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    be.Group,
+    {
+      className: B(
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",
+        e
+      ),
+      "data-slot": "command-group",
+      ...r
+    }
+  );
+}
+function ba({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    be.Item,
+    {
+      className: B(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-slot": "command-item",
+      ...r
+    }
+  );
+}
+const wa = ({
+  placeholder: e,
+  selected: r,
+  className: t,
+  open: s,
+  renderSelected: o = (l) => l.label
+}) => /* @__PURE__ */ n.jsx(gt, { asChild: !0, children: /* @__PURE__ */ n.jsxs(Mr, { "aria-expanded": s, className: `justify-between ${t}`, role: "combobox", variant: "outline", children: [
+  o(r || { label: e, value: "" }),
+  /* @__PURE__ */ n.jsx(an, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+] }) }), Ga = ({
+  options: e,
+  value: r = "",
+  placeholder: t = "Select a value...",
+  className: s = "",
+  onSelect: o = () => {
+  },
+  renderSelected: l = (c) => c.label
+}) => {
+  const [c, i] = _e(!1), u = Dr(() => e.find((d) => d.value === r), [e, r]);
+  return /* @__PURE__ */ n.jsxs(xt, { onOpenChange: i, open: c, children: [
+    /* @__PURE__ */ n.jsx(
+      wa,
+      {
+        className: `w-full ${s}`,
+        open: c,
+        placeholder: t,
+        renderSelected: l,
+        selected: u
+      }
+    ),
+    /* @__PURE__ */ n.jsx(bt, { className: "w-full p-0", children: /* @__PURE__ */ n.jsxs(ma, { value: r, children: [
+      /* @__PURE__ */ n.jsx(ha, { "aria-label": "Search options", className: "h-9", placeholder: "Search" }),
+      /* @__PURE__ */ n.jsxs(va, { children: [
+        /* @__PURE__ */ n.jsx(xa, { children: "No results found" }),
+        /* @__PURE__ */ n.jsx(ga, { children: e.map((d) => /* @__PURE__ */ n.jsxs(
+          ba,
+          {
+            onSelect: () => {
+              i(!1), o(d.value);
+            },
+            value: d.value,
+            children: [
+              d.icon ? /* @__PURE__ */ n.jsx("span", { className: "mr-2", children: d.icon }) : "",
+              d.label,
+              /* @__PURE__ */ n.jsx(tt, { className: B("ml-auto", d.value === r ? "opacity-100" : "opacity-0") })
+            ]
+          },
+          d.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+};
+function ya({ className: e, ...r }) {
+  return /* @__PURE__ */ n.jsx(
+    "textarea",
+    {
+      className: B(
+        "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:ring-destructive/40",
+        e
+      ),
+      "data-slot": "textarea",
+      ...r
+    }
+  );
+}
+function Ha({ label: e, name: r, note: t, placeholder: s, className: o, error: l, ...c }) {
+  return /* @__PURE__ */ n.jsxs(ne, { className: "w-full", direction: "col", gap: "2", children: [
+    e && /* @__PURE__ */ n.jsx(xe, { htmlFor: r, children: e }),
+    /* @__PURE__ */ n.jsx(
+      ya,
+      {
+        "aria-label": e || r,
+        className: o,
+        id: r,
+        name: r,
+        placeholder: s,
+        ...c
+      }
+    ),
+    t && /* @__PURE__ */ n.jsx(Te, { size: "sm", variant: "muted", children: t }),
+    l && /* @__PURE__ */ n.jsx(ke, { message: l })
+  ] });
+}
+export {
+  Ma as C,
+  _a as D,
+  ke as I,
+  xe as L,
+  Fa as N,
+  Ba as R,
+  Ta as S,
+  Ha as T,
+  Aa as a,
+  Da as b,
+  Oa as c,
+  Fn as d,
+  Va as e,
+  Ga as f,
+  Lt as g,
+  It as h,
+  _n as i,
+  Tn as j
+};