@still-forest/canopy 0.29.0 → 0.30.0

package/dist/chunks/Textarea-Doc1h--A.js

@@ -0,0 +1,2815 @@
+import { j as i } from "./jsx-runtime-B0GD0xBr.js";
+import { c as re, u as V, f as kt, B as ct, i as fr, j as Ne, h as pr } from "./calendar-D21xByT8.js";
+import * as s from "react";
+import { useState as lt, useEffect as mr, useMemo as vr } from "react";
+import { F as ae, G as hr } from "./Layout-DAdzkAxW.js";
+import { T as Ae } from "./Heading-Bpvbpnw2.js";
+import { c as $ } from "./index-CRiPKpXj.js";
+import { c as we, d as jt, P as k, a as ye, e as F, t as Pt, g as _t, b as Z, u as dt, v as Me, l as Tt, m as gr, A as xr, f as ne, h as Dt, V as br, i as At, j as yr, R as Mt, F as Ot, D as wr, C as Cr, n as Sr, q as Ft, r as Lt, s as Bt, p as $t, w as Er, x as Ir, k as Rr } from "./popover-BhBG-w7n.js";
+import * as Vt from "react-dom";
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Nr = [
+  ["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" }]
+], kr = re("calendar", Nr);
+/**
+ * @license lucide-react v0.543.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: "M20 6 9 17l-5-5", key: "1gmf2c" }]], ut = re("check", jr);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Pr = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], _r = re("chevron-up", Pr);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Tr = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+], Dr = re("chevrons-up-down", Tr);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ar = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], Mr = re("circle", Ar);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Or = [
+  ["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" }]
+], Fr = re("loader", Or);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Lr = [
+  [
+    "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" }]
+], Br = re("save", Lr);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $r = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], Vr = re("search", $r);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ur = [
+  [
+    "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" }]
+], Ke = re("send", Ur);
+/**
+ * @license lucide-react v0.543.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Gr = [
+  ["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" }]
+], Wr = re("trash-2", Gr);
+function ft(e) {
+  const t = s.useRef({ value: e, previous: e });
+  return s.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+var Oe = "Checkbox", [Hr, ja] = we(Oe), [zr, pt] = Hr(Oe);
+function Kr(e) {
+  const {
+    __scopeCheckbox: t,
+    checked: n,
+    children: o,
+    defaultChecked: r,
+    disabled: a,
+    form: c,
+    name: d,
+    onCheckedChange: u,
+    required: l,
+    value: f = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: m
+  } = e, [g, x] = ye({
+    prop: n,
+    defaultProp: r ?? !1,
+    onChange: u,
+    caller: Oe
+  }), [w, v] = s.useState(null), [h, S] = s.useState(null), y = s.useRef(!1), I = w ? !!c || !!w.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), A = {
+    checked: g,
+    disabled: a,
+    setChecked: x,
+    control: w,
+    setControl: v,
+    name: d,
+    form: c,
+    value: f,
+    hasConsumerStoppedPropagationRef: y,
+    required: l,
+    defaultChecked: oe(r) ? !1 : r,
+    isFormControl: I,
+    bubbleInput: h,
+    setBubbleInput: S
+  };
+  return /* @__PURE__ */ i.jsx(
+    zr,
+    {
+      scope: t,
+      ...A,
+      children: qr(m) ? m(A) : o
+    }
+  );
+}
+var Ut = "CheckboxTrigger", Gt = s.forwardRef(
+  ({ __scopeCheckbox: e, onKeyDown: t, onClick: n, ...o }, r) => {
+    const {
+      control: a,
+      value: c,
+      disabled: d,
+      checked: u,
+      required: l,
+      setControl: f,
+      setChecked: m,
+      hasConsumerStoppedPropagationRef: g,
+      isFormControl: x,
+      bubbleInput: w
+    } = pt(Ut, e), v = V(r, f), h = s.useRef(u);
+    return s.useEffect(() => {
+      const S = a?.form;
+      if (S) {
+        const y = () => m(h.current);
+        return S.addEventListener("reset", y), () => S.removeEventListener("reset", y);
+      }
+    }, [a, m]), /* @__PURE__ */ i.jsx(
+      k.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": oe(u) ? "mixed" : u,
+        "aria-required": l,
+        "data-state": Yt(u),
+        "data-disabled": d ? "" : void 0,
+        disabled: d,
+        value: c,
+        ...o,
+        ref: v,
+        onKeyDown: F(t, (S) => {
+          S.key === "Enter" && S.preventDefault();
+        }),
+        onClick: F(n, (S) => {
+          m((y) => oe(y) ? !0 : !y), w && x && (g.current = S.isPropagationStopped(), g.current || S.stopPropagation());
+        })
+      }
+    );
+  }
+);
+Gt.displayName = Ut;
+var Wt = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCheckbox: n,
+      name: o,
+      checked: r,
+      defaultChecked: a,
+      required: c,
+      disabled: d,
+      value: u,
+      onCheckedChange: l,
+      form: f,
+      ...m
+    } = e;
+    return /* @__PURE__ */ i.jsx(
+      Kr,
+      {
+        __scopeCheckbox: n,
+        checked: r,
+        defaultChecked: a,
+        disabled: d,
+        required: c,
+        onCheckedChange: l,
+        name: o,
+        form: f,
+        value: u,
+        internal_do_not_use_render: ({ isFormControl: g }) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+          /* @__PURE__ */ i.jsx(
+            Gt,
+            {
+              ...m,
+              ref: t,
+              __scopeCheckbox: n
+            }
+          ),
+          g && /* @__PURE__ */ i.jsx(
+            qt,
+            {
+              __scopeCheckbox: n
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Wt.displayName = Oe;
+var Ht = "CheckboxIndicator", zt = s.forwardRef(
+  (e, t) => {
+    const { __scopeCheckbox: n, forceMount: o, ...r } = e, a = pt(Ht, n);
+    return /* @__PURE__ */ i.jsx(
+      jt,
+      {
+        present: o || oe(a.checked) || a.checked === !0,
+        children: /* @__PURE__ */ i.jsx(
+          k.span,
+          {
+            "data-state": Yt(a.checked),
+            "data-disabled": a.disabled ? "" : void 0,
+            ...r,
+            ref: t,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+zt.displayName = Ht;
+var Kt = "CheckboxBubbleInput", qt = s.forwardRef(
+  ({ __scopeCheckbox: e, ...t }, n) => {
+    const {
+      control: o,
+      hasConsumerStoppedPropagationRef: r,
+      checked: a,
+      defaultChecked: c,
+      required: d,
+      disabled: u,
+      name: l,
+      value: f,
+      form: m,
+      bubbleInput: g,
+      setBubbleInput: x
+    } = pt(Kt, e), w = V(n, x), v = ft(a), h = Pt(o);
+    s.useEffect(() => {
+      const y = g;
+      if (!y) return;
+      const I = window.HTMLInputElement.prototype, M = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, j = !r.current;
+      if (v !== a && M) {
+        const E = new Event("click", { bubbles: j });
+        y.indeterminate = oe(a), M.call(y, oe(a) ? !1 : a), y.dispatchEvent(E);
+      }
+    }, [g, v, a, r]);
+    const S = s.useRef(oe(a) ? !1 : a);
+    return /* @__PURE__ */ i.jsx(
+      k.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: c ?? S.current,
+        required: d,
+        disabled: u,
+        name: l,
+        value: f,
+        form: m,
+        ...t,
+        tabIndex: -1,
+        ref: w,
+        style: {
+          ...t.style,
+          ...h,
+          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%)"
+        }
+      }
+    );
+  }
+);
+qt.displayName = Kt;
+function qr(e) {
+  return typeof e == "function";
+}
+function oe(e) {
+  return e === "indeterminate";
+}
+function Yt(e) {
+  return oe(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var qe = "rovingFocusGroup.onEntryFocus", Yr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Qe, Xt, Xr] = _t(ke), [Zr, Zt] = we(
+  ke,
+  [Xr]
+), [Jr, Qr] = Zr(ke), Jt = s.forwardRef(
+  (e, t) => /* @__PURE__ */ i.jsx(Qe.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i.jsx(Qe.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i.jsx(eo, { ...e, ref: t }) }) })
+);
+Jt.displayName = ke;
+var eo = s.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: n,
+    orientation: o,
+    loop: r = !1,
+    dir: a,
+    currentTabStopId: c,
+    defaultCurrentTabStopId: d,
+    onCurrentTabStopIdChange: u,
+    onEntryFocus: l,
+    preventScrollOnEntryFocus: f = !1,
+    ...m
+  } = e, g = s.useRef(null), x = V(t, g), w = dt(a), [v, h] = ye({
+    prop: c,
+    defaultProp: d ?? null,
+    onChange: u,
+    caller: ke
+  }), [S, y] = s.useState(!1), I = Me(l), A = Xt(n), M = s.useRef(!1), [j, E] = s.useState(0);
+  return s.useEffect(() => {
+    const P = g.current;
+    if (P)
+      return P.addEventListener(qe, I), () => P.removeEventListener(qe, I);
+  }, [I]), /* @__PURE__ */ i.jsx(
+    Jr,
+    {
+      scope: n,
+      orientation: o,
+      dir: w,
+      loop: r,
+      currentTabStopId: v,
+      onItemFocus: s.useCallback(
+        (P) => h(P),
+        [h]
+      ),
+      onItemShiftTab: s.useCallback(() => y(!0), []),
+      onFocusableItemAdd: s.useCallback(
+        () => E((P) => P + 1),
+        []
+      ),
+      onFocusableItemRemove: s.useCallback(
+        () => E((P) => P - 1),
+        []
+      ),
+      children: /* @__PURE__ */ i.jsx(
+        k.div,
+        {
+          tabIndex: S || j === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...m,
+          ref: x,
+          style: { outline: "none", ...e.style },
+          onMouseDown: F(e.onMouseDown, () => {
+            M.current = !0;
+          }),
+          onFocus: F(e.onFocus, (P) => {
+            const K = !M.current;
+            if (P.target === P.currentTarget && K && !S) {
+              const U = new CustomEvent(qe, Yr);
+              if (P.currentTarget.dispatchEvent(U), !U.defaultPrevented) {
+                const W = A().filter((L) => L.focusable), q = W.find((L) => L.active), X = W.find((L) => L.id === v), z = [q, X, ...W].filter(
+                  Boolean
+                ).map((L) => L.ref.current);
+                tn(z, f);
+              }
+            }
+            M.current = !1;
+          }),
+          onBlur: F(e.onBlur, () => y(!1))
+        }
+      )
+    }
+  );
+}), Qt = "RovingFocusGroupItem", en = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: n,
+      focusable: o = !0,
+      active: r = !1,
+      tabStopId: a,
+      children: c,
+      ...d
+    } = e, u = Z(), l = a || u, f = Qr(Qt, n), m = f.currentTabStopId === l, g = Xt(n), { onFocusableItemAdd: x, onFocusableItemRemove: w, currentTabStopId: v } = f;
+    return s.useEffect(() => {
+      if (o)
+        return x(), () => w();
+    }, [o, x, w]), /* @__PURE__ */ i.jsx(
+      Qe.ItemSlot,
+      {
+        scope: n,
+        id: l,
+        focusable: o,
+        active: r,
+        children: /* @__PURE__ */ i.jsx(
+          k.span,
+          {
+            tabIndex: m ? 0 : -1,
+            "data-orientation": f.orientation,
+            ...d,
+            ref: t,
+            onMouseDown: F(e.onMouseDown, (h) => {
+              o ? f.onItemFocus(l) : h.preventDefault();
+            }),
+            onFocus: F(e.onFocus, () => f.onItemFocus(l)),
+            onKeyDown: F(e.onKeyDown, (h) => {
+              if (h.key === "Tab" && h.shiftKey) {
+                f.onItemShiftTab();
+                return;
+              }
+              if (h.target !== h.currentTarget) return;
+              const S = ro(h, f.orientation, f.dir);
+              if (S !== void 0) {
+                if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
+                h.preventDefault();
+                let I = g().filter((A) => A.focusable).map((A) => A.ref.current);
+                if (S === "last") I.reverse();
+                else if (S === "prev" || S === "next") {
+                  S === "prev" && I.reverse();
+                  const A = I.indexOf(h.currentTarget);
+                  I = f.loop ? oo(I, A + 1) : I.slice(A + 1);
+                }
+                setTimeout(() => tn(I));
+              }
+            }),
+            children: typeof c == "function" ? c({ isCurrentTabStop: m, hasTabStop: v != null }) : c
+          }
+        )
+      }
+    );
+  }
+);
+en.displayName = Qt;
+var to = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function no(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function ro(e, t, n) {
+  const o = no(e.key, n);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return to[o];
+}
+function tn(e, t = !1) {
+  const n = document.activeElement;
+  for (const o of e)
+    if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n)) return;
+}
+function oo(e, t) {
+  return e.map((n, o) => e[(t + o) % e.length]);
+}
+var so = Jt, ao = en, io = "Label", nn = s.forwardRef((e, t) => /* @__PURE__ */ i.jsx(
+  k.label,
+  {
+    ...e,
+    ref: t,
+    onMouseDown: (n) => {
+      n.target.closest("button, input, select, textarea") || (e.onMouseDown?.(n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+    }
+  }
+));
+nn.displayName = io;
+var co = nn;
+function yt(e, [t, n]) {
+  return Math.min(n, Math.max(t, e));
+}
+var mt = "Radio", [lo, rn] = we(mt), [uo, fo] = lo(mt), on = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRadio: n,
+      name: o,
+      checked: r = !1,
+      required: a,
+      disabled: c,
+      value: d = "on",
+      onCheck: u,
+      form: l,
+      ...f
+    } = e, [m, g] = s.useState(null), x = V(t, (h) => g(h)), w = s.useRef(!1), v = m ? l || !!m.closest("form") : !0;
+    return /* @__PURE__ */ i.jsxs(uo, { scope: n, checked: r, disabled: c, children: [
+      /* @__PURE__ */ i.jsx(
+        k.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": r,
+          "data-state": ln(r),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: d,
+          ...f,
+          ref: x,
+          onClick: F(e.onClick, (h) => {
+            r || u?.(), v && (w.current = h.isPropagationStopped(), w.current || h.stopPropagation());
+          })
+        }
+      ),
+      v && /* @__PURE__ */ i.jsx(
+        cn,
+        {
+          control: m,
+          bubbles: !w.current,
+          name: o,
+          value: d,
+          checked: r,
+          required: a,
+          disabled: c,
+          form: l,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+on.displayName = mt;
+var sn = "RadioIndicator", an = s.forwardRef(
+  (e, t) => {
+    const { __scopeRadio: n, forceMount: o, ...r } = e, a = fo(sn, n);
+    return /* @__PURE__ */ i.jsx(jt, { present: o || a.checked, children: /* @__PURE__ */ i.jsx(
+      k.span,
+      {
+        "data-state": ln(a.checked),
+        "data-disabled": a.disabled ? "" : void 0,
+        ...r,
+        ref: t
+      }
+    ) });
+  }
+);
+an.displayName = sn;
+var po = "RadioBubbleInput", cn = s.forwardRef(
+  ({
+    __scopeRadio: e,
+    control: t,
+    checked: n,
+    bubbles: o = !0,
+    ...r
+  }, a) => {
+    const c = s.useRef(null), d = V(c, a), u = ft(n), l = Pt(t);
+    return s.useEffect(() => {
+      const f = c.current;
+      if (!f) return;
+      const m = window.HTMLInputElement.prototype, x = Object.getOwnPropertyDescriptor(
+        m,
+        "checked"
+      ).set;
+      if (u !== n && x) {
+        const w = new Event("click", { bubbles: o });
+        x.call(f, n), f.dispatchEvent(w);
+      }
+    }, [u, n, o]), /* @__PURE__ */ i.jsx(
+      k.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: n,
+        ...r,
+        tabIndex: -1,
+        ref: d,
+        style: {
+          ...r.style,
+          ...l,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+cn.displayName = po;
+function ln(e) {
+  return e ? "checked" : "unchecked";
+}
+var mo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Fe = "RadioGroup", [vo, Pa] = we(Fe, [
+  Zt,
+  rn
+]), dn = Zt(), un = rn(), [ho, go] = vo(Fe), fn = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRadioGroup: n,
+      name: o,
+      defaultValue: r,
+      value: a,
+      required: c = !1,
+      disabled: d = !1,
+      orientation: u,
+      dir: l,
+      loop: f = !0,
+      onValueChange: m,
+      ...g
+    } = e, x = dn(n), w = dt(l), [v, h] = ye({
+      prop: a,
+      defaultProp: r ?? null,
+      onChange: m,
+      caller: Fe
+    });
+    return /* @__PURE__ */ i.jsx(
+      ho,
+      {
+        scope: n,
+        name: o,
+        required: c,
+        disabled: d,
+        value: v,
+        onValueChange: h,
+        children: /* @__PURE__ */ i.jsx(
+          so,
+          {
+            asChild: !0,
+            ...x,
+            orientation: u,
+            dir: w,
+            loop: f,
+            children: /* @__PURE__ */ i.jsx(
+              k.div,
+              {
+                role: "radiogroup",
+                "aria-required": c,
+                "aria-orientation": u,
+                "data-disabled": d ? "" : void 0,
+                dir: w,
+                ...g,
+                ref: t
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+fn.displayName = Fe;
+var pn = "RadioGroupItem", mn = s.forwardRef(
+  (e, t) => {
+    const { __scopeRadioGroup: n, disabled: o, ...r } = e, a = go(pn, n), c = a.disabled || o, d = dn(n), u = un(n), l = s.useRef(null), f = V(t, l), m = a.value === r.value, g = s.useRef(!1);
+    return s.useEffect(() => {
+      const x = (v) => {
+        mo.includes(v.key) && (g.current = !0);
+      }, w = () => g.current = !1;
+      return document.addEventListener("keydown", x), document.addEventListener("keyup", w), () => {
+        document.removeEventListener("keydown", x), document.removeEventListener("keyup", w);
+      };
+    }, []), /* @__PURE__ */ i.jsx(
+      ao,
+      {
+        asChild: !0,
+        ...d,
+        focusable: !c,
+        active: m,
+        children: /* @__PURE__ */ i.jsx(
+          on,
+          {
+            disabled: c,
+            required: a.required,
+            checked: m,
+            ...u,
+            ...r,
+            name: a.name,
+            ref: f,
+            onCheck: () => a.onValueChange(r.value),
+            onKeyDown: F((x) => {
+              x.key === "Enter" && x.preventDefault();
+            }),
+            onFocus: F(r.onFocus, () => {
+              g.current && l.current?.click();
+            })
+          }
+        )
+      }
+    );
+  }
+);
+mn.displayName = pn;
+var xo = "RadioGroupIndicator", vn = s.forwardRef(
+  (e, t) => {
+    const { __scopeRadioGroup: n, ...o } = e, r = un(n);
+    return /* @__PURE__ */ i.jsx(an, { ...r, ...o, ref: t });
+  }
+);
+vn.displayName = xo;
+var bo = fn, yo = mn, wo = vn, Co = [" ", "Enter", "ArrowUp", "ArrowDown"], So = [" ", "Enter"], pe = "Select", [Le, Be, Eo] = _t(pe), [Ce, _a] = we(pe, [
+  Eo,
+  Tt
+]), $e = Tt(), [Io, ce] = Ce(pe), [Ro, No] = Ce(pe), hn = (e) => {
+  const {
+    __scopeSelect: t,
+    children: n,
+    open: o,
+    defaultOpen: r,
+    onOpenChange: a,
+    value: c,
+    defaultValue: d,
+    onValueChange: u,
+    dir: l,
+    name: f,
+    autoComplete: m,
+    disabled: g,
+    required: x,
+    form: w
+  } = e, v = $e(t), [h, S] = s.useState(null), [y, I] = s.useState(null), [A, M] = s.useState(!1), j = dt(l), [E, P] = ye({
+    prop: o,
+    defaultProp: r ?? !1,
+    onChange: a,
+    caller: pe
+  }), [K, U] = ye({
+    prop: c,
+    defaultProp: d,
+    onChange: u,
+    caller: pe
+  }), W = s.useRef(null), q = h ? w || !!h.closest("form") : !0, [X, H] = s.useState(/* @__PURE__ */ new Set()), z = Array.from(X).map((L) => L.props.value).join(";");
+  return /* @__PURE__ */ i.jsx(gr, { ...v, children: /* @__PURE__ */ i.jsxs(
+    Io,
+    {
+      required: x,
+      scope: t,
+      trigger: h,
+      onTriggerChange: S,
+      valueNode: y,
+      onValueNodeChange: I,
+      valueNodeHasChildren: A,
+      onValueNodeHasChildrenChange: M,
+      contentId: Z(),
+      value: K,
+      onValueChange: U,
+      open: E,
+      onOpenChange: P,
+      dir: j,
+      triggerPointerDownPosRef: W,
+      disabled: g,
+      children: [
+        /* @__PURE__ */ i.jsx(Le.Provider, { scope: t, children: /* @__PURE__ */ i.jsx(
+          Ro,
+          {
+            scope: e.__scopeSelect,
+            onNativeOptionAdd: s.useCallback((L) => {
+              H((Y) => new Set(Y).add(L));
+            }, []),
+            onNativeOptionRemove: s.useCallback((L) => {
+              H((Y) => {
+                const J = new Set(Y);
+                return J.delete(L), J;
+              });
+            }, []),
+            children: n
+          }
+        ) }),
+        q ? /* @__PURE__ */ i.jsxs(
+          Ln,
+          {
+            "aria-hidden": !0,
+            required: x,
+            tabIndex: -1,
+            name: f,
+            autoComplete: m,
+            value: K,
+            onChange: (L) => U(L.target.value),
+            disabled: g,
+            form: w,
+            children: [
+              K === void 0 ? /* @__PURE__ */ i.jsx("option", { value: "" }) : null,
+              Array.from(X)
+            ]
+          },
+          z
+        ) : null
+      ]
+    }
+  ) });
+};
+hn.displayName = pe;
+var gn = "SelectTrigger", xn = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, disabled: o = !1, ...r } = e, a = $e(n), c = ce(gn, n), d = c.disabled || o, u = V(t, c.onTriggerChange), l = Be(n), f = s.useRef("touch"), [m, g, x] = $n((v) => {
+      const h = l().filter((I) => !I.disabled), S = h.find((I) => I.value === c.value), y = Vn(h, v, S);
+      y !== void 0 && c.onValueChange(y.value);
+    }), w = (v) => {
+      d || (c.onOpenChange(!0), x()), v && (c.triggerPointerDownPosRef.current = {
+        x: Math.round(v.pageX),
+        y: Math.round(v.pageY)
+      });
+    };
+    return /* @__PURE__ */ i.jsx(xr, { asChild: !0, ...a, children: /* @__PURE__ */ i.jsx(
+      k.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: d,
+        "data-disabled": d ? "" : void 0,
+        "data-placeholder": Bn(c.value) ? "" : void 0,
+        ...r,
+        ref: u,
+        onClick: F(r.onClick, (v) => {
+          v.currentTarget.focus(), f.current !== "mouse" && w(v);
+        }),
+        onPointerDown: F(r.onPointerDown, (v) => {
+          f.current = v.pointerType;
+          const h = v.target;
+          h.hasPointerCapture(v.pointerId) && h.releasePointerCapture(v.pointerId), v.button === 0 && v.ctrlKey === !1 && v.pointerType === "mouse" && (w(v), v.preventDefault());
+        }),
+        onKeyDown: F(r.onKeyDown, (v) => {
+          const h = m.current !== "";
+          !(v.ctrlKey || v.altKey || v.metaKey) && v.key.length === 1 && g(v.key), !(h && v.key === " ") && Co.includes(v.key) && (w(), v.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+xn.displayName = gn;
+var bn = "SelectValue", yn = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, className: o, style: r, children: a, placeholder: c = "", ...d } = e, u = ce(bn, n), { onValueNodeHasChildrenChange: l } = u, f = a !== void 0, m = V(t, u.onValueNodeChange);
+    return ne(() => {
+      l(f);
+    }, [l, f]), /* @__PURE__ */ i.jsx(
+      k.span,
+      {
+        ...d,
+        ref: m,
+        style: { pointerEvents: "none" },
+        children: Bn(u.value) ? /* @__PURE__ */ i.jsx(i.Fragment, { children: c }) : a
+      }
+    );
+  }
+);
+yn.displayName = bn;
+var ko = "SelectIcon", wn = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, children: o, ...r } = e;
+    return /* @__PURE__ */ i.jsx(k.span, { "aria-hidden": !0, ...r, ref: t, children: o || "▼" });
+  }
+);
+wn.displayName = ko;
+var jo = "SelectPortal", Cn = (e) => /* @__PURE__ */ i.jsx(Dt, { asChild: !0, ...e });
+Cn.displayName = jo;
+var me = "SelectContent", Sn = s.forwardRef(
+  (e, t) => {
+    const n = ce(me, e.__scopeSelect), [o, r] = s.useState();
+    if (ne(() => {
+      r(new DocumentFragment());
+    }, []), !n.open) {
+      const a = o;
+      return a ? Vt.createPortal(
+        /* @__PURE__ */ i.jsx(En, { scope: e.__scopeSelect, children: /* @__PURE__ */ i.jsx(Le.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ i.jsx("div", { children: e.children }) }) }),
+        a
+      ) : null;
+    }
+    return /* @__PURE__ */ i.jsx(In, { ...e, ref: t });
+  }
+);
+Sn.displayName = me;
+var ee = 10, [En, le] = Ce(me), Po = "SelectContentImpl", _o = kt("SelectContent.RemoveScroll"), In = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSelect: n,
+      position: o = "item-aligned",
+      onCloseAutoFocus: r,
+      onEscapeKeyDown: a,
+      onPointerDownOutside: c,
+      //
+      // PopperContent props
+      side: d,
+      sideOffset: u,
+      align: l,
+      alignOffset: f,
+      arrowPadding: m,
+      collisionBoundary: g,
+      collisionPadding: x,
+      sticky: w,
+      hideWhenDetached: v,
+      avoidCollisions: h,
+      //
+      ...S
+    } = e, y = ce(me, n), [I, A] = s.useState(null), [M, j] = s.useState(null), E = V(t, (b) => A(b)), [P, K] = s.useState(null), [U, W] = s.useState(
+      null
+    ), q = Be(n), [X, H] = s.useState(!1), z = s.useRef(!1);
+    s.useEffect(() => {
+      if (I) return At(I);
+    }, [I]), yr();
+    const L = s.useCallback(
+      (b) => {
+        const [T, ...D] = q().map((G) => G.ref.current), [O] = D.slice(-1), B = document.activeElement;
+        for (const G of b)
+          if (G === B || (G?.scrollIntoView({ block: "nearest" }), G === T && M && (M.scrollTop = 0), G === O && M && (M.scrollTop = M.scrollHeight), G?.focus(), document.activeElement !== B)) return;
+      },
+      [q, M]
+    ), Y = s.useCallback(
+      () => L([P, I]),
+      [L, P, I]
+    );
+    s.useEffect(() => {
+      X && Y();
+    }, [X, Y]);
+    const { onOpenChange: J, triggerPointerDownPosRef: Q } = y;
+    s.useEffect(() => {
+      if (I) {
+        let b = { x: 0, y: 0 };
+        const T = (O) => {
+          b = {
+            x: Math.abs(Math.round(O.pageX) - (Q.current?.x ?? 0)),
+            y: Math.abs(Math.round(O.pageY) - (Q.current?.y ?? 0))
+          };
+        }, D = (O) => {
+          b.x <= 10 && b.y <= 10 ? O.preventDefault() : I.contains(O.target) || J(!1), document.removeEventListener("pointermove", T), Q.current = null;
+        };
+        return Q.current !== null && (document.addEventListener("pointermove", T), document.addEventListener("pointerup", D, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", D, { capture: !0 });
+        };
+      }
+    }, [I, J, Q]), s.useEffect(() => {
+      const b = () => J(!1);
+      return window.addEventListener("blur", b), window.addEventListener("resize", b), () => {
+        window.removeEventListener("blur", b), window.removeEventListener("resize", b);
+      };
+    }, [J]);
+    const [ge, de] = $n((b) => {
+      const T = q().filter((B) => !B.disabled), D = T.find((B) => B.ref.current === document.activeElement), O = Vn(T, b, D);
+      O && setTimeout(() => O.ref.current.focus());
+    }), p = s.useCallback(
+      (b, T, D) => {
+        const O = !z.current && !D;
+        (y.value !== void 0 && y.value === T || O) && (K(b), O && (z.current = !0));
+      },
+      [y.value]
+    ), R = s.useCallback(() => I?.focus(), [I]), N = s.useCallback(
+      (b, T, D) => {
+        const O = !z.current && !D;
+        (y.value !== void 0 && y.value === T || O) && W(b);
+      },
+      [y.value]
+    ), C = o === "popper" ? et : Rn, _ = C === et ? {
+      side: d,
+      sideOffset: u,
+      align: l,
+      alignOffset: f,
+      arrowPadding: m,
+      collisionBoundary: g,
+      collisionPadding: x,
+      sticky: w,
+      hideWhenDetached: v,
+      avoidCollisions: h
+    } : {};
+    return /* @__PURE__ */ i.jsx(
+      En,
+      {
+        scope: n,
+        content: I,
+        viewport: M,
+        onViewportChange: j,
+        itemRefCallback: p,
+        selectedItem: P,
+        onItemLeave: R,
+        itemTextRefCallback: N,
+        focusSelectedItem: Y,
+        selectedItemText: U,
+        position: o,
+        isPositioned: X,
+        searchRef: ge,
+        children: /* @__PURE__ */ i.jsx(Mt, { as: _o, allowPinchZoom: !0, children: /* @__PURE__ */ i.jsx(
+          Ot,
+          {
+            asChild: !0,
+            trapped: y.open,
+            onMountAutoFocus: (b) => {
+              b.preventDefault();
+            },
+            onUnmountAutoFocus: F(r, (b) => {
+              y.trigger?.focus({ preventScroll: !0 }), b.preventDefault();
+            }),
+            children: /* @__PURE__ */ i.jsx(
+              wr,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: a,
+                onPointerDownOutside: c,
+                onFocusOutside: (b) => b.preventDefault(),
+                onDismiss: () => y.onOpenChange(!1),
+                children: /* @__PURE__ */ i.jsx(
+                  C,
+                  {
+                    role: "listbox",
+                    id: y.contentId,
+                    "data-state": y.open ? "open" : "closed",
+                    dir: y.dir,
+                    onContextMenu: (b) => b.preventDefault(),
+                    ...S,
+                    ..._,
+                    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",
+                      ...S.style
+                    },
+                    onKeyDown: F(S.onKeyDown, (b) => {
+                      const T = b.ctrlKey || b.altKey || b.metaKey;
+                      if (b.key === "Tab" && b.preventDefault(), !T && b.key.length === 1 && de(b.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(b.key)) {
+                        let O = q().filter((B) => !B.disabled).map((B) => B.ref.current);
+                        if (["ArrowUp", "End"].includes(b.key) && (O = O.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(b.key)) {
+                          const B = b.target, G = O.indexOf(B);
+                          O = O.slice(G + 1);
+                        }
+                        setTimeout(() => L(O)), b.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+In.displayName = Po;
+var To = "SelectItemAlignedPosition", Rn = s.forwardRef((e, t) => {
+  const { __scopeSelect: n, onPlaced: o, ...r } = e, a = ce(me, n), c = le(me, n), [d, u] = s.useState(null), [l, f] = s.useState(null), m = V(t, (E) => f(E)), g = Be(n), x = s.useRef(!1), w = s.useRef(!0), { viewport: v, selectedItem: h, selectedItemText: S, focusSelectedItem: y } = c, I = s.useCallback(() => {
+    if (a.trigger && a.valueNode && d && l && v && h && S) {
+      const E = a.trigger.getBoundingClientRect(), P = l.getBoundingClientRect(), K = a.valueNode.getBoundingClientRect(), U = S.getBoundingClientRect();
+      if (a.dir !== "rtl") {
+        const B = U.left - P.left, G = K.left - B, ue = E.left - G, fe = E.width + ue, We = Math.max(fe, P.width), He = window.innerWidth - ee, ze = yt(G, [
+          ee,
+          // 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(ee, He - We)
+        ]);
+        d.style.minWidth = fe + "px", d.style.left = ze + "px";
+      } else {
+        const B = P.right - U.right, G = window.innerWidth - K.right - B, ue = window.innerWidth - E.right - G, fe = E.width + ue, We = Math.max(fe, P.width), He = window.innerWidth - ee, ze = yt(G, [
+          ee,
+          Math.max(ee, He - We)
+        ]);
+        d.style.minWidth = fe + "px", d.style.right = ze + "px";
+      }
+      const W = g(), q = window.innerHeight - ee * 2, X = v.scrollHeight, H = window.getComputedStyle(l), z = parseInt(H.borderTopWidth, 10), L = parseInt(H.paddingTop, 10), Y = parseInt(H.borderBottomWidth, 10), J = parseInt(H.paddingBottom, 10), Q = z + L + X + J + Y, ge = Math.min(h.offsetHeight * 5, Q), de = window.getComputedStyle(v), p = parseInt(de.paddingTop, 10), R = parseInt(de.paddingBottom, 10), N = E.top + E.height / 2 - ee, C = q - N, _ = h.offsetHeight / 2, b = h.offsetTop + _, T = z + L + b, D = Q - T;
+      if (T <= N) {
+        const B = W.length > 0 && h === W[W.length - 1].ref.current;
+        d.style.bottom = "0px";
+        const G = l.clientHeight - v.offsetTop - v.offsetHeight, ue = Math.max(
+          C,
+          _ + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (B ? R : 0) + G + Y
+        ), fe = T + ue;
+        d.style.height = fe + "px";
+      } else {
+        const B = W.length > 0 && h === W[0].ref.current;
+        d.style.top = "0px";
+        const ue = Math.max(
+          N,
+          z + v.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (B ? p : 0) + _
+        ) + D;
+        d.style.height = ue + "px", v.scrollTop = T - N + v.offsetTop;
+      }
+      d.style.margin = `${ee}px 0`, d.style.minHeight = ge + "px", d.style.maxHeight = q + "px", o?.(), requestAnimationFrame(() => x.current = !0);
+    }
+  }, [
+    g,
+    a.trigger,
+    a.valueNode,
+    d,
+    l,
+    v,
+    h,
+    S,
+    a.dir,
+    o
+  ]);
+  ne(() => I(), [I]);
+  const [A, M] = s.useState();
+  ne(() => {
+    l && M(window.getComputedStyle(l).zIndex);
+  }, [l]);
+  const j = s.useCallback(
+    (E) => {
+      E && w.current === !0 && (I(), y?.(), w.current = !1);
+    },
+    [I, y]
+  );
+  return /* @__PURE__ */ i.jsx(
+    Ao,
+    {
+      scope: n,
+      contentWrapper: d,
+      shouldExpandOnScrollRef: x,
+      onScrollButtonChange: j,
+      children: /* @__PURE__ */ i.jsx(
+        "div",
+        {
+          ref: u,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: A
+          },
+          children: /* @__PURE__ */ i.jsx(
+            k.div,
+            {
+              ...r,
+              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%",
+                ...r.style
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+Rn.displayName = To;
+var Do = "SelectPopperPosition", et = s.forwardRef((e, t) => {
+  const {
+    __scopeSelect: n,
+    align: o = "start",
+    collisionPadding: r = ee,
+    ...a
+  } = e, c = $e(n);
+  return /* @__PURE__ */ i.jsx(
+    Cr,
+    {
+      ...c,
+      ...a,
+      ref: t,
+      align: o,
+      collisionPadding: r,
+      style: {
+        // Ensure border-box for floating-ui calculations
+        boxSizing: "border-box",
+        ...a.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)"
+      }
+    }
+  );
+});
+et.displayName = Do;
+var [Ao, vt] = Ce(me, {}), tt = "SelectViewport", Nn = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, nonce: o, ...r } = e, a = le(tt, n), c = vt(tt, n), d = V(t, a.onViewportChange), u = s.useRef(0);
+    return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.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: o
+        }
+      ),
+      /* @__PURE__ */ i.jsx(Le.Slot, { scope: n, children: /* @__PURE__ */ i.jsx(
+        k.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...r,
+          ref: d,
+          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",
+            ...r.style
+          },
+          onScroll: F(r.onScroll, (l) => {
+            const f = l.currentTarget, { contentWrapper: m, shouldExpandOnScrollRef: g } = c;
+            if (g?.current && m) {
+              const x = Math.abs(u.current - f.scrollTop);
+              if (x > 0) {
+                const w = window.innerHeight - ee * 2, v = parseFloat(m.style.minHeight), h = parseFloat(m.style.height), S = Math.max(v, h);
+                if (S < w) {
+                  const y = S + x, I = Math.min(w, y), A = y - I;
+                  m.style.height = I + "px", m.style.bottom === "0px" && (f.scrollTop = A > 0 ? A : 0, m.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            u.current = f.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+Nn.displayName = tt;
+var kn = "SelectGroup", [Mo, Oo] = Ce(kn), Fo = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...o } = e, r = Z();
+    return /* @__PURE__ */ i.jsx(Mo, { scope: n, id: r, children: /* @__PURE__ */ i.jsx(k.div, { role: "group", "aria-labelledby": r, ...o, ref: t }) });
+  }
+);
+Fo.displayName = kn;
+var jn = "SelectLabel", Lo = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...o } = e, r = Oo(jn, n);
+    return /* @__PURE__ */ i.jsx(k.div, { id: r.id, ...o, ref: t });
+  }
+);
+Lo.displayName = jn;
+var Te = "SelectItem", [Bo, Pn] = Ce(Te), _n = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSelect: n,
+      value: o,
+      disabled: r = !1,
+      textValue: a,
+      ...c
+    } = e, d = ce(Te, n), u = le(Te, n), l = d.value === o, [f, m] = s.useState(a ?? ""), [g, x] = s.useState(!1), w = V(
+      t,
+      (y) => u.itemRefCallback?.(y, o, r)
+    ), v = Z(), h = s.useRef("touch"), S = () => {
+      r || (d.onValueChange(o), d.onOpenChange(!1));
+    };
+    if (o === "")
+      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__ */ i.jsx(
+      Bo,
+      {
+        scope: n,
+        value: o,
+        disabled: r,
+        textId: v,
+        isSelected: l,
+        onItemTextChange: s.useCallback((y) => {
+          m((I) => I || (y?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ i.jsx(
+          Le.ItemSlot,
+          {
+            scope: n,
+            value: o,
+            disabled: r,
+            textValue: f,
+            children: /* @__PURE__ */ i.jsx(
+              k.div,
+              {
+                role: "option",
+                "aria-labelledby": v,
+                "data-highlighted": g ? "" : void 0,
+                "aria-selected": l && g,
+                "data-state": l ? "checked" : "unchecked",
+                "aria-disabled": r || void 0,
+                "data-disabled": r ? "" : void 0,
+                tabIndex: r ? void 0 : -1,
+                ...c,
+                ref: w,
+                onFocus: F(c.onFocus, () => x(!0)),
+                onBlur: F(c.onBlur, () => x(!1)),
+                onClick: F(c.onClick, () => {
+                  h.current !== "mouse" && S();
+                }),
+                onPointerUp: F(c.onPointerUp, () => {
+                  h.current === "mouse" && S();
+                }),
+                onPointerDown: F(c.onPointerDown, (y) => {
+                  h.current = y.pointerType;
+                }),
+                onPointerMove: F(c.onPointerMove, (y) => {
+                  h.current = y.pointerType, r ? u.onItemLeave?.() : h.current === "mouse" && y.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: F(c.onPointerLeave, (y) => {
+                  y.currentTarget === document.activeElement && u.onItemLeave?.();
+                }),
+                onKeyDown: F(c.onKeyDown, (y) => {
+                  u.searchRef?.current !== "" && y.key === " " || (So.includes(y.key) && S(), y.key === " " && y.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+_n.displayName = Te;
+var Re = "SelectItemText", Tn = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, className: o, style: r, ...a } = e, c = ce(Re, n), d = le(Re, n), u = Pn(Re, n), l = No(Re, n), [f, m] = s.useState(null), g = V(
+      t,
+      (S) => m(S),
+      u.onItemTextChange,
+      (S) => d.itemTextRefCallback?.(S, u.value, u.disabled)
+    ), x = f?.textContent, w = s.useMemo(
+      () => /* @__PURE__ */ i.jsx("option", { value: u.value, disabled: u.disabled, children: x }, u.value),
+      [u.disabled, u.value, x]
+    ), { onNativeOptionAdd: v, onNativeOptionRemove: h } = l;
+    return ne(() => (v(w), () => h(w)), [v, h, w]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(k.span, { id: u.textId, ...a, ref: g }),
+      u.isSelected && c.valueNode && !c.valueNodeHasChildren ? Vt.createPortal(a.children, c.valueNode) : null
+    ] });
+  }
+);
+Tn.displayName = Re;
+var Dn = "SelectItemIndicator", An = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...o } = e;
+    return Pn(Dn, n).isSelected ? /* @__PURE__ */ i.jsx(k.span, { "aria-hidden": !0, ...o, ref: t }) : null;
+  }
+);
+An.displayName = Dn;
+var nt = "SelectScrollUpButton", Mn = s.forwardRef((e, t) => {
+  const n = le(nt, e.__scopeSelect), o = vt(nt, e.__scopeSelect), [r, a] = s.useState(!1), c = V(t, o.onScrollButtonChange);
+  return ne(() => {
+    if (n.viewport && n.isPositioned) {
+      let d = function() {
+        const l = u.scrollTop > 0;
+        a(l);
+      };
+      const u = n.viewport;
+      return d(), u.addEventListener("scroll", d), () => u.removeEventListener("scroll", d);
+    }
+  }, [n.viewport, n.isPositioned]), r ? /* @__PURE__ */ i.jsx(
+    Fn,
+    {
+      ...e,
+      ref: c,
+      onAutoScroll: () => {
+        const { viewport: d, selectedItem: u } = n;
+        d && u && (d.scrollTop = d.scrollTop - u.offsetHeight);
+      }
+    }
+  ) : null;
+});
+Mn.displayName = nt;
+var rt = "SelectScrollDownButton", On = s.forwardRef((e, t) => {
+  const n = le(rt, e.__scopeSelect), o = vt(rt, e.__scopeSelect), [r, a] = s.useState(!1), c = V(t, o.onScrollButtonChange);
+  return ne(() => {
+    if (n.viewport && n.isPositioned) {
+      let d = function() {
+        const l = u.scrollHeight - u.clientHeight, f = Math.ceil(u.scrollTop) < l;
+        a(f);
+      };
+      const u = n.viewport;
+      return d(), u.addEventListener("scroll", d), () => u.removeEventListener("scroll", d);
+    }
+  }, [n.viewport, n.isPositioned]), r ? /* @__PURE__ */ i.jsx(
+    Fn,
+    {
+      ...e,
+      ref: c,
+      onAutoScroll: () => {
+        const { viewport: d, selectedItem: u } = n;
+        d && u && (d.scrollTop = d.scrollTop + u.offsetHeight);
+      }
+    }
+  ) : null;
+});
+On.displayName = rt;
+var Fn = s.forwardRef((e, t) => {
+  const { __scopeSelect: n, onAutoScroll: o, ...r } = e, a = le("SelectScrollButton", n), c = s.useRef(null), d = Be(n), u = s.useCallback(() => {
+    c.current !== null && (window.clearInterval(c.current), c.current = null);
+  }, []);
+  return s.useEffect(() => () => u(), [u]), ne(() => {
+    d().find((f) => f.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [d]), /* @__PURE__ */ i.jsx(
+    k.div,
+    {
+      "aria-hidden": !0,
+      ...r,
+      ref: t,
+      style: { flexShrink: 0, ...r.style },
+      onPointerDown: F(r.onPointerDown, () => {
+        c.current === null && (c.current = window.setInterval(o, 50));
+      }),
+      onPointerMove: F(r.onPointerMove, () => {
+        a.onItemLeave?.(), c.current === null && (c.current = window.setInterval(o, 50));
+      }),
+      onPointerLeave: F(r.onPointerLeave, () => {
+        u();
+      })
+    }
+  );
+}), $o = "SelectSeparator", Vo = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...o } = e;
+    return /* @__PURE__ */ i.jsx(k.div, { "aria-hidden": !0, ...o, ref: t });
+  }
+);
+Vo.displayName = $o;
+var ot = "SelectArrow", Uo = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...o } = e, r = $e(n), a = ce(ot, n), c = le(ot, n);
+    return a.open && c.position === "popper" ? /* @__PURE__ */ i.jsx(Sr, { ...r, ...o, ref: t }) : null;
+  }
+);
+Uo.displayName = ot;
+var Go = "SelectBubbleInput", Ln = s.forwardRef(
+  ({ __scopeSelect: e, value: t, ...n }, o) => {
+    const r = s.useRef(null), a = V(o, r), c = ft(t);
+    return s.useEffect(() => {
+      const d = r.current;
+      if (!d) return;
+      const u = window.HTMLSelectElement.prototype, f = Object.getOwnPropertyDescriptor(
+        u,
+        "value"
+      ).set;
+      if (c !== t && f) {
+        const m = new Event("change", { bubbles: !0 });
+        f.call(d, t), d.dispatchEvent(m);
+      }
+    }, [c, t]), /* @__PURE__ */ i.jsx(
+      k.select,
+      {
+        ...n,
+        style: { ...br, ...n.style },
+        ref: a,
+        defaultValue: t
+      }
+    );
+  }
+);
+Ln.displayName = Go;
+function Bn(e) {
+  return e === "" || e === void 0;
+}
+function $n(e) {
+  const t = Me(e), n = s.useRef(""), o = s.useRef(0), r = s.useCallback(
+    (c) => {
+      const d = n.current + c;
+      t(d), function u(l) {
+        n.current = l, window.clearTimeout(o.current), l !== "" && (o.current = window.setTimeout(() => u(""), 1e3));
+      }(d);
+    },
+    [t]
+  ), a = s.useCallback(() => {
+    n.current = "", window.clearTimeout(o.current);
+  }, []);
+  return s.useEffect(() => () => window.clearTimeout(o.current), []), [n, r, a];
+}
+function Vn(e, t, n) {
+  const r = t.length > 1 && Array.from(t).every((l) => l === t[0]) ? t[0] : t, a = n ? e.indexOf(n) : -1;
+  let c = Wo(e, Math.max(a, 0));
+  r.length === 1 && (c = c.filter((l) => l !== n));
+  const u = c.find(
+    (l) => l.textValue.toLowerCase().startsWith(r.toLowerCase())
+  );
+  return u !== n ? u : void 0;
+}
+function Wo(e, t) {
+  return e.map((n, o) => e[(t + o) % e.length]);
+}
+var Ho = hn, zo = xn, Ko = yn, qo = wn, Yo = Cn, Xo = Sn, Zo = Nn, Jo = _n, Qo = Tn, es = An, ts = Mn, ns = On;
+const Ta = ({ disabled: e = !1, handleDelete: t, ...n }) => /* @__PURE__ */ i.jsx(
+  ct,
+  {
+    disabled: e,
+    icon: /* @__PURE__ */ i.jsx(Wr, {}),
+    onClick: t,
+    variant: "outline",
+    ...n,
+    className: "border-destructive text-destructive hover:bg-destructive hover:text-white",
+    children: "Delete"
+  }
+), wt = {
+  default: { label: "Submit", submittingLabel: "Submitting", IconComponent: Ke },
+  submit: { label: "Submit", submittingLabel: "Submitting", IconComponent: Ke },
+  save: { label: "Save", submittingLabel: "Saving", IconComponent: Br },
+  send: { label: "Send", submittingLabel: "Sending", IconComponent: Ke }
+}, Da = ({
+  submitting: e = !1,
+  disabled: t = !1,
+  submittingIcon: n,
+  action: o = "default",
+  noIcon: r = !1,
+  ...a
+}) => {
+  const c = n || Fr;
+  if (!wt[o])
+    throw new Error(`Invalid action: ${o}`);
+  const { label: d, submittingLabel: u, IconComponent: l } = wt[o], f = e ? /* @__PURE__ */ i.jsx(c, { className: "animate-spin" }) : /* @__PURE__ */ i.jsx(l, {});
+  return /* @__PURE__ */ i.jsx(
+    ct,
+    {
+      disabled: t || e,
+      icon: r ? void 0 : f,
+      type: "submit",
+      variant: "primary",
+      ...a,
+      children: e ? u : d
+    }
+  );
+};
+function rs({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    Wt,
+    {
+      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",
+      ...t,
+      children: /* @__PURE__ */ i.jsx(
+        zt,
+        {
+          className: "flex items-center justify-center text-current transition-none",
+          "data-slot": "checkbox-indicator",
+          children: /* @__PURE__ */ i.jsx(ut, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+const Aa = ({ label: e, name: t, value: n, checked: o, onCheckedChange: r }) => {
+  const [a, c] = lt(o);
+  mr(() => {
+    c(o);
+  }, [o]);
+  let d = t;
+  const u = n || t;
+  n && (d += `[${n}]`);
+  const l = (f) => {
+    c(f), r?.(f);
+  };
+  return /* @__PURE__ */ i.jsxs(ae, { align: "center", gap: "2", children: [
+    /* @__PURE__ */ i.jsx(
+      rs,
+      {
+        checked: a,
+        id: d,
+        name: t,
+        onCheckedChange: l,
+        value: u
+      }
+    ),
+    /* @__PURE__ */ i.jsx(Se, { className: "cursor-pointer", htmlFor: d, children: e })
+  ] });
+}, Ma = ({ name: e, label: t, placeholder: n, note: o, className: r, ...a }) => /* @__PURE__ */ i.jsx(
+  Un,
+  {
+    className: $("max-w-[150px]", r),
+    label: t,
+    name: e,
+    note: o,
+    placeholder: n,
+    type: "date",
+    ...a
+  }
+), Oa = ({ onDateSelection: e, initialValue: t, className: n, size: o = "default", error: r }) => {
+  const [a, c] = lt(t), d = (u) => {
+    c(u), u && e(u);
+  };
+  return /* @__PURE__ */ i.jsxs(ae, { direction: "col", gap: "2", children: [
+    /* @__PURE__ */ i.jsxs(Ft, { children: [
+      /* @__PURE__ */ i.jsx(Lt, { asChild: !0, children: /* @__PURE__ */ i.jsxs(
+        ct,
+        {
+          className: $("w-[280px] justify-start text-left font-normal", !a && "text-muted-foreground", n),
+          size: o,
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ i.jsx(kr, { className: "mr-2 h-4 w-4" }),
+            a ? a.toISOString().split("T")[0] : /* @__PURE__ */ i.jsx("span", { children: "Select a date" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ i.jsx(Bt, { className: "w-auto p-0", children: /* @__PURE__ */ i.jsx(fr, { autoFocus: !0, mode: "single", onSelect: d, selected: a }) })
+    ] }),
+    r && /* @__PURE__ */ i.jsx(je, { message: r })
+  ] });
+}, je = ({ message: e }) => /* @__PURE__ */ i.jsx(Ae, { size: "xs", variant: "destructive", children: e }), os = ({ label: e, labelFor: t, className: n = "", labelClassName: o = "", children: r }) => /* @__PURE__ */ i.jsxs(ae, { direction: "col", gap: "2", children: [
+  e && /* @__PURE__ */ i.jsx(Se, { className: o, htmlFor: t, children: e }),
+  /* @__PURE__ */ i.jsx(ae, { className: `rounded-md border border-input bg-card p-2 shadow-xs ${n}`, gapY: "1", children: r })
+] });
+function ss({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    co,
+    {
+      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",
+      ...t
+    }
+  );
+}
+const Se = ({ htmlFor: e, value: t, children: n, className: o = "", ...r }) => /* @__PURE__ */ i.jsx(
+  ss,
+  {
+    className: $("font-display font-normal text-base text-foreground", o),
+    htmlFor: e,
+    ...r,
+    children: t || n
+  }
+);
+function as({ className: e, type: t, ...n }) {
+  return /* @__PURE__ */ i.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: t,
+      ...n
+    }
+  );
+}
+const Un = ({
+  name: e,
+  type: t = "text",
+  placeholder: n,
+  label: o,
+  labelOrientation: r = "top",
+  note: a,
+  className: c,
+  error: d,
+  ...u
+}) => /* @__PURE__ */ i.jsxs(ae, { className: "w-full", direction: r === "left" ? "row" : "col", gap: "2", children: [
+  o && /* @__PURE__ */ i.jsx(Se, { className: r === "left" ? "text-nowrap" : "", htmlFor: e, children: o }),
+  /* @__PURE__ */ i.jsx(
+    as,
+    {
+      "aria-label": o || e,
+      className: c,
+      id: e,
+      name: e,
+      placeholder: n,
+      type: t,
+      ...u
+    }
+  ),
+  a && /* @__PURE__ */ i.jsx(Ae, { size: "sm", variant: "muted", children: a }),
+  d && /* @__PURE__ */ i.jsx(je, { message: d })
+] }), Fa = ({
+  name: e,
+  label: t,
+  placeholder: n,
+  note: o,
+  // Default to two decimal places for currency and general decimal values
+  step: r = ".01",
+  className: a,
+  ...c
+}) => /* @__PURE__ */ i.jsx(
+  Un,
+  {
+    className: a,
+    label: t,
+    name: e,
+    note: o,
+    placeholder: n,
+    step: r,
+    type: "number",
+    ...c
+  }
+);
+function is({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(bo, { className: $("grid gap-3", e), "data-slot": "radio-group", ...t });
+}
+function cs({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    yo,
+    {
+      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",
+      ...t,
+      children: /* @__PURE__ */ i.jsx(
+        wo,
+        {
+          className: "relative flex items-center justify-center",
+          "data-slot": "radio-group-indicator",
+          children: /* @__PURE__ */ i.jsx(Mr, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" })
+        }
+      )
+    }
+  );
+}
+const La = ({ label: e, name: t, options: n, value: o, onChange: r, error: a }) => /* @__PURE__ */ i.jsxs(os, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: t, children: [
+  /* @__PURE__ */ i.jsx(is, { className: "w-full", name: t, onValueChange: r, value: o, children: /* @__PURE__ */ i.jsx(hr, { cols: "2", children: n.map((c, d) => /* @__PURE__ */ i.jsxs(ae, { align: "center", gap: "2", justify: "start", children: [
+    /* @__PURE__ */ i.jsx(cs, { id: c.value, value: c.value }),
+    /* @__PURE__ */ i.jsx(Se, { htmlFor: c.value, children: c.label })
+  ] }, d)) }) }),
+  a && /* @__PURE__ */ i.jsx(je, { message: a })
+] });
+function ls({ ...e }) {
+  return /* @__PURE__ */ i.jsx(Ho, { "data-slot": "select", ...e });
+}
+function ds({ ...e }) {
+  return /* @__PURE__ */ i.jsx(Ko, { "data-slot": "select-value", ...e });
+}
+function us({
+  className: e,
+  size: t = "default",
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ i.jsxs(
+    zo,
+    {
+      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": t,
+      "data-slot": "select-trigger",
+      ...o,
+      children: [
+        n,
+        /* @__PURE__ */ i.jsx(qo, { asChild: !0, children: /* @__PURE__ */ i.jsx($t, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function fs({
+  className: e,
+  children: t,
+  position: n = "popper",
+  ...o
+}) {
+  return /* @__PURE__ */ i.jsx(Yo, { children: /* @__PURE__ */ i.jsxs(
+    Xo,
+    {
+      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",
+        n === "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: n,
+      ...o,
+      children: [
+        /* @__PURE__ */ i.jsx(ms, {}),
+        /* @__PURE__ */ i.jsx(
+          Zo,
+          {
+            className: $(
+              "p-1",
+              n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: t
+          }
+        ),
+        /* @__PURE__ */ i.jsx(vs, {})
+      ]
+    }
+  ) });
+}
+function ps({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ i.jsxs(
+    Jo,
+    {
+      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",
+      ...n,
+      children: [
+        /* @__PURE__ */ i.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ i.jsx(es, { children: /* @__PURE__ */ i.jsx(ut, { className: "size-4" }) }) }),
+        /* @__PURE__ */ i.jsx(Qo, { children: t })
+      ]
+    }
+  );
+}
+function ms({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    ts,
+    {
+      className: $("flex cursor-default items-center justify-center py-1", e),
+      "data-slot": "select-scroll-up-button",
+      ...t,
+      children: /* @__PURE__ */ i.jsx(_r, { className: "size-4" })
+    }
+  );
+}
+function vs({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i.jsx(
+    ns,
+    {
+      className: $("flex cursor-default items-center justify-center py-1", e),
+      "data-slot": "select-scroll-down-button",
+      ...t,
+      children: /* @__PURE__ */ i.jsx($t, { className: "size-4" })
+    }
+  );
+}
+const Ba = ({
+  name: e,
+  defaultValue: t,
+  options: n,
+  label: o,
+  placeholder: r,
+  note: a,
+  className: c,
+  value: d,
+  onValueChange: u,
+  error: l,
+  ...f
+}) => /* @__PURE__ */ i.jsxs(ae, { className: "w-full", direction: "col", gap: "2", children: [
+  o && /* @__PURE__ */ i.jsx(Se, { htmlFor: e, children: o }),
+  /* @__PURE__ */ i.jsxs(
+    ls,
+    {
+      defaultValue: t,
+      name: e,
+      onValueChange: u,
+      value: d,
+      ...f,
+      children: [
+        /* @__PURE__ */ i.jsx(us, { className: $("min-w-[180px]", c), "data-testid": `select-input-${e}`, children: /* @__PURE__ */ i.jsx(ds, { placeholder: r }) }),
+        /* @__PURE__ */ i.jsx(fs, { children: n.map(({ value: m, label: g }) => /* @__PURE__ */ i.jsx(ps, { value: m, children: g }, `option-${m}`)) })
+      ]
+    }
+  ),
+  a && /* @__PURE__ */ i.jsx(Ae, { size: "sm", variant: "muted", children: a }),
+  l && /* @__PURE__ */ i.jsx(je, { message: l })
+] });
+var Ct = 1, hs = 0.9, gs = 0.8, xs = 0.17, Ye = 0.1, Xe = 0.999, bs = 0.9999, ys = 0.99, ws = /[\\\/_+.#"@\[\(\{&]/, Cs = /[\\\/_+.#"@\[\(\{&]/g, Ss = /[\s-]/, Gn = /[\s-]/g;
+function st(e, t, n, o, r, a, c) {
+  if (a === t.length) return r === e.length ? Ct : ys;
+  var d = `${r},${a}`;
+  if (c[d] !== void 0) return c[d];
+  for (var u = o.charAt(a), l = n.indexOf(u, r), f = 0, m, g, x, w; l >= 0; ) m = st(e, t, n, o, l + 1, a + 1, c), m > f && (l === r ? m *= Ct : ws.test(e.charAt(l - 1)) ? (m *= gs, x = e.slice(r, l - 1).match(Cs), x && r > 0 && (m *= Math.pow(Xe, x.length))) : Ss.test(e.charAt(l - 1)) ? (m *= hs, w = e.slice(r, l - 1).match(Gn), w && r > 0 && (m *= Math.pow(Xe, w.length))) : (m *= xs, r > 0 && (m *= Math.pow(Xe, l - r))), e.charAt(l) !== t.charAt(a) && (m *= bs)), (m < Ye && n.charAt(l - 1) === o.charAt(a + 1) || o.charAt(a + 1) === o.charAt(a) && n.charAt(l - 1) !== o.charAt(a)) && (g = st(e, t, n, o, l + 1, a + 2, c), g * Ye > m && (m = g * Ye)), m > f && (f = m), l = n.indexOf(u, l + 1);
+  return c[d] = f, f;
+}
+function St(e) {
+  return e.toLowerCase().replace(Gn, " ");
+}
+function Es(e, t, n) {
+  return e = n && n.length > 0 ? `${e + " " + n.join(" ")}` : e, st(e, t, St(e), St(t), 0, 0, {});
+}
+function se(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(r) {
+    if (e?.(r), n === !1 || !r.defaultPrevented)
+      return t?.(r);
+  };
+}
+var Is = "DismissableLayer", at = "dismissableLayer.update", Rs = "dismissableLayer.pointerDownOutside", Ns = "dismissableLayer.focusOutside", Et, Wn = s.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Hn = s.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: r,
+      onFocusOutside: a,
+      onInteractOutside: c,
+      onDismiss: d,
+      ...u
+    } = e, l = s.useContext(Wn), [f, m] = s.useState(null), g = f?.ownerDocument ?? globalThis?.document, [, x] = s.useState({}), w = V(t, (E) => m(E)), v = Array.from(l.layers), [h] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), S = v.indexOf(h), y = f ? v.indexOf(f) : -1, I = l.layersWithOutsidePointerEventsDisabled.size > 0, A = y >= S, M = Ps((E) => {
+      const P = E.target, K = [...l.branches].some((U) => U.contains(P));
+      !A || K || (r?.(E), c?.(E), E.defaultPrevented || d?.());
+    }, g), j = _s((E) => {
+      const P = E.target;
+      [...l.branches].some((U) => U.contains(P)) || (a?.(E), c?.(E), E.defaultPrevented || d?.());
+    }, g);
+    return Er((E) => {
+      y === l.layers.size - 1 && (o?.(E), !E.defaultPrevented && d && (E.preventDefault(), d()));
+    }, g), s.useEffect(() => {
+      if (f)
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Et = g.body.style.pointerEvents, g.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), It(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (g.body.style.pointerEvents = Et);
+        };
+    }, [f, g, n, l]), s.useEffect(() => () => {
+      f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), It());
+    }, [f, l]), s.useEffect(() => {
+      const E = () => x({});
+      return document.addEventListener(at, E), () => document.removeEventListener(at, E);
+    }, []), /* @__PURE__ */ i.jsx(
+      k.div,
+      {
+        ...u,
+        ref: w,
+        style: {
+          pointerEvents: I ? A ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: se(e.onFocusCapture, j.onFocusCapture),
+        onBlurCapture: se(e.onBlurCapture, j.onBlurCapture),
+        onPointerDownCapture: se(
+          e.onPointerDownCapture,
+          M.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Hn.displayName = Is;
+var ks = "DismissableLayerBranch", js = s.forwardRef((e, t) => {
+  const n = s.useContext(Wn), o = s.useRef(null), r = V(t, o);
+  return s.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return n.branches.add(a), () => {
+        n.branches.delete(a);
+      };
+  }, [n.branches]), /* @__PURE__ */ i.jsx(k.div, { ...e, ref: r });
+});
+js.displayName = ks;
+function Ps(e, t = globalThis?.document) {
+  const n = Me(e), o = s.useRef(!1), r = s.useRef(() => {
+  });
+  return s.useEffect(() => {
+    const a = (d) => {
+      if (d.target && !o.current) {
+        let u = function() {
+          zn(
+            Rs,
+            n,
+            l,
+            { discrete: !0 }
+          );
+        };
+        const l = { originalEvent: d };
+        d.pointerType === "touch" ? (t.removeEventListener("click", r.current), r.current = u, t.addEventListener("click", r.current, { once: !0 })) : u();
+      } else
+        t.removeEventListener("click", r.current);
+      o.current = !1;
+    }, c = window.setTimeout(() => {
+      t.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(c), t.removeEventListener("pointerdown", a), t.removeEventListener("click", r.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function _s(e, t = globalThis?.document) {
+  const n = Me(e), o = s.useRef(!1);
+  return s.useEffect(() => {
+    const r = (a) => {
+      a.target && !o.current && zn(Ns, n, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", r), () => t.removeEventListener("focusin", r);
+  }, [t, n]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function It() {
+  const e = new CustomEvent(at);
+  document.dispatchEvent(e);
+}
+function zn(e, t, n, { discrete: o }) {
+  const r = n.originalEvent.target, a = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && r.addEventListener(e, t, { once: !0 }), o ? Ir(r, a) : r.dispatchEvent(a);
+}
+function Ts(e, t) {
+  return s.useReducer((n, o) => t[n][o] ?? n, e);
+}
+var Ve = (e) => {
+  const { present: t, children: n } = e, o = Ds(t), r = typeof n == "function" ? n({ present: o.isPresent }) : s.Children.only(n), a = V(o.ref, As(r));
+  return typeof n == "function" || o.isPresent ? s.cloneElement(r, { ref: a }) : null;
+};
+Ve.displayName = "Presence";
+function Ds(e) {
+  const [t, n] = s.useState(), o = s.useRef(null), r = s.useRef(e), a = s.useRef("none"), c = e ? "mounted" : "unmounted", [d, u] = Ts(c, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return s.useEffect(() => {
+    const l = _e(o.current);
+    a.current = d === "mounted" ? l : "none";
+  }, [d]), ne(() => {
+    const l = o.current, f = r.current;
+    if (f !== e) {
+      const g = a.current, x = _e(l);
+      e ? u("MOUNT") : x === "none" || l?.display === "none" ? u("UNMOUNT") : u(f && g !== x ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, u]), ne(() => {
+    if (t) {
+      let l;
+      const f = t.ownerDocument.defaultView ?? window, m = (x) => {
+        const v = _e(o.current).includes(x.animationName);
+        if (x.target === t && v && (u("ANIMATION_END"), !r.current)) {
+          const h = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = h);
+          });
+        }
+      }, g = (x) => {
+        x.target === t && (a.current = _e(o.current));
+      };
+      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
+        f.clearTimeout(l), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
+      };
+    } else
+      u("ANIMATION_END");
+  }, [t, u]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(d),
+    ref: s.useCallback((l) => {
+      o.current = l ? getComputedStyle(l) : null, n(l);
+    }, [])
+  };
+}
+function _e(e) {
+  return e?.animationName || "none";
+}
+function As(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var Ze = 0;
+function Ms() {
+  s.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Rt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Rt()), Ze++, () => {
+      Ze === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ze--;
+    };
+  }, []);
+}
+function Rt() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var Ue = "Dialog", [Kn, $a] = we(Ue), [Os, te] = Kn(Ue), qn = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: o,
+    defaultOpen: r,
+    onOpenChange: a,
+    modal: c = !0
+  } = e, d = s.useRef(null), u = s.useRef(null), [l, f] = ye({
+    prop: o,
+    defaultProp: r ?? !1,
+    onChange: a,
+    caller: Ue
+  });
+  return /* @__PURE__ */ i.jsx(
+    Os,
+    {
+      scope: t,
+      triggerRef: d,
+      contentRef: u,
+      contentId: Z(),
+      titleId: Z(),
+      descriptionId: Z(),
+      open: l,
+      onOpenChange: f,
+      onOpenToggle: s.useCallback(() => f((m) => !m), [f]),
+      modal: c,
+      children: n
+    }
+  );
+};
+qn.displayName = Ue;
+var Yn = "DialogTrigger", Fs = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = te(Yn, n), a = V(t, r.triggerRef);
+    return /* @__PURE__ */ i.jsx(
+      k.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": xt(r.open),
+        ...o,
+        ref: a,
+        onClick: se(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+Fs.displayName = Yn;
+var ht = "DialogPortal", [Ls, Xn] = Kn(ht, {
+  forceMount: void 0
+}), Zn = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, a = te(ht, t);
+  return /* @__PURE__ */ i.jsx(Ls, { scope: t, forceMount: n, children: s.Children.map(o, (c) => /* @__PURE__ */ i.jsx(Ve, { present: n || a.open, children: /* @__PURE__ */ i.jsx(Dt, { asChild: !0, container: r, children: c }) })) });
+};
+Zn.displayName = ht;
+var De = "DialogOverlay", Jn = s.forwardRef(
+  (e, t) => {
+    const n = Xn(De, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = te(De, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ i.jsx(Ve, { present: o || a.open, children: /* @__PURE__ */ i.jsx($s, { ...r, ref: t }) }) : null;
+  }
+);
+Jn.displayName = De;
+var Bs = kt("DialogOverlay.RemoveScroll"), $s = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = te(De, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i.jsx(Mt, { as: Bs, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i.jsx(
+        k.div,
+        {
+          "data-state": xt(r.open),
+          ...o,
+          ref: t,
+          style: { pointerEvents: "auto", ...o.style }
+        }
+      ) })
+    );
+  }
+), ve = "DialogContent", Qn = s.forwardRef(
+  (e, t) => {
+    const n = Xn(ve, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = te(ve, e.__scopeDialog);
+    return /* @__PURE__ */ i.jsx(Ve, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i.jsx(Vs, { ...r, ref: t }) : /* @__PURE__ */ i.jsx(Us, { ...r, ref: t }) });
+  }
+);
+Qn.displayName = ve;
+var Vs = s.forwardRef(
+  (e, t) => {
+    const n = te(ve, e.__scopeDialog), o = s.useRef(null), r = V(t, n.contentRef, o);
+    return s.useEffect(() => {
+      const a = o.current;
+      if (a) return At(a);
+    }, []), /* @__PURE__ */ i.jsx(
+      er,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: se(e.onCloseAutoFocus, (a) => {
+          a.preventDefault(), n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: se(e.onPointerDownOutside, (a) => {
+          const c = a.detail.originalEvent, d = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || d) && a.preventDefault();
+        }),
+        onFocusOutside: se(
+          e.onFocusOutside,
+          (a) => a.preventDefault()
+        )
+      }
+    );
+  }
+), Us = s.forwardRef(
+  (e, t) => {
+    const n = te(ve, e.__scopeDialog), o = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i.jsx(
+      er,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          e.onCloseAutoFocus?.(a), a.defaultPrevented || (o.current || n.triggerRef.current?.focus(), a.preventDefault()), o.current = !1, r.current = !1;
+        },
+        onInteractOutside: (a) => {
+          e.onInteractOutside?.(a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = a.target;
+          n.triggerRef.current?.contains(c) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), er = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...c } = e, d = te(ve, n), u = s.useRef(null), l = V(t, u);
+    return Ms(), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(
+        Ot,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: o,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: a,
+          children: /* @__PURE__ */ i.jsx(
+            Hn,
+            {
+              role: "dialog",
+              id: d.contentId,
+              "aria-describedby": d.descriptionId,
+              "aria-labelledby": d.titleId,
+              "data-state": xt(d.open),
+              ...c,
+              ref: l,
+              onDismiss: () => d.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        /* @__PURE__ */ i.jsx(zs, { titleId: d.titleId }),
+        /* @__PURE__ */ i.jsx(qs, { contentRef: u, descriptionId: d.descriptionId })
+      ] })
+    ] });
+  }
+), gt = "DialogTitle", Gs = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = te(gt, n);
+    return /* @__PURE__ */ i.jsx(k.h2, { id: r.titleId, ...o, ref: t });
+  }
+);
+Gs.displayName = gt;
+var tr = "DialogDescription", Ws = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = te(tr, n);
+    return /* @__PURE__ */ i.jsx(k.p, { id: r.descriptionId, ...o, ref: t });
+  }
+);
+Ws.displayName = tr;
+var nr = "DialogClose", Hs = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = te(nr, n);
+    return /* @__PURE__ */ i.jsx(
+      k.button,
+      {
+        type: "button",
+        ...o,
+        ref: t,
+        onClick: se(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+Hs.displayName = nr;
+function xt(e) {
+  return e ? "open" : "closed";
+}
+var rr = "DialogTitleWarning", [Va, or] = Rr(rr, {
+  contentName: ve,
+  titleName: gt,
+  docsSlug: "dialog"
+}), zs = ({ titleId: e }) => {
+  const t = or(rr), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, Ks = "DialogDescriptionWarning", qs = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${or(Ks).contentName}}.`;
+  return s.useEffect(() => {
+    const r = e.current?.getAttribute("aria-describedby");
+    t && r && (document.getElementById(t) || console.warn(o));
+  }, [o, e, t]), null;
+}, Ys = qn, Xs = Zn, Zs = Jn, Js = Qn, Ie = '[cmdk-group=""]', Je = '[cmdk-group-items=""]', Qs = '[cmdk-group-heading=""]', sr = '[cmdk-item=""]', Nt = `${sr}:not([aria-disabled="true"])`, it = "cmdk-item-select", xe = "data-value", ea = (e, t, n) => Es(e, t, n), ar = s.createContext(void 0), Pe = () => s.useContext(ar), ir = s.createContext(void 0), bt = () => s.useContext(ir), cr = s.createContext(void 0), lr = s.forwardRef((e, t) => {
+  let n = be(() => {
+    var p, R;
+    return { search: "", value: (R = (p = e.value) != null ? p : e.defaultValue) != null ? R : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), o = be(() => /* @__PURE__ */ new Set()), r = be(() => /* @__PURE__ */ new Map()), a = be(() => /* @__PURE__ */ new Map()), c = be(() => /* @__PURE__ */ new Set()), d = dr(e), { label: u, children: l, value: f, onValueChange: m, filter: g, shouldFilter: x, loop: w, disablePointerSelection: v = !1, vimBindings: h = !0, ...S } = e, y = Z(), I = Z(), A = Z(), M = s.useRef(null), j = ua();
+  he(() => {
+    if (f !== void 0) {
+      let p = f.trim();
+      n.current.value = p, E.emit();
+    }
+  }, [f]), he(() => {
+    j(6, X);
+  }, []);
+  let E = s.useMemo(() => ({ subscribe: (p) => (c.current.add(p), () => c.current.delete(p)), snapshot: () => n.current, setState: (p, R, N) => {
+    var C, _, b, T;
+    if (!Object.is(n.current[p], R)) {
+      if (n.current[p] = R, p === "search") q(), U(), j(1, W);
+      else if (p === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let D = document.getElementById(A);
+          D ? D.focus() : (C = document.getElementById(y)) == null || C.focus();
+        }
+        if (j(7, () => {
+          var D;
+          n.current.selectedItemId = (D = H()) == null ? void 0 : D.id, E.emit();
+        }), N || j(5, X), ((_ = d.current) == null ? void 0 : _.value) !== void 0) {
+          let D = R ?? "";
+          (T = (b = d.current).onValueChange) == null || T.call(b, D);
+          return;
+        }
+      }
+      E.emit();
+    }
+  }, emit: () => {
+    c.current.forEach((p) => p());
+  } }), []), P = s.useMemo(() => ({ value: (p, R, N) => {
+    var C;
+    R !== ((C = a.current.get(p)) == null ? void 0 : C.value) && (a.current.set(p, { value: R, keywords: N }), n.current.filtered.items.set(p, K(R, N)), j(2, () => {
+      U(), E.emit();
+    }));
+  }, item: (p, R) => (o.current.add(p), R && (r.current.has(R) ? r.current.get(R).add(p) : r.current.set(R, /* @__PURE__ */ new Set([p]))), j(3, () => {
+    q(), U(), n.current.value || W(), E.emit();
+  }), () => {
+    a.current.delete(p), o.current.delete(p), n.current.filtered.items.delete(p);
+    let N = H();
+    j(4, () => {
+      q(), N?.getAttribute("id") === p && W(), E.emit();
+    });
+  }), group: (p) => (r.current.has(p) || r.current.set(p, /* @__PURE__ */ new Set()), () => {
+    a.current.delete(p), r.current.delete(p);
+  }), filter: () => d.current.shouldFilter, label: u || e["aria-label"], getDisablePointerSelection: () => d.current.disablePointerSelection, listId: y, inputId: A, labelId: I, listInnerRef: M }), []);
+  function K(p, R) {
+    var N, C;
+    let _ = (C = (N = d.current) == null ? void 0 : N.filter) != null ? C : ea;
+    return p ? _(p, n.current.search, R) : 0;
+  }
+  function U() {
+    if (!n.current.search || d.current.shouldFilter === !1) return;
+    let p = n.current.filtered.items, R = [];
+    n.current.filtered.groups.forEach((C) => {
+      let _ = r.current.get(C), b = 0;
+      _.forEach((T) => {
+        let D = p.get(T);
+        b = Math.max(D, b);
+      }), R.push([C, b]);
+    });
+    let N = M.current;
+    z().sort((C, _) => {
+      var b, T;
+      let D = C.getAttribute("id"), O = _.getAttribute("id");
+      return ((b = p.get(O)) != null ? b : 0) - ((T = p.get(D)) != null ? T : 0);
+    }).forEach((C) => {
+      let _ = C.closest(Je);
+      _ ? _.appendChild(C.parentElement === _ ? C : C.closest(`${Je} > *`)) : N.appendChild(C.parentElement === N ? C : C.closest(`${Je} > *`));
+    }), R.sort((C, _) => _[1] - C[1]).forEach((C) => {
+      var _;
+      let b = (_ = M.current) == null ? void 0 : _.querySelector(`${Ie}[${xe}="${encodeURIComponent(C[0])}"]`);
+      b?.parentElement.appendChild(b);
+    });
+  }
+  function W() {
+    let p = z().find((N) => N.getAttribute("aria-disabled") !== "true"), R = p?.getAttribute(xe);
+    E.setState("value", R || void 0);
+  }
+  function q() {
+    var p, R, N, C;
+    if (!n.current.search || d.current.shouldFilter === !1) {
+      n.current.filtered.count = o.current.size;
+      return;
+    }
+    n.current.filtered.groups = /* @__PURE__ */ new Set();
+    let _ = 0;
+    for (let b of o.current) {
+      let T = (R = (p = a.current.get(b)) == null ? void 0 : p.value) != null ? R : "", D = (C = (N = a.current.get(b)) == null ? void 0 : N.keywords) != null ? C : [], O = K(T, D);
+      n.current.filtered.items.set(b, O), O > 0 && _++;
+    }
+    for (let [b, T] of r.current) for (let D of T) if (n.current.filtered.items.get(D) > 0) {
+      n.current.filtered.groups.add(b);
+      break;
+    }
+    n.current.filtered.count = _;
+  }
+  function X() {
+    var p, R, N;
+    let C = H();
+    C && (((p = C.parentElement) == null ? void 0 : p.firstChild) === C && ((N = (R = C.closest(Ie)) == null ? void 0 : R.querySelector(Qs)) == null || N.scrollIntoView({ block: "nearest" })), C.scrollIntoView({ block: "nearest" }));
+  }
+  function H() {
+    var p;
+    return (p = M.current) == null ? void 0 : p.querySelector(`${sr}[aria-selected="true"]`);
+  }
+  function z() {
+    var p;
+    return Array.from(((p = M.current) == null ? void 0 : p.querySelectorAll(Nt)) || []);
+  }
+  function L(p) {
+    let R = z()[p];
+    R && E.setState("value", R.getAttribute(xe));
+  }
+  function Y(p) {
+    var R;
+    let N = H(), C = z(), _ = C.findIndex((T) => T === N), b = C[_ + p];
+    (R = d.current) != null && R.loop && (b = _ + p < 0 ? C[C.length - 1] : _ + p === C.length ? C[0] : C[_ + p]), b && E.setState("value", b.getAttribute(xe));
+  }
+  function J(p) {
+    let R = H(), N = R?.closest(Ie), C;
+    for (; N && !C; ) N = p > 0 ? la(N, Ie) : da(N, Ie), C = N?.querySelector(Nt);
+    C ? E.setState("value", C.getAttribute(xe)) : Y(p);
+  }
+  let Q = () => L(z().length - 1), ge = (p) => {
+    p.preventDefault(), p.metaKey ? Q() : p.altKey ? J(1) : Y(1);
+  }, de = (p) => {
+    p.preventDefault(), p.metaKey ? L(0) : p.altKey ? J(-1) : Y(-1);
+  };
+  return s.createElement(k.div, { ref: t, tabIndex: -1, ...S, "cmdk-root": "", onKeyDown: (p) => {
+    var R;
+    (R = S.onKeyDown) == null || R.call(S, p);
+    let N = p.nativeEvent.isComposing || p.keyCode === 229;
+    if (!(p.defaultPrevented || N)) switch (p.key) {
+      case "n":
+      case "j": {
+        h && p.ctrlKey && ge(p);
+        break;
+      }
+      case "ArrowDown": {
+        ge(p);
+        break;
+      }
+      case "p":
+      case "k": {
+        h && p.ctrlKey && de(p);
+        break;
+      }
+      case "ArrowUp": {
+        de(p);
+        break;
+      }
+      case "Home": {
+        p.preventDefault(), L(0);
+        break;
+      }
+      case "End": {
+        p.preventDefault(), Q();
+        break;
+      }
+      case "Enter": {
+        p.preventDefault();
+        let C = H();
+        if (C) {
+          let _ = new Event(it);
+          C.dispatchEvent(_);
+        }
+      }
+    }
+  } }, s.createElement("label", { "cmdk-label": "", htmlFor: P.inputId, id: P.labelId, style: pa }, u), Ge(e, (p) => s.createElement(ir.Provider, { value: E }, s.createElement(ar.Provider, { value: P }, p))));
+}), ta = s.forwardRef((e, t) => {
+  var n, o;
+  let r = Z(), a = s.useRef(null), c = s.useContext(cr), d = Pe(), u = dr(e), l = (o = (n = u.current) == null ? void 0 : n.forceMount) != null ? o : c?.forceMount;
+  he(() => {
+    if (!l) return d.item(r, c?.id);
+  }, [l]);
+  let f = ur(r, a, [e.value, e.children, a], e.keywords), m = bt(), g = ie((j) => j.value && j.value === f.current), x = ie((j) => l || d.filter() === !1 ? !0 : j.search ? j.filtered.items.get(r) > 0 : !0);
+  s.useEffect(() => {
+    let j = a.current;
+    if (!(!j || e.disabled)) return j.addEventListener(it, w), () => j.removeEventListener(it, w);
+  }, [x, e.onSelect, e.disabled]);
+  function w() {
+    var j, E;
+    v(), (E = (j = u.current).onSelect) == null || E.call(j, f.current);
+  }
+  function v() {
+    m.setState("value", f.current, !0);
+  }
+  if (!x) return null;
+  let { disabled: h, value: S, onSelect: y, forceMount: I, keywords: A, ...M } = e;
+  return s.createElement(k.div, { ref: Ne(a, t), ...M, id: r, "cmdk-item": "", role: "option", "aria-disabled": !!h, "aria-selected": !!g, "data-disabled": !!h, "data-selected": !!g, onPointerMove: h || d.getDisablePointerSelection() ? void 0 : v, onClick: h ? void 0 : w }, e.children);
+}), na = s.forwardRef((e, t) => {
+  let { heading: n, children: o, forceMount: r, ...a } = e, c = Z(), d = s.useRef(null), u = s.useRef(null), l = Z(), f = Pe(), m = ie((x) => r || f.filter() === !1 ? !0 : x.search ? x.filtered.groups.has(c) : !0);
+  he(() => f.group(c), []), ur(c, d, [e.value, e.heading, u]);
+  let g = s.useMemo(() => ({ id: c, forceMount: r }), [r]);
+  return s.createElement(k.div, { ref: Ne(d, t), ...a, "cmdk-group": "", role: "presentation", hidden: m ? void 0 : !0 }, n && s.createElement("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: l }, n), Ge(e, (x) => s.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? l : void 0 }, s.createElement(cr.Provider, { value: g }, x))));
+}), ra = s.forwardRef((e, t) => {
+  let { alwaysRender: n, ...o } = e, r = s.useRef(null), a = ie((c) => !c.search);
+  return !n && !a ? null : s.createElement(k.div, { ref: Ne(r, t), ...o, "cmdk-separator": "", role: "separator" });
+}), oa = s.forwardRef((e, t) => {
+  let { onValueChange: n, ...o } = e, r = e.value != null, a = bt(), c = ie((l) => l.search), d = ie((l) => l.selectedItemId), u = Pe();
+  return s.useEffect(() => {
+    e.value != null && a.setState("search", e.value);
+  }, [e.value]), s.createElement(k.input, { ref: t, ...o, "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": d, id: u.inputId, type: "text", value: r ? e.value : c, onChange: (l) => {
+    r || a.setState("search", l.target.value), n?.(l.target.value);
+  } });
+}), sa = s.forwardRef((e, t) => {
+  let { children: n, label: o = "Suggestions", ...r } = e, a = s.useRef(null), c = s.useRef(null), d = ie((l) => l.selectedItemId), u = Pe();
+  return s.useEffect(() => {
+    if (c.current && a.current) {
+      let l = c.current, f = a.current, m, g = new ResizeObserver(() => {
+        m = requestAnimationFrame(() => {
+          let x = l.offsetHeight;
+          f.style.setProperty("--cmdk-list-height", x.toFixed(1) + "px");
+        });
+      });
+      return g.observe(l), () => {
+        cancelAnimationFrame(m), g.unobserve(l);
+      };
+    }
+  }, []), s.createElement(k.div, { ref: Ne(a, t), ...r, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": d, "aria-label": o, id: u.listId }, Ge(e, (l) => s.createElement("div", { ref: Ne(c, u.listInnerRef), "cmdk-list-sizer": "" }, l)));
+}), aa = s.forwardRef((e, t) => {
+  let { open: n, onOpenChange: o, overlayClassName: r, contentClassName: a, container: c, ...d } = e;
+  return s.createElement(Ys, { open: n, onOpenChange: o }, s.createElement(Xs, { container: c }, s.createElement(Zs, { "cmdk-overlay": "", className: r }), s.createElement(Js, { "aria-label": e.label, "cmdk-dialog": "", className: a }, s.createElement(lr, { ref: t, ...d }))));
+}), ia = s.forwardRef((e, t) => ie((n) => n.filtered.count === 0) ? s.createElement(k.div, { ref: t, ...e, "cmdk-empty": "", role: "presentation" }) : null), ca = s.forwardRef((e, t) => {
+  let { progress: n, children: o, label: r = "Loading...", ...a } = e;
+  return s.createElement(k.div, { ref: t, ...a, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": r }, Ge(e, (c) => s.createElement("div", { "aria-hidden": !0 }, c)));
+}), Ee = Object.assign(lr, { List: sa, Item: ta, Input: oa, Group: na, Separator: ra, Dialog: aa, Empty: ia, Loading: ca });
+function la(e, t) {
+  let n = e.nextElementSibling;
+  for (; n; ) {
+    if (n.matches(t)) return n;
+    n = n.nextElementSibling;
+  }
+}
+function da(e, t) {
+  let n = e.previousElementSibling;
+  for (; n; ) {
+    if (n.matches(t)) return n;
+    n = n.previousElementSibling;
+  }
+}
+function dr(e) {
+  let t = s.useRef(e);
+  return he(() => {
+    t.current = e;
+  }), t;
+}
+var he = typeof window > "u" ? s.useEffect : s.useLayoutEffect;
+function be(e) {
+  let t = s.useRef();
+  return t.current === void 0 && (t.current = e()), t;
+}
+function ie(e) {
+  let t = bt(), n = () => e(t.snapshot());
+  return s.useSyncExternalStore(t.subscribe, n, n);
+}
+function ur(e, t, n, o = []) {
+  let r = s.useRef(), a = Pe();
+  return he(() => {
+    var c;
+    let d = (() => {
+      var l;
+      for (let f of n) {
+        if (typeof f == "string") return f.trim();
+        if (typeof f == "object" && "current" in f) return f.current ? (l = f.current.textContent) == null ? void 0 : l.trim() : r.current;
+      }
+    })(), u = o.map((l) => l.trim());
+    a.value(e, d, u), (c = t.current) == null || c.setAttribute(xe, d), r.current = d;
+  }), r;
+}
+var ua = () => {
+  let [e, t] = s.useState(), n = be(() => /* @__PURE__ */ new Map());
+  return he(() => {
+    n.current.forEach((o) => o()), n.current = /* @__PURE__ */ new Map();
+  }, [e]), (o, r) => {
+    n.current.set(o, r), t({});
+  };
+};
+function fa(e) {
+  let t = e.type;
+  return typeof t == "function" ? t(e.props) : "render" in t ? t.render(e.props) : e;
+}
+function Ge({ asChild: e, children: t }, n) {
+  return e && s.isValidElement(t) ? s.cloneElement(fa(t), { ref: t.ref }, n(t.props.children)) : n(t);
+}
+var pa = { 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, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    Ee,
+    {
+      className: $(
+        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        e
+      ),
+      "data-slot": "command",
+      ...t
+    }
+  );
+}
+function va({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsxs("div", { className: "flex h-9 items-center gap-2 border-b px-3", "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ i.jsx(Vr, { className: "size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ i.jsx(
+      Ee.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",
+        ...t
+      }
+    )
+  ] });
+}
+function ha({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    Ee.List,
+    {
+      className: $("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", e),
+      "data-slot": "command-list",
+      ...t
+    }
+  );
+}
+function ga({ ...e }) {
+  return /* @__PURE__ */ i.jsx(Ee.Empty, { className: "py-6 text-center text-sm", "data-slot": "command-empty", ...e });
+}
+function xa({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    Ee.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",
+      ...t
+    }
+  );
+}
+function ba({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    Ee.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",
+      ...t
+    }
+  );
+}
+const ya = ({
+  placeholder: e,
+  selected: t,
+  className: n,
+  open: o,
+  renderSelected: r = (a) => a.label
+}) => /* @__PURE__ */ i.jsx(Lt, { asChild: !0, children: /* @__PURE__ */ i.jsxs(pr, { "aria-expanded": o, className: `justify-between ${n}`, role: "combobox", variant: "outline", children: [
+  r(t || { label: e, value: "" }),
+  /* @__PURE__ */ i.jsx(Dr, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+] }) }), Ua = ({
+  options: e,
+  value: t = "",
+  placeholder: n = "Select a value...",
+  className: o = "",
+  onSelect: r = () => {
+  },
+  renderSelected: a = (c) => c.label
+}) => {
+  const [c, d] = lt(!1), u = vr(() => e.find((l) => l.value === t), [e, t]);
+  return /* @__PURE__ */ i.jsxs(Ft, { onOpenChange: d, open: c, children: [
+    /* @__PURE__ */ i.jsx(
+      ya,
+      {
+        className: `w-full ${o}`,
+        open: c,
+        placeholder: n,
+        renderSelected: a,
+        selected: u
+      }
+    ),
+    /* @__PURE__ */ i.jsx(Bt, { className: "w-full p-0", children: /* @__PURE__ */ i.jsxs(ma, { value: t, children: [
+      /* @__PURE__ */ i.jsx(va, { "aria-label": "Search options", className: "h-9", placeholder: "Search" }),
+      /* @__PURE__ */ i.jsxs(ha, { children: [
+        /* @__PURE__ */ i.jsx(ga, { children: "No results found" }),
+        /* @__PURE__ */ i.jsx(xa, { children: e.map((l) => /* @__PURE__ */ i.jsxs(
+          ba,
+          {
+            onSelect: () => {
+              d(!1), r(l.value);
+            },
+            value: l.value,
+            children: [
+              l.icon ? /* @__PURE__ */ i.jsx("span", { className: "mr-2", children: l.icon }) : "",
+              l.label,
+              /* @__PURE__ */ i.jsx(ut, { className: $("ml-auto", l.value === t ? "opacity-100" : "opacity-0") })
+            ]
+          },
+          l.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+};
+function wa({ className: e, ...t }) {
+  return /* @__PURE__ */ i.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",
+      ...t
+    }
+  );
+}
+function Ga({ label: e, name: t, note: n, placeholder: o, className: r, error: a, ...c }) {
+  return /* @__PURE__ */ i.jsxs(ae, { className: "w-full", direction: "col", gap: "2", children: [
+    e && /* @__PURE__ */ i.jsx(Se, { htmlFor: t, children: e }),
+    /* @__PURE__ */ i.jsx(
+      wa,
+      {
+        "aria-label": e || t,
+        className: r,
+        id: t,
+        name: t,
+        placeholder: o,
+        ...c
+      }
+    ),
+    n && /* @__PURE__ */ i.jsx(Ae, { size: "sm", variant: "muted", children: n }),
+    a && /* @__PURE__ */ i.jsx(je, { message: a })
+  ] });
+}
+export {
+  Aa as C,
+  Ta as D,
+  je as I,
+  Se as L,
+  Fa as N,
+  La as R,
+  Da as S,
+  Ga as T,
+  Ma as a,
+  Oa as b,
+  os as c,
+  Ba as d,
+  Ua as e,
+  Un as f,
+  Zt as g,
+  so as h,
+  ao as i
+};