@la-batcave/ui 3.1.2

package/dist/Input.js

@@ -0,0 +1,2216 @@
+"use client";
+import { jsx as c, jsxs as R, Fragment as ve } from "react/jsx-runtime";
+import * as l from "react";
+import * as qe from "react-dom";
+import { c as po } from "./_shared/index-BrLJJgkl.js";
+import { u as se, c as N, a as ae, b as Z, d as mo, P as Ye } from "./_shared/index-CXeb1OMI.js";
+import { u as _, c as ho } from "./_shared/index-DLcqcWxM.js";
+import { u as Se, R as go, A as vo, c as Xe, C as So, a as bo } from "./_shared/index-uu9PT5Nu.js";
+import { P as E } from "./_shared/index-V-Ajw7Ac.js";
+import { u as Ke, a as Ze, R as xo, I as wo, c as Je } from "./_shared/index-C0gNQvxa.js";
+import { P as yo, D as Co } from "./_shared/index-B03TCNO5.js";
+import { h as Ro, u as No, R as Po, F as Eo } from "./_shared/Combination-D_l4PLF_.js";
+import { u as Fe } from "./_shared/index-BC7vfx-u.js";
+import { V as Io } from "./_shared/index-B1f-hyuh.js";
+import { Check as Qe, X as We, ChevronDown as je, EyeOff as ko, Eye as _o } from "lucide-react";
+import { c as P } from "./_shared/utils-eGXXUFl7.js";
+var To = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], Mo = To.reduce((e, o) => {
+  const t = po(`Primitive.${o}`), r = l.forwardRef((n, i) => {
+    const { asChild: s, ...a } = n, d = s ? t : o;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c(d, { ...a, ref: i });
+  });
+  return r.displayName = `Primitive.${o}`, { ...e, [o]: r };
+}, {}), Do = "Label", et = l.forwardRef((e, o) => /* @__PURE__ */ c(
+  Mo.label,
+  {
+    ...e,
+    ref: o,
+    onMouseDown: (t) => {
+      t.target.closest("button, input, select, textarea") || (e.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+    }
+  }
+));
+et.displayName = Do;
+var Ao = et;
+function fe(e) {
+  const o = l.useRef({ value: e, previous: e });
+  return l.useMemo(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [e]);
+}
+var be = "Switch", [Oo] = ae(be), [Bo, Lo] = Oo(be), tt = l.forwardRef(
+  (e, o) => {
+    const {
+      __scopeSwitch: t,
+      name: r,
+      checked: n,
+      defaultChecked: i,
+      required: s,
+      disabled: a,
+      value: d = "on",
+      onCheckedChange: u,
+      form: m,
+      ...f
+    } = e, [h, v] = l.useState(null), S = _(o, (w) => v(w)), p = l.useRef(!1), g = h ? m || !!h.closest("form") : !0, [b, x] = se({
+      prop: n,
+      defaultProp: i ?? !1,
+      onChange: u,
+      caller: be
+    });
+    return /* @__PURE__ */ R(Bo, { scope: t, checked: b, disabled: a, children: [
+      /* @__PURE__ */ c(
+        E.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": b,
+          "aria-required": s,
+          "data-state": st(b),
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
+          value: d,
+          ...f,
+          ref: S,
+          onClick: N(e.onClick, (w) => {
+            x((C) => !C), g && (p.current = w.isPropagationStopped(), p.current || w.stopPropagation());
+          })
+        }
+      ),
+      g && /* @__PURE__ */ c(
+        rt,
+        {
+          control: h,
+          bubbles: !p.current,
+          name: r,
+          value: d,
+          checked: b,
+          required: s,
+          disabled: a,
+          form: m,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+tt.displayName = be;
+var ot = "SwitchThumb", nt = l.forwardRef(
+  (e, o) => {
+    const { __scopeSwitch: t, ...r } = e, n = Lo(ot, t);
+    return /* @__PURE__ */ c(
+      E.span,
+      {
+        "data-state": st(n.checked),
+        "data-disabled": n.disabled ? "" : void 0,
+        ...r,
+        ref: o
+      }
+    );
+  }
+);
+nt.displayName = ot;
+var Vo = "SwitchBubbleInput", rt = l.forwardRef(
+  ({
+    __scopeSwitch: e,
+    control: o,
+    checked: t,
+    bubbles: r = !0,
+    ...n
+  }, i) => {
+    const s = l.useRef(null), a = _(s, i), d = fe(t), u = Se(o);
+    return l.useEffect(() => {
+      const m = s.current;
+      if (!m) return;
+      const f = window.HTMLInputElement.prototype, v = Object.getOwnPropertyDescriptor(
+        f,
+        "checked"
+      ).set;
+      if (d !== t && v) {
+        const S = new Event("click", { bubbles: r });
+        v.call(m, t), m.dispatchEvent(S);
+      }
+    }, [d, t, r]), /* @__PURE__ */ c(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: t,
+        ...n,
+        tabIndex: -1,
+        ref: a,
+        style: {
+          ...n.style,
+          ...u,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+rt.displayName = Vo;
+function st(e) {
+  return e ? "checked" : "unchecked";
+}
+var Ho = tt, Ko = nt;
+function he(e, [o, t]) {
+  return Math.min(t, Math.max(o, e));
+}
+// @__NO_SIDE_EFFECTS__
+function Fo(e) {
+  const o = /* @__PURE__ */ $o(e), t = l.forwardRef((r, n) => {
+    const { children: i, ...s } = r, a = l.Children.toArray(i), d = a.find(zo);
+    if (d) {
+      const u = d.props.children, m = a.map((f) => f === d ? l.Children.count(u) > 1 ? l.Children.only(null) : l.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ c(o, { ...s, ref: n, children: l.isValidElement(u) ? l.cloneElement(u, void 0, m) : null });
+    }
+    return /* @__PURE__ */ c(o, { ...s, ref: n, children: i });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function $o(e) {
+  const o = l.forwardRef((t, r) => {
+    const { children: n, ...i } = t;
+    if (l.isValidElement(n)) {
+      const s = Wo(n), a = Go(i, n.props);
+      return n.type !== l.Fragment && (a.ref = r ? ho(r, s) : s), l.cloneElement(n, a);
+    }
+    return l.Children.count(n) > 1 ? l.Children.only(null) : null;
+  });
+  return o.displayName = `${e}.SlotClone`, o;
+}
+var Uo = /* @__PURE__ */ Symbol("radix.slottable");
+function zo(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Uo;
+}
+function Go(e, o) {
+  const t = { ...o };
+  for (const r in o) {
+    const n = e[r], i = o[r];
+    /^on[A-Z]/.test(r) ? n && i ? t[r] = (...a) => {
+      const d = i(...a);
+      return n(...a), d;
+    } : n && (t[r] = n) : r === "style" ? t[r] = { ...n, ...i } : r === "className" && (t[r] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function Wo(e) {
+  let o = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = o && "isReactWarning" in o && o.isReactWarning;
+  return t ? e.ref : (o = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = o && "isReactWarning" in o && o.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+var jo = [" ", "Enter", "ArrowUp", "ArrowDown"], qo = [" ", "Enter"], oe = "Select", [xe, we, Yo] = Ze(oe), [ce] = ae(oe, [
+  Yo,
+  Xe
+]), ye = Xe(), [Xo, J] = ce(oe), [Zo, Jo] = ce(oe), it = (e) => {
+  const {
+    __scopeSelect: o,
+    children: t,
+    open: r,
+    defaultOpen: n,
+    onOpenChange: i,
+    value: s,
+    defaultValue: a,
+    onValueChange: d,
+    dir: u,
+    name: m,
+    autoComplete: f,
+    disabled: h,
+    required: v,
+    form: S
+  } = e, p = ye(o), [g, b] = l.useState(null), [x, w] = l.useState(null), [C, M] = l.useState(!1), W = Ke(u), [D, U] = se({
+    prop: r,
+    defaultProp: n ?? !1,
+    onChange: i,
+    caller: oe
+  }), [Y, K] = se({
+    prop: s,
+    defaultProp: a,
+    onChange: d,
+    caller: oe
+  }), I = l.useRef(null), L = g ? S || !!g.closest("form") : !0, [z, G] = l.useState(/* @__PURE__ */ new Set()), F = Array.from(z).map((A) => A.props.value).join(";");
+  return /* @__PURE__ */ c(go, { ...p, children: /* @__PURE__ */ R(
+    Xo,
+    {
+      required: v,
+      scope: o,
+      trigger: g,
+      onTriggerChange: b,
+      valueNode: x,
+      onValueNodeChange: w,
+      valueNodeHasChildren: C,
+      onValueNodeHasChildrenChange: M,
+      contentId: Fe(),
+      value: Y,
+      onValueChange: K,
+      open: D,
+      onOpenChange: U,
+      dir: W,
+      triggerPointerDownPosRef: I,
+      disabled: h,
+      children: [
+        /* @__PURE__ */ c(xe.Provider, { scope: o, children: /* @__PURE__ */ c(
+          Zo,
+          {
+            scope: e.__scopeSelect,
+            onNativeOptionAdd: l.useCallback((A) => {
+              G((V) => new Set(V).add(A));
+            }, []),
+            onNativeOptionRemove: l.useCallback((A) => {
+              G((V) => {
+                const H = new Set(V);
+                return H.delete(A), H;
+              });
+            }, []),
+            children: t
+          }
+        ) }),
+        L ? /* @__PURE__ */ R(
+          It,
+          {
+            "aria-hidden": !0,
+            required: v,
+            tabIndex: -1,
+            name: m,
+            autoComplete: f,
+            value: Y,
+            onChange: (A) => K(A.target.value),
+            disabled: h,
+            form: S,
+            children: [
+              Y === void 0 ? /* @__PURE__ */ c("option", { value: "" }) : null,
+              Array.from(z)
+            ]
+          },
+          F
+        ) : null
+      ]
+    }
+  ) });
+};
+it.displayName = oe;
+var at = "SelectTrigger", ct = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, disabled: r = !1, ...n } = e, i = ye(t), s = J(at, t), a = s.disabled || r, d = _(o, s.onTriggerChange), u = we(t), m = l.useRef("touch"), [f, h, v] = _t((p) => {
+      const g = u().filter((w) => !w.disabled), b = g.find((w) => w.value === s.value), x = Tt(g, p, b);
+      x !== void 0 && s.onValueChange(x.value);
+    }), S = (p) => {
+      a || (s.onOpenChange(!0), v()), p && (s.triggerPointerDownPosRef.current = {
+        x: Math.round(p.pageX),
+        y: Math.round(p.pageY)
+      });
+    };
+    return /* @__PURE__ */ c(vo, { asChild: !0, ...i, children: /* @__PURE__ */ c(
+      E.button,
+      {
+        type: "button",
+        role: "combobox",
+        "aria-controls": s.contentId,
+        "aria-expanded": s.open,
+        "aria-required": s.required,
+        "aria-autocomplete": "none",
+        dir: s.dir,
+        "data-state": s.open ? "open" : "closed",
+        disabled: a,
+        "data-disabled": a ? "" : void 0,
+        "data-placeholder": kt(s.value) ? "" : void 0,
+        ...n,
+        ref: d,
+        onClick: N(n.onClick, (p) => {
+          p.currentTarget.focus(), m.current !== "mouse" && S(p);
+        }),
+        onPointerDown: N(n.onPointerDown, (p) => {
+          m.current = p.pointerType;
+          const g = p.target;
+          g.hasPointerCapture(p.pointerId) && g.releasePointerCapture(p.pointerId), p.button === 0 && p.ctrlKey === !1 && p.pointerType === "mouse" && (S(p), p.preventDefault());
+        }),
+        onKeyDown: N(n.onKeyDown, (p) => {
+          const g = f.current !== "";
+          !(p.ctrlKey || p.altKey || p.metaKey) && p.key.length === 1 && h(p.key), !(g && p.key === " ") && jo.includes(p.key) && (S(), p.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+ct.displayName = at;
+var lt = "SelectValue", dt = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, className: r, style: n, children: i, placeholder: s = "", ...a } = e, d = J(lt, t), { onValueNodeHasChildrenChange: u } = d, m = i !== void 0, f = _(o, d.onValueNodeChange);
+    return Z(() => {
+      u(m);
+    }, [u, m]), /* @__PURE__ */ c(
+      E.span,
+      {
+        ...a,
+        ref: f,
+        style: { pointerEvents: "none" },
+        children: kt(d.value) ? /* @__PURE__ */ c(ve, { children: s }) : i
+      }
+    );
+  }
+);
+dt.displayName = lt;
+var Qo = "SelectIcon", ut = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, children: r, ...n } = e;
+    return /* @__PURE__ */ c(E.span, { "aria-hidden": !0, ...n, ref: o, children: r || "▼" });
+  }
+);
+ut.displayName = Qo;
+var en = "SelectPortal", ft = (e) => /* @__PURE__ */ c(yo, { asChild: !0, ...e });
+ft.displayName = en;
+var ne = "SelectContent", pt = l.forwardRef(
+  (e, o) => {
+    const t = J(ne, e.__scopeSelect), [r, n] = l.useState();
+    if (Z(() => {
+      n(new DocumentFragment());
+    }, []), !t.open) {
+      const i = r;
+      return i ? qe.createPortal(
+        /* @__PURE__ */ c(mt, { scope: e.__scopeSelect, children: /* @__PURE__ */ c(xe.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ c("div", { children: e.children }) }) }),
+        i
+      ) : null;
+    }
+    return /* @__PURE__ */ c(ht, { ...e, ref: o });
+  }
+);
+pt.displayName = ne;
+var q = 10, [mt, Q] = ce(ne), tn = "SelectContentImpl", on = /* @__PURE__ */ Fo("SelectContent.RemoveScroll"), ht = l.forwardRef(
+  (e, o) => {
+    const {
+      __scopeSelect: t,
+      position: r = "item-aligned",
+      onCloseAutoFocus: n,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: s,
+      //
+      // PopperContent props
+      side: a,
+      sideOffset: d,
+      align: u,
+      alignOffset: m,
+      arrowPadding: f,
+      collisionBoundary: h,
+      collisionPadding: v,
+      sticky: S,
+      hideWhenDetached: p,
+      avoidCollisions: g,
+      //
+      ...b
+    } = e, x = J(ne, t), [w, C] = l.useState(null), [M, W] = l.useState(null), D = _(o, (y) => C(y)), [U, Y] = l.useState(null), [K, I] = l.useState(
+      null
+    ), L = we(t), [z, G] = l.useState(!1), F = l.useRef(!1);
+    l.useEffect(() => {
+      if (w) return Ro(w);
+    }, [w]), No();
+    const A = l.useCallback(
+      (y) => {
+        const [O, ...$] = L().map((B) => B.ref.current), [k] = $.slice(-1), T = document.activeElement;
+        for (const B of y)
+          if (B === T || (B?.scrollIntoView({ block: "nearest" }), B === O && M && (M.scrollTop = 0), B === k && M && (M.scrollTop = M.scrollHeight), B?.focus(), document.activeElement !== T)) return;
+      },
+      [L, M]
+    ), V = l.useCallback(
+      () => A([U, w]),
+      [A, U, w]
+    );
+    l.useEffect(() => {
+      z && V();
+    }, [z, V]);
+    const { onOpenChange: H, triggerPointerDownPosRef: j } = x;
+    l.useEffect(() => {
+      if (w) {
+        let y = { x: 0, y: 0 };
+        const O = (k) => {
+          y = {
+            x: Math.abs(Math.round(k.pageX) - (j.current?.x ?? 0)),
+            y: Math.abs(Math.round(k.pageY) - (j.current?.y ?? 0))
+          };
+        }, $ = (k) => {
+          y.x <= 10 && y.y <= 10 ? k.preventDefault() : w.contains(k.target) || H(!1), document.removeEventListener("pointermove", O), j.current = null;
+        };
+        return j.current !== null && (document.addEventListener("pointermove", O), document.addEventListener("pointerup", $, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", O), document.removeEventListener("pointerup", $, { capture: !0 });
+        };
+      }
+    }, [w, H, j]), l.useEffect(() => {
+      const y = () => H(!1);
+      return window.addEventListener("blur", y), window.addEventListener("resize", y), () => {
+        window.removeEventListener("blur", y), window.removeEventListener("resize", y);
+      };
+    }, [H]);
+    const [Pe, pe] = _t((y) => {
+      const O = L().filter((T) => !T.disabled), $ = O.find((T) => T.ref.current === document.activeElement), k = Tt(O, y, $);
+      k && setTimeout(() => k.ref.current.focus());
+    }), Ee = l.useCallback(
+      (y, O, $) => {
+        const k = !F.current && !$;
+        (x.value !== void 0 && x.value === O || k) && (Y(y), k && (F.current = !0));
+      },
+      [x.value]
+    ), Ie = l.useCallback(() => w?.focus(), [w]), re = l.useCallback(
+      (y, O, $) => {
+        const k = !F.current && !$;
+        (x.value !== void 0 && x.value === O || k) && I(y);
+      },
+      [x.value]
+    ), me = r === "popper" ? Me : gt, de = me === Me ? {
+      side: a,
+      sideOffset: d,
+      align: u,
+      alignOffset: m,
+      arrowPadding: f,
+      collisionBoundary: h,
+      collisionPadding: v,
+      sticky: S,
+      hideWhenDetached: p,
+      avoidCollisions: g
+    } : {};
+    return /* @__PURE__ */ c(
+      mt,
+      {
+        scope: t,
+        content: w,
+        viewport: M,
+        onViewportChange: W,
+        itemRefCallback: Ee,
+        selectedItem: U,
+        onItemLeave: Ie,
+        itemTextRefCallback: re,
+        focusSelectedItem: V,
+        selectedItemText: K,
+        position: r,
+        isPositioned: z,
+        searchRef: Pe,
+        children: /* @__PURE__ */ c(Po, { as: on, allowPinchZoom: !0, children: /* @__PURE__ */ c(
+          Eo,
+          {
+            asChild: !0,
+            trapped: x.open,
+            onMountAutoFocus: (y) => {
+              y.preventDefault();
+            },
+            onUnmountAutoFocus: N(n, (y) => {
+              x.trigger?.focus({ preventScroll: !0 }), y.preventDefault();
+            }),
+            children: /* @__PURE__ */ c(
+              Co,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: i,
+                onPointerDownOutside: s,
+                onFocusOutside: (y) => y.preventDefault(),
+                onDismiss: () => x.onOpenChange(!1),
+                children: /* @__PURE__ */ c(
+                  me,
+                  {
+                    role: "listbox",
+                    id: x.contentId,
+                    "data-state": x.open ? "open" : "closed",
+                    dir: x.dir,
+                    onContextMenu: (y) => y.preventDefault(),
+                    ...b,
+                    ...de,
+                    onPlaced: () => G(!0),
+                    ref: D,
+                    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",
+                      ...b.style
+                    },
+                    onKeyDown: N(b.onKeyDown, (y) => {
+                      const O = y.ctrlKey || y.altKey || y.metaKey;
+                      if (y.key === "Tab" && y.preventDefault(), !O && y.key.length === 1 && pe(y.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(y.key)) {
+                        let k = L().filter((T) => !T.disabled).map((T) => T.ref.current);
+                        if (["ArrowUp", "End"].includes(y.key) && (k = k.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(y.key)) {
+                          const T = y.target, B = k.indexOf(T);
+                          k = k.slice(B + 1);
+                        }
+                        setTimeout(() => A(k)), y.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+ht.displayName = tn;
+var nn = "SelectItemAlignedPosition", gt = l.forwardRef((e, o) => {
+  const { __scopeSelect: t, onPlaced: r, ...n } = e, i = J(ne, t), s = Q(ne, t), [a, d] = l.useState(null), [u, m] = l.useState(null), f = _(o, (D) => m(D)), h = we(t), v = l.useRef(!1), S = l.useRef(!0), { viewport: p, selectedItem: g, selectedItemText: b, focusSelectedItem: x } = s, w = l.useCallback(() => {
+    if (i.trigger && i.valueNode && a && u && p && g && b) {
+      const D = i.trigger.getBoundingClientRect(), U = u.getBoundingClientRect(), Y = i.valueNode.getBoundingClientRect(), K = b.getBoundingClientRect();
+      if (i.dir !== "rtl") {
+        const T = K.left - U.left, B = Y.left - T, ee = D.left - B, te = D.width + ee, ke = Math.max(te, U.width), _e = window.innerWidth - q, Te = he(B, [
+          q,
+          // Prevents the content from going off the starting edge of the
+          // viewport. It may still go off the ending edge, but this can be
+          // controlled by the user since they may want to manage overflow in a
+          // specific way.
+          // https://github.com/radix-ui/primitives/issues/2049
+          Math.max(q, _e - ke)
+        ]);
+        a.style.minWidth = te + "px", a.style.left = Te + "px";
+      } else {
+        const T = U.right - K.right, B = window.innerWidth - Y.right - T, ee = window.innerWidth - D.right - B, te = D.width + ee, ke = Math.max(te, U.width), _e = window.innerWidth - q, Te = he(B, [
+          q,
+          Math.max(q, _e - ke)
+        ]);
+        a.style.minWidth = te + "px", a.style.right = Te + "px";
+      }
+      const I = h(), L = window.innerHeight - q * 2, z = p.scrollHeight, G = window.getComputedStyle(u), F = parseInt(G.borderTopWidth, 10), A = parseInt(G.paddingTop, 10), V = parseInt(G.borderBottomWidth, 10), H = parseInt(G.paddingBottom, 10), j = F + A + z + H + V, Pe = Math.min(g.offsetHeight * 5, j), pe = window.getComputedStyle(p), Ee = parseInt(pe.paddingTop, 10), Ie = parseInt(pe.paddingBottom, 10), re = D.top + D.height / 2 - q, me = L - re, de = g.offsetHeight / 2, y = g.offsetTop + de, O = F + A + y, $ = j - O;
+      if (O <= re) {
+        const T = I.length > 0 && g === I[I.length - 1].ref.current;
+        a.style.bottom = "0px";
+        const B = u.clientHeight - p.offsetTop - p.offsetHeight, ee = Math.max(
+          me,
+          de + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (T ? Ie : 0) + B + V
+        ), te = O + ee;
+        a.style.height = te + "px";
+      } else {
+        const T = I.length > 0 && g === I[0].ref.current;
+        a.style.top = "0px";
+        const ee = Math.max(
+          re,
+          F + p.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (T ? Ee : 0) + de
+        ) + $;
+        a.style.height = ee + "px", p.scrollTop = O - re + p.offsetTop;
+      }
+      a.style.margin = `${q}px 0`, a.style.minHeight = Pe + "px", a.style.maxHeight = L + "px", r?.(), requestAnimationFrame(() => v.current = !0);
+    }
+  }, [
+    h,
+    i.trigger,
+    i.valueNode,
+    a,
+    u,
+    p,
+    g,
+    b,
+    i.dir,
+    r
+  ]);
+  Z(() => w(), [w]);
+  const [C, M] = l.useState();
+  Z(() => {
+    u && M(window.getComputedStyle(u).zIndex);
+  }, [u]);
+  const W = l.useCallback(
+    (D) => {
+      D && S.current === !0 && (w(), x?.(), S.current = !1);
+    },
+    [w, x]
+  );
+  return /* @__PURE__ */ c(
+    sn,
+    {
+      scope: t,
+      contentWrapper: a,
+      shouldExpandOnScrollRef: v,
+      onScrollButtonChange: W,
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          ref: d,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: C
+          },
+          children: /* @__PURE__ */ c(
+            E.div,
+            {
+              ...n,
+              ref: f,
+              style: {
+                // When we get the height of the content, it includes borders. If we were to set
+                // the height without having `boxSizing: 'border-box'` it would be too big.
+                boxSizing: "border-box",
+                // We need to ensure the content doesn't get taller than the wrapper
+                maxHeight: "100%",
+                ...n.style
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+gt.displayName = nn;
+var rn = "SelectPopperPosition", Me = l.forwardRef((e, o) => {
+  const {
+    __scopeSelect: t,
+    align: r = "start",
+    collisionPadding: n = q,
+    ...i
+  } = e, s = ye(t);
+  return /* @__PURE__ */ c(
+    So,
+    {
+      ...s,
+      ...i,
+      ref: o,
+      align: r,
+      collisionPadding: n,
+      style: {
+        // Ensure border-box for floating-ui calculations
+        boxSizing: "border-box",
+        ...i.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)"
+      }
+    }
+  );
+});
+Me.displayName = rn;
+var [sn, $e] = ce(ne, {}), De = "SelectViewport", vt = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, nonce: r, ...n } = e, i = Q(De, t), s = $e(De, t), a = _(o, i.onViewportChange), d = l.useRef(0);
+    return /* @__PURE__ */ R(ve, { children: [
+      /* @__PURE__ */ c(
+        "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: r
+        }
+      ),
+      /* @__PURE__ */ c(xe.Slot, { scope: t, children: /* @__PURE__ */ c(
+        E.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...n,
+          ref: a,
+          style: {
+            // we use position: 'relative' here on the `viewport` so that when we call
+            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
+            // (independent of the scrollUpButton).
+            position: "relative",
+            flex: 1,
+            // Viewport should only be scrollable in the vertical direction.
+            // This won't work in vertical writing modes, so we'll need to
+            // revisit this if/when that is supported
+            // https://developer.chrome.com/blog/vertical-form-controls
+            overflow: "hidden auto",
+            ...n.style
+          },
+          onScroll: N(n.onScroll, (u) => {
+            const m = u.currentTarget, { contentWrapper: f, shouldExpandOnScrollRef: h } = s;
+            if (h?.current && f) {
+              const v = Math.abs(d.current - m.scrollTop);
+              if (v > 0) {
+                const S = window.innerHeight - q * 2, p = parseFloat(f.style.minHeight), g = parseFloat(f.style.height), b = Math.max(p, g);
+                if (b < S) {
+                  const x = b + v, w = Math.min(S, x), C = x - w;
+                  f.style.height = w + "px", f.style.bottom === "0px" && (m.scrollTop = C > 0 ? C : 0, f.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            d.current = m.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+vt.displayName = De;
+var St = "SelectGroup", [an, cn] = ce(St), bt = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...r } = e, n = Fe();
+    return /* @__PURE__ */ c(an, { scope: t, id: n, children: /* @__PURE__ */ c(E.div, { role: "group", "aria-labelledby": n, ...r, ref: o }) });
+  }
+);
+bt.displayName = St;
+var xt = "SelectLabel", wt = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...r } = e, n = cn(xt, t);
+    return /* @__PURE__ */ c(E.div, { id: n.id, ...r, ref: o });
+  }
+);
+wt.displayName = xt;
+var ge = "SelectItem", [ln, yt] = ce(ge), Ct = l.forwardRef(
+  (e, o) => {
+    const {
+      __scopeSelect: t,
+      value: r,
+      disabled: n = !1,
+      textValue: i,
+      ...s
+    } = e, a = J(ge, t), d = Q(ge, t), u = a.value === r, [m, f] = l.useState(i ?? ""), [h, v] = l.useState(!1), S = _(
+      o,
+      (x) => d.itemRefCallback?.(x, r, n)
+    ), p = Fe(), g = l.useRef("touch"), b = () => {
+      n || (a.onValueChange(r), a.onOpenChange(!1));
+    };
+    if (r === "")
+      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__ */ c(
+      ln,
+      {
+        scope: t,
+        value: r,
+        disabled: n,
+        textId: p,
+        isSelected: u,
+        onItemTextChange: l.useCallback((x) => {
+          f((w) => w || (x?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ c(
+          xe.ItemSlot,
+          {
+            scope: t,
+            value: r,
+            disabled: n,
+            textValue: m,
+            children: /* @__PURE__ */ c(
+              E.div,
+              {
+                role: "option",
+                "aria-labelledby": p,
+                "data-highlighted": h ? "" : void 0,
+                "aria-selected": u && h,
+                "data-state": u ? "checked" : "unchecked",
+                "aria-disabled": n || void 0,
+                "data-disabled": n ? "" : void 0,
+                tabIndex: n ? void 0 : -1,
+                ...s,
+                ref: S,
+                onFocus: N(s.onFocus, () => v(!0)),
+                onBlur: N(s.onBlur, () => v(!1)),
+                onClick: N(s.onClick, () => {
+                  g.current !== "mouse" && b();
+                }),
+                onPointerUp: N(s.onPointerUp, () => {
+                  g.current === "mouse" && b();
+                }),
+                onPointerDown: N(s.onPointerDown, (x) => {
+                  g.current = x.pointerType;
+                }),
+                onPointerMove: N(s.onPointerMove, (x) => {
+                  g.current = x.pointerType, n ? d.onItemLeave?.() : g.current === "mouse" && x.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: N(s.onPointerLeave, (x) => {
+                  x.currentTarget === document.activeElement && d.onItemLeave?.();
+                }),
+                onKeyDown: N(s.onKeyDown, (x) => {
+                  d.searchRef?.current !== "" && x.key === " " || (qo.includes(x.key) && b(), x.key === " " && x.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Ct.displayName = ge;
+var ue = "SelectItemText", Rt = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, className: r, style: n, ...i } = e, s = J(ue, t), a = Q(ue, t), d = yt(ue, t), u = Jo(ue, t), [m, f] = l.useState(null), h = _(
+      o,
+      (b) => f(b),
+      d.onItemTextChange,
+      (b) => a.itemTextRefCallback?.(b, d.value, d.disabled)
+    ), v = m?.textContent, S = l.useMemo(
+      () => /* @__PURE__ */ c("option", { value: d.value, disabled: d.disabled, children: v }, d.value),
+      [d.disabled, d.value, v]
+    ), { onNativeOptionAdd: p, onNativeOptionRemove: g } = u;
+    return Z(() => (p(S), () => g(S)), [p, g, S]), /* @__PURE__ */ R(ve, { children: [
+      /* @__PURE__ */ c(E.span, { id: d.textId, ...i, ref: h }),
+      d.isSelected && s.valueNode && !s.valueNodeHasChildren ? qe.createPortal(i.children, s.valueNode) : null
+    ] });
+  }
+);
+Rt.displayName = ue;
+var Nt = "SelectItemIndicator", Pt = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...r } = e;
+    return yt(Nt, t).isSelected ? /* @__PURE__ */ c(E.span, { "aria-hidden": !0, ...r, ref: o }) : null;
+  }
+);
+Pt.displayName = Nt;
+var Ae = "SelectScrollUpButton", dn = l.forwardRef((e, o) => {
+  const t = Q(Ae, e.__scopeSelect), r = $e(Ae, e.__scopeSelect), [n, i] = l.useState(!1), s = _(o, r.onScrollButtonChange);
+  return Z(() => {
+    if (t.viewport && t.isPositioned) {
+      let a = function() {
+        const u = d.scrollTop > 0;
+        i(u);
+      };
+      const d = t.viewport;
+      return a(), d.addEventListener("scroll", a), () => d.removeEventListener("scroll", a);
+    }
+  }, [t.viewport, t.isPositioned]), n ? /* @__PURE__ */ c(
+    Et,
+    {
+      ...e,
+      ref: s,
+      onAutoScroll: () => {
+        const { viewport: a, selectedItem: d } = t;
+        a && d && (a.scrollTop = a.scrollTop - d.offsetHeight);
+      }
+    }
+  ) : null;
+});
+dn.displayName = Ae;
+var Oe = "SelectScrollDownButton", un = l.forwardRef((e, o) => {
+  const t = Q(Oe, e.__scopeSelect), r = $e(Oe, e.__scopeSelect), [n, i] = l.useState(!1), s = _(o, r.onScrollButtonChange);
+  return Z(() => {
+    if (t.viewport && t.isPositioned) {
+      let a = function() {
+        const u = d.scrollHeight - d.clientHeight, m = Math.ceil(d.scrollTop) < u;
+        i(m);
+      };
+      const d = t.viewport;
+      return a(), d.addEventListener("scroll", a), () => d.removeEventListener("scroll", a);
+    }
+  }, [t.viewport, t.isPositioned]), n ? /* @__PURE__ */ c(
+    Et,
+    {
+      ...e,
+      ref: s,
+      onAutoScroll: () => {
+        const { viewport: a, selectedItem: d } = t;
+        a && d && (a.scrollTop = a.scrollTop + d.offsetHeight);
+      }
+    }
+  ) : null;
+});
+un.displayName = Oe;
+var Et = l.forwardRef((e, o) => {
+  const { __scopeSelect: t, onAutoScroll: r, ...n } = e, i = Q("SelectScrollButton", t), s = l.useRef(null), a = we(t), d = l.useCallback(() => {
+    s.current !== null && (window.clearInterval(s.current), s.current = null);
+  }, []);
+  return l.useEffect(() => () => d(), [d]), Z(() => {
+    a().find((m) => m.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [a]), /* @__PURE__ */ c(
+    E.div,
+    {
+      "aria-hidden": !0,
+      ...n,
+      ref: o,
+      style: { flexShrink: 0, ...n.style },
+      onPointerDown: N(n.onPointerDown, () => {
+        s.current === null && (s.current = window.setInterval(r, 50));
+      }),
+      onPointerMove: N(n.onPointerMove, () => {
+        i.onItemLeave?.(), s.current === null && (s.current = window.setInterval(r, 50));
+      }),
+      onPointerLeave: N(n.onPointerLeave, () => {
+        d();
+      })
+    }
+  );
+}), fn = "SelectSeparator", pn = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...r } = e;
+    return /* @__PURE__ */ c(E.div, { "aria-hidden": !0, ...r, ref: o });
+  }
+);
+pn.displayName = fn;
+var Be = "SelectArrow", mn = l.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...r } = e, n = ye(t), i = J(Be, t), s = Q(Be, t);
+    return i.open && s.position === "popper" ? /* @__PURE__ */ c(bo, { ...n, ...r, ref: o }) : null;
+  }
+);
+mn.displayName = Be;
+var hn = "SelectBubbleInput", It = l.forwardRef(
+  ({ __scopeSelect: e, value: o, ...t }, r) => {
+    const n = l.useRef(null), i = _(r, n), s = fe(o);
+    return l.useEffect(() => {
+      const a = n.current;
+      if (!a) return;
+      const d = window.HTMLSelectElement.prototype, m = Object.getOwnPropertyDescriptor(
+        d,
+        "value"
+      ).set;
+      if (s !== o && m) {
+        const f = new Event("change", { bubbles: !0 });
+        m.call(a, o), a.dispatchEvent(f);
+      }
+    }, [s, o]), /* @__PURE__ */ c(
+      E.select,
+      {
+        ...t,
+        style: { ...Io, ...t.style },
+        ref: i,
+        defaultValue: o
+      }
+    );
+  }
+);
+It.displayName = hn;
+function kt(e) {
+  return e === "" || e === void 0;
+}
+function _t(e) {
+  const o = mo(e), t = l.useRef(""), r = l.useRef(0), n = l.useCallback(
+    (s) => {
+      const a = t.current + s;
+      o(a), (function d(u) {
+        t.current = u, window.clearTimeout(r.current), u !== "" && (r.current = window.setTimeout(() => d(""), 1e3));
+      })(a);
+    },
+    [o]
+  ), i = l.useCallback(() => {
+    t.current = "", window.clearTimeout(r.current);
+  }, []);
+  return l.useEffect(() => () => window.clearTimeout(r.current), []), [t, n, i];
+}
+function Tt(e, o, t) {
+  const n = o.length > 1 && Array.from(o).every((u) => u === o[0]) ? o[0] : o, i = t ? e.indexOf(t) : -1;
+  let s = gn(e, Math.max(i, 0));
+  n.length === 1 && (s = s.filter((u) => u !== t));
+  const d = s.find(
+    (u) => u.textValue.toLowerCase().startsWith(n.toLowerCase())
+  );
+  return d !== t ? d : void 0;
+}
+function gn(e, o) {
+  return e.map((t, r) => e[(o + r) % e.length]);
+}
+var vn = it, Sn = ct, bn = dt, xn = ut, wn = ft, yn = pt, Cn = vt, Rn = bt, Nn = wt, Pn = Ct, En = Rt, In = Pt, Ce = "Checkbox", [kn] = ae(Ce), [_n, Ue] = kn(Ce);
+function Tn(e) {
+  const {
+    __scopeCheckbox: o,
+    checked: t,
+    children: r,
+    defaultChecked: n,
+    disabled: i,
+    form: s,
+    name: a,
+    onCheckedChange: d,
+    required: u,
+    value: m = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: f
+  } = e, [h, v] = se({
+    prop: t,
+    defaultProp: n ?? !1,
+    onChange: d,
+    caller: Ce
+  }), [S, p] = l.useState(null), [g, b] = l.useState(null), x = l.useRef(!1), w = S ? !!s || !!S.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), C = {
+    checked: h,
+    disabled: i,
+    setChecked: v,
+    control: S,
+    setControl: p,
+    name: a,
+    form: s,
+    value: m,
+    hasConsumerStoppedPropagationRef: x,
+    required: u,
+    defaultChecked: X(n) ? !1 : n,
+    isFormControl: w,
+    bubbleInput: g,
+    setBubbleInput: b
+  };
+  return /* @__PURE__ */ c(
+    _n,
+    {
+      scope: o,
+      ...C,
+      children: Mn(f) ? f(C) : r
+    }
+  );
+}
+var Mt = "CheckboxTrigger", Dt = l.forwardRef(
+  ({ __scopeCheckbox: e, onKeyDown: o, onClick: t, ...r }, n) => {
+    const {
+      control: i,
+      value: s,
+      disabled: a,
+      checked: d,
+      required: u,
+      setControl: m,
+      setChecked: f,
+      hasConsumerStoppedPropagationRef: h,
+      isFormControl: v,
+      bubbleInput: S
+    } = Ue(Mt, e), p = _(n, m), g = l.useRef(d);
+    return l.useEffect(() => {
+      const b = i?.form;
+      if (b) {
+        const x = () => f(g.current);
+        return b.addEventListener("reset", x), () => b.removeEventListener("reset", x);
+      }
+    }, [i, f]), /* @__PURE__ */ c(
+      E.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": X(d) ? "mixed" : d,
+        "aria-required": u,
+        "data-state": Ht(d),
+        "data-disabled": a ? "" : void 0,
+        disabled: a,
+        value: s,
+        ...r,
+        ref: p,
+        onKeyDown: N(o, (b) => {
+          b.key === "Enter" && b.preventDefault();
+        }),
+        onClick: N(t, (b) => {
+          f((x) => X(x) ? !0 : !x), S && v && (h.current = b.isPropagationStopped(), h.current || b.stopPropagation());
+        })
+      }
+    );
+  }
+);
+Dt.displayName = Mt;
+var At = l.forwardRef(
+  (e, o) => {
+    const {
+      __scopeCheckbox: t,
+      name: r,
+      checked: n,
+      defaultChecked: i,
+      required: s,
+      disabled: a,
+      value: d,
+      onCheckedChange: u,
+      form: m,
+      ...f
+    } = e;
+    return /* @__PURE__ */ c(
+      Tn,
+      {
+        __scopeCheckbox: t,
+        checked: n,
+        defaultChecked: i,
+        disabled: a,
+        required: s,
+        onCheckedChange: u,
+        name: r,
+        form: m,
+        value: d,
+        internal_do_not_use_render: ({ isFormControl: h }) => /* @__PURE__ */ R(ve, { children: [
+          /* @__PURE__ */ c(
+            Dt,
+            {
+              ...f,
+              ref: o,
+              __scopeCheckbox: t
+            }
+          ),
+          h && /* @__PURE__ */ c(
+            Vt,
+            {
+              __scopeCheckbox: t
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+At.displayName = Ce;
+var Ot = "CheckboxIndicator", Bt = l.forwardRef(
+  (e, o) => {
+    const { __scopeCheckbox: t, forceMount: r, ...n } = e, i = Ue(Ot, t);
+    return /* @__PURE__ */ c(
+      Ye,
+      {
+        present: r || X(i.checked) || i.checked === !0,
+        children: /* @__PURE__ */ c(
+          E.span,
+          {
+            "data-state": Ht(i.checked),
+            "data-disabled": i.disabled ? "" : void 0,
+            ...n,
+            ref: o,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+Bt.displayName = Ot;
+var Lt = "CheckboxBubbleInput", Vt = l.forwardRef(
+  ({ __scopeCheckbox: e, ...o }, t) => {
+    const {
+      control: r,
+      hasConsumerStoppedPropagationRef: n,
+      checked: i,
+      defaultChecked: s,
+      required: a,
+      disabled: d,
+      name: u,
+      value: m,
+      form: f,
+      bubbleInput: h,
+      setBubbleInput: v
+    } = Ue(Lt, e), S = _(t, v), p = fe(i), g = Se(r);
+    l.useEffect(() => {
+      const x = h;
+      if (!x) return;
+      const w = window.HTMLInputElement.prototype, M = Object.getOwnPropertyDescriptor(
+        w,
+        "checked"
+      ).set, W = !n.current;
+      if (p !== i && M) {
+        const D = new Event("click", { bubbles: W });
+        x.indeterminate = X(i), M.call(x, X(i) ? !1 : i), x.dispatchEvent(D);
+      }
+    }, [h, p, i, n]);
+    const b = l.useRef(X(i) ? !1 : i);
+    return /* @__PURE__ */ c(
+      E.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: s ?? b.current,
+        required: a,
+        disabled: d,
+        name: u,
+        value: m,
+        form: f,
+        ...o,
+        tabIndex: -1,
+        ref: S,
+        style: {
+          ...o.style,
+          ...g,
+          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%)"
+        }
+      }
+    );
+  }
+);
+Vt.displayName = Lt;
+function Mn(e) {
+  return typeof e == "function";
+}
+function X(e) {
+  return e === "indeterminate";
+}
+function Ht(e) {
+  return X(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var ze = "Radio", [Dn, Kt] = ae(ze), [An, On] = Dn(ze), Ft = l.forwardRef(
+  (e, o) => {
+    const {
+      __scopeRadio: t,
+      name: r,
+      checked: n = !1,
+      required: i,
+      disabled: s,
+      value: a = "on",
+      onCheck: d,
+      form: u,
+      ...m
+    } = e, [f, h] = l.useState(null), v = _(o, (g) => h(g)), S = l.useRef(!1), p = f ? u || !!f.closest("form") : !0;
+    return /* @__PURE__ */ R(An, { scope: t, checked: n, disabled: s, children: [
+      /* @__PURE__ */ c(
+        E.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": n,
+          "data-state": Gt(n),
+          "data-disabled": s ? "" : void 0,
+          disabled: s,
+          value: a,
+          ...m,
+          ref: v,
+          onClick: N(e.onClick, (g) => {
+            n || d?.(), p && (S.current = g.isPropagationStopped(), S.current || g.stopPropagation());
+          })
+        }
+      ),
+      p && /* @__PURE__ */ c(
+        zt,
+        {
+          control: f,
+          bubbles: !S.current,
+          name: r,
+          value: a,
+          checked: n,
+          required: i,
+          disabled: s,
+          form: u,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+Ft.displayName = ze;
+var $t = "RadioIndicator", Ut = l.forwardRef(
+  (e, o) => {
+    const { __scopeRadio: t, forceMount: r, ...n } = e, i = On($t, t);
+    return /* @__PURE__ */ c(Ye, { present: r || i.checked, children: /* @__PURE__ */ c(
+      E.span,
+      {
+        "data-state": Gt(i.checked),
+        "data-disabled": i.disabled ? "" : void 0,
+        ...n,
+        ref: o
+      }
+    ) });
+  }
+);
+Ut.displayName = $t;
+var Bn = "RadioBubbleInput", zt = l.forwardRef(
+  ({
+    __scopeRadio: e,
+    control: o,
+    checked: t,
+    bubbles: r = !0,
+    ...n
+  }, i) => {
+    const s = l.useRef(null), a = _(s, i), d = fe(t), u = Se(o);
+    return l.useEffect(() => {
+      const m = s.current;
+      if (!m) return;
+      const f = window.HTMLInputElement.prototype, v = Object.getOwnPropertyDescriptor(
+        f,
+        "checked"
+      ).set;
+      if (d !== t && v) {
+        const S = new Event("click", { bubbles: r });
+        v.call(m, t), m.dispatchEvent(S);
+      }
+    }, [d, t, r]), /* @__PURE__ */ c(
+      E.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: t,
+        ...n,
+        tabIndex: -1,
+        ref: a,
+        style: {
+          ...n.style,
+          ...u,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+zt.displayName = Bn;
+function Gt(e) {
+  return e ? "checked" : "unchecked";
+}
+var Ln = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Re = "RadioGroup", [Vn] = ae(Re, [
+  Je,
+  Kt
+]), Wt = Je(), jt = Kt(), [Hn, Kn] = Vn(Re), qt = l.forwardRef(
+  (e, o) => {
+    const {
+      __scopeRadioGroup: t,
+      name: r,
+      defaultValue: n,
+      value: i,
+      required: s = !1,
+      disabled: a = !1,
+      orientation: d,
+      dir: u,
+      loop: m = !0,
+      onValueChange: f,
+      ...h
+    } = e, v = Wt(t), S = Ke(u), [p, g] = se({
+      prop: i,
+      defaultProp: n ?? null,
+      onChange: f,
+      caller: Re
+    });
+    return /* @__PURE__ */ c(
+      Hn,
+      {
+        scope: t,
+        name: r,
+        required: s,
+        disabled: a,
+        value: p,
+        onValueChange: g,
+        children: /* @__PURE__ */ c(
+          xo,
+          {
+            asChild: !0,
+            ...v,
+            orientation: d,
+            dir: S,
+            loop: m,
+            children: /* @__PURE__ */ c(
+              E.div,
+              {
+                role: "radiogroup",
+                "aria-required": s,
+                "aria-orientation": d,
+                "data-disabled": a ? "" : void 0,
+                dir: S,
+                ...h,
+                ref: o
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+qt.displayName = Re;
+var Yt = "RadioGroupItem", Xt = l.forwardRef(
+  (e, o) => {
+    const { __scopeRadioGroup: t, disabled: r, ...n } = e, i = Kn(Yt, t), s = i.disabled || r, a = Wt(t), d = jt(t), u = l.useRef(null), m = _(o, u), f = i.value === n.value, h = l.useRef(!1);
+    return l.useEffect(() => {
+      const v = (p) => {
+        Ln.includes(p.key) && (h.current = !0);
+      }, S = () => h.current = !1;
+      return document.addEventListener("keydown", v), document.addEventListener("keyup", S), () => {
+        document.removeEventListener("keydown", v), document.removeEventListener("keyup", S);
+      };
+    }, []), /* @__PURE__ */ c(
+      wo,
+      {
+        asChild: !0,
+        ...a,
+        focusable: !s,
+        active: f,
+        children: /* @__PURE__ */ c(
+          Ft,
+          {
+            disabled: s,
+            required: i.required,
+            checked: f,
+            ...d,
+            ...n,
+            name: i.name,
+            ref: m,
+            onCheck: () => i.onValueChange(n.value),
+            onKeyDown: N((v) => {
+              v.key === "Enter" && v.preventDefault();
+            }),
+            onFocus: N(n.onFocus, () => {
+              h.current && u.current?.click();
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Xt.displayName = Yt;
+var Fn = "RadioGroupIndicator", Zt = l.forwardRef(
+  (e, o) => {
+    const { __scopeRadioGroup: t, ...r } = e, n = jt(t);
+    return /* @__PURE__ */ c(Ut, { ...n, ...r, ref: o });
+  }
+);
+Zt.displayName = Fn;
+var $n = qt, Un = Xt, zn = Zt, Jt = ["PageUp", "PageDown"], Qt = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], eo = {
+  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
+  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
+}, le = "Slider", [Le, Gn, Wn] = Ze(le), [to] = ae(le, [
+  Wn
+]), [jn, Ne] = to(le), oo = l.forwardRef(
+  (e, o) => {
+    const {
+      name: t,
+      min: r = 0,
+      max: n = 100,
+      step: i = 1,
+      orientation: s = "horizontal",
+      disabled: a = !1,
+      minStepsBetweenThumbs: d = 0,
+      defaultValue: u = [r],
+      value: m,
+      onValueChange: f = () => {
+      },
+      onValueCommit: h = () => {
+      },
+      inverted: v = !1,
+      form: S,
+      ...p
+    } = e, g = l.useRef(/* @__PURE__ */ new Set()), b = l.useRef(0), w = s === "horizontal" ? qn : Yn, [C = [], M] = se({
+      prop: m,
+      defaultProp: u,
+      onChange: (I) => {
+        [...g.current][b.current]?.focus(), f(I);
+      }
+    }), W = l.useRef(C);
+    function D(I) {
+      const L = er(C, I);
+      K(I, L);
+    }
+    function U(I) {
+      K(I, b.current);
+    }
+    function Y() {
+      const I = W.current[b.current];
+      C[b.current] !== I && h(C);
+    }
+    function K(I, L, { commit: z } = { commit: !1 }) {
+      const G = rr(i), F = sr(Math.round((I - r) / i) * i + r, G), A = he(F, [r, n]);
+      M((V = []) => {
+        const H = Jn(V, A, L);
+        if (nr(H, d * i)) {
+          b.current = H.indexOf(A);
+          const j = String(H) !== String(V);
+          return j && z && h(H), j ? H : V;
+        } else
+          return V;
+      });
+    }
+    return /* @__PURE__ */ c(
+      jn,
+      {
+        scope: e.__scopeSlider,
+        name: t,
+        disabled: a,
+        min: r,
+        max: n,
+        valueIndexToChangeRef: b,
+        thumbs: g.current,
+        values: C,
+        orientation: s,
+        form: S,
+        children: /* @__PURE__ */ c(Le.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ c(Le.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ c(
+          w,
+          {
+            "aria-disabled": a,
+            "data-disabled": a ? "" : void 0,
+            ...p,
+            ref: o,
+            onPointerDown: N(p.onPointerDown, () => {
+              a || (W.current = C);
+            }),
+            min: r,
+            max: n,
+            inverted: v,
+            onSlideStart: a ? void 0 : D,
+            onSlideMove: a ? void 0 : U,
+            onSlideEnd: a ? void 0 : Y,
+            onHomeKeyDown: () => !a && K(r, 0, { commit: !0 }),
+            onEndKeyDown: () => !a && K(n, C.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: I, direction: L }) => {
+              if (!a) {
+                const F = Jt.includes(I.key) || I.shiftKey && Qt.includes(I.key) ? 10 : 1, A = b.current, V = C[A], H = i * F * L;
+                K(V + H, A, { commit: !0 });
+              }
+            }
+          }
+        ) }) })
+      }
+    );
+  }
+);
+oo.displayName = le;
+var [no, ro] = to(le, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), qn = l.forwardRef(
+  (e, o) => {
+    const {
+      min: t,
+      max: r,
+      dir: n,
+      inverted: i,
+      onSlideStart: s,
+      onSlideMove: a,
+      onSlideEnd: d,
+      onStepKeyDown: u,
+      ...m
+    } = e, [f, h] = l.useState(null), v = _(o, (w) => h(w)), S = l.useRef(void 0), p = Ke(n), g = p === "ltr", b = g && !i || !g && i;
+    function x(w) {
+      const C = S.current || f.getBoundingClientRect(), M = [0, C.width], D = Ge(M, b ? [t, r] : [r, t]);
+      return S.current = C, D(w - C.left);
+    }
+    return /* @__PURE__ */ c(
+      no,
+      {
+        scope: e.__scopeSlider,
+        startEdge: b ? "left" : "right",
+        endEdge: b ? "right" : "left",
+        direction: b ? 1 : -1,
+        size: "width",
+        children: /* @__PURE__ */ c(
+          so,
+          {
+            dir: p,
+            "data-orientation": "horizontal",
+            ...m,
+            ref: v,
+            style: {
+              ...m.style,
+              "--radix-slider-thumb-transform": "translateX(-50%)"
+            },
+            onSlideStart: (w) => {
+              const C = x(w.clientX);
+              s?.(C);
+            },
+            onSlideMove: (w) => {
+              const C = x(w.clientX);
+              a?.(C);
+            },
+            onSlideEnd: () => {
+              S.current = void 0, d?.();
+            },
+            onStepKeyDown: (w) => {
+              const M = eo[b ? "from-left" : "from-right"].includes(w.key);
+              u?.({ event: w, direction: M ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), Yn = l.forwardRef(
+  (e, o) => {
+    const {
+      min: t,
+      max: r,
+      inverted: n,
+      onSlideStart: i,
+      onSlideMove: s,
+      onSlideEnd: a,
+      onStepKeyDown: d,
+      ...u
+    } = e, m = l.useRef(null), f = _(o, m), h = l.useRef(void 0), v = !n;
+    function S(p) {
+      const g = h.current || m.current.getBoundingClientRect(), b = [0, g.height], w = Ge(b, v ? [r, t] : [t, r]);
+      return h.current = g, w(p - g.top);
+    }
+    return /* @__PURE__ */ c(
+      no,
+      {
+        scope: e.__scopeSlider,
+        startEdge: v ? "bottom" : "top",
+        endEdge: v ? "top" : "bottom",
+        size: "height",
+        direction: v ? 1 : -1,
+        children: /* @__PURE__ */ c(
+          so,
+          {
+            "data-orientation": "vertical",
+            ...u,
+            ref: f,
+            style: {
+              ...u.style,
+              "--radix-slider-thumb-transform": "translateY(50%)"
+            },
+            onSlideStart: (p) => {
+              const g = S(p.clientY);
+              i?.(g);
+            },
+            onSlideMove: (p) => {
+              const g = S(p.clientY);
+              s?.(g);
+            },
+            onSlideEnd: () => {
+              h.current = void 0, a?.();
+            },
+            onStepKeyDown: (p) => {
+              const b = eo[v ? "from-bottom" : "from-top"].includes(p.key);
+              d?.({ event: p, direction: b ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), so = l.forwardRef(
+  (e, o) => {
+    const {
+      __scopeSlider: t,
+      onSlideStart: r,
+      onSlideMove: n,
+      onSlideEnd: i,
+      onHomeKeyDown: s,
+      onEndKeyDown: a,
+      onStepKeyDown: d,
+      ...u
+    } = e, m = Ne(le, t);
+    return /* @__PURE__ */ c(
+      E.span,
+      {
+        ...u,
+        ref: o,
+        onKeyDown: N(e.onKeyDown, (f) => {
+          f.key === "Home" ? (s(f), f.preventDefault()) : f.key === "End" ? (a(f), f.preventDefault()) : Jt.concat(Qt).includes(f.key) && (d(f), f.preventDefault());
+        }),
+        onPointerDown: N(e.onPointerDown, (f) => {
+          const h = f.target;
+          h.setPointerCapture(f.pointerId), f.preventDefault(), m.thumbs.has(h) ? h.focus() : r(f);
+        }),
+        onPointerMove: N(e.onPointerMove, (f) => {
+          f.target.hasPointerCapture(f.pointerId) && n(f);
+        }),
+        onPointerUp: N(e.onPointerUp, (f) => {
+          const h = f.target;
+          h.hasPointerCapture(f.pointerId) && (h.releasePointerCapture(f.pointerId), i(f));
+        })
+      }
+    );
+  }
+), io = "SliderTrack", ao = l.forwardRef(
+  (e, o) => {
+    const { __scopeSlider: t, ...r } = e, n = Ne(io, t);
+    return /* @__PURE__ */ c(
+      E.span,
+      {
+        "data-disabled": n.disabled ? "" : void 0,
+        "data-orientation": n.orientation,
+        ...r,
+        ref: o
+      }
+    );
+  }
+);
+ao.displayName = io;
+var Ve = "SliderRange", co = l.forwardRef(
+  (e, o) => {
+    const { __scopeSlider: t, ...r } = e, n = Ne(Ve, t), i = ro(Ve, t), s = l.useRef(null), a = _(o, s), d = n.values.length, u = n.values.map(
+      (h) => fo(h, n.min, n.max)
+    ), m = d > 1 ? Math.min(...u) : 0, f = 100 - Math.max(...u);
+    return /* @__PURE__ */ c(
+      E.span,
+      {
+        "data-orientation": n.orientation,
+        "data-disabled": n.disabled ? "" : void 0,
+        ...r,
+        ref: a,
+        style: {
+          ...e.style,
+          [i.startEdge]: m + "%",
+          [i.endEdge]: f + "%"
+        }
+      }
+    );
+  }
+);
+co.displayName = Ve;
+var He = "SliderThumb", lo = l.forwardRef(
+  (e, o) => {
+    const t = Gn(e.__scopeSlider), [r, n] = l.useState(null), i = _(o, (a) => n(a)), s = l.useMemo(
+      () => r ? t().findIndex((a) => a.ref.current === r) : -1,
+      [t, r]
+    );
+    return /* @__PURE__ */ c(Xn, { ...e, ref: i, index: s });
+  }
+), Xn = l.forwardRef(
+  (e, o) => {
+    const { __scopeSlider: t, index: r, name: n, ...i } = e, s = Ne(He, t), a = ro(He, t), [d, u] = l.useState(null), m = _(o, (x) => u(x)), f = d ? s.form || !!d.closest("form") : !0, h = Se(d), v = s.values[r], S = v === void 0 ? 0 : fo(v, s.min, s.max), p = Qn(r, s.values.length), g = h?.[a.size], b = g ? tr(g, S, a.direction) : 0;
+    return l.useEffect(() => {
+      if (d)
+        return s.thumbs.add(d), () => {
+          s.thumbs.delete(d);
+        };
+    }, [d, s.thumbs]), /* @__PURE__ */ R(
+      "span",
+      {
+        style: {
+          transform: "var(--radix-slider-thumb-transform)",
+          position: "absolute",
+          [a.startEdge]: `calc(${S}% + ${b}px)`
+        },
+        children: [
+          /* @__PURE__ */ c(Le.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ c(
+            E.span,
+            {
+              role: "slider",
+              "aria-label": e["aria-label"] || p,
+              "aria-valuemin": s.min,
+              "aria-valuenow": v,
+              "aria-valuemax": s.max,
+              "aria-orientation": s.orientation,
+              "data-orientation": s.orientation,
+              "data-disabled": s.disabled ? "" : void 0,
+              tabIndex: s.disabled ? void 0 : 0,
+              ...i,
+              ref: m,
+              style: v === void 0 ? { display: "none" } : e.style,
+              onFocus: N(e.onFocus, () => {
+                s.valueIndexToChangeRef.current = r;
+              })
+            }
+          ) }),
+          f && /* @__PURE__ */ c(
+            uo,
+            {
+              name: n ?? (s.name ? s.name + (s.values.length > 1 ? "[]" : "") : void 0),
+              form: s.form,
+              value: v
+            },
+            r
+          )
+        ]
+      }
+    );
+  }
+);
+lo.displayName = He;
+var Zn = "RadioBubbleInput", uo = l.forwardRef(
+  ({ __scopeSlider: e, value: o, ...t }, r) => {
+    const n = l.useRef(null), i = _(n, r), s = fe(o);
+    return l.useEffect(() => {
+      const a = n.current;
+      if (!a) return;
+      const d = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(d, "value").set;
+      if (s !== o && m) {
+        const f = new Event("input", { bubbles: !0 });
+        m.call(a, o), a.dispatchEvent(f);
+      }
+    }, [s, o]), /* @__PURE__ */ c(
+      E.input,
+      {
+        style: { display: "none" },
+        ...t,
+        ref: i,
+        defaultValue: o
+      }
+    );
+  }
+);
+uo.displayName = Zn;
+function Jn(e = [], o, t) {
+  const r = [...e];
+  return r[t] = o, r.sort((n, i) => n - i);
+}
+function fo(e, o, t) {
+  const i = 100 / (t - o) * (e - o);
+  return he(i, [0, 100]);
+}
+function Qn(e, o) {
+  return o > 2 ? `Value ${e + 1} of ${o}` : o === 2 ? ["Minimum", "Maximum"][e] : void 0;
+}
+function er(e, o) {
+  if (e.length === 1) return 0;
+  const t = e.map((n) => Math.abs(n - o)), r = Math.min(...t);
+  return t.indexOf(r);
+}
+function tr(e, o, t) {
+  const r = e / 2, i = Ge([0, 50], [0, r]);
+  return (r - i(o) * t) * t;
+}
+function or(e) {
+  return e.slice(0, -1).map((o, t) => e[t + 1] - o);
+}
+function nr(e, o) {
+  if (o > 0) {
+    const t = or(e);
+    return Math.min(...t) >= o;
+  }
+  return !0;
+}
+function Ge(e, o) {
+  return (t) => {
+    if (e[0] === e[1] || o[0] === o[1]) return o[0];
+    const r = (o[1] - o[0]) / (e[1] - e[0]);
+    return o[0] + r * (t - e[0]);
+  };
+}
+function rr(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function sr(e, o) {
+  const t = Math.pow(10, o);
+  return Math.round(e * t) / t;
+}
+var ir = oo, ar = ao, cr = co, lr = lo;
+function ie({ className: e, ...o }) {
+  return /* @__PURE__ */ c(
+    Ao,
+    {
+      className: P(
+        "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1.5 block",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function Cr({ label: e, error: o, icon: t, iconPosition: r = "left", prefix: n, suffix: i, className: s, type: a, ...d }) {
+  const u = a === "password", [m, f] = l.useState(!1), h = u ? m ? "text" : "password" : a, v = t && r === "left", S = t && r === "right";
+  return /* @__PURE__ */ R("div", { className: P("flex flex-col gap-1"), children: [
+    e && /* @__PURE__ */ c(ie, { children: e }),
+    /* @__PURE__ */ R(
+      "div",
+      {
+        className: P(
+          "flex items-center gap-2 bg-secondary border rounded-md px-3 text-sm transition-all",
+          "focus-within:border-primary focus-within:ring-2 focus-within:ring-ring",
+          o ? "border-destructive" : "border-border"
+        ),
+        children: [
+          v && /* @__PURE__ */ c(t, { size: 16, className: "text-muted-foreground shrink-0" }),
+          n && /* @__PURE__ */ c("span", { className: "text-muted-foreground shrink-0", children: n }),
+          /* @__PURE__ */ c(
+            "input",
+            {
+              type: h,
+              className: P(
+                "flex-1 min-w-0 bg-transparent py-2 text-foreground placeholder:text-muted-foreground outline-none",
+                s
+              ),
+              ...d
+            }
+          ),
+          i && !u && /* @__PURE__ */ c("span", { className: "text-muted-foreground shrink-0", children: i }),
+          S && !u && /* @__PURE__ */ c(t, { size: 16, className: "text-muted-foreground shrink-0" }),
+          u && /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: () => f(!m),
+              className: "text-muted-foreground hover:text-foreground cursor-pointer shrink-0 flex items-center",
+              children: m ? /* @__PURE__ */ c(ko, { size: 16 }) : /* @__PURE__ */ c(_o, { size: 16 })
+            }
+          )
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ c("span", { className: "text-xs text-destructive", children: o })
+  ] });
+}
+function Rr({ label: e, placeholder: o, children: t, className: r, native: n, clearable: i, ...s }) {
+  const { value: a, onValueChange: d, disabled: u } = s, [m, f] = l.useState(0), h = a !== void 0 && a !== "", v = (S) => {
+    S.stopPropagation(), d?.(""), f((p) => p + 1);
+  };
+  if (n) {
+    const { defaultValue: S } = s;
+    return /* @__PURE__ */ R("div", { className: "flex flex-col gap-1", children: [
+      e && /* @__PURE__ */ c(ie, { children: e }),
+      /* @__PURE__ */ R("div", { className: P(
+        "flex items-center gap-2 bg-secondary border border-border rounded-md px-3 text-sm transition-all",
+        "focus-within:border-primary focus-within:ring-2 focus-within:ring-ring",
+        r
+      ), children: [
+        /* @__PURE__ */ R(
+          "select",
+          {
+            value: a,
+            defaultValue: S,
+            onChange: d ? (p) => d(p.target.value) : void 0,
+            disabled: u,
+            className: "flex-1 min-w-0 bg-transparent py-2 text-foreground outline-none cursor-pointer appearance-none",
+            children: [
+              o && /* @__PURE__ */ c("option", { value: "", disabled: !i, hidden: !i, children: o }),
+              t
+            ]
+          }
+        ),
+        i && h ? /* @__PURE__ */ c("button", { type: "button", onClick: v, className: "text-muted-foreground hover:text-foreground cursor-pointer bg-transparent border-none p-0 shrink-0", children: /* @__PURE__ */ c(We, { size: 14 }) }) : /* @__PURE__ */ c(je, { size: 16, className: "text-muted-foreground shrink-0 pointer-events-none" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ R("div", { className: "flex flex-col gap-1", children: [
+    e && /* @__PURE__ */ c(ie, { children: e }),
+    /* @__PURE__ */ R("div", { className: "relative", children: [
+      /* @__PURE__ */ R(vn, { ...s, value: h ? a : void 0, children: [
+        /* @__PURE__ */ R(
+          Sn,
+          {
+            className: P(
+              "flex items-center gap-2 w-full bg-secondary border border-border rounded-md px-3 py-2 text-sm text-foreground transition-all cursor-pointer",
+              "focus:border-primary focus:ring-2 focus:ring-ring",
+              "data-[placeholder]:text-muted-foreground",
+              i && h ? "pr-8" : "",
+              r
+            ),
+            children: [
+              /* @__PURE__ */ c("span", { className: "flex-1 text-left truncate", children: /* @__PURE__ */ c(bn, { placeholder: o }) }),
+              !(i && h) && /* @__PURE__ */ c(xn, { children: /* @__PURE__ */ c(je, { size: 16, className: "text-muted-foreground" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c(wn, { children: /* @__PURE__ */ c(
+          yn,
+          {
+            position: "popper",
+            sideOffset: 4,
+            className: P(
+              "z-50 max-h-[300px] min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-md border border-border bg-card/95 backdrop-blur-md shadow-lg",
+              "animate-in fade-in-0 zoom-in-95"
+            ),
+            children: /* @__PURE__ */ c(Cn, { className: "p-1", children: t })
+          }
+        ) })
+      ] }, m),
+      i && h && /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: v,
+          disabled: u,
+          className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 text-muted-foreground hover:text-foreground cursor-pointer bg-transparent border-none rounded-sm transition-colors",
+          children: /* @__PURE__ */ c(We, { size: 14 })
+        }
+      )
+    ] })
+  ] });
+}
+function Nr({ children: e, className: o, ...t }) {
+  return /* @__PURE__ */ R(
+    Pn,
+    {
+      className: P(
+        "flex items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground cursor-pointer select-none outline-none transition-colors",
+        "data-[highlighted]:bg-primary/10 data-[highlighted]:text-foreground",
+        "data-[disabled]:opacity-50 data-[disabled]:pointer-events-none",
+        o
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ c(En, { children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: e }) }),
+        /* @__PURE__ */ c(In, { children: /* @__PURE__ */ c(Qe, { size: 14, className: "text-primary shrink-0" }) })
+      ]
+    }
+  );
+}
+function Pr({ children: e, label: o, ...t }) {
+  return /* @__PURE__ */ R(Rn, { ...t, children: [
+    o && /* @__PURE__ */ c(Nn, { className: "px-2 py-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: o }),
+    e
+  ] });
+}
+function Er({ label: e, description: o, checked: t, onChange: r, disabled: n, labelPosition: i = "right", className: s }) {
+  const a = /* @__PURE__ */ c(
+    Ho,
+    {
+      checked: t,
+      onCheckedChange: r,
+      disabled: n,
+      className: P(
+        "relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "data-[state=checked]:bg-primary data-[state=unchecked]:bg-secondary",
+        "disabled:cursor-not-allowed disabled:opacity-50"
+      ),
+      children: /* @__PURE__ */ c(
+        Ko,
+        {
+          className: P(
+            "pointer-events-none block h-4 w-4 rounded-full shadow-lg transition-transform",
+            "data-[state=checked]:translate-x-4 data-[state=checked]:bg-primary-foreground",
+            "data-[state=unchecked]:translate-x-0 data-[state=unchecked]:bg-muted-foreground"
+          )
+        }
+      )
+    }
+  ), d = e || o ? /* @__PURE__ */ R("div", { className: "flex flex-col gap-0.5", children: [
+    e && /* @__PURE__ */ c("span", { className: P("text-sm text-foreground", n && "opacity-50"), children: e }),
+    o && /* @__PURE__ */ c("span", { className: P("text-xs text-muted-foreground", n && "opacity-50"), children: o })
+  ] }) : null;
+  return /* @__PURE__ */ R("label", { className: P("inline-flex items-center gap-3", n ? "cursor-not-allowed" : "cursor-pointer", s), children: [
+    i === "left" && d,
+    a,
+    i === "right" && d
+  ] });
+}
+function Ir({ label: e, description: o, checked: t, onChange: r, disabled: n, labelPosition: i = "right", className: s }) {
+  const a = /* @__PURE__ */ c(
+    At,
+    {
+      checked: t,
+      onCheckedChange: r,
+      disabled: n,
+      className: P(
+        "mt-0.5 h-4 w-4 shrink-0 rounded-sm border border-border bg-secondary transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "data-[state=checked]:bg-primary data-[state=checked]:border-primary",
+        "disabled:cursor-not-allowed disabled:opacity-50"
+      ),
+      children: /* @__PURE__ */ c(Bt, { className: "flex items-center justify-center text-primary-foreground", children: /* @__PURE__ */ c(Qe, { size: 12, strokeWidth: 3 }) })
+    }
+  ), d = e || o ? /* @__PURE__ */ R("div", { className: "flex flex-col gap-0.5", children: [
+    e && /* @__PURE__ */ c("span", { className: P("text-sm text-foreground", n && "opacity-50"), children: e }),
+    o && /* @__PURE__ */ c("span", { className: P("text-xs text-muted-foreground", n && "opacity-50"), children: o })
+  ] }) : null;
+  return /* @__PURE__ */ R("label", { className: P("inline-flex items-start gap-3", n ? "cursor-not-allowed" : "cursor-pointer", s), children: [
+    i === "left" && d,
+    a,
+    i === "right" && d
+  ] });
+}
+function kr({ label: e, value: o, onValueChange: t, disabled: r, className: n, children: i }) {
+  return /* @__PURE__ */ R("div", { className: "flex flex-col gap-1", children: [
+    e && /* @__PURE__ */ c(ie, { children: e }),
+    /* @__PURE__ */ c(
+      $n,
+      {
+        value: o,
+        onValueChange: t,
+        disabled: r,
+        className: P("flex flex-col gap-2", n),
+        children: i
+      }
+    )
+  ] });
+}
+function _r({ value: e, label: o, description: t, disabled: r, className: n }) {
+  return /* @__PURE__ */ R("label", { className: P("inline-flex items-start gap-3", r ? "cursor-not-allowed" : "cursor-pointer", n), children: [
+    /* @__PURE__ */ c(
+      Un,
+      {
+        value: e,
+        disabled: r,
+        className: P(
+          "mt-0.5 h-4 w-4 shrink-0 rounded-full border border-border bg-secondary transition-colors",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+          "data-[state=checked]:border-primary",
+          "disabled:cursor-not-allowed disabled:opacity-50"
+        ),
+        children: /* @__PURE__ */ c(zn, { className: "flex items-center justify-center", children: /* @__PURE__ */ c("span", { className: "block h-2 w-2 rounded-full bg-primary" }) })
+      }
+    ),
+    (o || t) && /* @__PURE__ */ R("div", { className: "flex flex-col gap-0.5", children: [
+      o && /* @__PURE__ */ c("span", { className: P("text-sm text-foreground", r && "opacity-50"), children: o }),
+      t && /* @__PURE__ */ c("span", { className: P("text-xs text-muted-foreground", r && "opacity-50"), children: t })
+    ] })
+  ] });
+}
+function Tr({ label: e, value: o, onValueChange: t, min: r = 0, max: n = 100, step: i = 1, disabled: s, renderValue: a, className: d, ...u }) {
+  const m = a || String, f = o !== void 0 ? o.length > 1 ? `${m(o[0])} – ${m(o[1])}` : m(o[0]) : null;
+  return /* @__PURE__ */ R("div", { className: P("flex flex-col gap-2", d), children: [
+    (e || f) && /* @__PURE__ */ R("div", { className: "flex items-center justify-between", children: [
+      e && /* @__PURE__ */ c(ie, { children: e }),
+      f && /* @__PURE__ */ c("span", { className: "text-sm text-muted-foreground font-mono", children: f })
+    ] }),
+    /* @__PURE__ */ R(
+      ir,
+      {
+        value: o,
+        onValueChange: t,
+        min: r,
+        max: n,
+        step: i,
+        disabled: s,
+        className: P(
+          "relative flex w-full touch-none select-none items-center",
+          s && "opacity-50 cursor-not-allowed"
+        ),
+        ...u,
+        children: [
+          /* @__PURE__ */ c(ar, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ c(cr, { className: "absolute h-full bg-primary" }) }),
+          (o || [0]).map((h, v) => /* @__PURE__ */ c(
+            lr,
+            {
+              className: P(
+                "block h-4 w-4 rounded-full border-2 border-primary bg-background shadow-md transition-colors",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                !s && "cursor-grab active:cursor-grabbing"
+              )
+            },
+            v
+          ))
+        ]
+      }
+    )
+  ] });
+}
+function Mr({ label: e, error: o, icon: t, iconPosition: r = "left", prefix: n, suffix: i, className: s, ...a }) {
+  const d = t && r === "left", u = t && r === "right";
+  return /* @__PURE__ */ R("div", { className: "flex flex-col gap-1", children: [
+    e && /* @__PURE__ */ c(ie, { children: e }),
+    t || n || i ? /* @__PURE__ */ R(
+      "div",
+      {
+        className: P(
+          "flex items-start gap-2 bg-secondary border rounded-md pl-3 text-sm transition-all",
+          "focus-within:border-primary focus-within:ring-2 focus-within:ring-ring",
+          o ? "border-destructive" : "border-border"
+        ),
+        children: [
+          d && /* @__PURE__ */ c(t, { size: 16, className: "text-muted-foreground shrink-0 mt-2.5" }),
+          n && /* @__PURE__ */ c("span", { className: "text-muted-foreground shrink-0 mt-2", children: n }),
+          /* @__PURE__ */ c(
+            "textarea",
+            {
+              className: P(
+                "flex-1 min-w-0 bg-transparent py-2 pr-3 text-foreground placeholder:text-muted-foreground outline-none resize-y min-h-[100px]",
+                s
+              ),
+              ...a
+            }
+          ),
+          i && /* @__PURE__ */ c("span", { className: "text-muted-foreground shrink-0 mt-2", children: i }),
+          u && /* @__PURE__ */ c(t, { size: 16, className: "text-muted-foreground shrink-0 mt-2.5" })
+        ]
+      }
+    ) : /* @__PURE__ */ c(
+      "textarea",
+      {
+        className: P(
+          "w-full bg-secondary border rounded-md px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground outline-none transition-all resize-y min-h-[100px]",
+          "focus:border-primary focus:ring-2 focus:ring-ring",
+          o ? "border-destructive" : "border-border",
+          s
+        ),
+        ...a
+      }
+    ),
+    o && /* @__PURE__ */ c("span", { className: "text-xs text-destructive", children: o })
+  ] });
+}
+export {
+  Ir as Checkbox,
+  Cr as Input,
+  ie as Label,
+  kr as RadioGroup,
+  _r as RadioGroupItem,
+  Rr as Select,
+  Pr as SelectGroup,
+  Nr as SelectItem,
+  Tr as Slider,
+  Mr as Textarea,
+  Er as Toggle
+};