@still-forest/canopy 0.24.0 → 0.25.1

package/dist/Textarea.js

@@ -0,0 +1,2449 @@
+import { j as o, c as $ } from "./utils.js";
+import { c as ee, u as G, h as Ue, B as et, i as Pr, j as Ie, d as Mr } from "./calendar.js";
+import * as a from "react";
+import ue, { useState as tt, useEffect as Ar, useMemo as Dr } from "react";
+import { F as oe, G as Or } from "./Layout2.js";
+import { T as _e } from "./Heading.js";
+import { c as ge, e as mt, P, b as Re, d as F, s as ht, u as te, t as vt, a as xt, R as Fr, A as Lr, q as ne, f as Br, V as $r, v as Vr, w as Gr, x as Hr, F as Kr, D as Ur, C as zr, g as Wr, i as gt, j as bt, k as wt, l as qr, p as Yr, O as Xr, m as Zr } from "./popover.js";
+import * as yt from "react-dom";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Jr = [
+  ["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" }]
+], Qr = ee("calendar", Jr);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const eo = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], rt = ee("check", eo);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const to = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], St = ee("chevron-down", to);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ro = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], oo = ee("chevron-up", ro);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const no = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+], ao = ee("chevrons-up-down", no);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const so = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], lo = ee("circle", so);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const co = [
+  ["path", { d: "M12 2v4", key: "3427ic" }],
+  ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
+  ["path", { d: "M18 12h4", key: "wj9ykh" }],
+  ["path", { d: "m16.2 16.2 2.9 2.9", key: "1bxg5t" }],
+  ["path", { d: "M12 18v4", key: "jadmvz" }],
+  ["path", { d: "m4.9 19.1 2.9-2.9", key: "bwix9q" }],
+  ["path", { d: "M2 12h4", key: "j09sii" }],
+  ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
+], io = ee("loader", co);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const uo = [
+  [
+    "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" }]
+], po = ee("save", uo);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const fo = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], mo = ee("search", fo);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ho = [
+  [
+    "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" }]
+], $e = ee("send", ho);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vo = [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+], xo = ee("trash-2", vo);
+function Ct(e) {
+  const r = e + "CollectionProvider", [t, s] = ge(r), [n, l] = t(
+    r,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), c = (h) => {
+    const { scope: m, children: w } = h, x = ue.useRef(null), C = ue.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ o.jsx(n, { scope: m, itemMap: C, collectionRef: x, children: w });
+  };
+  c.displayName = r;
+  const i = e + "CollectionSlot", u = Ue(i), d = ue.forwardRef(
+    (h, m) => {
+      const { scope: w, children: x } = h, C = l(i, w), N = G(m, C.collectionRef);
+      return /* @__PURE__ */ o.jsx(u, { ref: N, children: x });
+    }
+  );
+  d.displayName = i;
+  const p = e + "CollectionItemSlot", v = "data-radix-collection-item", y = Ue(p), b = ue.forwardRef(
+    (h, m) => {
+      const { scope: w, children: x, ...C } = h, N = ue.useRef(null), M = G(m, N), j = l(p, w);
+      return ue.useEffect(() => (j.itemMap.set(N, { ref: N, ...C }), () => void j.itemMap.delete(N))), /* @__PURE__ */ o.jsx(y, { [v]: "", ref: M, children: x });
+    }
+  );
+  b.displayName = p;
+  function S(h) {
+    const m = l(e + "CollectionConsumer", h);
+    return ue.useCallback(() => {
+      const x = m.collectionRef.current;
+      if (!x) return [];
+      const C = Array.from(x.querySelectorAll(`[${v}]`));
+      return Array.from(m.itemMap.values()).sort(
+        (j, E) => C.indexOf(j.ref.current) - C.indexOf(E.ref.current)
+      );
+    }, [m.collectionRef, m.itemMap]);
+  }
+  return [
+    { Provider: c, Slot: d, ItemSlot: b },
+    S,
+    s
+  ];
+}
+var go = a.createContext(void 0);
+function ot(e) {
+  const r = a.useContext(go);
+  return e || r || "ltr";
+}
+function nt(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 Te = "Checkbox", [bo, ja] = ge(Te), [wo, at] = bo(Te);
+function yo(e) {
+  const {
+    __scopeCheckbox: r,
+    checked: t,
+    children: s,
+    defaultChecked: n,
+    disabled: l,
+    form: c,
+    name: i,
+    onCheckedChange: u,
+    required: d,
+    value: p = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: v
+  } = e, [y, b] = Re({
+    prop: t,
+    defaultProp: n ?? !1,
+    onChange: u,
+    caller: Te
+  }), [S, h] = a.useState(null), [m, w] = a.useState(null), x = a.useRef(!1), C = S ? !!c || !!S.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), N = {
+    checked: y,
+    disabled: l,
+    setChecked: b,
+    control: S,
+    setControl: h,
+    name: i,
+    form: c,
+    value: p,
+    hasConsumerStoppedPropagationRef: x,
+    required: d,
+    defaultChecked: re(n) ? !1 : n,
+    isFormControl: C,
+    bubbleInput: m,
+    setBubbleInput: w
+  };
+  return /* @__PURE__ */ o.jsx(
+    wo,
+    {
+      scope: r,
+      ...N,
+      children: So(v) ? v(N) : s
+    }
+  );
+}
+var It = "CheckboxTrigger", Rt = a.forwardRef(
+  ({ __scopeCheckbox: e, onKeyDown: r, onClick: t, ...s }, n) => {
+    const {
+      control: l,
+      value: c,
+      disabled: i,
+      checked: u,
+      required: d,
+      setControl: p,
+      setChecked: v,
+      hasConsumerStoppedPropagationRef: y,
+      isFormControl: b,
+      bubbleInput: S
+    } = at(It, e), h = G(n, p), m = a.useRef(u);
+    return a.useEffect(() => {
+      const w = l?.form;
+      if (w) {
+        const x = () => v(m.current);
+        return w.addEventListener("reset", x), () => w.removeEventListener("reset", x);
+      }
+    }, [l, v]), /* @__PURE__ */ o.jsx(
+      P.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": re(u) ? "mixed" : u,
+        "aria-required": d,
+        "data-state": Tt(u),
+        "data-disabled": i ? "" : void 0,
+        disabled: i,
+        value: c,
+        ...s,
+        ref: h,
+        onKeyDown: F(r, (w) => {
+          w.key === "Enter" && w.preventDefault();
+        }),
+        onClick: F(t, (w) => {
+          v((x) => re(x) ? !0 : !x), S && b && (y.current = w.isPropagationStopped(), y.current || w.stopPropagation());
+        })
+      }
+    );
+  }
+);
+Rt.displayName = It;
+var kt = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeCheckbox: t,
+      name: s,
+      checked: n,
+      defaultChecked: l,
+      required: c,
+      disabled: i,
+      value: u,
+      onCheckedChange: d,
+      form: p,
+      ...v
+    } = e;
+    return /* @__PURE__ */ o.jsx(
+      yo,
+      {
+        __scopeCheckbox: t,
+        checked: n,
+        defaultChecked: l,
+        disabled: i,
+        required: c,
+        onCheckedChange: d,
+        name: s,
+        form: p,
+        value: u,
+        internal_do_not_use_render: ({ isFormControl: y }) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__PURE__ */ o.jsx(
+            Rt,
+            {
+              ...v,
+              ref: r,
+              __scopeCheckbox: t
+            }
+          ),
+          y && /* @__PURE__ */ o.jsx(
+            _t,
+            {
+              __scopeCheckbox: t
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+kt.displayName = Te;
+var Et = "CheckboxIndicator", jt = a.forwardRef(
+  (e, r) => {
+    const { __scopeCheckbox: t, forceMount: s, ...n } = e, l = at(Et, t);
+    return /* @__PURE__ */ o.jsx(
+      mt,
+      {
+        present: s || re(l.checked) || l.checked === !0,
+        children: /* @__PURE__ */ o.jsx(
+          P.span,
+          {
+            "data-state": Tt(l.checked),
+            "data-disabled": l.disabled ? "" : void 0,
+            ...n,
+            ref: r,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+jt.displayName = Et;
+var Nt = "CheckboxBubbleInput", _t = a.forwardRef(
+  ({ __scopeCheckbox: e, ...r }, t) => {
+    const {
+      control: s,
+      hasConsumerStoppedPropagationRef: n,
+      checked: l,
+      defaultChecked: c,
+      required: i,
+      disabled: u,
+      name: d,
+      value: p,
+      form: v,
+      bubbleInput: y,
+      setBubbleInput: b
+    } = at(Nt, e), S = G(t, b), h = nt(l), m = ht(s);
+    a.useEffect(() => {
+      const x = y;
+      if (!x) return;
+      const C = window.HTMLInputElement.prototype, M = Object.getOwnPropertyDescriptor(
+        C,
+        "checked"
+      ).set, j = !n.current;
+      if (h !== l && M) {
+        const E = new Event("click", { bubbles: j });
+        x.indeterminate = re(l), M.call(x, re(l) ? !1 : l), x.dispatchEvent(E);
+      }
+    }, [y, h, l, n]);
+    const w = a.useRef(re(l) ? !1 : l);
+    return /* @__PURE__ */ o.jsx(
+      P.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: c ?? w.current,
+        required: i,
+        disabled: u,
+        name: d,
+        value: p,
+        form: v,
+        ...r,
+        tabIndex: -1,
+        ref: S,
+        style: {
+          ...r.style,
+          ...m,
+          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%)"
+        }
+      }
+    );
+  }
+);
+_t.displayName = Nt;
+function So(e) {
+  return typeof e == "function";
+}
+function re(e) {
+  return e === "indeterminate";
+}
+function Tt(e) {
+  return re(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var Ve = "rovingFocusGroup.onEntryFocus", Co = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [ze, Pt, Io] = Ct(ke), [Ro, Mt] = ge(
+  ke,
+  [Io]
+), [ko, Eo] = Ro(ke), At = a.forwardRef(
+  (e, r) => /* @__PURE__ */ o.jsx(ze.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o.jsx(ze.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o.jsx(jo, { ...e, ref: r }) }) })
+);
+At.displayName = ke;
+var jo = a.forwardRef((e, r) => {
+  const {
+    __scopeRovingFocusGroup: t,
+    orientation: s,
+    loop: n = !1,
+    dir: l,
+    currentTabStopId: c,
+    defaultCurrentTabStopId: i,
+    onCurrentTabStopIdChange: u,
+    onEntryFocus: d,
+    preventScrollOnEntryFocus: p = !1,
+    ...v
+  } = e, y = a.useRef(null), b = G(r, y), S = ot(l), [h, m] = Re({
+    prop: c,
+    defaultProp: i ?? null,
+    onChange: u,
+    caller: ke
+  }), [w, x] = a.useState(!1), C = vt(d), N = Pt(t), M = a.useRef(!1), [j, E] = a.useState(0);
+  return a.useEffect(() => {
+    const D = y.current;
+    if (D)
+      return D.addEventListener(Ve, C), () => D.removeEventListener(Ve, C);
+  }, [C]), /* @__PURE__ */ o.jsx(
+    ko,
+    {
+      scope: t,
+      orientation: s,
+      dir: S,
+      loop: n,
+      currentTabStopId: h,
+      onItemFocus: a.useCallback(
+        (D) => m(D),
+        [m]
+      ),
+      onItemShiftTab: a.useCallback(() => x(!0), []),
+      onFocusableItemAdd: a.useCallback(
+        () => E((D) => D + 1),
+        []
+      ),
+      onFocusableItemRemove: a.useCallback(
+        () => E((D) => D - 1),
+        []
+      ),
+      children: /* @__PURE__ */ o.jsx(
+        P.div,
+        {
+          tabIndex: w || j === 0 ? -1 : 0,
+          "data-orientation": s,
+          ...v,
+          ref: b,
+          style: { outline: "none", ...e.style },
+          onMouseDown: F(e.onMouseDown, () => {
+            M.current = !0;
+          }),
+          onFocus: F(e.onFocus, (D) => {
+            const Y = !M.current;
+            if (D.target === D.currentTarget && Y && !w) {
+              const W = new CustomEvent(Ve, Co);
+              if (D.currentTarget.dispatchEvent(W), !W.defaultPrevented) {
+                const H = N().filter((L) => L.focusable), z = H.find((L) => L.active), X = H.find((L) => L.id === h), U = [z, X, ...H].filter(
+                  Boolean
+                ).map((L) => L.ref.current);
+                Ft(U, p);
+              }
+            }
+            M.current = !1;
+          }),
+          onBlur: F(e.onBlur, () => x(!1))
+        }
+      )
+    }
+  );
+}), Dt = "RovingFocusGroupItem", Ot = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: t,
+      focusable: s = !0,
+      active: n = !1,
+      tabStopId: l,
+      children: c,
+      ...i
+    } = e, u = te(), d = l || u, p = Eo(Dt, t), v = p.currentTabStopId === d, y = Pt(t), { onFocusableItemAdd: b, onFocusableItemRemove: S, currentTabStopId: h } = p;
+    return a.useEffect(() => {
+      if (s)
+        return b(), () => S();
+    }, [s, b, S]), /* @__PURE__ */ o.jsx(
+      ze.ItemSlot,
+      {
+        scope: t,
+        id: d,
+        focusable: s,
+        active: n,
+        children: /* @__PURE__ */ o.jsx(
+          P.span,
+          {
+            tabIndex: v ? 0 : -1,
+            "data-orientation": p.orientation,
+            ...i,
+            ref: r,
+            onMouseDown: F(e.onMouseDown, (m) => {
+              s ? p.onItemFocus(d) : m.preventDefault();
+            }),
+            onFocus: F(e.onFocus, () => p.onItemFocus(d)),
+            onKeyDown: F(e.onKeyDown, (m) => {
+              if (m.key === "Tab" && m.shiftKey) {
+                p.onItemShiftTab();
+                return;
+              }
+              if (m.target !== m.currentTarget) return;
+              const w = To(m, p.orientation, p.dir);
+              if (w !== void 0) {
+                if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
+                m.preventDefault();
+                let C = y().filter((N) => N.focusable).map((N) => N.ref.current);
+                if (w === "last") C.reverse();
+                else if (w === "prev" || w === "next") {
+                  w === "prev" && C.reverse();
+                  const N = C.indexOf(m.currentTarget);
+                  C = p.loop ? Po(C, N + 1) : C.slice(N + 1);
+                }
+                setTimeout(() => Ft(C));
+              }
+            }),
+            children: typeof c == "function" ? c({ isCurrentTabStop: v, hasTabStop: h != null }) : c
+          }
+        )
+      }
+    );
+  }
+);
+Ot.displayName = Dt;
+var No = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function _o(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function To(e, r, t) {
+  const s = _o(e.key, t);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(s)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(s)))
+    return No[s];
+}
+function Ft(e, r = !1) {
+  const t = document.activeElement;
+  for (const s of e)
+    if (s === t || (s.focus({ preventScroll: r }), document.activeElement !== t)) return;
+}
+function Po(e, r) {
+  return e.map((t, s) => e[(r + s) % e.length]);
+}
+var Mo = At, Ao = Ot, Do = "Label", Lt = a.forwardRef((e, r) => /* @__PURE__ */ o.jsx(
+  P.label,
+  {
+    ...e,
+    ref: r,
+    onMouseDown: (t) => {
+      t.target.closest("button, input, select, textarea") || (e.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+    }
+  }
+));
+Lt.displayName = Do;
+var Oo = Lt;
+function it(e, [r, t]) {
+  return Math.min(t, Math.max(r, e));
+}
+var st = "Radio", [Fo, Bt] = ge(st), [Lo, Bo] = Fo(st), $t = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRadio: t,
+      name: s,
+      checked: n = !1,
+      required: l,
+      disabled: c,
+      value: i = "on",
+      onCheck: u,
+      form: d,
+      ...p
+    } = e, [v, y] = a.useState(null), b = G(r, (m) => y(m)), S = a.useRef(!1), h = v ? d || !!v.closest("form") : !0;
+    return /* @__PURE__ */ o.jsxs(Lo, { scope: t, checked: n, disabled: c, children: [
+      /* @__PURE__ */ o.jsx(
+        P.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": n,
+          "data-state": Kt(n),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: i,
+          ...p,
+          ref: b,
+          onClick: F(e.onClick, (m) => {
+            n || u?.(), h && (S.current = m.isPropagationStopped(), S.current || m.stopPropagation());
+          })
+        }
+      ),
+      h && /* @__PURE__ */ o.jsx(
+        Ht,
+        {
+          control: v,
+          bubbles: !S.current,
+          name: s,
+          value: i,
+          checked: n,
+          required: l,
+          disabled: c,
+          form: d,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+$t.displayName = st;
+var Vt = "RadioIndicator", Gt = a.forwardRef(
+  (e, r) => {
+    const { __scopeRadio: t, forceMount: s, ...n } = e, l = Bo(Vt, t);
+    return /* @__PURE__ */ o.jsx(mt, { present: s || l.checked, children: /* @__PURE__ */ o.jsx(
+      P.span,
+      {
+        "data-state": Kt(l.checked),
+        "data-disabled": l.disabled ? "" : void 0,
+        ...n,
+        ref: r
+      }
+    ) });
+  }
+);
+Gt.displayName = Vt;
+var $o = "RadioBubbleInput", Ht = a.forwardRef(
+  ({
+    __scopeRadio: e,
+    control: r,
+    checked: t,
+    bubbles: s = !0,
+    ...n
+  }, l) => {
+    const c = a.useRef(null), i = G(c, l), u = nt(t), d = ht(r);
+    return a.useEffect(() => {
+      const p = c.current;
+      if (!p) return;
+      const v = window.HTMLInputElement.prototype, b = Object.getOwnPropertyDescriptor(
+        v,
+        "checked"
+      ).set;
+      if (u !== t && b) {
+        const S = new Event("click", { bubbles: s });
+        b.call(p, t), p.dispatchEvent(S);
+      }
+    }, [u, t, s]), /* @__PURE__ */ o.jsx(
+      P.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: t,
+        ...n,
+        tabIndex: -1,
+        ref: i,
+        style: {
+          ...n.style,
+          ...d,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+Ht.displayName = $o;
+function Kt(e) {
+  return e ? "checked" : "unchecked";
+}
+var Vo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Pe = "RadioGroup", [Go, Na] = ge(Pe, [
+  Mt,
+  Bt
+]), Ut = Mt(), zt = Bt(), [Ho, Ko] = Go(Pe), Wt = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRadioGroup: t,
+      name: s,
+      defaultValue: n,
+      value: l,
+      required: c = !1,
+      disabled: i = !1,
+      orientation: u,
+      dir: d,
+      loop: p = !0,
+      onValueChange: v,
+      ...y
+    } = e, b = Ut(t), S = ot(d), [h, m] = Re({
+      prop: l,
+      defaultProp: n ?? null,
+      onChange: v,
+      caller: Pe
+    });
+    return /* @__PURE__ */ o.jsx(
+      Ho,
+      {
+        scope: t,
+        name: s,
+        required: c,
+        disabled: i,
+        value: h,
+        onValueChange: m,
+        children: /* @__PURE__ */ o.jsx(
+          Mo,
+          {
+            asChild: !0,
+            ...b,
+            orientation: u,
+            dir: S,
+            loop: p,
+            children: /* @__PURE__ */ o.jsx(
+              P.div,
+              {
+                role: "radiogroup",
+                "aria-required": c,
+                "aria-orientation": u,
+                "data-disabled": i ? "" : void 0,
+                dir: S,
+                ...y,
+                ref: r
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Wt.displayName = Pe;
+var qt = "RadioGroupItem", Yt = a.forwardRef(
+  (e, r) => {
+    const { __scopeRadioGroup: t, disabled: s, ...n } = e, l = Ko(qt, t), c = l.disabled || s, i = Ut(t), u = zt(t), d = a.useRef(null), p = G(r, d), v = l.value === n.value, y = a.useRef(!1);
+    return a.useEffect(() => {
+      const b = (h) => {
+        Vo.includes(h.key) && (y.current = !0);
+      }, S = () => y.current = !1;
+      return document.addEventListener("keydown", b), document.addEventListener("keyup", S), () => {
+        document.removeEventListener("keydown", b), document.removeEventListener("keyup", S);
+      };
+    }, []), /* @__PURE__ */ o.jsx(
+      Ao,
+      {
+        asChild: !0,
+        ...i,
+        focusable: !c,
+        active: v,
+        children: /* @__PURE__ */ o.jsx(
+          $t,
+          {
+            disabled: c,
+            required: l.required,
+            checked: v,
+            ...u,
+            ...n,
+            name: l.name,
+            ref: p,
+            onCheck: () => l.onValueChange(n.value),
+            onKeyDown: F((b) => {
+              b.key === "Enter" && b.preventDefault();
+            }),
+            onFocus: F(n.onFocus, () => {
+              y.current && d.current?.click();
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Yt.displayName = qt;
+var Uo = "RadioGroupIndicator", Xt = a.forwardRef(
+  (e, r) => {
+    const { __scopeRadioGroup: t, ...s } = e, n = zt(t);
+    return /* @__PURE__ */ o.jsx(Gt, { ...n, ...s, ref: r });
+  }
+);
+Xt.displayName = Uo;
+var zo = Wt, Wo = Yt, qo = Xt, Yo = [" ", "Enter", "ArrowUp", "ArrowDown"], Xo = [" ", "Enter"], pe = "Select", [Me, Ae, Zo] = Ct(pe), [be, _a] = ge(pe, [
+  Zo,
+  xt
+]), De = xt(), [Jo, se] = be(pe), [Qo, en] = be(pe), Zt = (e) => {
+  const {
+    __scopeSelect: r,
+    children: t,
+    open: s,
+    defaultOpen: n,
+    onOpenChange: l,
+    value: c,
+    defaultValue: i,
+    onValueChange: u,
+    dir: d,
+    name: p,
+    autoComplete: v,
+    disabled: y,
+    required: b,
+    form: S
+  } = e, h = De(r), [m, w] = a.useState(null), [x, C] = a.useState(null), [N, M] = a.useState(!1), j = ot(d), [E, D] = Re({
+    prop: s,
+    defaultProp: n ?? !1,
+    onChange: l,
+    caller: pe
+  }), [Y, W] = Re({
+    prop: c,
+    defaultProp: i,
+    onChange: u,
+    caller: pe
+  }), H = a.useRef(null), z = m ? S || !!m.closest("form") : !0, [X, K] = a.useState(/* @__PURE__ */ new Set()), U = Array.from(X).map((L) => L.props.value).join(";");
+  return /* @__PURE__ */ o.jsx(Fr, { ...h, children: /* @__PURE__ */ o.jsxs(
+    Jo,
+    {
+      required: b,
+      scope: r,
+      trigger: m,
+      onTriggerChange: w,
+      valueNode: x,
+      onValueNodeChange: C,
+      valueNodeHasChildren: N,
+      onValueNodeHasChildrenChange: M,
+      contentId: te(),
+      value: Y,
+      onValueChange: W,
+      open: E,
+      onOpenChange: D,
+      dir: j,
+      triggerPointerDownPosRef: H,
+      disabled: y,
+      children: [
+        /* @__PURE__ */ o.jsx(Me.Provider, { scope: r, children: /* @__PURE__ */ o.jsx(
+          Qo,
+          {
+            scope: e.__scopeSelect,
+            onNativeOptionAdd: a.useCallback((L) => {
+              K((q) => new Set(q).add(L));
+            }, []),
+            onNativeOptionRemove: a.useCallback((L) => {
+              K((q) => {
+                const Z = new Set(q);
+                return Z.delete(L), Z;
+              });
+            }, []),
+            children: t
+          }
+        ) }),
+        z ? /* @__PURE__ */ o.jsxs(
+          br,
+          {
+            "aria-hidden": !0,
+            required: b,
+            tabIndex: -1,
+            name: p,
+            autoComplete: v,
+            value: Y,
+            onChange: (L) => W(L.target.value),
+            disabled: y,
+            form: S,
+            children: [
+              Y === void 0 ? /* @__PURE__ */ o.jsx("option", { value: "" }) : null,
+              Array.from(X)
+            ]
+          },
+          U
+        ) : null
+      ]
+    }
+  ) });
+};
+Zt.displayName = pe;
+var Jt = "SelectTrigger", Qt = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, disabled: s = !1, ...n } = e, l = De(t), c = se(Jt, t), i = c.disabled || s, u = G(r, c.onTriggerChange), d = Ae(t), p = a.useRef("touch"), [v, y, b] = yr((h) => {
+      const m = d().filter((C) => !C.disabled), w = m.find((C) => C.value === c.value), x = Sr(m, h, w);
+      x !== void 0 && c.onValueChange(x.value);
+    }), S = (h) => {
+      i || (c.onOpenChange(!0), b()), h && (c.triggerPointerDownPosRef.current = {
+        x: Math.round(h.pageX),
+        y: Math.round(h.pageY)
+      });
+    };
+    return /* @__PURE__ */ o.jsx(Lr, { asChild: !0, ...l, children: /* @__PURE__ */ o.jsx(
+      P.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,
+        ...n,
+        ref: u,
+        onClick: F(n.onClick, (h) => {
+          h.currentTarget.focus(), p.current !== "mouse" && S(h);
+        }),
+        onPointerDown: F(n.onPointerDown, (h) => {
+          p.current = h.pointerType;
+          const m = h.target;
+          m.hasPointerCapture(h.pointerId) && m.releasePointerCapture(h.pointerId), h.button === 0 && h.ctrlKey === !1 && h.pointerType === "mouse" && (S(h), h.preventDefault());
+        }),
+        onKeyDown: F(n.onKeyDown, (h) => {
+          const m = v.current !== "";
+          !(h.ctrlKey || h.altKey || h.metaKey) && h.key.length === 1 && y(h.key), !(m && h.key === " ") && Yo.includes(h.key) && (S(), h.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Qt.displayName = Jt;
+var er = "SelectValue", tr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, className: s, style: n, children: l, placeholder: c = "", ...i } = e, u = se(er, t), { onValueNodeHasChildrenChange: d } = u, p = l !== void 0, v = G(r, u.onValueNodeChange);
+    return ne(() => {
+      d(p);
+    }, [d, p]), /* @__PURE__ */ o.jsx(
+      P.span,
+      {
+        ...i,
+        ref: v,
+        style: { pointerEvents: "none" },
+        children: wr(u.value) ? /* @__PURE__ */ o.jsx(o.Fragment, { children: c }) : l
+      }
+    );
+  }
+);
+tr.displayName = er;
+var tn = "SelectIcon", rr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, children: s, ...n } = e;
+    return /* @__PURE__ */ o.jsx(P.span, { "aria-hidden": !0, ...n, ref: r, children: s || "▼" });
+  }
+);
+rr.displayName = tn;
+var rn = "SelectPortal", or = (e) => /* @__PURE__ */ o.jsx(Br, { asChild: !0, ...e });
+or.displayName = rn;
+var fe = "SelectContent", nr = a.forwardRef(
+  (e, r) => {
+    const t = se(fe, e.__scopeSelect), [s, n] = a.useState();
+    if (ne(() => {
+      n(new DocumentFragment());
+    }, []), !t.open) {
+      const l = s;
+      return l ? yt.createPortal(
+        /* @__PURE__ */ o.jsx(ar, { scope: e.__scopeSelect, children: /* @__PURE__ */ o.jsx(Me.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ o.jsx("div", { children: e.children }) }) }),
+        l
+      ) : null;
+    }
+    return /* @__PURE__ */ o.jsx(sr, { ...e, ref: r });
+  }
+);
+nr.displayName = fe;
+var Q = 10, [ar, le] = be(fe), on = "SelectContentImpl", nn = Ue("SelectContent.RemoveScroll"), sr = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeSelect: t,
+      position: s = "item-aligned",
+      onCloseAutoFocus: n,
+      onEscapeKeyDown: l,
+      onPointerDownOutside: c,
+      //
+      // PopperContent props
+      side: i,
+      sideOffset: u,
+      align: d,
+      alignOffset: p,
+      arrowPadding: v,
+      collisionBoundary: y,
+      collisionPadding: b,
+      sticky: S,
+      hideWhenDetached: h,
+      avoidCollisions: m,
+      //
+      ...w
+    } = e, x = se(fe, t), [C, N] = a.useState(null), [M, j] = a.useState(null), E = G(r, (g) => N(g)), [D, Y] = a.useState(null), [W, H] = a.useState(
+      null
+    ), z = Ae(t), [X, K] = a.useState(!1), U = a.useRef(!1);
+    a.useEffect(() => {
+      if (C) return Vr(C);
+    }, [C]), Gr();
+    const L = a.useCallback(
+      (g) => {
+        const [T, ...A] = z().map((V) => V.ref.current), [O] = A.slice(-1), B = document.activeElement;
+        for (const V of g)
+          if (V === B || (V?.scrollIntoView({ block: "nearest" }), V === T && M && (M.scrollTop = 0), V === O && M && (M.scrollTop = M.scrollHeight), V?.focus(), document.activeElement !== B)) return;
+      },
+      [z, M]
+    ), q = a.useCallback(
+      () => L([D, C]),
+      [L, D, C]
+    );
+    a.useEffect(() => {
+      X && q();
+    }, [X, q]);
+    const { onOpenChange: Z, triggerPointerDownPosRef: J } = x;
+    a.useEffect(() => {
+      if (C) {
+        let g = { x: 0, y: 0 };
+        const T = (O) => {
+          g = {
+            x: Math.abs(Math.round(O.pageX) - (J.current?.x ?? 0)),
+            y: Math.abs(Math.round(O.pageY) - (J.current?.y ?? 0))
+          };
+        }, A = (O) => {
+          g.x <= 10 && g.y <= 10 ? O.preventDefault() : C.contains(O.target) || Z(!1), document.removeEventListener("pointermove", T), J.current = null;
+        };
+        return J.current !== null && (document.addEventListener("pointermove", T), document.addEventListener("pointerup", A, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", A, { capture: !0 });
+        };
+      }
+    }, [C, Z, J]), a.useEffect(() => {
+      const g = () => Z(!1);
+      return window.addEventListener("blur", g), window.addEventListener("resize", g), () => {
+        window.removeEventListener("blur", g), window.removeEventListener("resize", g);
+      };
+    }, [Z]);
+    const [he, ce] = yr((g) => {
+      const T = z().filter((B) => !B.disabled), A = T.find((B) => B.ref.current === document.activeElement), O = Sr(T, g, A);
+      O && setTimeout(() => O.ref.current.focus());
+    }), f = a.useCallback(
+      (g, T, A) => {
+        const O = !U.current && !A;
+        (x.value !== void 0 && x.value === T || O) && (Y(g), O && (U.current = !0));
+      },
+      [x.value]
+    ), R = a.useCallback(() => C?.focus(), [C]), k = a.useCallback(
+      (g, T, A) => {
+        const O = !U.current && !A;
+        (x.value !== void 0 && x.value === T || O) && H(g);
+      },
+      [x.value]
+    ), I = s === "popper" ? We : lr, _ = I === We ? {
+      side: i,
+      sideOffset: u,
+      align: d,
+      alignOffset: p,
+      arrowPadding: v,
+      collisionBoundary: y,
+      collisionPadding: b,
+      sticky: S,
+      hideWhenDetached: h,
+      avoidCollisions: m
+    } : {};
+    return /* @__PURE__ */ o.jsx(
+      ar,
+      {
+        scope: t,
+        content: C,
+        viewport: M,
+        onViewportChange: j,
+        itemRefCallback: f,
+        selectedItem: D,
+        onItemLeave: R,
+        itemTextRefCallback: k,
+        focusSelectedItem: q,
+        selectedItemText: W,
+        position: s,
+        isPositioned: X,
+        searchRef: he,
+        children: /* @__PURE__ */ o.jsx(Hr, { as: nn, allowPinchZoom: !0, children: /* @__PURE__ */ o.jsx(
+          Kr,
+          {
+            asChild: !0,
+            trapped: x.open,
+            onMountAutoFocus: (g) => {
+              g.preventDefault();
+            },
+            onUnmountAutoFocus: F(n, (g) => {
+              x.trigger?.focus({ preventScroll: !0 }), g.preventDefault();
+            }),
+            children: /* @__PURE__ */ o.jsx(
+              Ur,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: l,
+                onPointerDownOutside: c,
+                onFocusOutside: (g) => g.preventDefault(),
+                onDismiss: () => x.onOpenChange(!1),
+                children: /* @__PURE__ */ o.jsx(
+                  I,
+                  {
+                    role: "listbox",
+                    id: x.contentId,
+                    "data-state": x.open ? "open" : "closed",
+                    dir: x.dir,
+                    onContextMenu: (g) => g.preventDefault(),
+                    ...w,
+                    ..._,
+                    onPlaced: () => K(!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",
+                      ...w.style
+                    },
+                    onKeyDown: F(w.onKeyDown, (g) => {
+                      const T = g.ctrlKey || g.altKey || g.metaKey;
+                      if (g.key === "Tab" && g.preventDefault(), !T && g.key.length === 1 && ce(g.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(g.key)) {
+                        let O = z().filter((B) => !B.disabled).map((B) => B.ref.current);
+                        if (["ArrowUp", "End"].includes(g.key) && (O = O.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(g.key)) {
+                          const B = g.target, V = O.indexOf(B);
+                          O = O.slice(V + 1);
+                        }
+                        setTimeout(() => L(O)), g.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+sr.displayName = on;
+var an = "SelectItemAlignedPosition", lr = a.forwardRef((e, r) => {
+  const { __scopeSelect: t, onPlaced: s, ...n } = e, l = se(fe, t), c = le(fe, t), [i, u] = a.useState(null), [d, p] = a.useState(null), v = G(r, (E) => p(E)), y = Ae(t), b = a.useRef(!1), S = a.useRef(!0), { viewport: h, selectedItem: m, selectedItemText: w, focusSelectedItem: x } = c, C = a.useCallback(() => {
+    if (l.trigger && l.valueNode && i && d && h && m && w) {
+      const E = l.trigger.getBoundingClientRect(), D = d.getBoundingClientRect(), Y = l.valueNode.getBoundingClientRect(), W = w.getBoundingClientRect();
+      if (l.dir !== "rtl") {
+        const B = W.left - D.left, V = Y.left - B, ie = E.left - V, de = E.width + ie, Fe = Math.max(de, D.width), Le = window.innerWidth - Q, Be = it(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, Le - Fe)
+        ]);
+        i.style.minWidth = de + "px", i.style.left = Be + "px";
+      } else {
+        const B = D.right - W.right, V = window.innerWidth - Y.right - B, ie = window.innerWidth - E.right - V, de = E.width + ie, Fe = Math.max(de, D.width), Le = window.innerWidth - Q, Be = it(V, [
+          Q,
+          Math.max(Q, Le - Fe)
+        ]);
+        i.style.minWidth = de + "px", i.style.right = Be + "px";
+      }
+      const H = y(), z = window.innerHeight - Q * 2, X = h.scrollHeight, K = window.getComputedStyle(d), U = parseInt(K.borderTopWidth, 10), L = parseInt(K.paddingTop, 10), q = parseInt(K.borderBottomWidth, 10), Z = parseInt(K.paddingBottom, 10), J = U + L + X + Z + q, he = Math.min(m.offsetHeight * 5, J), ce = window.getComputedStyle(h), f = parseInt(ce.paddingTop, 10), R = parseInt(ce.paddingBottom, 10), k = E.top + E.height / 2 - Q, I = z - k, _ = m.offsetHeight / 2, g = m.offsetTop + _, T = U + L + g, A = J - T;
+      if (T <= k) {
+        const B = H.length > 0 && m === H[H.length - 1].ref.current;
+        i.style.bottom = "0px";
+        const V = d.clientHeight - h.offsetTop - h.offsetHeight, ie = Math.max(
+          I,
+          _ + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (B ? R : 0) + V + q
+        ), de = T + ie;
+        i.style.height = de + "px";
+      } else {
+        const B = H.length > 0 && m === H[0].ref.current;
+        i.style.top = "0px";
+        const ie = Math.max(
+          k,
+          U + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (B ? f : 0) + _
+        ) + A;
+        i.style.height = ie + "px", h.scrollTop = T - k + h.offsetTop;
+      }
+      i.style.margin = `${Q}px 0`, i.style.minHeight = he + "px", i.style.maxHeight = z + "px", s?.(), requestAnimationFrame(() => b.current = !0);
+    }
+  }, [
+    y,
+    l.trigger,
+    l.valueNode,
+    i,
+    d,
+    h,
+    m,
+    w,
+    l.dir,
+    s
+  ]);
+  ne(() => C(), [C]);
+  const [N, M] = a.useState();
+  ne(() => {
+    d && M(window.getComputedStyle(d).zIndex);
+  }, [d]);
+  const j = a.useCallback(
+    (E) => {
+      E && S.current === !0 && (C(), x?.(), S.current = !1);
+    },
+    [C, x]
+  );
+  return /* @__PURE__ */ o.jsx(
+    ln,
+    {
+      scope: t,
+      contentWrapper: i,
+      shouldExpandOnScrollRef: b,
+      onScrollButtonChange: j,
+      children: /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          ref: u,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: N
+          },
+          children: /* @__PURE__ */ o.jsx(
+            P.div,
+            {
+              ...n,
+              ref: v,
+              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%",
+                ...n.style
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+lr.displayName = an;
+var sn = "SelectPopperPosition", We = a.forwardRef((e, r) => {
+  const {
+    __scopeSelect: t,
+    align: s = "start",
+    collisionPadding: n = Q,
+    ...l
+  } = e, c = De(t);
+  return /* @__PURE__ */ o.jsx(
+    zr,
+    {
+      ...c,
+      ...l,
+      ref: r,
+      align: s,
+      collisionPadding: n,
+      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 = sn;
+var [ln, lt] = be(fe, {}), qe = "SelectViewport", cr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, nonce: s, ...n } = e, l = le(qe, t), c = lt(qe, t), i = G(r, l.onViewportChange), u = a.useRef(0);
+    return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.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__ */ o.jsx(Me.Slot, { scope: t, children: /* @__PURE__ */ o.jsx(
+        P.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...n,
+          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",
+            ...n.style
+          },
+          onScroll: F(n.onScroll, (d) => {
+            const p = d.currentTarget, { contentWrapper: v, shouldExpandOnScrollRef: y } = c;
+            if (y?.current && v) {
+              const b = Math.abs(u.current - p.scrollTop);
+              if (b > 0) {
+                const S = window.innerHeight - Q * 2, h = parseFloat(v.style.minHeight), m = parseFloat(v.style.height), w = Math.max(h, m);
+                if (w < S) {
+                  const x = w + b, C = Math.min(S, x), N = x - C;
+                  v.style.height = C + "px", v.style.bottom === "0px" && (p.scrollTop = N > 0 ? N : 0, v.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            u.current = p.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+cr.displayName = qe;
+var ir = "SelectGroup", [cn, dn] = be(ir), un = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e, n = te();
+    return /* @__PURE__ */ o.jsx(cn, { scope: t, id: n, children: /* @__PURE__ */ o.jsx(P.div, { role: "group", "aria-labelledby": n, ...s, ref: r }) });
+  }
+);
+un.displayName = ir;
+var dr = "SelectLabel", pn = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e, n = dn(dr, t);
+    return /* @__PURE__ */ o.jsx(P.div, { id: n.id, ...s, ref: r });
+  }
+);
+pn.displayName = dr;
+var Ne = "SelectItem", [fn, ur] = be(Ne), pr = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeSelect: t,
+      value: s,
+      disabled: n = !1,
+      textValue: l,
+      ...c
+    } = e, i = se(Ne, t), u = le(Ne, t), d = i.value === s, [p, v] = a.useState(l ?? ""), [y, b] = a.useState(!1), S = G(
+      r,
+      (x) => u.itemRefCallback?.(x, s, n)
+    ), h = te(), m = a.useRef("touch"), w = () => {
+      n || (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__ */ o.jsx(
+      fn,
+      {
+        scope: t,
+        value: s,
+        disabled: n,
+        textId: h,
+        isSelected: d,
+        onItemTextChange: a.useCallback((x) => {
+          v((C) => C || (x?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ o.jsx(
+          Me.ItemSlot,
+          {
+            scope: t,
+            value: s,
+            disabled: n,
+            textValue: p,
+            children: /* @__PURE__ */ o.jsx(
+              P.div,
+              {
+                role: "option",
+                "aria-labelledby": h,
+                "data-highlighted": y ? "" : void 0,
+                "aria-selected": d && y,
+                "data-state": d ? "checked" : "unchecked",
+                "aria-disabled": n || void 0,
+                "data-disabled": n ? "" : void 0,
+                tabIndex: n ? void 0 : -1,
+                ...c,
+                ref: S,
+                onFocus: F(c.onFocus, () => b(!0)),
+                onBlur: F(c.onBlur, () => b(!1)),
+                onClick: F(c.onClick, () => {
+                  m.current !== "mouse" && w();
+                }),
+                onPointerUp: F(c.onPointerUp, () => {
+                  m.current === "mouse" && w();
+                }),
+                onPointerDown: F(c.onPointerDown, (x) => {
+                  m.current = x.pointerType;
+                }),
+                onPointerMove: F(c.onPointerMove, (x) => {
+                  m.current = x.pointerType, n ? u.onItemLeave?.() : m.current === "mouse" && x.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: F(c.onPointerLeave, (x) => {
+                  x.currentTarget === document.activeElement && u.onItemLeave?.();
+                }),
+                onKeyDown: F(c.onKeyDown, (x) => {
+                  u.searchRef?.current !== "" && x.key === " " || (Xo.includes(x.key) && w(), x.key === " " && x.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+pr.displayName = Ne;
+var Ce = "SelectItemText", fr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, className: s, style: n, ...l } = e, c = se(Ce, t), i = le(Ce, t), u = ur(Ce, t), d = en(Ce, t), [p, v] = a.useState(null), y = G(
+      r,
+      (w) => v(w),
+      u.onItemTextChange,
+      (w) => i.itemTextRefCallback?.(w, u.value, u.disabled)
+    ), b = p?.textContent, S = a.useMemo(
+      () => /* @__PURE__ */ o.jsx("option", { value: u.value, disabled: u.disabled, children: b }, u.value),
+      [u.disabled, u.value, b]
+    ), { onNativeOptionAdd: h, onNativeOptionRemove: m } = d;
+    return ne(() => (h(S), () => m(S)), [h, m, S]), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx(P.span, { id: u.textId, ...l, ref: y }),
+      u.isSelected && c.valueNode && !c.valueNodeHasChildren ? yt.createPortal(l.children, c.valueNode) : null
+    ] });
+  }
+);
+fr.displayName = Ce;
+var mr = "SelectItemIndicator", hr = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e;
+    return ur(mr, t).isSelected ? /* @__PURE__ */ o.jsx(P.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 = lt(Ye, e.__scopeSelect), [n, l] = a.useState(!1), c = G(r, s.onScrollButtonChange);
+  return ne(() => {
+    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]), n ? /* @__PURE__ */ o.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 = lt(Xe, e.__scopeSelect), [n, l] = a.useState(!1), c = G(r, s.onScrollButtonChange);
+  return ne(() => {
+    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]), n ? /* @__PURE__ */ o.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, ...n } = e, l = le("SelectScrollButton", t), c = a.useRef(null), i = Ae(t), u = a.useCallback(() => {
+    c.current !== null && (window.clearInterval(c.current), c.current = null);
+  }, []);
+  return a.useEffect(() => () => u(), [u]), ne(() => {
+    i().find((p) => p.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [i]), /* @__PURE__ */ o.jsx(
+    P.div,
+    {
+      "aria-hidden": !0,
+      ...n,
+      ref: r,
+      style: { flexShrink: 0, ...n.style },
+      onPointerDown: F(n.onPointerDown, () => {
+        c.current === null && (c.current = window.setInterval(s, 50));
+      }),
+      onPointerMove: F(n.onPointerMove, () => {
+        l.onItemLeave?.(), c.current === null && (c.current = window.setInterval(s, 50));
+      }),
+      onPointerLeave: F(n.onPointerLeave, () => {
+        u();
+      })
+    }
+  );
+}), mn = "SelectSeparator", hn = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e;
+    return /* @__PURE__ */ o.jsx(P.div, { "aria-hidden": !0, ...s, ref: r });
+  }
+);
+hn.displayName = mn;
+var Ze = "SelectArrow", vn = a.forwardRef(
+  (e, r) => {
+    const { __scopeSelect: t, ...s } = e, n = De(t), l = se(Ze, t), c = le(Ze, t);
+    return l.open && c.position === "popper" ? /* @__PURE__ */ o.jsx(Wr, { ...n, ...s, ref: r }) : null;
+  }
+);
+vn.displayName = Ze;
+var xn = "SelectBubbleInput", br = a.forwardRef(
+  ({ __scopeSelect: e, value: r, ...t }, s) => {
+    const n = a.useRef(null), l = G(s, n), c = nt(r);
+    return a.useEffect(() => {
+      const i = n.current;
+      if (!i) return;
+      const u = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(
+        u,
+        "value"
+      ).set;
+      if (c !== r && p) {
+        const v = new Event("change", { bubbles: !0 });
+        p.call(i, r), i.dispatchEvent(v);
+      }
+    }, [c, r]), /* @__PURE__ */ o.jsx(
+      P.select,
+      {
+        ...t,
+        style: { ...$r, ...t.style },
+        ref: l,
+        defaultValue: r
+      }
+    );
+  }
+);
+br.displayName = xn;
+function wr(e) {
+  return e === "" || e === void 0;
+}
+function yr(e) {
+  const r = vt(e), t = a.useRef(""), s = a.useRef(0), n = 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, n, l];
+}
+function Sr(e, r, t) {
+  const n = r.length > 1 && Array.from(r).every((d) => d === r[0]) ? r[0] : r, l = t ? e.indexOf(t) : -1;
+  let c = gn(e, Math.max(l, 0));
+  n.length === 1 && (c = c.filter((d) => d !== t));
+  const u = c.find(
+    (d) => d.textValue.toLowerCase().startsWith(n.toLowerCase())
+  );
+  return u !== t ? u : void 0;
+}
+function gn(e, r) {
+  return e.map((t, s) => e[(r + s) % e.length]);
+}
+var bn = Zt, wn = Qt, yn = tr, Sn = rr, Cn = or, In = nr, Rn = cr, kn = pr, En = fr, jn = hr, Nn = vr, _n = xr;
+const Ta = ({ disabled: e = !1, handleDelete: r, ...t }) => /* @__PURE__ */ o.jsx(
+  et,
+  {
+    disabled: e,
+    icon: /* @__PURE__ */ o.jsx(xo, {}),
+    onClick: r,
+    variant: "outline",
+    ...t,
+    className: "border-destructive text-destructive hover:bg-destructive hover:text-white",
+    children: "Delete"
+  }
+), dt = {
+  default: { label: "Submit", submittingLabel: "Submitting", icon: /* @__PURE__ */ o.jsx($e, {}) },
+  submit: { label: "Submit", submittingLabel: "Submitting", icon: /* @__PURE__ */ o.jsx($e, {}) },
+  save: { label: "Save", submittingLabel: "Saving", icon: /* @__PURE__ */ o.jsx(po, {}) },
+  send: { label: "Send", submittingLabel: "Sending", icon: /* @__PURE__ */ o.jsx($e, {}) }
+}, Pa = ({
+  submitting: e = !1,
+  disabled: r = !1,
+  submittingIcon: t,
+  action: s = "default",
+  noIcon: n = !1,
+  ...l
+}) => {
+  const c = t || io;
+  if (!dt[s])
+    throw new Error(`Invalid action: ${s}`);
+  const { label: i, submittingLabel: u, icon: d } = dt[s], p = e ? /* @__PURE__ */ o.jsx(c, { className: "animate-spin" }) : d;
+  return /* @__PURE__ */ o.jsx(
+    et,
+    {
+      disabled: r || e,
+      icon: n ? void 0 : p,
+      type: "submit",
+      variant: "primary",
+      ...l,
+      children: e ? u : i
+    }
+  );
+};
+function Tn({ className: e, ...r }) {
+  return /* @__PURE__ */ o.jsx(
+    kt,
+    {
+      className: $(
+        "peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-none transition-shadow 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 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40",
+        e
+      ),
+      "data-slot": "checkbox",
+      ...r,
+      children: /* @__PURE__ */ o.jsx(
+        jt,
+        {
+          className: "flex items-center justify-center text-current transition-none",
+          "data-slot": "checkbox-indicator",
+          children: /* @__PURE__ */ o.jsx(rt, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+const Ma = ({ label: e, name: r, value: t, checked: s, onCheckedChange: n }) => {
+  const [l, c] = tt(s);
+  Ar(() => {
+    c(s);
+  }, [s]);
+  let i = r;
+  const u = t || r;
+  t && (i += `[${t}]`);
+  const d = (p) => {
+    c(p), n?.(p);
+  };
+  return /* @__PURE__ */ o.jsxs(oe, { align: "center", gap: "2", children: [
+    /* @__PURE__ */ o.jsx(
+      Tn,
+      {
+        checked: l,
+        id: i,
+        name: r,
+        onCheckedChange: d,
+        value: u
+      }
+    ),
+    /* @__PURE__ */ o.jsx(we, { className: "cursor-pointer", htmlFor: i, children: e })
+  ] });
+}, Aa = ({ name: e, label: r, placeholder: t, note: s, className: n, ...l }) => /* @__PURE__ */ o.jsx(
+  Cr,
+  {
+    className: $("max-w-[150px]", n),
+    label: r,
+    name: e,
+    note: s,
+    placeholder: t,
+    type: "date",
+    ...l
+  }
+), Da = ({ onDateSelection: e, initialValue: r, className: t, size: s = "default", error: n }) => {
+  const [l, c] = tt(r), i = (u) => {
+    c(u), u && e(u);
+  };
+  return /* @__PURE__ */ o.jsxs(oe, { direction: "col", gap: "2", children: [
+    /* @__PURE__ */ o.jsxs(gt, { children: [
+      /* @__PURE__ */ o.jsx(bt, { asChild: !0, children: /* @__PURE__ */ o.jsxs(
+        et,
+        {
+          className: $("w-[280px] justify-start text-left font-normal", !l && "text-muted-foreground", t),
+          size: s,
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ o.jsx(Qr, { className: "mr-2 h-4 w-4" }),
+            l ? l.toISOString().split("T")[0] : /* @__PURE__ */ o.jsx("span", { children: "Select a date" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ o.jsx(wt, { className: "w-auto p-0", children: /* @__PURE__ */ o.jsx(Pr, { autoFocus: !0, mode: "single", onSelect: i, selected: l }) })
+    ] }),
+    n && /* @__PURE__ */ o.jsx(Ee, { message: n })
+  ] });
+}, Ee = ({ message: e }) => /* @__PURE__ */ o.jsx(_e, { size: "xs", variant: "destructive", children: e }), Pn = ({ label: e, labelFor: r, className: t = "", labelClassName: s = "", children: n }) => /* @__PURE__ */ o.jsxs(oe, { direction: "col", gap: "2", children: [
+  e && /* @__PURE__ */ o.jsx(we, { className: s, htmlFor: r, children: e }),
+  /* @__PURE__ */ o.jsx(oe, { className: `rounded-md border border-input bg-card p-2 shadow-xs ${t}`, gapY: "1", children: n })
+] });
+function Mn({ className: e, ...r }) {
+  return /* @__PURE__ */ o.jsx(
+    Oo,
+    {
+      className: $(
+        "flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
+        e
+      ),
+      "data-slot": "label",
+      ...r
+    }
+  );
+}
+const we = ({ htmlFor: e, value: r, children: t, className: s = "", ...n }) => /* @__PURE__ */ o.jsx(
+  Mn,
+  {
+    className: $("font-display font-normal text-base text-foreground", s),
+    htmlFor: e,
+    ...n,
+    children: r || t
+  }
+);
+function An({ className: e, type: r, ...t }) {
+  return /* @__PURE__ */ o.jsx(
+    "input",
+    {
+      className: $(
+        "flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base 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 md:text-sm 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",
+        e
+      ),
+      "data-slot": "input",
+      type: r,
+      ...t
+    }
+  );
+}
+const Cr = ({
+  name: e,
+  type: r = "text",
+  placeholder: t,
+  label: s,
+  labelOrientation: n = "top",
+  note: l,
+  className: c,
+  error: i,
+  ...u
+}) => /* @__PURE__ */ o.jsxs(oe, { className: "w-full", direction: n === "left" ? "row" : "col", gap: "2", children: [
+  s && /* @__PURE__ */ o.jsx(we, { className: n === "left" ? "text-nowrap" : "", htmlFor: e, children: s }),
+  /* @__PURE__ */ o.jsx(
+    An,
+    {
+      "aria-label": s || e,
+      className: c,
+      id: e,
+      name: e,
+      placeholder: t,
+      type: r,
+      ...u
+    }
+  ),
+  l && /* @__PURE__ */ o.jsx(_e, { size: "sm", variant: "muted", children: l }),
+  i && /* @__PURE__ */ o.jsx(Ee, { message: i })
+] }), Oa = ({
+  name: e,
+  label: r,
+  placeholder: t,
+  note: s,
+  // Default to two decimal places for currency and general decimal values
+  step: n = ".01",
+  className: l,
+  ...c
+}) => /* @__PURE__ */ o.jsx(
+  Cr,
+  {
+    className: l,
+    label: r,
+    name: e,
+    note: s,
+    placeholder: t,
+    step: n,
+    type: "number",
+    ...c
+  }
+);
+function Dn({ className: e, ...r }) {
+  return /* @__PURE__ */ o.jsx(zo, { className: $("grid gap-3", e), "data-slot": "radio-group", ...r });
+}
+function On({ className: e, ...r }) {
+  return /* @__PURE__ */ o.jsx(
+    Wo,
+    {
+      className: $(
+        "aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs outline-none transition-[color,box-shadow] 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 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        e
+      ),
+      "data-slot": "radio-group-item",
+      ...r,
+      children: /* @__PURE__ */ o.jsx(
+        qo,
+        {
+          className: "relative flex items-center justify-center",
+          "data-slot": "radio-group-indicator",
+          children: /* @__PURE__ */ o.jsx(lo, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" })
+        }
+      )
+    }
+  );
+}
+const Fa = ({ label: e, name: r, options: t, value: s, onChange: n, error: l }) => /* @__PURE__ */ o.jsxs(Pn, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: r, children: [
+  /* @__PURE__ */ o.jsx(Dn, { className: "w-full", name: r, onValueChange: n, value: s, children: /* @__PURE__ */ o.jsx(Or, { cols: "2", children: t.map((c, i) => /* @__PURE__ */ o.jsxs(oe, { align: "center", gap: "2", justify: "start", children: [
+    /* @__PURE__ */ o.jsx(On, { id: c.value, value: c.value }),
+    /* @__PURE__ */ o.jsx(we, { htmlFor: c.value, children: c.label })
+  ] }, i)) }) }),
+  l && /* @__PURE__ */ o.jsx(Ee, { message: l })
+] });
+function Fn({ ...e }) {
+  return /* @__PURE__ */ o.jsx(bn, { "data-slot": "select", ...e });
+}
+function Ln({ ...e }) {
+  return /* @__PURE__ */ o.jsx(yn, { "data-slot": "select-value", ...e });
+}
+function Bn({
+  className: e,
+  size: r = "default",
+  children: t,
+  ...s
+}) {
+  return /* @__PURE__ */ o.jsxs(
+    wn,
+    {
+      className: $(
+        "flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] 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 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-size": r,
+      "data-slot": "select-trigger",
+      ...s,
+      children: [
+        t,
+        /* @__PURE__ */ o.jsx(Sn, { asChild: !0, children: /* @__PURE__ */ o.jsx(St, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function $n({
+  className: e,
+  children: r,
+  position: t = "popper",
+  ...s
+}) {
+  return /* @__PURE__ */ o.jsx(Cn, { children: /* @__PURE__ */ o.jsxs(
+    In,
+    {
+      className: $(
+        "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-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
+        t === "popper" && "data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1",
+        e
+      ),
+      "data-slot": "select-content",
+      position: t,
+      ...s,
+      children: [
+        /* @__PURE__ */ o.jsx(Gn, {}),
+        /* @__PURE__ */ o.jsx(
+          Rn,
+          {
+            className: $(
+              "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__ */ o.jsx(Hn, {})
+      ]
+    }
+  ) });
+}
+function Vn({ className: e, children: r, ...t }) {
+  return /* @__PURE__ */ o.jsxs(
+    kn,
+    {
+      className: $(
+        "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        e
+      ),
+      "data-slot": "select-item",
+      ...t,
+      children: [
+        /* @__PURE__ */ o.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o.jsx(jn, { children: /* @__PURE__ */ o.jsx(rt, { className: "size-4" }) }) }),
+        /* @__PURE__ */ o.jsx(En, { children: r })
+      ]
+    }
+  );
+}
+function Gn({ className: e, ...r }) {
+  return /* @__PURE__ */ o.jsx(
+    Nn,
+    {
+      className: $("flex cursor-default items-center justify-center py-1", e),
+      "data-slot": "select-scroll-up-button",
+      ...r,
+      children: /* @__PURE__ */ o.jsx(oo, { className: "size-4" })
+    }
+  );
+}
+function Hn({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ o.jsx(
+    _n,
+    {
+      className: $("flex cursor-default items-center justify-center py-1", e),
+      "data-slot": "select-scroll-down-button",
+      ...r,
+      children: /* @__PURE__ */ o.jsx(St, { className: "size-4" })
+    }
+  );
+}
+const La = ({
+  name: e,
+  defaultValue: r,
+  options: t,
+  label: s,
+  placeholder: n,
+  note: l,
+  className: c,
+  value: i,
+  onValueChange: u,
+  error: d,
+  ...p
+}) => /* @__PURE__ */ o.jsxs(oe, { className: "w-full", direction: "col", gap: "2", children: [
+  s && /* @__PURE__ */ o.jsx(we, { htmlFor: e, children: s }),
+  /* @__PURE__ */ o.jsxs(
+    Fn,
+    {
+      defaultValue: r,
+      name: e,
+      onValueChange: u,
+      value: i,
+      ...p,
+      children: [
+        /* @__PURE__ */ o.jsx(Bn, { className: $("min-w-[180px]", c), "data-testid": `select-input-${e}`, children: /* @__PURE__ */ o.jsx(Ln, { placeholder: n }) }),
+        /* @__PURE__ */ o.jsx($n, { children: t.map(({ value: v, label: y }) => /* @__PURE__ */ o.jsx(Vn, { value: v, children: y }, `option-${v}`)) })
+      ]
+    }
+  ),
+  l && /* @__PURE__ */ o.jsx(_e, { size: "sm", variant: "muted", children: l }),
+  d && /* @__PURE__ */ o.jsx(Ee, { message: d })
+] });
+var ut = 1, Kn = 0.9, Un = 0.8, zn = 0.17, Ge = 0.1, He = 0.999, Wn = 0.9999, qn = 0.99, Yn = /[\\\/_+.#"@\[\(\{&]/, Xn = /[\\\/_+.#"@\[\(\{&]/g, Zn = /[\s-]/, Ir = /[\s-]/g;
+function Je(e, r, t, s, n, l, c) {
+  if (l === r.length) return n === e.length ? ut : qn;
+  var i = `${n},${l}`;
+  if (c[i] !== void 0) return c[i];
+  for (var u = s.charAt(l), d = t.indexOf(u, n), p = 0, v, y, b, S; d >= 0; ) v = Je(e, r, t, s, d + 1, l + 1, c), v > p && (d === n ? v *= ut : Yn.test(e.charAt(d - 1)) ? (v *= Un, b = e.slice(n, d - 1).match(Xn), b && n > 0 && (v *= Math.pow(He, b.length))) : Zn.test(e.charAt(d - 1)) ? (v *= Kn, S = e.slice(n, d - 1).match(Ir), S && n > 0 && (v *= Math.pow(He, S.length))) : (v *= zn, n > 0 && (v *= Math.pow(He, d - n))), e.charAt(d) !== r.charAt(l) && (v *= Wn)), (v < Ge && t.charAt(d - 1) === s.charAt(l + 1) || s.charAt(l + 1) === s.charAt(l) && t.charAt(d - 1) !== s.charAt(l)) && (y = Je(e, r, t, s, d + 1, l + 2, c), y * Ge > v && (v = y * Ge)), v > p && (p = v), d = t.indexOf(u, d + 1);
+  return c[i] = p, p;
+}
+function pt(e) {
+  return e.toLowerCase().replace(Ir, " ");
+}
+function Jn(e, r, t) {
+  return e = t && t.length > 0 ? `${e + " " + t.join(" ")}` : e, Je(e, r, pt(e), pt(r), 0, 0, {});
+}
+var Se = '[cmdk-group=""]', Ke = '[cmdk-group-items=""]', Qn = '[cmdk-group-heading=""]', Rr = '[cmdk-item=""]', ft = `${Rr}:not([aria-disabled="true"])`, Qe = "cmdk-item-select", ve = "data-value", ea = (e, r, t) => Jn(e, r, t), kr = a.createContext(void 0), je = () => a.useContext(kr), Er = a.createContext(void 0), ct = () => a.useContext(Er), jr = a.createContext(void 0), Nr = a.forwardRef((e, r) => {
+  let t = xe(() => {
+    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 = xe(() => /* @__PURE__ */ new Set()), n = xe(() => /* @__PURE__ */ new Map()), l = xe(() => /* @__PURE__ */ new Map()), c = xe(() => /* @__PURE__ */ new Set()), i = _r(e), { label: u, children: d, value: p, onValueChange: v, filter: y, shouldFilter: b, loop: S, disablePointerSelection: h = !1, vimBindings: m = !0, ...w } = e, x = te(), C = te(), N = te(), M = a.useRef(null), j = ua();
+  me(() => {
+    if (p !== void 0) {
+      let f = p.trim();
+      t.current.value = f, E.emit();
+    }
+  }, [p]), me(() => {
+    j(6, X);
+  }, []);
+  let E = a.useMemo(() => ({ subscribe: (f) => (c.current.add(f), () => c.current.delete(f)), snapshot: () => t.current, setState: (f, R, k) => {
+    var I, _, g, T;
+    if (!Object.is(t.current[f], R)) {
+      if (t.current[f] = R, f === "search") z(), W(), j(1, H);
+      else if (f === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let A = document.getElementById(N);
+          A ? A.focus() : (I = document.getElementById(x)) == null || I.focus();
+        }
+        if (j(7, () => {
+          var A;
+          t.current.selectedItemId = (A = K()) == null ? void 0 : A.id, E.emit();
+        }), k || j(5, X), ((_ = i.current) == null ? void 0 : _.value) !== void 0) {
+          let A = R ?? "";
+          (T = (g = i.current).onValueChange) == null || T.call(g, A);
+          return;
+        }
+      }
+      E.emit();
+    }
+  }, emit: () => {
+    c.current.forEach((f) => f());
+  } }), []), D = a.useMemo(() => ({ value: (f, R, k) => {
+    var I;
+    R !== ((I = l.current.get(f)) == null ? void 0 : I.value) && (l.current.set(f, { value: R, keywords: k }), t.current.filtered.items.set(f, Y(R, k)), j(2, () => {
+      W(), E.emit();
+    }));
+  }, item: (f, R) => (s.current.add(f), R && (n.current.has(R) ? n.current.get(R).add(f) : n.current.set(R, /* @__PURE__ */ new Set([f]))), j(3, () => {
+    z(), W(), t.current.value || H(), E.emit();
+  }), () => {
+    l.current.delete(f), s.current.delete(f), t.current.filtered.items.delete(f);
+    let k = K();
+    j(4, () => {
+      z(), k?.getAttribute("id") === f && H(), E.emit();
+    });
+  }), group: (f) => (n.current.has(f) || n.current.set(f, /* @__PURE__ */ new Set()), () => {
+    l.current.delete(f), n.current.delete(f);
+  }), filter: () => i.current.shouldFilter, label: u || e["aria-label"], getDisablePointerSelection: () => i.current.disablePointerSelection, listId: x, inputId: N, labelId: C, listInnerRef: M }), []);
+  function Y(f, R) {
+    var k, I;
+    let _ = (I = (k = i.current) == null ? void 0 : k.filter) != null ? I : ea;
+    return f ? _(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((I) => {
+      let _ = n.current.get(I), g = 0;
+      _.forEach((T) => {
+        let A = f.get(T);
+        g = Math.max(A, g);
+      }), R.push([I, g]);
+    });
+    let k = M.current;
+    U().sort((I, _) => {
+      var g, T;
+      let A = I.getAttribute("id"), O = _.getAttribute("id");
+      return ((g = f.get(O)) != null ? g : 0) - ((T = f.get(A)) != null ? T : 0);
+    }).forEach((I) => {
+      let _ = I.closest(Ke);
+      _ ? _.appendChild(I.parentElement === _ ? I : I.closest(`${Ke} > *`)) : k.appendChild(I.parentElement === k ? I : I.closest(`${Ke} > *`));
+    }), R.sort((I, _) => _[1] - I[1]).forEach((I) => {
+      var _;
+      let g = (_ = M.current) == null ? void 0 : _.querySelector(`${Se}[${ve}="${encodeURIComponent(I[0])}"]`);
+      g?.parentElement.appendChild(g);
+    });
+  }
+  function H() {
+    let f = U().find((k) => k.getAttribute("aria-disabled") !== "true"), R = f?.getAttribute(ve);
+    E.setState("value", R || void 0);
+  }
+  function z() {
+    var f, R, k, I;
+    if (!t.current.search || i.current.shouldFilter === !1) {
+      t.current.filtered.count = s.current.size;
+      return;
+    }
+    t.current.filtered.groups = /* @__PURE__ */ new Set();
+    let _ = 0;
+    for (let g of s.current) {
+      let T = (R = (f = l.current.get(g)) == null ? void 0 : f.value) != null ? R : "", A = (I = (k = l.current.get(g)) == null ? void 0 : k.keywords) != null ? I : [], O = Y(T, A);
+      t.current.filtered.items.set(g, O), O > 0 && _++;
+    }
+    for (let [g, T] of n.current) for (let A of T) if (t.current.filtered.items.get(A) > 0) {
+      t.current.filtered.groups.add(g);
+      break;
+    }
+    t.current.filtered.count = _;
+  }
+  function X() {
+    var f, R, k;
+    let I = K();
+    I && (((f = I.parentElement) == null ? void 0 : f.firstChild) === I && ((k = (R = I.closest(Se)) == null ? void 0 : R.querySelector(Qn)) == null || k.scrollIntoView({ block: "nearest" })), I.scrollIntoView({ block: "nearest" }));
+  }
+  function K() {
+    var f;
+    return (f = M.current) == null ? void 0 : f.querySelector(`${Rr}[aria-selected="true"]`);
+  }
+  function U() {
+    var f;
+    return Array.from(((f = M.current) == null ? void 0 : f.querySelectorAll(ft)) || []);
+  }
+  function L(f) {
+    let R = U()[f];
+    R && E.setState("value", R.getAttribute(ve));
+  }
+  function q(f) {
+    var R;
+    let k = K(), I = U(), _ = I.findIndex((T) => T === k), g = I[_ + f];
+    (R = i.current) != null && R.loop && (g = _ + f < 0 ? I[I.length - 1] : _ + f === I.length ? I[0] : I[_ + f]), g && E.setState("value", g.getAttribute(ve));
+  }
+  function Z(f) {
+    let R = K(), k = R?.closest(Se), I;
+    for (; k && !I; ) k = f > 0 ? ia(k, Se) : da(k, Se), I = k?.querySelector(ft);
+    I ? E.setState("value", I.getAttribute(ve)) : q(f);
+  }
+  let J = () => L(U().length - 1), he = (f) => {
+    f.preventDefault(), f.metaKey ? J() : f.altKey ? Z(1) : q(1);
+  }, ce = (f) => {
+    f.preventDefault(), f.metaKey ? L(0) : f.altKey ? Z(-1) : q(-1);
+  };
+  return a.createElement(P.div, { ref: r, tabIndex: -1, ...w, "cmdk-root": "", onKeyDown: (f) => {
+    var R;
+    (R = w.onKeyDown) == null || R.call(w, f);
+    let k = f.nativeEvent.isComposing || f.keyCode === 229;
+    if (!(f.defaultPrevented || k)) switch (f.key) {
+      case "n":
+      case "j": {
+        m && f.ctrlKey && he(f);
+        break;
+      }
+      case "ArrowDown": {
+        he(f);
+        break;
+      }
+      case "p":
+      case "k": {
+        m && f.ctrlKey && ce(f);
+        break;
+      }
+      case "ArrowUp": {
+        ce(f);
+        break;
+      }
+      case "Home": {
+        f.preventDefault(), L(0);
+        break;
+      }
+      case "End": {
+        f.preventDefault(), J();
+        break;
+      }
+      case "Enter": {
+        f.preventDefault();
+        let I = K();
+        if (I) {
+          let _ = new Event(Qe);
+          I.dispatchEvent(_);
+        }
+      }
+    }
+  } }, a.createElement("label", { "cmdk-label": "", htmlFor: D.inputId, id: D.labelId, style: fa }, u), Oe(e, (f) => a.createElement(Er.Provider, { value: E }, a.createElement(kr.Provider, { value: D }, f))));
+}), ta = a.forwardRef((e, r) => {
+  var t, s;
+  let n = te(), l = a.useRef(null), c = a.useContext(jr), i = je(), u = _r(e), d = (s = (t = u.current) == null ? void 0 : t.forceMount) != null ? s : c?.forceMount;
+  me(() => {
+    if (!d) return i.item(n, c?.id);
+  }, [d]);
+  let p = Tr(n, l, [e.value, e.children, l], e.keywords), v = ct(), y = ae((j) => j.value && j.value === p.current), b = ae((j) => d || i.filter() === !1 ? !0 : j.search ? j.filtered.items.get(n) > 0 : !0);
+  a.useEffect(() => {
+    let j = l.current;
+    if (!(!j || e.disabled)) return j.addEventListener(Qe, S), () => j.removeEventListener(Qe, S);
+  }, [b, e.onSelect, e.disabled]);
+  function S() {
+    var j, E;
+    h(), (E = (j = u.current).onSelect) == null || E.call(j, p.current);
+  }
+  function h() {
+    v.setState("value", p.current, !0);
+  }
+  if (!b) return null;
+  let { disabled: m, value: w, onSelect: x, forceMount: C, keywords: N, ...M } = e;
+  return a.createElement(P.div, { ref: Ie(l, r), ...M, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!m, "aria-selected": !!y, "data-disabled": !!m, "data-selected": !!y, onPointerMove: m || i.getDisablePointerSelection() ? void 0 : h, onClick: m ? void 0 : S }, e.children);
+}), ra = a.forwardRef((e, r) => {
+  let { heading: t, children: s, forceMount: n, ...l } = e, c = te(), i = a.useRef(null), u = a.useRef(null), d = te(), p = je(), v = ae((b) => n || p.filter() === !1 ? !0 : b.search ? b.filtered.groups.has(c) : !0);
+  me(() => p.group(c), []), Tr(c, i, [e.value, e.heading, u]);
+  let y = a.useMemo(() => ({ id: c, forceMount: n }), [n]);
+  return a.createElement(P.div, { ref: Ie(i, r), ...l, "cmdk-group": "", role: "presentation", hidden: v ? void 0 : !0 }, t && a.createElement("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: d }, t), Oe(e, (b) => a.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? d : void 0 }, a.createElement(jr.Provider, { value: y }, b))));
+}), oa = a.forwardRef((e, r) => {
+  let { alwaysRender: t, ...s } = e, n = a.useRef(null), l = ae((c) => !c.search);
+  return !t && !l ? null : a.createElement(P.div, { ref: Ie(n, r), ...s, "cmdk-separator": "", role: "separator" });
+}), na = a.forwardRef((e, r) => {
+  let { onValueChange: t, ...s } = e, n = e.value != null, l = ct(), c = ae((d) => d.search), i = ae((d) => d.selectedItemId), u = je();
+  return a.useEffect(() => {
+    e.value != null && l.setState("search", e.value);
+  }, [e.value]), a.createElement(P.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: n ? e.value : c, onChange: (d) => {
+    n || l.setState("search", d.target.value), t?.(d.target.value);
+  } });
+}), aa = a.forwardRef((e, r) => {
+  let { children: t, label: s = "Suggestions", ...n } = e, l = a.useRef(null), c = a.useRef(null), i = ae((d) => d.selectedItemId), u = je();
+  return a.useEffect(() => {
+    if (c.current && l.current) {
+      let d = c.current, p = l.current, v, y = new ResizeObserver(() => {
+        v = requestAnimationFrame(() => {
+          let b = d.offsetHeight;
+          p.style.setProperty("--cmdk-list-height", b.toFixed(1) + "px");
+        });
+      });
+      return y.observe(d), () => {
+        cancelAnimationFrame(v), y.unobserve(d);
+      };
+    }
+  }, []), a.createElement(P.div, { ref: Ie(l, r), ...n, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": i, "aria-label": s, id: u.listId }, Oe(e, (d) => a.createElement("div", { ref: Ie(c, u.listInnerRef), "cmdk-list-sizer": "" }, d)));
+}), sa = a.forwardRef((e, r) => {
+  let { open: t, onOpenChange: s, overlayClassName: n, contentClassName: l, container: c, ...i } = e;
+  return a.createElement(qr, { open: t, onOpenChange: s }, a.createElement(Yr, { container: c }, a.createElement(Xr, { "cmdk-overlay": "", className: n }), a.createElement(Zr, { "aria-label": e.label, "cmdk-dialog": "", className: l }, a.createElement(Nr, { ref: r, ...i }))));
+}), la = a.forwardRef((e, r) => ae((t) => t.filtered.count === 0) ? a.createElement(P.div, { ref: r, ...e, "cmdk-empty": "", role: "presentation" }) : null), ca = a.forwardRef((e, r) => {
+  let { progress: t, children: s, label: n = "Loading...", ...l } = e;
+  return a.createElement(P.div, { ref: r, ...l, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": n }, Oe(e, (c) => a.createElement("div", { "aria-hidden": !0 }, c)));
+}), ye = Object.assign(Nr, { List: aa, Item: ta, Input: na, Group: ra, Separator: oa, 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 _r(e) {
+  let r = a.useRef(e);
+  return me(() => {
+    r.current = e;
+  }), r;
+}
+var me = typeof window > "u" ? a.useEffect : a.useLayoutEffect;
+function xe(e) {
+  let r = a.useRef();
+  return r.current === void 0 && (r.current = e()), r;
+}
+function ae(e) {
+  let r = ct(), t = () => e(r.snapshot());
+  return a.useSyncExternalStore(r.subscribe, t, t);
+}
+function Tr(e, r, t, s = []) {
+  let n = a.useRef(), l = je();
+  return me(() => {
+    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() : n.current;
+      }
+    })(), u = s.map((d) => d.trim());
+    l.value(e, i, u), (c = r.current) == null || c.setAttribute(ve, i), n.current = i;
+  }), n;
+}
+var ua = () => {
+  let [e, r] = a.useState(), t = xe(() => /* @__PURE__ */ new Map());
+  return me(() => {
+    t.current.forEach((s) => s()), t.current = /* @__PURE__ */ new Map();
+  }, [e]), (s, n) => {
+    t.current.set(s, n), r({});
+  };
+};
+function pa(e) {
+  let r = e.type;
+  return typeof r == "function" ? r(e.props) : "render" in r ? r.render(e.props) : e;
+}
+function Oe({ 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__ */ o.jsx(
+    ye,
+    {
+      className: $(
+        "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__ */ o.jsxs("div", { className: "flex h-9 items-center gap-2 border-b px-3", "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ o.jsx(mo, { className: "size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ o.jsx(
+      ye.Input,
+      {
+        className: $(
+          "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__ */ o.jsx(
+    ye.List,
+    {
+      className: $("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", e),
+      "data-slot": "command-list",
+      ...r
+    }
+  );
+}
+function xa({ ...e }) {
+  return /* @__PURE__ */ o.jsx(ye.Empty, { className: "py-6 text-center text-sm", "data-slot": "command-empty", ...e });
+}
+function ga({ className: e, ...r }) {
+  return /* @__PURE__ */ o.jsx(
+    ye.Group,
+    {
+      className: $(
+        "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__ */ o.jsx(
+    ye.Item,
+    {
+      className: $(
+        "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: n = (l) => l.label
+}) => /* @__PURE__ */ o.jsx(bt, { asChild: !0, children: /* @__PURE__ */ o.jsxs(Mr, { "aria-expanded": s, className: `justify-between ${t}`, role: "combobox", variant: "outline", children: [
+  n(r || { label: e, value: "" }),
+  /* @__PURE__ */ o.jsx(ao, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+] }) }), Ba = ({
+  options: e,
+  value: r = "",
+  placeholder: t = "Select a value...",
+  className: s = "",
+  onSelect: n = () => {
+  },
+  renderSelected: l = (c) => c.label
+}) => {
+  const [c, i] = tt(!1), u = Dr(() => e.find((d) => d.value === r), [e, r]);
+  return /* @__PURE__ */ o.jsxs(gt, { onOpenChange: i, open: c, children: [
+    /* @__PURE__ */ o.jsx(
+      wa,
+      {
+        className: `w-full ${s}`,
+        open: c,
+        placeholder: t,
+        renderSelected: l,
+        selected: u
+      }
+    ),
+    /* @__PURE__ */ o.jsx(wt, { className: "w-full p-0", children: /* @__PURE__ */ o.jsxs(ma, { value: r, children: [
+      /* @__PURE__ */ o.jsx(ha, { "aria-label": "Search options", className: "h-9", placeholder: "Search" }),
+      /* @__PURE__ */ o.jsxs(va, { children: [
+        /* @__PURE__ */ o.jsx(xa, { children: "No results found" }),
+        /* @__PURE__ */ o.jsx(ga, { children: e.map((d) => /* @__PURE__ */ o.jsxs(
+          ba,
+          {
+            onSelect: () => {
+              i(!1), n(d.value);
+            },
+            value: d.value,
+            children: [
+              d.icon ? /* @__PURE__ */ o.jsx("span", { className: "mr-2", children: d.icon }) : "",
+              d.label,
+              /* @__PURE__ */ o.jsx(rt, { className: $("ml-auto", d.value === r ? "opacity-100" : "opacity-0") })
+            ]
+          },
+          d.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+};
+function ya({ className: e, ...r }) {
+  return /* @__PURE__ */ o.jsx(
+    "textarea",
+    {
+      className: $(
+        "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 $a({ label: e, name: r, note: t, placeholder: s, className: n, error: l, ...c }) {
+  return /* @__PURE__ */ o.jsxs(oe, { className: "w-full", direction: "col", gap: "2", children: [
+    e && /* @__PURE__ */ o.jsx(we, { htmlFor: r, children: e }),
+    /* @__PURE__ */ o.jsx(
+      ya,
+      {
+        "aria-label": e || r,
+        className: n,
+        id: r,
+        name: r,
+        placeholder: s,
+        ...c
+      }
+    ),
+    t && /* @__PURE__ */ o.jsx(_e, { size: "sm", variant: "muted", children: t }),
+    l && /* @__PURE__ */ o.jsx(Ee, { message: l })
+  ] });
+}
+export {
+  Ma as C,
+  Ta as D,
+  Ee as I,
+  we as L,
+  Oa as N,
+  Fa as R,
+  Pa as S,
+  $a as T,
+  Aa as a,
+  Da as b,
+  Pn as c,
+  La as d,
+  Ba as e,
+  Cr as f,
+  Ct as g,
+  Mt as h,
+  Mo as i,
+  Ao as j,
+  St as k,
+  ot as u
+};