@velocityuikit/velocityui 0.1.10

package/dist/index.js

@@ -0,0 +1,2259 @@
+import { jsxs as h, jsx as e, Fragment as He } from "react/jsx-runtime";
+import j, { useRef as A, useEffect as pe, useState as S, useId as Ie, useCallback as ve, useContext as et, createContext as tt } from "react";
+import { createPortal as Te } from "react-dom";
+const nt = "_button_u2ihs_1", ot = "_loading_u2ihs_51", rt = "_sm_u2ihs_65", st = "_md_u2ihs_77", at = "_lg_u2ihs_89", it = "_primary_u2ihs_103", lt = "_secondary_u2ihs_129", ct = "_outline_u2ihs_155", dt = "_ghost_u2ihs_179", _t = "_danger_u2ihs_201", ut = "_fullWidth_u2ihs_227", pt = "_spinner_u2ihs_237", ht = "_spin_u2ihs_237", ie = {
+  button: nt,
+  loading: ot,
+  sm: rt,
+  md: st,
+  lg: at,
+  primary: it,
+  secondary: lt,
+  outline: ct,
+  ghost: dt,
+  danger: _t,
+  fullWidth: ut,
+  spinner: pt,
+  spin: ht
+}, mt = j.forwardRef(
+  ({
+    variant: t = "primary",
+    size: o = "md",
+    loading: n = !1,
+    fullWidth: r = !1,
+    leftIcon: s,
+    rightIcon: a,
+    children: l,
+    className: i,
+    disabled: c,
+    ..._
+  }, p) => {
+    const m = [
+      ie.button,
+      ie[t],
+      ie[o],
+      r ? ie.fullWidth : "",
+      n ? ie.loading : "",
+      i ?? ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ h(
+      "button",
+      {
+        ref: p,
+        className: m,
+        disabled: c || n,
+        "aria-busy": n,
+        ..._,
+        children: [
+          n && /* @__PURE__ */ e("span", { className: ie.spinner, "aria-hidden": "true" }),
+          !n && s && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: s }),
+          l,
+          !n && a && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: a })
+        ]
+      }
+    );
+  }
+);
+mt.displayName = "Button";
+const ft = "_wrapper_1bqzb_1", bt = "_label_1bqzb_15", gt = "_required_1bqzb_29", vt = "_inputWrapper_1bqzb_39", wt = "_input_1bqzb_39", $t = "_error_1bqzb_109", kt = "_sm_1bqzb_127", Nt = "_md_1bqzb_139", yt = "_lg_1bqzb_151", xt = "_hasLeft_1bqzb_165", Lt = "_hasRight_1bqzb_173", Bt = "_iconLeft_1bqzb_181", jt = "_iconRight_1bqzb_183", It = "_hint_1bqzb_221", qt = "_errorText_1bqzb_233", zt = "_floatingWrapper_1bqzb_249", Ct = "_inputFloating_1bqzb_259", Et = "_floatingLabelEl_1bqzb_297", Wt = "_floatingLabelSm_1bqzb_329", Tt = "_floatingLabelMd_1bqzb_331", Rt = "_floatingLabelLg_1bqzb_333", Mt = "_floatingLabelWithLeft_1bqzb_339", Dt = "_floatingLabelError_1bqzb_379", B = {
+  wrapper: ft,
+  label: bt,
+  required: gt,
+  inputWrapper: vt,
+  input: wt,
+  error: $t,
+  sm: kt,
+  md: Nt,
+  lg: yt,
+  hasLeft: xt,
+  hasRight: Lt,
+  iconLeft: Bt,
+  iconRight: jt,
+  hint: It,
+  errorText: qt,
+  floatingWrapper: zt,
+  inputFloating: Ct,
+  floatingLabelEl: Et,
+  floatingLabelSm: Wt,
+  floatingLabelMd: Tt,
+  floatingLabelLg: Rt,
+  floatingLabelWithLeft: Mt,
+  floatingLabelError: Dt
+}, St = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
+  "path",
+  {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+  }
+) }), Ft = j.forwardRef(
+  ({
+    label: t,
+    size: o = "md",
+    error: n,
+    hint: r,
+    leftIcon: s,
+    rightIcon: a,
+    search: l = !1,
+    searchIcon: i,
+    searchIconPosition: c = "left",
+    leftIconClassName: _,
+    rightIconClassName: p,
+    required: m,
+    fullWidth: d,
+    floatingLabel: f,
+    className: g,
+    id: u,
+    placeholder: v,
+    ...w
+  }, L) => {
+    const $ = u ?? (t ? `vui-input-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0), C = $ ? `${$}-error` : void 0, y = $ ? `${$}-hint` : void 0, U = l || !!i, K = i ?? /* @__PURE__ */ e(St, {});
+    let k = s, N = a, P = !1, G = !1;
+    U && (c === "right" ? N || (N = K, G = !0) : k || (k = K, P = !0));
+    const se = [
+      B.input,
+      B[o],
+      f ? B.inputFloating : "",
+      n ? B.error : "",
+      k ? B.hasLeft : "",
+      N ? B.hasRight : "",
+      g ?? ""
+    ].filter(Boolean).join(" "), we = [
+      B.floatingLabelEl,
+      B[`floatingLabel${o.charAt(0).toUpperCase() + o.slice(1)}`],
+      k ? B.floatingLabelWithLeft : "",
+      n ? B.floatingLabelError : ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ h("div", { className: B.wrapper, children: [
+      t && !f && /* @__PURE__ */ h("label", { htmlFor: $, className: B.label, children: [
+        t,
+        m && /* @__PURE__ */ e("span", { className: B.required, "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ h("div", { className: `${B.inputWrapper}${f ? ` ${B.floatingWrapper}` : ""}`, children: [
+        k && /* @__PURE__ */ e(
+          "span",
+          {
+            className: [B.iconLeft, _ ?? ""].filter(Boolean).join(" "),
+            "data-slot": "left-icon",
+            "data-search-icon": P ? "true" : void 0,
+            "aria-hidden": "true",
+            children: k
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: L,
+            id: $,
+            className: se,
+            required: m,
+            "aria-invalid": !!n,
+            "aria-describedby": [n ? C : null, r ? y : null].filter(Boolean).join(" ") || void 0,
+            placeholder: f ? " " : v,
+            ...w
+          }
+        ),
+        t && f && /* @__PURE__ */ h("label", { htmlFor: $, className: we, children: [
+          t,
+          m && /* @__PURE__ */ e("span", { className: B.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        N && /* @__PURE__ */ e(
+          "span",
+          {
+            className: [B.iconRight, p ?? ""].filter(Boolean).join(" "),
+            "data-slot": "right-icon",
+            "data-search-icon": G ? "true" : void 0,
+            "aria-hidden": "true",
+            children: N
+          }
+        )
+      ] }),
+      n && /* @__PURE__ */ e("span", { id: C, className: B.errorText, role: "alert", children: n }),
+      r && !n && /* @__PURE__ */ e("span", { id: y, className: B.hint, children: r })
+    ] });
+  }
+);
+Ft.displayName = "Input";
+const At = "_title_3f7c8_1", Ht = "_xs_3f7c8_17", Ot = "_sm_3f7c8_27", Ut = "_md_3f7c8_37", Pt = "_lg_3f7c8_47", Vt = "_xl_3f7c8_57", Xt = "_xxl_3f7c8_67", Yt = "_light_3f7c8_79", Kt = "_normal_3f7c8_87", Gt = "_medium_3f7c8_95", Jt = "_semibold_3f7c8_103", Qt = "_bold_3f7c8_111", Zt = "_extrabold_3f7c8_119", en = "_left_3f7c8_129", tn = "_center_3f7c8_137", nn = "_right_3f7c8_145", on = "_muted_3f7c8_163", rn = "_primary_3f7c8_171", sn = "_gradient_3f7c8_179", fe = {
+  title: At,
+  xs: Ht,
+  sm: Ot,
+  md: Ut,
+  lg: Pt,
+  xl: Vt,
+  xxl: Xt,
+  light: Yt,
+  normal: Kt,
+  medium: Gt,
+  semibold: Jt,
+  bold: Qt,
+  extrabold: Zt,
+  left: en,
+  center: tn,
+  right: nn,
+  default: "_default_3f7c8_155",
+  muted: on,
+  primary: rn,
+  gradient: sn
+}, an = {
+  h1: "xxl",
+  h2: "xl",
+  h3: "lg",
+  h4: "md",
+  h5: "sm",
+  h6: "xs"
+}, Al = ({
+  as: t,
+  level: o = "h1",
+  size: n,
+  weight: r = "bold",
+  align: s = "left",
+  color: a = "default",
+  children: l,
+  className: i,
+  ...c
+}) => {
+  const _ = t ?? o, p = n ?? an[_], m = [
+    fe.title,
+    fe[p],
+    fe[r],
+    fe[s],
+    fe[a],
+    i ?? ""
+  ].filter(Boolean).join(" ");
+  return j.createElement(_, { className: m, ...c }, l);
+}, ln = "_badge_26q6t_1", cn = "_sm_26q6t_27", dn = "_md_26q6t_37", _n = "_lg_26q6t_47", un = "_info_26q6t_71", pn = "_success_26q6t_83", hn = "_warning_26q6t_95", mn = "_danger_26q6t_107", fn = "_primary_26q6t_119", bn = "_dot_26q6t_133", xe = {
+  badge: ln,
+  sm: cn,
+  md: dn,
+  lg: _n,
+  default: "_default_26q6t_59",
+  info: un,
+  success: pn,
+  warning: hn,
+  danger: mn,
+  primary: fn,
+  dot: bn
+}, Hl = ({
+  variant: t = "default",
+  size: o = "md",
+  dot: n = !1,
+  leftIcon: r,
+  children: s,
+  className: a,
+  ...l
+}) => {
+  const i = [
+    xe.badge,
+    xe[t],
+    xe[o],
+    a ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("span", { className: i, ...l, children: [
+    n && /* @__PURE__ */ e("span", { className: xe.dot, "aria-hidden": "true" }),
+    !n && r && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: r }),
+    s
+  ] });
+}, gn = "_card_pl1wm_1", vn = "_bordered_pl1wm_21", wn = "_shadow_pl1wm_29", $n = "_elevated_pl1wm_37", kn = "_ghost_pl1wm_45", Nn = "_sm_pl1wm_57", yn = "_cardHeader_pl1wm_57", xn = "_cardBody_pl1wm_59", Ln = "_cardFooter_pl1wm_61", Bn = "_md_pl1wm_69", jn = "_lg_pl1wm_81", In = "_hoverable_pl1wm_143", re = {
+  card: gn,
+  bordered: vn,
+  shadow: wn,
+  elevated: $n,
+  ghost: kn,
+  sm: Nn,
+  cardHeader: yn,
+  cardBody: xn,
+  cardFooter: Ln,
+  md: Bn,
+  lg: jn,
+  hoverable: In
+}, Oe = ({ children: t, className: o, ...n }) => /* @__PURE__ */ e("div", { className: `${re.cardHeader} ${o ?? ""}`, ...n, children: t });
+Oe.displayName = "Card.Header";
+const Ue = ({ children: t, className: o, ...n }) => /* @__PURE__ */ e("div", { className: `${re.cardBody} ${o ?? ""}`, ...n, children: t });
+Ue.displayName = "Card.Body";
+const Pe = ({ children: t, className: o, ...n }) => /* @__PURE__ */ e("div", { className: `${re.cardFooter} ${o ?? ""}`, ...n, children: t });
+Pe.displayName = "Card.Footer";
+const qn = ({
+  variant: t = "bordered",
+  size: o = "md",
+  hoverable: n = !1,
+  children: r,
+  className: s,
+  ...a
+}) => {
+  const l = [
+    re.card,
+    re[t],
+    re[o],
+    n ? re.hoverable : "",
+    s ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: l, ...a, children: r });
+}, qe = qn;
+qe.Header = Oe;
+qe.Body = Ue;
+qe.Footer = Pe;
+qe.displayName = "Card";
+const zn = "_wrapper_1xu0d_1", Cn = "_wrapperFullWidth_1xu0d_7", En = "_label_1xu0d_11", Wn = "_required_1xu0d_18", Tn = "_textarea_1xu0d_23", Rn = "_hasError_1xu0d_53", Mn = "_sm_1xu0d_62", Dn = "_md_1xu0d_67", Sn = "_lg_1xu0d_72", Fn = "_none_1xu0d_78", An = "_vertical_1xu0d_82", Hn = "_horizontal_1xu0d_86", On = "_both_1xu0d_90", Un = "_fullWidth_1xu0d_94", Pn = "_hint_1xu0d_98", Vn = "_errorText_1xu0d_104", F = {
+  wrapper: zn,
+  wrapperFullWidth: Cn,
+  label: En,
+  required: Wn,
+  textarea: Tn,
+  hasError: Rn,
+  sm: Mn,
+  md: Dn,
+  lg: Sn,
+  none: Fn,
+  vertical: An,
+  horizontal: Hn,
+  both: On,
+  fullWidth: Un,
+  hint: Pn,
+  errorText: Vn
+}, Xn = j.forwardRef(
+  ({
+    label: t,
+    size: o = "md",
+    error: n,
+    hint: r,
+    required: s,
+    fullWidth: a = !1,
+    resize: l = "vertical",
+    className: i,
+    id: c,
+    ..._
+  }, p) => {
+    const m = c ?? (t ? `vui-textarea-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0), d = m ? `${m}-error` : void 0, f = m ? `${m}-hint` : void 0, g = [
+      F.textarea,
+      F[o],
+      F[l],
+      n ? F.hasError : "",
+      a ? F.fullWidth : "",
+      i ?? ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ h("div", { className: `${F.wrapper}${a ? ` ${F.wrapperFullWidth}` : ""}`, children: [
+      t && /* @__PURE__ */ h("label", { htmlFor: m, className: F.label, children: [
+        t,
+        s && /* @__PURE__ */ e("span", { className: F.required, "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          ref: p,
+          id: m,
+          className: g,
+          required: s,
+          "aria-invalid": !!n,
+          "aria-describedby": [n ? d : null, r && !n ? f : null].filter(Boolean).join(" ") || void 0,
+          ..._
+        }
+      ),
+      n && /* @__PURE__ */ e("span", { id: d, className: F.errorText, role: "alert", children: n }),
+      r && !n && /* @__PURE__ */ e("span", { id: f, className: F.hint, children: r })
+    ] });
+  }
+);
+Xn.displayName = "Textarea";
+const Yn = "_wrapper_1cpn4_1", Kn = "_wrapperFullWidth_1cpn4_7", Gn = "_label_1cpn4_11", Jn = "_required_1cpn4_18", Qn = "_selectWrapper_1cpn4_23", Zn = "_hiddenSelect_1cpn4_46", eo = "_trigger_1cpn4_53", to = "_hasError_1cpn4_103", no = "_sm_1cpn4_114", oo = "_md_1cpn4_120", ro = "_lg_1cpn4_126", so = "_fullWidth_1cpn4_132", ao = "_valueText_1cpn4_136", io = "_placeholder_1cpn4_144", lo = "_chevron_1cpn4_148", co = "_isOpen_1cpn4_180", _o = "_menu_1cpn4_184", uo = "_option_1cpn4_203", po = "_optionFocused_1cpn4_222", ho = "_optionSelected_1cpn4_229", mo = "_optionLabel_1cpn4_238", fo = "_optionCheck_1cpn4_243", bo = "_optionCheckVisible_1cpn4_250", go = "_hint_1cpn4_260", vo = "_errorText_1cpn4_266", x = {
+  wrapper: Yn,
+  wrapperFullWidth: Kn,
+  label: Gn,
+  required: Jn,
+  selectWrapper: Qn,
+  hiddenSelect: Zn,
+  trigger: eo,
+  hasError: to,
+  sm: no,
+  md: oo,
+  lg: ro,
+  fullWidth: so,
+  valueText: ao,
+  placeholder: io,
+  chevron: lo,
+  isOpen: co,
+  menu: _o,
+  option: uo,
+  optionFocused: po,
+  optionSelected: ho,
+  optionLabel: mo,
+  optionCheck: fo,
+  optionCheckVisible: bo,
+  hint: go,
+  errorText: vo
+};
+function wo(t) {
+  return j.Children.toArray(t).flatMap((o) => {
+    if (!j.isValidElement(o) || o.type !== "option")
+      return [];
+    const n = o.props.value, r = typeof o.props.children == "string" ? o.props.children : String(n ?? "");
+    return n == null ? [] : [
+      {
+        value: String(n),
+        label: r,
+        disabled: !!o.props.disabled
+      }
+    ];
+  });
+}
+const $o = j.forwardRef(
+  ({
+    label: t,
+    size: o = "md",
+    error: n,
+    hint: r,
+    required: s,
+    fullWidth: a = !1,
+    options: l,
+    placeholder: i,
+    className: c,
+    id: _,
+    children: p,
+    value: m,
+    defaultValue: d,
+    onChange: f,
+    onBlur: g,
+    onFocus: u,
+    onKeyDown: v,
+    disabled: w,
+    name: L,
+    autoComplete: $,
+    form: C,
+    ...y
+  }, U) => {
+    const K = j.useRef(null), k = j.useRef(null);
+    j.useImperativeHandle(U, () => K.current);
+    const N = _ ?? (t ? `vui-select-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0), P = N ? `${N}-error` : void 0, G = N ? `${N}-hint` : void 0, se = N ? `${N}-listbox` : void 0, we = N ? `${N}-label` : void 0, I = j.useMemo(
+      () => l || wo(p),
+      [p, l]
+    ), $e = m !== void 0, ee = I.find((b) => !b.disabled), Ge = String(d ?? (i ? "" : (ee == null ? void 0 : ee.value) ?? "")), [Ce, Re] = j.useState(Ge), ke = String($e ? m ?? "" : Ce), [te, ae] = j.useState(!1), [he, Ne] = j.useState(-1);
+    j.useEffect(() => {
+      if ($e || !I.length) return;
+      I.some((q) => q.value === Ce) || Re((ee == null ? void 0 : ee.value) ?? "");
+    }, [I, $e, Ce, ee]), j.useEffect(() => {
+      const b = (q) => {
+        k.current && !k.current.contains(q.target) && ae(!1);
+      };
+      return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
+    }, []);
+    const ye = I.find((b) => b.value === ke), Je = (ye == null ? void 0 : ye.label) ?? i ?? "", Qe = [
+      x.trigger,
+      x[o],
+      n ? x.hasError : "",
+      a ? x.fullWidth : "",
+      te ? x.isOpen : "",
+      c ?? ""
+    ].filter(Boolean).join(" "), Me = (b) => {
+      var E;
+      $e || Re(b);
+      const q = K.current;
+      if (q) {
+        const me = (E = Object.getOwnPropertyDescriptor(
+          HTMLSelectElement.prototype,
+          "value"
+        )) == null ? void 0 : E.set;
+        me == null || me.call(q, b), q.dispatchEvent(new Event("change", { bubbles: !0 }));
+      }
+    }, Ee = () => {
+      if (w || !I.length) return;
+      ae(!0);
+      const b = I.findIndex((E) => E.value === ke && !E.disabled);
+      if (b >= 0) {
+        Ne(b);
+        return;
+      }
+      const q = I.findIndex((E) => !E.disabled);
+      Ne(q);
+    }, De = (b) => {
+      if (!I.length) return;
+      let q = he;
+      for (let E = 0; E < I.length; E += 1)
+        if (q = (q + b + I.length) % I.length, !I[q].disabled) {
+          Ne(q);
+          return;
+        }
+    }, Ze = (b) => {
+      if (v == null || v(b), !b.defaultPrevented) {
+        if (!te && (b.key === "ArrowDown" || b.key === "ArrowUp")) {
+          b.preventDefault(), Ee();
+          return;
+        }
+        if (!te && (b.key === "Enter" || b.key === " ")) {
+          b.preventDefault(), Ee();
+          return;
+        }
+        if (te) {
+          if (b.key === "Escape") {
+            b.preventDefault(), ae(!1);
+            return;
+          }
+          if (b.key === "ArrowDown") {
+            b.preventDefault(), De(1);
+            return;
+          }
+          if (b.key === "ArrowUp") {
+            b.preventDefault(), De(-1);
+            return;
+          }
+          (b.key === "Enter" || b.key === " ") && (b.preventDefault(), he >= 0 && !I[he].disabled && (Me(I[he].value), ae(!1)));
+        }
+      }
+    };
+    return /* @__PURE__ */ h("div", { className: `${x.wrapper}${a ? ` ${x.wrapperFullWidth}` : ""}`, children: [
+      t && /* @__PURE__ */ h("label", { id: we, className: x.label, children: [
+        t,
+        s && /* @__PURE__ */ e("span", { className: x.required, "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ h("div", { className: x.selectWrapper, ref: k, children: [
+        /* @__PURE__ */ h(
+          "select",
+          {
+            ref: K,
+            id: N,
+            className: x.hiddenSelect,
+            value: ke,
+            required: s,
+            disabled: w,
+            name: L,
+            form: C,
+            autoComplete: $,
+            "aria-invalid": !!n,
+            "aria-describedby": [n ? P : null, r && !n ? G : null].filter(Boolean).join(" ") || void 0,
+            "aria-hidden": "true",
+            tabIndex: -1,
+            onChange: f ?? (() => {
+            }),
+            ...y,
+            children: [
+              i && /* @__PURE__ */ e("option", { value: "", disabled: s, children: i }),
+              I.map((b) => /* @__PURE__ */ e("option", { value: b.value, disabled: b.disabled, children: b.label }, b.value))
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: Qe,
+            disabled: w,
+            role: "combobox",
+            "aria-invalid": !!n,
+            "aria-labelledby": we,
+            "aria-haspopup": "listbox",
+            "aria-expanded": te,
+            "aria-controls": se,
+            onClick: () => te ? ae(!1) : Ee(),
+            onKeyDown: Ze,
+            onFocus: (b) => u == null ? void 0 : u(b),
+            onBlur: (b) => g == null ? void 0 : g(b),
+            children: /* @__PURE__ */ e("span", { className: `${x.valueText}${ye ? "" : ` ${x.placeholder}`}`, children: Je })
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: x.chevron, "aria-hidden": "true", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M19 9l-7 7-7-7"
+          }
+        ) }) }),
+        te && /* @__PURE__ */ e("ul", { id: se, role: "listbox", className: x.menu, children: I.map((b, q) => {
+          const E = b.value === ke, me = q === he;
+          return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ h(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": E,
+              className: [
+                x.option,
+                E ? x.optionSelected : "",
+                me ? x.optionFocused : ""
+              ].filter(Boolean).join(" "),
+              disabled: b.disabled,
+              onMouseEnter: () => Ne(q),
+              onClick: () => {
+                Me(b.value), ae(!1);
+              },
+              children: [
+                /* @__PURE__ */ e("span", { className: x.optionLabel, children: b.label }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: `${x.optionCheck}${E ? ` ${x.optionCheckVisible}` : ""}`,
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ e("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2.25,
+                        d: "M5 13l4 4L19 7"
+                      }
+                    ) })
+                  }
+                )
+              ]
+            }
+          ) }, b.value);
+        }) })
+      ] }),
+      n && /* @__PURE__ */ e("span", { id: P, className: x.errorText, role: "alert", children: n }),
+      r && !n && /* @__PURE__ */ e("span", { id: G, className: x.hint, children: r })
+    ] });
+  }
+);
+$o.displayName = "Select";
+const ko = "_wrapper_iu9cq_1", No = "_row_iu9cq_7", yo = "_checkbox_iu9cq_14", xo = "_hasError_iu9cq_51", Lo = "_sm_iu9cq_60", Bo = "_md_iu9cq_74", jo = "_lg_iu9cq_88", Io = "_label_iu9cq_102", qo = "_description_iu9cq_113", zo = "_errorText_iu9cq_123", V = {
+  wrapper: ko,
+  row: No,
+  checkbox: yo,
+  hasError: xo,
+  sm: Lo,
+  md: Bo,
+  lg: jo,
+  label: Io,
+  description: qo,
+  errorText: zo
+}, Co = j.forwardRef(
+  ({ label: t, description: o, error: n, size: r = "md", className: s, id: a, ...l }, i) => {
+    const c = a ?? (t ? `vui-checkbox-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0), _ = c ? `${c}-error` : void 0, p = c && o ? `${c}-desc` : void 0, m = [
+      V.checkbox,
+      V[r],
+      n ? V.hasError : "",
+      s ?? ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ h("div", { className: `${V.wrapper} ${V[r]}`, children: [
+      /* @__PURE__ */ h("div", { className: V.row, children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: i,
+            type: "checkbox",
+            id: c,
+            className: m,
+            "aria-invalid": !!n,
+            "aria-describedby": [n ? _ : null, p].filter(Boolean).join(" ") || void 0,
+            ...l
+          }
+        ),
+        t && /* @__PURE__ */ e("label", { htmlFor: c, className: V.label, children: t })
+      ] }),
+      o && !n && /* @__PURE__ */ e("span", { id: p, className: V.description, children: o }),
+      n && /* @__PURE__ */ e("span", { id: _, className: V.errorText, role: "alert", children: n })
+    ] });
+  }
+);
+Co.displayName = "Checkbox";
+const Eo = "_fieldset_nj7or_1", Wo = "_legend_nj7or_10", To = "_required_nj7or_19", Ro = "_group_nj7or_24", Mo = "_vertical_nj7or_28", Do = "_horizontal_nj7or_33", So = "_option_nj7or_39", Fo = "_radio_nj7or_46", Ao = "_hasError_nj7or_81", Ho = "_sm_nj7or_86", Oo = "_md_nj7or_87", Uo = "_lg_nj7or_88", Po = "_optionContent_nj7or_90", Vo = "_optionLabel_nj7or_96", Xo = "_optionDescription_nj7or_107", Yo = "_hint_nj7or_113", Ko = "_errorText_nj7or_119", W = {
+  fieldset: Eo,
+  legend: Wo,
+  required: To,
+  group: Ro,
+  vertical: Mo,
+  horizontal: Do,
+  option: So,
+  radio: Fo,
+  hasError: Ao,
+  sm: Ho,
+  md: Oo,
+  lg: Uo,
+  optionContent: Po,
+  optionLabel: Vo,
+  optionDescription: Xo,
+  hint: Yo,
+  errorText: Ko
+}, Ol = ({
+  name: t,
+  label: o,
+  options: n,
+  value: r,
+  defaultValue: s,
+  onChange: a,
+  size: l = "md",
+  orientation: i = "vertical",
+  error: c,
+  hint: _,
+  required: p
+}) => {
+  const m = `vui-radiogroup-${t}`, d = `${m}-error`, f = `${m}-hint`, g = r !== void 0;
+  return /* @__PURE__ */ h(
+    "fieldset",
+    {
+      className: `${W.fieldset} ${W[l]}`,
+      "aria-describedby": [c ? d : null, _ && !c ? f : null].filter(Boolean).join(" ") || void 0,
+      children: [
+        o && /* @__PURE__ */ h("legend", { className: W.legend, children: [
+          o,
+          p && /* @__PURE__ */ e("span", { className: W.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: `${W.group} ${W[i]}`, children: n.map((u) => {
+          const v = `${m}-${u.value}`, w = g ? { checked: r === u.value } : { defaultChecked: s === u.value };
+          return /* @__PURE__ */ h("div", { className: W.option, children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "radio",
+                id: v,
+                name: t,
+                value: u.value,
+                disabled: u.disabled,
+                required: p,
+                onChange: () => a == null ? void 0 : a(u.value),
+                className: `${W.radio} ${c ? W.hasError : ""}`,
+                "aria-invalid": c ? !0 : void 0,
+                ...w
+              }
+            ),
+            /* @__PURE__ */ h("div", { className: W.optionContent, children: [
+              /* @__PURE__ */ e("label", { htmlFor: v, className: W.optionLabel, children: u.label }),
+              u.description && /* @__PURE__ */ e("span", { className: W.optionDescription, children: u.description })
+            ] })
+          ] }, u.value);
+        }) }),
+        c && /* @__PURE__ */ e("span", { id: d, className: W.errorText, role: "alert", children: c }),
+        _ && !c && /* @__PURE__ */ e("span", { id: f, className: W.hint, children: _ })
+      ]
+    }
+  );
+}, Go = "_wrapper_okiio_1", Jo = "_labelRow_okiio_7", Qo = "_track_okiio_15", Zo = "_input_okiio_23", er = "_thumb_okiio_32", tr = "_labelText_okiio_65", nr = "_sm_okiio_74", or = "_md_okiio_80", rr = "_lg_okiio_86", sr = "_description_okiio_98", J = {
+  wrapper: Go,
+  labelRow: Jo,
+  track: Qo,
+  input: Zo,
+  thumb: er,
+  labelText: tr,
+  sm: nr,
+  md: or,
+  lg: rr,
+  description: sr
+}, ar = j.forwardRef(
+  ({ label: t, description: o, size: n = "md", className: r, id: s, ...a }, l) => {
+    const i = s ?? (t ? `vui-switch-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0), c = i && o ? `${i}-desc` : void 0;
+    return /* @__PURE__ */ h("div", { className: `${J.wrapper} ${J[n]}`, children: [
+      /* @__PURE__ */ h("label", { className: J.labelRow, htmlFor: i, children: [
+        /* @__PURE__ */ h("span", { className: J.track, children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: l,
+              type: "checkbox",
+              role: "switch",
+              id: i,
+              className: `${J.input} ${r ?? ""}`,
+              "aria-describedby": c || void 0,
+              ...a
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: J.thumb, "aria-hidden": "true" })
+        ] }),
+        t && /* @__PURE__ */ e("span", { className: J.labelText, children: t })
+      ] }),
+      o && /* @__PURE__ */ e("span", { id: c, className: J.description, children: o })
+    ] });
+  }
+);
+ar.displayName = "Switch";
+const ir = "_overlay_gedqr_1", lr = "_overlayFadeIn_gedqr_1", cr = "_dialog_gedqr_19", dr = "_dialogSlideUp_gedqr_1", _r = "_sm_gedqr_39", ur = "_md_gedqr_40", pr = "_lg_gedqr_41", hr = "_xl_gedqr_42", mr = "_header_gedqr_45", fr = "_title_gedqr_51", br = "_description_gedqr_59", gr = "_body_gedqr_66", vr = "_footer_gedqr_71", wr = "_closeBtn_gedqr_81", O = {
+  overlay: ir,
+  overlayFadeIn: lr,
+  dialog: cr,
+  dialogSlideUp: dr,
+  sm: _r,
+  md: ur,
+  lg: pr,
+  xl: hr,
+  header: mr,
+  title: fr,
+  description: br,
+  body: gr,
+  footer: vr,
+  closeBtn: wr
+}, Se = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', Ve = ({ children: t, className: o, ...n }) => /* @__PURE__ */ e("div", { className: `${O.header} ${o ?? ""}`, ...n, children: t });
+Ve.displayName = "Dialog.Header";
+const Xe = ({ children: t, className: o, ...n }) => /* @__PURE__ */ e("div", { className: `${O.body} ${o ?? ""}`, ...n, children: t });
+Xe.displayName = "Dialog.Body";
+const Ye = ({ children: t, className: o, ...n }) => /* @__PURE__ */ e("div", { className: `${O.footer} ${o ?? ""}`, ...n, children: t });
+Ye.displayName = "Dialog.Footer";
+const Fe = { current: 0 }, $r = ({
+  open: t,
+  onClose: o,
+  title: n,
+  description: r,
+  size: s = "md",
+  children: a,
+  className: l,
+  closeOnOverlayClick: i = !0
+}) => {
+  const c = A(null), _ = A(`vui-dialog-title-${++Fe.current}`).current, p = A(`vui-dialog-desc-${Fe.current}`).current, m = A(null);
+  if (pe(() => {
+    if (!t) return;
+    m.current = document.activeElement, document.body.style.overflow = "hidden";
+    const g = requestAnimationFrame(() => {
+      var w, L;
+      const v = (w = c.current) == null ? void 0 : w.querySelectorAll(Se);
+      (L = v == null ? void 0 : v[0]) == null || L.focus();
+    }), u = (v) => {
+      if (v.key === "Escape") {
+        o();
+        return;
+      }
+      if (v.key === "Tab" && c.current) {
+        const w = Array.from(
+          c.current.querySelectorAll(Se)
+        );
+        if (w.length === 0) {
+          v.preventDefault();
+          return;
+        }
+        const L = w[0], $ = w[w.length - 1];
+        v.shiftKey ? document.activeElement === L && ($.focus(), v.preventDefault()) : document.activeElement === $ && (L.focus(), v.preventDefault());
+      }
+    };
+    return document.addEventListener("keydown", u), () => {
+      var v;
+      cancelAnimationFrame(g), document.removeEventListener("keydown", u), document.body.style.overflow = "", (v = m.current) == null || v.focus();
+    };
+  }, [t, o]), !t) return null;
+  const d = (f) => {
+    i && f.target === f.currentTarget && o();
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: O.overlay,
+      onClick: d,
+      "aria-modal": "true",
+      role: "presentation",
+      children: /* @__PURE__ */ h(
+        "div",
+        {
+          ref: c,
+          role: "dialog",
+          "aria-labelledby": n ? _ : void 0,
+          "aria-describedby": r ? p : void 0,
+          className: [O.dialog, O[s], l ?? ""].filter(Boolean).join(" "),
+          children: [
+            n && /* @__PURE__ */ h("div", { className: O.header, children: [
+              /* @__PURE__ */ e("p", { id: _, className: O.title, children: n }),
+              r && /* @__PURE__ */ e("p", { id: p, className: O.description, children: r })
+            ] }),
+            a,
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: O.closeBtn,
+                onClick: o,
+                "aria-label": "Close dialog",
+                children: /* @__PURE__ */ e(
+                  "svg",
+                  {
+                    width: "18",
+                    height: "18",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ e(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M6 18L18 6M6 6l12 12"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, ze = $r;
+ze.Header = Ve;
+ze.Body = Xe;
+ze.Footer = Ye;
+ze.displayName = "Dialog";
+const kr = "_wrapper_16e9w_1", Nr = "_tooltip_16e9w_6", yr = "_visible_16e9w_25", xr = "_top_16e9w_30", Lr = "_bottom_16e9w_36", Br = "_left_16e9w_42", jr = "_right_16e9w_48", Ir = "_arrow_16e9w_55", qr = "_arrowTop_16e9w_61", zr = "_arrowBottom_16e9w_70", Cr = "_arrowLeft_16e9w_79", Er = "_arrowRight_16e9w_88", le = {
+  wrapper: kr,
+  tooltip: Nr,
+  visible: yr,
+  top: xr,
+  bottom: Lr,
+  left: Br,
+  right: jr,
+  arrow: Ir,
+  arrowTop: qr,
+  arrowBottom: zr,
+  arrowLeft: Cr,
+  arrowRight: Er
+}, Ul = ({
+  content: t,
+  children: o,
+  placement: n = "top",
+  delay: r = 0
+}) => {
+  const [s, a] = S(!1), i = `vui-tooltip-${Ie().replace(/:/g, "")}`, c = j.useRef(null), _ = () => {
+    r > 0 ? c.current = setTimeout(() => a(!0), r) : a(!0);
+  }, p = () => {
+    c.current && clearTimeout(c.current), a(!1);
+  }, m = j.cloneElement(o, {
+    "aria-describedby": s ? i : void 0
+  });
+  return /* @__PURE__ */ h(
+    "span",
+    {
+      className: le.wrapper,
+      onMouseEnter: _,
+      onMouseLeave: p,
+      onFocus: _,
+      onBlur: p,
+      children: [
+        m,
+        /* @__PURE__ */ h(
+          "span",
+          {
+            id: i,
+            role: "tooltip",
+            className: [le.tooltip, le[n], s ? le.visible : ""].filter(Boolean).join(" "),
+            "aria-hidden": !s,
+            children: [
+              t,
+              /* @__PURE__ */ e("span", { className: `${le.arrow} ${le[`arrow${n.charAt(0).toUpperCase()}${n.slice(1)}`]}`, "aria-hidden": "true" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, Wr = "_tabs_16y0p_1", Tr = "_tablist_16y0p_8", Rr = "_underline_16y0p_14", Mr = "_tab_16y0p_1", Dr = "_activeTab_16y0p_39", Sr = "_pills_16y0p_50", Fr = "_boxed_16y0p_89", Ar = "_panel_16y0p_139", ce = {
+  tabs: Wr,
+  tablist: Tr,
+  underline: Rr,
+  tab: Mr,
+  activeTab: Dr,
+  pills: Sr,
+  boxed: Fr,
+  panel: Ar
+}, Pl = ({
+  items: t,
+  defaultValue: o,
+  value: n,
+  onChange: r,
+  variant: s = "underline"
+}) => {
+  var g;
+  const a = n !== void 0, [l, i] = S(
+    o ?? ((g = t[0]) == null ? void 0 : g.value) ?? ""
+  ), c = a ? n : l, _ = A(null), p = (u) => {
+    a || i(u), r == null || r(u);
+  }, m = (u, v) => {
+    var C;
+    const w = t.filter((y) => !y.disabled), L = w.findIndex((y) => y.value === t[v].value);
+    let $ = null;
+    if (u.key === "ArrowRight" ? $ = (L + 1) % w.length : u.key === "ArrowLeft" ? $ = (L - 1 + w.length) % w.length : u.key === "Home" ? $ = 0 : u.key === "End" && ($ = w.length - 1), $ !== null) {
+      u.preventDefault();
+      const y = w[$];
+      p(y.value);
+      const U = (C = _.current) == null ? void 0 : C.querySelector(
+        `[data-value="${y.value}"]`
+      );
+      U == null || U.focus();
+    }
+  }, d = (u) => `vui-tabpanel-${u}`, f = (u) => `vui-tab-${u}`;
+  return /* @__PURE__ */ h("div", { className: ce.tabs, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: _,
+        role: "tablist",
+        className: [ce.tablist, ce[s]].filter(Boolean).join(" "),
+        children: t.map((u, v) => /* @__PURE__ */ e(
+          "button",
+          {
+            id: f(u.value),
+            role: "tab",
+            type: "button",
+            "data-value": u.value,
+            "aria-selected": c === u.value,
+            "aria-controls": d(u.value),
+            disabled: u.disabled,
+            tabIndex: c === u.value ? 0 : -1,
+            className: [
+              ce.tab,
+              c === u.value ? ce.activeTab : ""
+            ].filter(Boolean).join(" "),
+            onClick: () => p(u.value),
+            onKeyDown: (w) => m(w, v),
+            children: u.label
+          },
+          u.value
+        ))
+      }
+    ),
+    t.map((u) => /* @__PURE__ */ e(
+      "div",
+      {
+        id: d(u.value),
+        role: "tabpanel",
+        "aria-labelledby": f(u.value),
+        hidden: c !== u.value,
+        className: ce.panel,
+        children: u.children
+      },
+      u.value
+    ))
+  ] });
+}, Hr = "_accordion_wacbm_1", Or = "_bordered_wacbm_7", Ur = "_item_wacbm_13", Pr = "_flush_wacbm_17", Vr = "_separated_wacbm_21", Xr = "_heading_wacbm_35", Yr = "_trigger_wacbm_40", Kr = "_icon_wacbm_72", Gr = "_open_wacbm_80", Jr = "_contentOuter_wacbm_85", Qr = "_contentInner_wacbm_95", X = {
+  accordion: Hr,
+  bordered: Or,
+  item: Ur,
+  flush: Pr,
+  separated: Vr,
+  heading: Xr,
+  trigger: Yr,
+  icon: Kr,
+  open: Gr,
+  contentOuter: Jr,
+  contentInner: Qr
+}, Vl = ({
+  items: t,
+  defaultValue: o,
+  value: n,
+  onChange: r,
+  multiple: s = !1,
+  variant: a = "bordered"
+}) => {
+  const l = n !== void 0, i = (d) => d ? Array.isArray(d) ? d : [d] : [], [c, _] = S(i(o)), p = l ? i(n) : c, m = (d) => {
+    let f;
+    p.includes(d) ? f = p.filter((g) => g !== d) : f = s ? [...p, d] : [d], l || _(f), r == null || r(s ? f : f[0] ?? "");
+  };
+  return /* @__PURE__ */ e("div", { className: [X.accordion, X[a]].filter(Boolean).join(" "), children: t.map((d) => {
+    const f = p.includes(d.value), g = `vui-accordion-trigger-${d.value}`, u = `vui-accordion-panel-${d.value}`;
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        className: [X.item, f ? X.open : ""].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ e("h3", { className: X.heading, children: /* @__PURE__ */ h(
+            "button",
+            {
+              id: g,
+              type: "button",
+              "aria-expanded": f,
+              "aria-controls": u,
+              disabled: d.disabled,
+              className: X.trigger,
+              onClick: () => !d.disabled && m(d.value),
+              children: [
+                /* @__PURE__ */ e("span", { children: d.title }),
+                /* @__PURE__ */ e("span", { className: X.icon, "aria-hidden": "true", children: /* @__PURE__ */ e(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ e(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M19 9l-7 7-7-7"
+                      }
+                    )
+                  }
+                ) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              id: u,
+              role: "region",
+              "aria-labelledby": g,
+              className: X.contentOuter,
+              children: /* @__PURE__ */ e("div", { className: X.contentInner, children: d.content })
+            }
+          )
+        ]
+      },
+      d.value
+    );
+  }) });
+}, Zr = "_alert_b1vtk_1", es = "_icon_b1vtk_12", ts = "_content_b1vtk_19", ns = "_title_b1vtk_24", os = "_body_b1vtk_31", rs = "_closeBtn_b1vtk_35", ss = "_info_b1vtk_64", as = "_success_b1vtk_70", is = "_warning_b1vtk_76", ls = "_danger_b1vtk_82", ne = {
+  alert: Zr,
+  icon: es,
+  content: ts,
+  title: ns,
+  body: os,
+  closeBtn: rs,
+  info: ss,
+  success: as,
+  warning: is,
+  danger: ls
+}, cs = () => /* @__PURE__ */ e("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+  "path",
+  {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+  }
+) }), ds = () => /* @__PURE__ */ e("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+  "path",
+  {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+  }
+) }), _s = () => /* @__PURE__ */ e("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+  "path",
+  {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+  }
+) }), us = () => /* @__PURE__ */ e("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+  "path",
+  {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+  }
+) }), ps = {
+  info: /* @__PURE__ */ e(cs, {}),
+  success: /* @__PURE__ */ e(ds, {}),
+  warning: /* @__PURE__ */ e(_s, {}),
+  danger: /* @__PURE__ */ e(us, {})
+}, Xl = ({
+  variant: t = "info",
+  title: o,
+  icon: n,
+  onClose: r,
+  children: s,
+  className: a,
+  ...l
+}) => {
+  const i = [ne.alert, ne[t], a ?? ""].filter(Boolean).join(" "), c = n !== void 0 ? n : ps[t];
+  return /* @__PURE__ */ h("div", { className: i, role: "alert", ...l, children: [
+    c && /* @__PURE__ */ e("span", { className: ne.icon, "aria-hidden": "true", children: c }),
+    /* @__PURE__ */ h("div", { className: ne.content, children: [
+      o && /* @__PURE__ */ e("p", { className: ne.title, children: o }),
+      /* @__PURE__ */ e("div", { className: ne.body, children: s })
+    ] }),
+    r && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: ne.closeBtn,
+        onClick: r,
+        "aria-label": "Dismiss alert",
+        children: /* @__PURE__ */ e(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M6 18L18 6M6 6l12 12"
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}, hs = "_divider_vfae1_1", ms = "_horizontal_vfae1_6", fs = "_vertical_vfae1_12", bs = "_withLabel_vfae1_19", gs = "_label_vfae1_33", Le = {
+  divider: hs,
+  horizontal: ms,
+  vertical: fs,
+  withLabel: bs,
+  label: gs
+}, Yl = ({
+  orientation: t = "horizontal",
+  label: o,
+  className: n,
+  ...r
+}) => {
+  const s = [
+    Le.divider,
+    Le[t],
+    o ? Le.withLabel : "",
+    n ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "separator",
+      "aria-orientation": t,
+      className: s,
+      ...r,
+      children: o && /* @__PURE__ */ e("span", { className: Le.label, children: o })
+    }
+  );
+}, vs = "_spinner_1232t_1", ws = "_svg_1232t_8", $s = "_spin_1232t_1", ks = "_track_1232t_17", Ns = "_arc_1232t_21", ys = "_sm_1232t_27", xs = "_md_1232t_33", Ls = "_lg_1232t_39", Bs = "_primary_1232t_46", js = "_muted_1232t_50", Is = "_white_1232t_54", de = {
+  spinner: vs,
+  svg: ws,
+  spin: $s,
+  track: ks,
+  arc: Ns,
+  sm: ys,
+  md: xs,
+  lg: Ls,
+  primary: Bs,
+  muted: js,
+  white: Is
+}, Kl = ({
+  size: t = "md",
+  color: o = "primary",
+  label: n = "Loading…",
+  className: r,
+  ...s
+}) => {
+  const a = [de.spinner, de[t], de[o], r ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("span", { className: a, role: "status", "aria-label": n, ...s, children: /* @__PURE__ */ h(
+    "svg",
+    {
+      className: de.svg,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e(
+          "circle",
+          {
+            className: de.track,
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "3"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "circle",
+          {
+            className: de.arc,
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  ) });
+}, qs = "_block_tuupu_1", zs = "_stack_tuupu_13", We = {
+  block: qs,
+  stack: zs
+}, oe = (t) => {
+  if (t !== void 0)
+    return typeof t == "number" ? `${t}px` : t;
+}, Gl = ({
+  width: t,
+  height: o,
+  radius: n,
+  lines: r,
+  gap: s,
+  className: a,
+  style: l,
+  ...i
+}) => {
+  if (r && r > 1) {
+    const c = oe(s) ?? "0.5rem";
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        className: [We.stack, a ?? ""].filter(Boolean).join(" "),
+        style: { gap: c, ...l },
+        "aria-hidden": "true",
+        ...i,
+        children: Array.from({ length: r }).map((_, p) => {
+          const m = p === r - 1;
+          return /* @__PURE__ */ e(
+            "span",
+            {
+              className: We.block,
+              style: {
+                width: m ? "75%" : oe(t) ?? "100%",
+                height: oe(o) ?? "1rem",
+                borderRadius: oe(n) ?? "var(--vui-radius-sm, 0.375rem)"
+              }
+            },
+            p
+          );
+        })
+      }
+    );
+  }
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: [We.block, a ?? ""].filter(Boolean).join(" "),
+      style: {
+        width: oe(t),
+        height: oe(o) ?? "1rem",
+        borderRadius: oe(n) ?? "var(--vui-radius-sm, 0.375rem)",
+        ...l
+      },
+      "aria-hidden": "true",
+      ...i
+    }
+  );
+}, Cs = "_wrapper_xgu51_1", Es = "_labelRow_xgu51_8", Ws = "_label_xgu51_8", Ts = "_value_xgu51_20", Rs = "_track_xgu51_26", Ms = "_sm_xgu51_33", Ds = "_md_xgu51_34", Ss = "_lg_xgu51_35", Fs = "_bar_xgu51_37", As = "_primary_xgu51_43", Hs = "_success_xgu51_44", Os = "_warning_xgu51_45", Us = "_danger_xgu51_46", Q = {
+  wrapper: Cs,
+  labelRow: Es,
+  label: Ws,
+  value: Ts,
+  track: Rs,
+  sm: Ms,
+  md: Ds,
+  lg: Ss,
+  bar: Fs,
+  primary: As,
+  success: Hs,
+  warning: Os,
+  danger: Us
+}, Jl = ({
+  value: t,
+  variant: o = "primary",
+  size: n = "md",
+  label: r,
+  showValue: s = !1,
+  className: a,
+  ...l
+}) => {
+  const i = Math.min(100, Math.max(0, t));
+  return /* @__PURE__ */ h("div", { className: [Q.wrapper, a ?? ""].filter(Boolean).join(" "), ...l, children: [
+    (r || s) && /* @__PURE__ */ h("div", { className: Q.labelRow, children: [
+      r && /* @__PURE__ */ e("span", { className: Q.label, children: r }),
+      s && /* @__PURE__ */ h("span", { className: Q.value, children: [
+        i,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: [Q.track, Q[n]].filter(Boolean).join(" "),
+        role: "progressbar",
+        "aria-valuenow": i,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": r ?? `${i}%`,
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: [Q.bar, Q[o]].filter(Boolean).join(" "),
+            style: { width: `${i}%` }
+          }
+        )
+      }
+    )
+  ] });
+}, Ps = "_container_2etd3_1", Vs = "_toast_2etd3_14", Xs = "_slideUp_2etd3_1", Ys = "_message_2etd3_31", Ks = "_close_2etd3_38", Gs = "_info_2etd3_63", Js = "_success_2etd3_69", Qs = "_warning_2etd3_75", Zs = "_danger_2etd3_81", ge = {
+  container: Ps,
+  toast: Vs,
+  slideUp: Xs,
+  message: Ys,
+  close: Ks,
+  info: Gs,
+  success: Js,
+  warning: Qs,
+  danger: Zs
+}, Ke = tt(null);
+let ea = 0;
+const ta = () => /* @__PURE__ */ e("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }), na = ({ item: t, onRemove: o }) => {
+  const n = A(null);
+  pe(() => {
+    const s = t.duration ?? 4e3;
+    return s > 0 && (n.current = setTimeout(() => o(t.id), s)), () => {
+      n.current && clearTimeout(n.current);
+    };
+  }, [t.id, t.duration, o]);
+  const r = [ge.toast, ge[t.variant ?? "info"]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("div", { className: r, role: "alert", "aria-live": "assertive", children: [
+    /* @__PURE__ */ e("span", { className: ge.message, children: t.message }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: ge.close,
+        onClick: () => o(t.id),
+        "aria-label": "Dismiss notification",
+        children: /* @__PURE__ */ e(ta, {})
+      }
+    )
+  ] });
+}, Ql = ({ children: t }) => {
+  const [o, n] = S([]), r = ve((a) => {
+    const l = `toast-${++ea}`;
+    n((i) => [...i, { ...a, id: l }]);
+  }, []), s = ve((a) => {
+    n((l) => l.filter((i) => i.id !== a));
+  }, []);
+  return /* @__PURE__ */ h(Ke.Provider, { value: { addToast: r, removeToast: s }, children: [
+    t,
+    typeof document < "u" && Te(
+      /* @__PURE__ */ e("div", { className: ge.container, "aria-label": "Notifications", children: o.map((a) => /* @__PURE__ */ e(na, { item: a, onRemove: s }, a.id)) }),
+      document.body
+    )
+  ] });
+}, Zl = () => {
+  const t = et(Ke);
+  if (!t)
+    throw new Error("useToast must be used inside <ToastProvider>");
+  return t;
+}, oa = "_avatar_1ado7_1", ra = "_xs_1ado7_15", sa = "_sm_1ado7_16", aa = "_md_1ado7_17", ia = "_lg_1ado7_18", la = "_xl_1ado7_19", ca = "_circle_1ado7_22", da = "_square_1ado7_23", _a = "_img_1ado7_25", ua = "_initials_1ado7_32", pa = "_fallbackIcon_1ado7_37", ha = "_status_1ado7_44", ma = "_online_1ado7_56", fa = "_away_1ado7_57", ba = "_offline_1ado7_58", Z = {
+  avatar: oa,
+  xs: ra,
+  sm: sa,
+  md: aa,
+  lg: ia,
+  xl: la,
+  circle: ca,
+  square: da,
+  img: _a,
+  initials: ua,
+  fallbackIcon: pa,
+  status: ha,
+  online: ma,
+  away: fa,
+  offline: ba
+};
+function ga(t) {
+  const o = t.trim().split(/\s+/);
+  return o.length === 1 ? o[0].charAt(0).toUpperCase() : (o[0].charAt(0) + o[o.length - 1].charAt(0)).toUpperCase();
+}
+const ec = ({
+  src: t,
+  alt: o,
+  name: n,
+  size: r = "md",
+  shape: s = "circle",
+  status: a,
+  className: l,
+  ...i
+}) => {
+  const [c, _] = S(!1), p = [Z.avatar, Z[r], Z[s], l ?? ""].filter(Boolean).join(" "), m = t && !c, d = n ? ga(n) : null;
+  return /* @__PURE__ */ h("span", { className: p, "aria-label": o ?? n, ...i, children: [
+    m ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: t,
+        alt: o ?? n ?? "",
+        className: Z.img,
+        onError: () => _(!0)
+      }
+    ) : d ? /* @__PURE__ */ e("span", { className: Z.initials, "aria-hidden": "true", children: d }) : /* @__PURE__ */ e("svg", { className: Z.fallbackIcon, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }) }),
+    a && /* @__PURE__ */ e("span", { className: [Z.status, Z[a]].filter(Boolean).join(" "), "aria-label": a })
+  ] });
+}, va = "_tag_13w40_1", wa = "_sm_13w40_14", $a = "_md_13w40_19", ka = "_lg_13w40_24", Na = "_info_13w40_36", ya = "_success_13w40_42", xa = "_warning_13w40_48", La = "_danger_13w40_54", Ba = "_primary_13w40_60", ja = "_label_13w40_66", Ia = "_icon_13w40_70", qa = "_close_13w40_75", _e = {
+  tag: va,
+  sm: wa,
+  md: $a,
+  lg: ka,
+  default: "_default_13w40_30",
+  info: Na,
+  success: ya,
+  warning: xa,
+  danger: La,
+  primary: Ba,
+  label: ja,
+  icon: Ia,
+  close: qa
+}, tc = ({
+  variant: t = "default",
+  size: o = "md",
+  onClose: n,
+  leftIcon: r,
+  children: s,
+  className: a,
+  ...l
+}) => {
+  const i = [_e.tag, _e[t], _e[o], a ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("span", { className: i, ...l, children: [
+    r && /* @__PURE__ */ e("span", { className: _e.icon, "aria-hidden": "true", children: r }),
+    /* @__PURE__ */ e("span", { className: _e.label, children: s }),
+    n && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: _e.close,
+        onClick: (c) => {
+          c.stopPropagation(), n();
+        },
+        "aria-label": "Remove",
+        children: /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })
+      }
+    )
+  ] });
+}, za = "_root_6ieqa_1", Ca = "_icon_6ieqa_11", Ea = "_title_6ieqa_23", Wa = "_description_6ieqa_31", Ta = "_action_6ieqa_39", be = {
+  root: za,
+  icon: Ca,
+  title: Ea,
+  description: Wa,
+  action: Ta
+}, nc = ({
+  icon: t,
+  title: o,
+  description: n,
+  action: r,
+  className: s,
+  ...a
+}) => /* @__PURE__ */ h("div", { className: [be.root, s ?? ""].filter(Boolean).join(" "), ...a, children: [
+  t && /* @__PURE__ */ e("span", { className: be.icon, "aria-hidden": "true", children: t }),
+  /* @__PURE__ */ e("p", { className: be.title, children: o }),
+  n && /* @__PURE__ */ e("p", { className: be.description, children: n }),
+  r && /* @__PURE__ */ e("div", { className: be.action, children: r })
+] }), Ra = "_nav_1s2na_1", Ma = "_list_1s2na_5", Da = "_item_1s2na_15", Sa = "_separator_1s2na_20", Fa = "_crumb_1s2na_27", Aa = "_link_1s2na_33", Ha = "_current_1s2na_50", Y = {
+  nav: Ra,
+  list: Ma,
+  item: Da,
+  separator: Sa,
+  crumb: Fa,
+  link: Aa,
+  current: Ha
+}, Oa = () => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 18l6-6-6-6" }) }), oc = ({
+  items: t,
+  separator: o,
+  className: n,
+  ...r
+}) => {
+  const s = o ?? /* @__PURE__ */ e(Oa, {});
+  return /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: [Y.nav, n ?? ""].filter(Boolean).join(" "), ...r, children: /* @__PURE__ */ e("ol", { className: Y.list, children: t.map((a, l) => {
+    const i = l === t.length - 1;
+    return /* @__PURE__ */ h("li", { className: Y.item, children: [
+      l > 0 && /* @__PURE__ */ e("span", { className: Y.separator, "aria-hidden": "true", children: s }),
+      i || !a.href ? /* @__PURE__ */ e(
+        "span",
+        {
+          className: [Y.crumb, i ? Y.current : Y.link].filter(Boolean).join(" "),
+          "aria-current": i ? "page" : void 0,
+          children: a.label
+        }
+      ) : /* @__PURE__ */ e("a", { href: a.href, className: [Y.crumb, Y.link].filter(Boolean).join(" "), children: a.label })
+    ] }, l);
+  }) }) });
+}, Ua = "_nav_10kny_1", Pa = "_list_10kny_5", Va = "_btn_10kny_14", Xa = "_disabled_10kny_32", Ya = "_active_10kny_32", Ka = "_dots_10kny_54", T = {
+  nav: Ua,
+  list: Pa,
+  btn: Va,
+  disabled: Xa,
+  active: Ya,
+  dots: Ka
+};
+function Be(t, o) {
+  const n = o - t + 1;
+  return Array.from({ length: n }, (r, s) => t + s);
+}
+function Ga(t, o, n) {
+  const r = n * 2 + 5;
+  if (o <= r)
+    return Be(1, o);
+  const s = Math.max(t - n, 1), a = Math.min(t + n, o), l = s > 2, i = a < o - 1;
+  return !l && i ? [...Be(1, 3 + n * 2), "...", o] : l && !i ? [1, "...", ...Be(o - (2 + n * 2), o)] : [1, "...", ...Be(s, a), "...", o];
+}
+const Ja = () => /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 18l-6-6 6-6" }) }), Qa = () => /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 18l6-6-6-6" }) }), Za = () => /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 17l-5-5 5-5M18 17l-5-5 5-5" }) }), ei = () => /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 17l5-5-5-5M6 17l5-5-5-5" }) }), rc = ({
+  page: t,
+  totalPages: o,
+  onChange: n,
+  siblingCount: r = 1,
+  showFirstLast: s = !0,
+  className: a,
+  ...l
+}) => {
+  const i = Ga(t, o, r), c = (_) => {
+    _ < 1 || _ > o || _ === t || n(_);
+  };
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      "aria-label": "Pagination",
+      className: [T.nav, a ?? ""].filter(Boolean).join(" "),
+      ...l,
+      children: /* @__PURE__ */ h("ul", { className: T.list, children: [
+        s && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          "button",
+          {
+            className: [T.btn, t === 1 ? T.disabled : ""].filter(Boolean).join(" "),
+            onClick: () => c(1),
+            disabled: t === 1,
+            "aria-label": "First page",
+            children: /* @__PURE__ */ e(Za, {})
+          }
+        ) }),
+        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          "button",
+          {
+            className: [T.btn, t === 1 ? T.disabled : ""].filter(Boolean).join(" "),
+            onClick: () => c(t - 1),
+            disabled: t === 1,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ e(Ja, {})
+          }
+        ) }),
+        i.map(
+          (_, p) => _ === "..." ? /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("span", { className: T.dots, children: "…" }) }, `dots-${p}`) : /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              className: [T.btn, _ === t ? T.active : ""].filter(Boolean).join(" "),
+              onClick: () => c(_),
+              "aria-label": `Page ${_}`,
+              "aria-current": _ === t ? "page" : void 0,
+              children: _
+            }
+          ) }, _)
+        ),
+        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          "button",
+          {
+            className: [T.btn, t === o ? T.disabled : ""].filter(Boolean).join(" "),
+            onClick: () => c(t + 1),
+            disabled: t === o,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ e(Qa, {})
+          }
+        ) }),
+        s && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          "button",
+          {
+            className: [T.btn, t === o ? T.disabled : ""].filter(Boolean).join(" "),
+            onClick: () => c(o),
+            disabled: t === o,
+            "aria-label": "Last page",
+            children: /* @__PURE__ */ e(ei, {})
+          }
+        ) })
+      ] })
+    }
+  );
+}, ti = "_root_1wmfi_1", ni = "_horizontal_1wmfi_6", oi = "_vertical_1wmfi_11", ri = "_step_1wmfi_16", si = "_connector_1wmfi_32", ai = "_indicator_1wmfi_37", ii = "_circle_1wmfi_55", li = "_pending_1wmfi_88", ci = "_active_1wmfi_94", di = "_completed_1wmfi_100", _i = "_content_1wmfi_111", ui = "_label_1wmfi_127", pi = "_description_1wmfi_139", R = {
+  root: ti,
+  horizontal: ni,
+  vertical: oi,
+  step: ri,
+  connector: si,
+  indicator: ai,
+  circle: ii,
+  pending: li,
+  active: ci,
+  completed: di,
+  content: _i,
+  label: ui,
+  description: pi
+}, hi = () => /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) }), sc = ({
+  steps: t,
+  currentStep: o,
+  orientation: n = "horizontal",
+  variant: r = "default",
+  className: s,
+  ...a
+}) => {
+  const l = [
+    R.root,
+    R[n],
+    R[r],
+    s ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: l,
+      role: "list",
+      "aria-label": "Steps",
+      ...a,
+      children: t.map((i, c) => {
+        const _ = c + 1, p = _ < o, m = _ === o, d = c === t.length - 1, f = [
+          R.step,
+          p ? R.completed : "",
+          m ? R.active : "",
+          !p && !m ? R.pending : ""
+        ].filter(Boolean).join(" ");
+        return /* @__PURE__ */ h("div", { className: f, role: "listitem", children: [
+          /* @__PURE__ */ h("div", { className: R.indicator, children: [
+            /* @__PURE__ */ e("span", { className: R.circle, children: p ? /* @__PURE__ */ e(hi, {}) : /* @__PURE__ */ e("span", { children: _ }) }),
+            !d && /* @__PURE__ */ e("span", { className: R.connector, "aria-hidden": "true" })
+          ] }),
+          r !== "compact" && /* @__PURE__ */ h("div", { className: R.content, children: [
+            /* @__PURE__ */ e("span", { className: R.label, children: i.label }),
+            i.description && /* @__PURE__ */ e("span", { className: R.description, children: i.description })
+          ] })
+        ] }, c);
+      })
+    }
+  );
+}, mi = "_triggerWrapper_v2cko_1", fi = "_popover_v2cko_6", bi = "_fadeIn_v2cko_1", gi = "_arrow_v2cko_24", vi = "_bottom_v2cko_34", wi = "_top_v2cko_42", $i = "_right_v2cko_50", ki = "_left_v2cko_58", je = {
+  triggerWrapper: mi,
+  popover: fi,
+  fadeIn: bi,
+  arrow: gi,
+  bottom: vi,
+  top: wi,
+  right: $i,
+  left: ki
+};
+function Ni(t, o, n) {
+  const { top: r, left: s, bottom: a, right: l, width: i, height: c } = t, _ = o.offsetWidth, p = o.offsetHeight, m = 8;
+  switch (n) {
+    case "top":
+      return { top: r - p - m + window.scrollY, left: s + i / 2 - _ / 2 + window.scrollX };
+    case "bottom":
+      return { top: a + m + window.scrollY, left: s + i / 2 - _ / 2 + window.scrollX };
+    case "left":
+      return { top: r + c / 2 - p / 2 + window.scrollY, left: s - _ - m + window.scrollX };
+    case "right":
+      return { top: r + c / 2 - p / 2 + window.scrollY, left: l + m + window.scrollX };
+  }
+}
+const ac = ({
+  trigger: t,
+  content: o,
+  placement: n = "bottom",
+  open: r,
+  onOpenChange: s,
+  className: a
+}) => {
+  const l = r !== void 0, [i, c] = S(!1), _ = l ? r : i, p = A(null), m = A(null), [d, f] = S({ top: 0, left: 0 }), g = ve(
+    (w) => {
+      l || c(w), s == null || s(w);
+    },
+    [l, s]
+  ), u = ve(() => {
+    if (!p.current || !m.current) return;
+    const w = p.current.getBoundingClientRect();
+    f(Ni(w, m.current, n));
+  }, [n]);
+  pe(() => {
+    if (_)
+      return u(), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), () => {
+        window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
+      };
+  }, [_, u]), pe(() => {
+    if (!_) return;
+    const w = ($) => {
+      var C, y;
+      !((C = p.current) != null && C.contains($.target)) && !((y = m.current) != null && y.contains($.target)) && g(!1);
+    }, L = ($) => {
+      $.key === "Escape" && g(!1);
+    };
+    return document.addEventListener("mousedown", w), document.addEventListener("keydown", L), () => {
+      document.removeEventListener("mousedown", w), document.removeEventListener("keydown", L);
+    };
+  }, [_, g]);
+  const v = [je.popover, je[n], a ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h(He, { children: [
+    /* @__PURE__ */ e(
+      "span",
+      {
+        ref: p,
+        className: je.triggerWrapper,
+        onClick: () => g(!_),
+        "aria-expanded": _,
+        "aria-haspopup": "true",
+        children: t
+      }
+    ),
+    _ && typeof document < "u" && Te(
+      /* @__PURE__ */ h(
+        "div",
+        {
+          ref: m,
+          className: v,
+          style: { top: d.top, left: d.left },
+          role: "dialog",
+          children: [
+            /* @__PURE__ */ e("div", { className: je.arrow, "aria-hidden": "true" }),
+            o
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}, yi = "_triggerWrapper_19rgz_1", xi = "_menu_19rgz_6", Li = "_item_19rgz_23", Bi = "_itemDisabled_19rgz_41", ji = "_itemIcon_19rgz_56", Ii = "_separator_19rgz_63", ue = {
+  triggerWrapper: yi,
+  menu: xi,
+  item: Li,
+  itemDisabled: Bi,
+  itemIcon: ji,
+  separator: Ii
+};
+function qi(t, o, n) {
+  const { top: r, left: s, bottom: a, right: l } = t, i = o.offsetHeight, c = o.offsetWidth, _ = 4;
+  switch (n) {
+    case "bottom-start":
+      return { top: a + _ + window.scrollY, left: s + window.scrollX };
+    case "bottom-end":
+      return { top: a + _ + window.scrollY, left: l - c + window.scrollX };
+    case "top-start":
+      return { top: r - i - _ + window.scrollY, left: s + window.scrollX };
+    case "top-end":
+      return { top: r - i - _ + window.scrollY, left: l - c + window.scrollX };
+    default:
+      return { top: a + _ + window.scrollY, left: s + window.scrollX };
+  }
+}
+const ic = ({
+  trigger: t,
+  items: o,
+  placement: n = "bottom-start",
+  className: r
+}) => {
+  const [s, a] = S(!1), l = A(null), i = A(null), [c, _] = S({ top: 0, left: 0 }), p = ve(() => {
+    if (!l.current || !i.current) return;
+    const d = l.current.getBoundingClientRect();
+    _(qi(d, i.current, n));
+  }, [n]);
+  pe(() => {
+    if (s)
+      return p(), window.addEventListener("resize", p), window.addEventListener("scroll", p, !0), () => {
+        window.removeEventListener("resize", p), window.removeEventListener("scroll", p, !0);
+      };
+  }, [s, p]), pe(() => {
+    if (!s) return;
+    const d = (g) => {
+      var u, v;
+      !((u = l.current) != null && u.contains(g.target)) && !((v = i.current) != null && v.contains(g.target)) && a(!1);
+    }, f = (g) => {
+      var u, v;
+      g.key === "Escape" && (a(!1), (v = (u = l.current) == null ? void 0 : u.querySelector("button, a, [tabindex]")) == null || v.dispatchEvent(
+        new Event("focus")
+      ));
+    };
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", f), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", f);
+    };
+  }, [s]);
+  const m = (d) => {
+    var f;
+    d.disabled || ((f = d.onClick) == null || f.call(d), a(!1));
+  };
+  return /* @__PURE__ */ h(He, { children: [
+    /* @__PURE__ */ e(
+      "span",
+      {
+        ref: l,
+        className: ue.triggerWrapper,
+        onClick: () => a((d) => !d),
+        "aria-haspopup": "menu",
+        "aria-expanded": s,
+        children: t
+      }
+    ),
+    s && typeof document < "u" && Te(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: i,
+          className: [ue.menu, r ?? ""].filter(Boolean).join(" "),
+          style: { top: c.top, left: c.left },
+          role: "menu",
+          children: o.map((d, f) => d.separator ? /* @__PURE__ */ e("div", { className: ue.separator, role: "separator" }, f) : /* @__PURE__ */ h(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: [ue.item, d.disabled ? ue.itemDisabled : ""].filter(Boolean).join(" "),
+              onClick: () => m(d),
+              disabled: d.disabled,
+              children: [
+                d.icon && /* @__PURE__ */ e("span", { className: ue.itemIcon, "aria-hidden": "true", children: d.icon }),
+                /* @__PURE__ */ e("span", { children: d.label })
+              ]
+            },
+            f
+          ))
+        }
+      ),
+      document.body
+    )
+  ] });
+}, zi = "_wrapper_13j54_1", Ci = "_wrapperDisabled_13j54_8", Ei = "_labelRow_13j54_13", Wi = "_label_13j54_13", Ti = "_valueDisplay_13j54_25", Ri = "_trackWrapper_13j54_31", Mi = "_sm_13j54_37", Di = "_md_13j54_38", Si = "_lg_13j54_39", Fi = "_trackBg_13j54_41", Ai = "_trackFill_13j54_51", Hi = "_input_13j54_61", H = {
+  wrapper: zi,
+  wrapperDisabled: Ci,
+  labelRow: Ei,
+  label: Wi,
+  valueDisplay: Ti,
+  trackWrapper: Ri,
+  sm: Mi,
+  md: Di,
+  lg: Si,
+  trackBg: Fi,
+  trackFill: Ai,
+  input: Hi
+}, lc = ({
+  min: t = 0,
+  max: o = 100,
+  step: n = 1,
+  value: r,
+  onChange: s,
+  label: a,
+  showValue: l = !1,
+  size: i = "md",
+  disabled: c,
+  className: _,
+  id: p,
+  ...m
+}) => {
+  const d = Ie(), f = p ?? d, g = r !== void 0 ? (r - t) / (o - t) * 100 : 0;
+  return /* @__PURE__ */ h("div", { className: [H.wrapper, c ? H.wrapperDisabled : "", _ ?? ""].filter(Boolean).join(" "), children: [
+    (a || l) && /* @__PURE__ */ h("div", { className: H.labelRow, children: [
+      a && /* @__PURE__ */ e("label", { htmlFor: f, className: H.label, children: a }),
+      l && r !== void 0 && /* @__PURE__ */ e("span", { className: H.valueDisplay, children: r })
+    ] }),
+    /* @__PURE__ */ h("div", { className: [H.trackWrapper, H[i]].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ e("div", { className: H.trackBg }),
+      /* @__PURE__ */ e("div", { className: H.trackFill, style: { width: `${g}%` } }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: f,
+          type: "range",
+          min: t,
+          max: o,
+          step: n,
+          value: r,
+          disabled: c,
+          onChange: (u) => s == null ? void 0 : s(Number(u.target.value)),
+          className: H.input,
+          "aria-valuemin": t,
+          "aria-valuemax": o,
+          "aria-valuenow": r,
+          ...m
+        }
+      )
+    ] })
+  ] });
+}, Oi = "_root_q5j4f_1", Ui = "_label_q5j4f_7", Pi = "_required_q5j4f_14", Vi = "_wrapper_q5j4f_18", Xi = "_hasError_q5j4f_33", Yi = "_disabled_q5j4f_41", Ki = "_sm_q5j4f_47", Gi = "_md_q5j4f_48", Ji = "_lg_q5j4f_49", Qi = "_input_q5j4f_51", Zi = "_stepBtn_q5j4f_72", el = "_errorMsg_q5j4f_96", tl = "_hintMsg_q5j4f_103", D = {
+  root: Oi,
+  label: Ui,
+  required: Pi,
+  wrapper: Vi,
+  hasError: Xi,
+  disabled: Yi,
+  sm: Ki,
+  md: Gi,
+  lg: Ji,
+  input: Qi,
+  stepBtn: Zi,
+  errorMsg: el,
+  hintMsg: tl
+}, cc = ({
+  value: t,
+  onChange: o,
+  min: n,
+  max: r,
+  step: s = 1,
+  label: a,
+  error: l,
+  hint: i,
+  size: c = "md",
+  disabled: _,
+  required: p,
+  id: m,
+  className: d,
+  ...f
+}) => {
+  const g = Ie(), u = m ?? g, v = `${u}-hint`, w = `${u}-error`, L = () => {
+    const y = (t ?? 0) - s;
+    n !== void 0 && y < n || o == null || o(y);
+  }, $ = () => {
+    const y = (t ?? 0) + s;
+    r !== void 0 && y > r || o == null || o(y);
+  }, C = [
+    D.wrapper,
+    D[c],
+    l ? D.hasError : "",
+    _ ? D.disabled : "",
+    d ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("div", { className: D.root, children: [
+    a && /* @__PURE__ */ h("label", { htmlFor: u, className: D.label, children: [
+      a,
+      p && /* @__PURE__ */ e("span", { className: D.required, "aria-hidden": "true", children: " *" })
+    ] }),
+    /* @__PURE__ */ h("div", { className: C, children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: D.stepBtn,
+          onClick: L,
+          disabled: _ || n !== void 0 && (t ?? 0) <= n,
+          "aria-label": "Decrease value",
+          tabIndex: -1,
+          children: /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 12h14" }) })
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: u,
+          type: "number",
+          className: D.input,
+          value: t,
+          min: n,
+          max: r,
+          step: s,
+          disabled: _,
+          required: p,
+          "aria-invalid": !!l,
+          "aria-describedby": l ? w : i ? v : void 0,
+          onChange: (y) => o == null ? void 0 : o(y.target.valueAsNumber),
+          ...f
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: D.stepBtn,
+          onClick: $,
+          disabled: _ || r !== void 0 && (t ?? 0) >= r,
+          "aria-label": "Increase value",
+          tabIndex: -1,
+          children: /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M12 5v14M5 12h14" }) })
+        }
+      )
+    ] }),
+    l && /* @__PURE__ */ e("p", { id: w, className: D.errorMsg, role: "alert", children: l }),
+    !l && i && /* @__PURE__ */ e("p", { id: v, className: D.hintMsg, children: i })
+  ] });
+}, nl = "_root_10bwd_1", ol = "_label_10bwd_7", rl = "_zone_10bwd_14", sl = "_zoneDisabled_10bwd_29", al = "_dragging_10bwd_34", il = "_zoneError_10bwd_39", ll = "_hiddenInput_10bwd_48", cl = "_uploadIcon_10bwd_52", dl = "_zoneText_10bwd_56", _l = "_zoneLink_10bwd_61", ul = "_zoneHint_10bwd_68", pl = "_errorMsg_10bwd_73", hl = "_fileList_10bwd_79", ml = "_fileItem_10bwd_88", fl = "_fileName_10bwd_98", bl = "_fileSize_10bwd_108", gl = "_removeBtn_10bwd_114", z = {
+  root: nl,
+  label: ol,
+  zone: rl,
+  zoneDisabled: sl,
+  dragging: al,
+  zoneError: il,
+  hiddenInput: ll,
+  uploadIcon: cl,
+  zoneText: dl,
+  zoneLink: _l,
+  zoneHint: ul,
+  errorMsg: pl,
+  fileList: hl,
+  fileItem: ml,
+  fileName: fl,
+  fileSize: bl,
+  removeBtn: gl
+}, vl = () => /* @__PURE__ */ e("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" }) });
+function Ae(t) {
+  return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
+}
+const dc = ({
+  accept: t,
+  multiple: o = !1,
+  maxSize: n,
+  onChange: r,
+  label: s,
+  hint: a,
+  error: l,
+  disabled: i = !1,
+  className: c,
+  id: _
+}) => {
+  const p = Ie(), m = _ ?? p, d = A(null), [f, g] = S(!1), [u, v] = S([]), [w, L] = S(null), $ = l ?? w, C = (k) => {
+    if (!k) return;
+    const N = Array.from(k);
+    if (n && N.filter((se) => se.size > n).length > 0) {
+      L(`File exceeds maximum size of ${Ae(n)}.`);
+      return;
+    }
+    L(null);
+    const P = o ? N : N.slice(0, 1);
+    v(P), r == null || r(P);
+  }, y = (k) => {
+    k.preventDefault(), g(!1), i || C(k.dataTransfer.files);
+  }, U = (k) => {
+    const N = u.filter((P, G) => G !== k);
+    v(N), r == null || r(N);
+  }, K = [
+    z.zone,
+    f ? z.dragging : "",
+    $ ? z.zoneError : "",
+    i ? z.zoneDisabled : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("div", { className: [z.root, c ?? ""].filter(Boolean).join(" "), children: [
+    s && /* @__PURE__ */ e("span", { className: z.label, children: s }),
+    /* @__PURE__ */ h(
+      "label",
+      {
+        htmlFor: m,
+        className: K,
+        onDragOver: (k) => {
+          k.preventDefault(), i || g(!0);
+        },
+        onDragLeave: () => g(!1),
+        onDrop: y,
+        children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: d,
+              id: m,
+              type: "file",
+              accept: t,
+              multiple: o,
+              disabled: i,
+              className: z.hiddenInput,
+              onChange: (k) => C(k.target.files)
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: z.uploadIcon, children: /* @__PURE__ */ e(vl, {}) }),
+          /* @__PURE__ */ h("span", { className: z.zoneText, children: [
+            /* @__PURE__ */ e("span", { className: z.zoneLink, children: "Choose files" }),
+            " or drag and drop"
+          ] }),
+          a && /* @__PURE__ */ e("span", { className: z.zoneHint, children: a })
+        ]
+      }
+    ),
+    $ && /* @__PURE__ */ e("p", { className: z.errorMsg, role: "alert", children: $ }),
+    u.length > 0 && /* @__PURE__ */ e("ul", { className: z.fileList, children: u.map((k, N) => /* @__PURE__ */ h("li", { className: z.fileItem, children: [
+      /* @__PURE__ */ e("span", { className: z.fileName, children: k.name }),
+      /* @__PURE__ */ e("span", { className: z.fileSize, children: Ae(k.size) }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: z.removeBtn,
+          onClick: () => U(N),
+          "aria-label": `Remove ${k.name}`,
+          children: /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })
+        }
+      )
+    ] }, N)) })
+  ] });
+}, wl = "_wrapper_i5kin_1", $l = "_table_i5kin_8", kl = "_sm_i5kin_15", Nl = "_th_i5kin_15", yl = "_td_i5kin_16", xl = "_md_i5kin_21", Ll = "_lg_i5kin_27", Bl = "_thContent_i5kin_43", jl = "_sortable_i5kin_49", Il = "_sortActive_i5kin_58", ql = "_sortIcon_i5kin_62", zl = "_tr_i5kin_72", Cl = "_striped_i5kin_91", El = "_bordered_i5kin_100", Wl = "_empty_i5kin_105", M = {
+  wrapper: wl,
+  table: $l,
+  sm: kl,
+  th: Nl,
+  td: yl,
+  md: xl,
+  lg: Ll,
+  thContent: Bl,
+  sortable: jl,
+  sortActive: Il,
+  sortIcon: ql,
+  tr: zl,
+  striped: Cl,
+  bordered: El,
+  empty: Wl
+}, Tl = () => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" }) }), Rl = () => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }), Ml = () => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 9l4-4 4 4M16 15l-4 4-4-4" }) });
+function _c({
+  columns: t,
+  data: o,
+  sortKey: n,
+  sortDir: r,
+  onSort: s,
+  striped: a = !1,
+  bordered: l = !1,
+  size: i = "md",
+  className: c,
+  ..._
+}) {
+  const p = (d) => {
+    if (!d.sortable || !s) return;
+    const f = n === d.key && r === "asc" ? "desc" : "asc";
+    s(d.key, f);
+  }, m = [
+    M.table,
+    M[i],
+    a ? M.striped : "",
+    l ? M.bordered : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: [M.wrapper, c ?? ""].filter(Boolean).join(" "),
+      ..._,
+      children: /* @__PURE__ */ h("table", { className: m, children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: t.map((d) => {
+          const f = n === d.key, g = [
+            M.th,
+            d.sortable ? M.sortable : "",
+            f ? M.sortActive : ""
+          ].filter(Boolean).join(" ");
+          return /* @__PURE__ */ e(
+            "th",
+            {
+              className: g,
+              onClick: () => p(d),
+              "aria-sort": f ? r === "asc" ? "ascending" : "descending" : d.sortable ? "none" : void 0,
+              children: /* @__PURE__ */ h("span", { className: M.thContent, children: [
+                d.header,
+                d.sortable && /* @__PURE__ */ e("span", { className: M.sortIcon, children: f ? r === "asc" ? /* @__PURE__ */ e(Tl, {}) : /* @__PURE__ */ e(Rl, {}) : /* @__PURE__ */ e(Ml, {}) })
+              ] })
+            },
+            d.key
+          );
+        }) }) }),
+        /* @__PURE__ */ e("tbody", { children: o.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length, className: M.empty, children: "No data available." }) }) : o.map((d, f) => /* @__PURE__ */ e("tr", { className: M.tr, children: t.map((g) => {
+          const u = d[g.key], v = g.render ? g.render(u, d, f) : u;
+          return /* @__PURE__ */ e("td", { className: M.td, children: v }, g.key);
+        }) }, f)) })
+      ] })
+    }
+  );
+}
+export {
+  Vl as Accordion,
+  Xl as Alert,
+  ec as Avatar,
+  Hl as Badge,
+  oc as Breadcrumb,
+  mt as Button,
+  qe as Card,
+  Co as Checkbox,
+  ze as Dialog,
+  Yl as Divider,
+  ic as Dropdown,
+  nc as EmptyState,
+  dc as FileUpload,
+  Ft as Input,
+  cc as NumberInput,
+  rc as Pagination,
+  ac as Popover,
+  Jl as Progress,
+  Ol as RadioGroup,
+  $o as Select,
+  Gl as Skeleton,
+  lc as Slider,
+  Kl as Spinner,
+  sc as Stepper,
+  ar as Switch,
+  _c as Table,
+  Pl as Tabs,
+  tc as Tag,
+  Xn as Textarea,
+  Al as Title,
+  Ql as ToastProvider,
+  Ul as Tooltip,
+  Zl as useToast
+};