@rhammy/architect-core 1.0.0

package/dist/index.js

@@ -0,0 +1,2342 @@
+import { jsx as c, jsxs as $ } from "react/jsx-runtime";
+import z, { useRef as C, useEffect as B, useState as H, useCallback as k, useId as Ee, forwardRef as D, createContext as Y, useContext as K } from "react";
+import { createPortal as q } from "react-dom";
+function ie(e) {
+  if (!e) return [];
+  const o = [
+    "a[href]",
+    "button:not([disabled])",
+    "textarea:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    '[tabindex]:not([tabindex="-1"])'
+  ].join(",");
+  return Array.from(
+    e.querySelectorAll(o)
+  ).filter((t) => t.offsetWidth > 0 && t.offsetHeight > 0 && getComputedStyle(t).visibility !== "hidden");
+}
+function Se(e) {
+  if (!e) return () => {
+  };
+  const o = ie(e), t = o[0], r = o[o.length - 1], i = (s) => {
+    s.key === "Tab" && (s.shiftKey ? document.activeElement === t && (s.preventDefault(), r == null || r.focus()) : document.activeElement === r && (s.preventDefault(), t == null || t.focus()));
+  };
+  return e.addEventListener("keydown", i), () => {
+    e.removeEventListener("keydown", i);
+  };
+}
+function Ae(e) {
+  var t;
+  (t = ie(e)[0]) == null || t.focus();
+}
+function xt() {
+  const e = document.activeElement;
+  return () => {
+    e == null || e.focus();
+  };
+}
+function vt(e) {
+  return e === document.activeElement;
+}
+function $e({
+  enabled: e,
+  autoFocus: o = !0,
+  restoreFocus: t = !0
+}) {
+  const r = C(null), i = C(null);
+  return B(() => {
+    if (!e) return;
+    i.current = document.activeElement, o && r.current && Ae(r.current);
+    const s = Se(r.current);
+    return () => {
+      s(), t && i.current && i.current.focus();
+    };
+  }, [e, o, t]), r;
+}
+function Z({ enabled: e, onEscape: o }) {
+  B(() => {
+    if (!e) return;
+    const t = (r) => {
+      r.key === "Escape" && (r.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", t), () => {
+      document.removeEventListener("keydown", t);
+    };
+  }, [e, o]);
+}
+function Le({
+  value: e,
+  defaultValue: o,
+  onChange: t
+}) {
+  const [r, i] = H(o), s = e !== void 0, a = s ? e : r, n = C(t);
+  B(() => {
+    n.current = t;
+  });
+  const l = k(
+    (u) => {
+      var p;
+      s || i(u), (p = n.current) == null || p.call(n, u);
+    },
+    [s]
+  );
+  return [a, l];
+}
+function U(e = "architect") {
+  const o = Ee();
+  return `${e}-${o}`;
+}
+let ne = 0;
+function gt(e = "architect") {
+  return ne += 1, `${e}-${ne}`;
+}
+function A(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function se(e, o) {
+  return (t) => {
+    e == null || e(t), t.defaultPrevented || o == null || o(t);
+  };
+}
+function Re(...e) {
+  return (o) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(o) : t != null && (t.current = o);
+    });
+  };
+}
+const Q = typeof window < "u";
+function Nt() {
+  return Q ? window : void 0;
+}
+function It() {
+  return Q ? document : void 0;
+}
+const ae = z.createContext(null);
+function _() {
+  const e = z.useContext(ae);
+  if (!e)
+    throw new Error("Dialog components must be used within a Dialog");
+  return e;
+}
+const Be = ({
+  open: e,
+  defaultOpen: o = !1,
+  onOpenChange: t,
+  onDismiss: r,
+  closeOnOutsideClick: i = !0,
+  closeOnEscape: s = !0,
+  trapFocus: a = !0,
+  restoreFocus: n = !0,
+  role: l = "dialog",
+  children: u
+}) => {
+  const [p, m] = Le({
+    value: e,
+    defaultValue: o,
+    onChange: t
+  }), b = U("dialog-title"), w = U("dialog-description"), d = (v) => {
+    m(v), !v && r && r();
+  };
+  B(() => {
+    if (!p || !Q) return;
+    const v = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = v;
+    };
+  }, [p]);
+  const y = {
+    open: p ?? !1,
+    setOpen: d,
+    titleId: b,
+    descriptionId: w,
+    closeOnOutsideClick: i,
+    closeOnEscape: s,
+    role: l
+  };
+  return /* @__PURE__ */ c(ae.Provider, { value: y, children: u });
+};
+Be.displayName = "Dialog";
+const ze = D(
+  ({ className: e, onClick: o, children: t, ...r }, i) => {
+    const { open: s, setOpen: a, closeOnOutsideClick: n } = _();
+    return !s || !Q ? null : q(
+      /* @__PURE__ */ c(
+        "div",
+        {
+          ref: i,
+          className: e,
+          onClick: se(o, (u) => {
+            n && u.target === u.currentTarget && a(!1);
+          }),
+          "data-state": s ? "open" : "closed",
+          ...r,
+          children: t
+        }
+      ),
+      document.body
+    );
+  }
+);
+ze.displayName = "DialogOverlay";
+const Ce = D(
+  ({
+    className: e,
+    children: o,
+    "aria-labelledby": t,
+    "aria-describedby": r,
+    ...i
+  }, s) => {
+    const { open: a, setOpen: n, titleId: l, descriptionId: u, closeOnEscape: p, role: m } = _(), b = $e({
+      enabled: a,
+      autoFocus: !0,
+      restoreFocus: !0
+    });
+    return Z({
+      enabled: a && p,
+      onEscape: () => n(!1)
+    }), a ? /* @__PURE__ */ c(
+      "div",
+      {
+        ref: Re(s, b),
+        role: m,
+        "aria-modal": "true",
+        "aria-labelledby": t || l,
+        "aria-describedby": r || u,
+        className: e,
+        "data-state": a ? "open" : "closed",
+        ...i,
+        children: o
+      }
+    ) : null;
+  }
+);
+Ce.displayName = "DialogContent";
+const Pe = D(
+  ({ className: e, level: o = 2, children: t, ...r }, i) => {
+    const { titleId: s } = _(), a = `h${o}`;
+    return /* @__PURE__ */ c(a, { ref: i, id: s, className: e, ...r, children: t });
+  }
+);
+Pe.displayName = "DialogTitle";
+const He = D(({ className: e, children: o, ...t }, r) => {
+  const { descriptionId: i } = _();
+  return /* @__PURE__ */ c("p", { ref: r, id: i, className: e, ...t, children: o });
+});
+He.displayName = "DialogDescription";
+const Oe = D(
+  ({ className: e, onClick: o, children: t, ...r }, i) => {
+    const { setOpen: s } = _();
+    return /* @__PURE__ */ c(
+      "button",
+      {
+        ref: i,
+        type: "button",
+        className: e,
+        onClick: se(o, () => {
+          s(!1);
+        }),
+        "aria-label": "Close dialog",
+        ...r,
+        children: t
+      }
+    );
+  }
+);
+Oe.displayName = "DialogClose";
+const Fe = D(
+  ({
+    children: e,
+    className: o,
+    loading: t = !1,
+    disabled: r = !1,
+    iconLeft: i,
+    iconRight: s,
+    loadingText: a = "Loading",
+    as: n = "button",
+    type: l = "button",
+    "aria-label": u,
+    "aria-describedby": p,
+    onClick: m,
+    ...b
+  }, w) => {
+    const d = r || t, y = (x) => {
+      if (d) {
+        x.preventDefault();
+        return;
+      }
+      m == null || m(x);
+    }, v = {
+      "aria-label": u,
+      "aria-describedby": p,
+      "aria-disabled": d ? !0 : void 0,
+      "aria-busy": t ? !0 : void 0
+    }, g = {
+      className: A(o),
+      ...v,
+      ...b
+    };
+    return n === "button" ? /* @__PURE__ */ $(
+      "button",
+      {
+        ...g,
+        ref: w,
+        type: l,
+        disabled: d,
+        onClick: y,
+        "data-loading": t ? "true" : void 0,
+        "data-disabled": d ? "true" : void 0,
+        children: [
+          t && /* @__PURE__ */ c("span", { className: "button-loader", "aria-hidden": "true" }),
+          !t && i && /* @__PURE__ */ c("span", { className: "button-icon-left", "aria-hidden": "true", children: i }),
+          /* @__PURE__ */ c("span", { className: "button-content", children: t ? a : e }),
+          !t && s && /* @__PURE__ */ c("span", { className: "button-icon-right", "aria-hidden": "true", children: s }),
+          t && /* @__PURE__ */ c("span", { className: "sr-only", role: "status", "aria-live": "polite", children: a })
+        ]
+      }
+    ) : n === "a" ? /* @__PURE__ */ $(
+      "a",
+      {
+        ...g,
+        ref: w,
+        onClick: y,
+        role: "button",
+        tabIndex: d ? -1 : 0,
+        "data-loading": t ? "true" : void 0,
+        "data-disabled": d ? "true" : void 0,
+        children: [
+          t && /* @__PURE__ */ c("span", { className: "button-loader", "aria-hidden": "true" }),
+          !t && i && /* @__PURE__ */ c("span", { className: "button-icon-left", "aria-hidden": "true", children: i }),
+          /* @__PURE__ */ c("span", { className: "button-content", children: t ? a : e }),
+          !t && s && /* @__PURE__ */ c("span", { className: "button-icon-right", "aria-hidden": "true", children: s }),
+          t && /* @__PURE__ */ c("span", { className: "sr-only", role: "status", "aria-live": "polite", children: a })
+        ]
+      }
+    ) : /* @__PURE__ */ $(
+      "div",
+      {
+        ...g,
+        ref: w,
+        role: "button",
+        tabIndex: d ? -1 : 0,
+        onClick: y,
+        onKeyDown: (x) => {
+          (x.key === "Enter" || x.key === " ") && (x.preventDefault(), d || m == null || m(x));
+        },
+        "data-loading": t ? "true" : void 0,
+        "data-disabled": d ? "true" : void 0,
+        children: [
+          t && /* @__PURE__ */ c("span", { className: "button-loader", "aria-hidden": "true" }),
+          !t && i && /* @__PURE__ */ c("span", { className: "button-icon-left", "aria-hidden": "true", children: i }),
+          /* @__PURE__ */ c("span", { className: "button-content", children: t ? a : e }),
+          !t && s && /* @__PURE__ */ c("span", { className: "button-icon-right", "aria-hidden": "true", children: s }),
+          t && /* @__PURE__ */ c("span", { className: "sr-only", role: "status", "aria-live": "polite", children: a })
+        ]
+      }
+    );
+  }
+);
+Fe.displayName = "Button";
+const ce = D(
+  ({
+    className: e,
+    invalid: o = !1,
+    errorId: t,
+    labelId: r,
+    disabled: i = !1,
+    required: s = !1,
+    prefix: a,
+    suffix: n,
+    hideNumberSpinners: l = !1,
+    hideDateIcon: u = !1,
+    showPasswordToggle: p = !1,
+    wrapperClassName: m,
+    wrapperStyle: b,
+    type: w = "text",
+    "aria-describedby": d,
+    "aria-labelledby": y,
+    onClick: v,
+    onFocus: g,
+    ...x
+  }, f) => {
+    const [h, N] = z.useState(!1), I = C(null), E = k(
+      (O) => {
+        I.current = O, typeof f == "function" ? f(O) : f && (f.current = O);
+      },
+      [f]
+    ), S = k(() => {
+      if (["date", "time", "datetime-local"].includes(w) && I.current && typeof I.current.showPicker == "function")
+        try {
+          I.current.showPicker();
+        } catch (J) {
+          console.warn("showPicker() not supported:", J);
+        }
+    }, [w]), T = k(
+      (O) => {
+        u && ["date", "time", "datetime-local"].includes(w) && S(), v == null || v(O);
+      },
+      [u, w, S, v]
+    ), P = k(
+      (O) => {
+        u && ["date", "time", "datetime-local"].includes(w) && S(), g == null || g(O);
+      },
+      [u, w, S, g]
+    ), W = [d, o && t].filter(Boolean).join(" ") || void 0, j = y || r, F = p && w === "password" && h ? "text" : w, X = A(
+      e,
+      l && w === "number" && "input-hide-spinners",
+      u && ["date", "time", "datetime-local"].includes(w) && "input-hide-date-icon"
+    );
+    return !a && !n && !(p && w === "password") ? /* @__PURE__ */ c(
+      "input",
+      {
+        ref: E,
+        type: F,
+        className: X,
+        disabled: i,
+        required: s,
+        "aria-invalid": o ? "true" : void 0,
+        "aria-describedby": W,
+        "aria-labelledby": j,
+        "aria-required": s ? "true" : void 0,
+        "data-invalid": o ? "true" : void 0,
+        "data-disabled": i ? "true" : void 0,
+        onClick: T,
+        onFocus: P,
+        ...x
+      }
+    ) : /* @__PURE__ */ $(
+      "div",
+      {
+        className: A("input-wrapper", m),
+        style: b,
+        children: [
+          a && /* @__PURE__ */ c("span", { className: "input-prefix", "aria-hidden": "true", children: a }),
+          /* @__PURE__ */ c(
+            "input",
+            {
+              ref: E,
+              type: F,
+              className: X,
+              disabled: i,
+              required: s,
+              "aria-invalid": o ? "true" : void 0,
+              "aria-describedby": W,
+              "aria-labelledby": j,
+              "aria-required": s ? "true" : void 0,
+              "data-invalid": o ? "true" : void 0,
+              "data-disabled": i ? "true" : void 0,
+              onClick: T,
+              onFocus: P,
+              ...x
+            }
+          ),
+          n && /* @__PURE__ */ c("span", { className: "input-suffix", "aria-hidden": "true", children: n }),
+          p && w === "password" && /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: "input-password-toggle",
+              onClick: () => N((O) => !O),
+              "aria-label": h ? "Hide password" : "Show password",
+              tabIndex: -1,
+              children: h ? /* @__PURE__ */ $(
+                "svg",
+                {
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 20 20",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ c(
+                      "path",
+                      {
+                        d: "M2 10s3-6 8-6 8 6 8 6-3 6-8 6-8-6-8-6z",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    ),
+                    /* @__PURE__ */ c(
+                      "circle",
+                      {
+                        cx: "10",
+                        cy: "10",
+                        r: "3",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  ]
+                }
+              ) : /* @__PURE__ */ c(
+                "svg",
+                {
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 20 20",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ c(
+                    "path",
+                    {
+                      d: "M14.12 14.12A8 8 0 0 1 2 10s3-6 8-6a8 8 0 0 1 4.12 1.12m2.83 2.83A8 8 0 0 1 18 10s-3 6-8 6a8 8 0 0 1-2.95-.55M1 1l18 18",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ce.displayName = "Input";
+const le = D(
+  ({
+    children: e,
+    className: o,
+    required: t = !1,
+    requiredIndicator: r = "*",
+    showRequiredIndicator: i = !0,
+    ...s
+  }, a) => /* @__PURE__ */ $("label", { ref: a, className: A(o), ...s, children: [
+    e,
+    t && i && /* @__PURE__ */ c(
+      "span",
+      {
+        className: "label-required",
+        "aria-label": "required",
+        role: "presentation",
+        children: r
+      }
+    )
+  ] })
+);
+le.displayName = "Label";
+const de = D(
+  ({ children: e, className: o, show: t = !0, ...r }, i) => !t || !e ? null : /* @__PURE__ */ c(
+    "p",
+    {
+      ref: i,
+      className: A(o),
+      role: "alert",
+      "aria-live": "polite",
+      ...r,
+      children: e
+    }
+  )
+);
+de.displayName = "ErrorMessage";
+const je = D(
+  ({
+    label: e,
+    error: o,
+    inputProps: t,
+    labelProps: r,
+    errorProps: i,
+    required: s = !1,
+    id: a,
+    className: n,
+    ...l
+  }, u) => {
+    const p = U("form-field"), m = a || p, b = `${m}-error`, w = `${m}-label`, d = !!o;
+    return /* @__PURE__ */ $("div", { className: n, ...l, children: [
+      /* @__PURE__ */ c(le, { id: w, htmlFor: m, required: s, ...r, children: e }),
+      /* @__PURE__ */ c(
+        ce,
+        {
+          ref: u,
+          id: m,
+          labelId: w,
+          errorId: b,
+          invalid: d,
+          required: s,
+          ...t
+        }
+      ),
+      /* @__PURE__ */ c(de, { id: b, show: d, ...i, children: o })
+    ] });
+  }
+);
+je.displayName = "FormField";
+const ue = Y(null), V = () => {
+  const e = K(ue);
+  if (!e)
+    throw new Error("Dropdown components must be used within Dropdown");
+  return e;
+}, Ue = ({
+  children: e,
+  open: o,
+  defaultOpen: t = !1,
+  onOpenChange: r,
+  className: i,
+  ...s
+}) => {
+  const [a, n] = H(t), l = o !== void 0, u = l ? o : a, p = k(
+    (g) => {
+      l || n(g), r == null || r(g);
+    },
+    [l, r]
+  ), m = U("dropdown-trigger"), b = U("dropdown-menu"), [w, d] = H(-1), y = C([]), v = {
+    open: u,
+    setOpen: p,
+    triggerId: m,
+    menuId: b,
+    activeIndex: w,
+    setActiveIndex: d,
+    itemsRef: y
+  };
+  return /* @__PURE__ */ c(ue.Provider, { value: v, children: /* @__PURE__ */ c("div", { className: A("dropdown", i), ...s, children: e }) });
+}, We = D(({ children: e, className: o, onClick: t, onKeyDown: r, ...i }, s) => {
+  const { open: a, setOpen: n, triggerId: l, menuId: u } = V(), p = (b) => {
+    n(!a), t == null || t(b);
+  }, m = (b) => {
+    (b.key === "ArrowDown" || b.key === "ArrowUp") && (b.preventDefault(), n(!0)), r == null || r(b);
+  };
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      ref: s,
+      id: l,
+      type: "button",
+      "aria-haspopup": "true",
+      "aria-expanded": a,
+      "aria-controls": u,
+      className: A("dropdown-trigger", o),
+      onClick: p,
+      onKeyDown: m,
+      ...i,
+      children: e
+    }
+  );
+});
+We.displayName = "DropdownTrigger";
+const Ye = D(
+  ({
+    children: e,
+    className: o,
+    portal: t = !0,
+    placement: r = "bottom",
+    style: i,
+    ...s
+  }, a) => {
+    const { open: n, setOpen: l, menuId: u, triggerId: p, setActiveIndex: m, itemsRef: b } = V(), w = C(null), [d, y] = z.useState({ top: 0, left: 0 });
+    B(() => {
+      if (!n || !t) return;
+      const f = () => {
+        const h = document.getElementById(p), N = w.current;
+        if (!h) return;
+        const I = h.getBoundingClientRect(), E = (N == null ? void 0 : N.offsetHeight) || 0;
+        let S;
+        r === "top" ? S = I.top + window.scrollY - E - 4 : S = I.bottom + window.scrollY + 4, y({
+          top: S,
+          left: I.left + window.scrollX
+        });
+      };
+      return f(), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
+        window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
+      };
+    }, [n, t, p, r]), Z({
+      enabled: n,
+      onEscape: () => l(!1)
+    }), B(() => {
+      if (!n) return;
+      const f = (h) => {
+        const N = h.target, I = document.getElementById(p), E = w.current;
+        E && !E.contains(N) && I && !I.contains(N) && l(!1);
+      };
+      return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    }, [n, l, p]);
+    const v = (f) => {
+      var N, I, E;
+      const h = b.current.filter(
+        (S) => S && !S.hasAttribute("disabled")
+      );
+      switch (f.key) {
+        case "ArrowDown":
+          f.preventDefault(), m((S) => {
+            var P;
+            const T = S + 1 >= h.length ? 0 : S + 1;
+            return (P = h[T]) == null || P.focus(), T;
+          });
+          break;
+        case "ArrowUp":
+          f.preventDefault(), m((S) => {
+            var P;
+            const T = S - 1 < 0 ? h.length - 1 : S - 1;
+            return (P = h[T]) == null || P.focus(), T;
+          });
+          break;
+        case "Home":
+          f.preventDefault(), m(0), (N = h[0]) == null || N.focus();
+          break;
+        case "End":
+          f.preventDefault(), m(h.length - 1), (I = h[h.length - 1]) == null || I.focus();
+          break;
+        case "Escape":
+          f.preventDefault(), l(!1), (E = document.getElementById(p)) == null || E.focus();
+          break;
+      }
+    };
+    if (B(() => {
+      if (n) {
+        const f = b.current.filter(
+          (h) => h && !h.hasAttribute("disabled")
+        );
+        f.length > 0 && (m(0), setTimeout(() => {
+          var h;
+          return (h = f[0]) == null ? void 0 : h.focus();
+        }, 0));
+      } else
+        m(-1);
+    }, [n, m]), !n) return null;
+    const g = t ? {
+      ...i,
+      position: "absolute",
+      top: `${d.top}px`,
+      left: `${d.left}px`,
+      zIndex: 9999
+    } : i, x = /* @__PURE__ */ c(
+      "div",
+      {
+        ref: (f) => {
+          w.current = f, typeof a == "function" ? a(f) : a && (a.current = f);
+        },
+        id: u,
+        role: "menu",
+        "aria-labelledby": p,
+        className: A("dropdown-menu", o),
+        style: g,
+        onKeyDown: v,
+        ...s,
+        children: e
+      }
+    );
+    return t && Q ? q(x, document.body) : x;
+  }
+);
+Ye.displayName = "DropdownMenu";
+const Ke = D(
+  ({ children: e, className: o, disabled: t = !1, onClick: r, ...i }, s) => {
+    const { setOpen: a, itemsRef: n, activeIndex: l } = V(), u = C(null), [p, m] = H(-1);
+    B(() => {
+      const d = u.current;
+      if (d) {
+        const y = n.current.length;
+        return n.current[y] = d, m(y), () => {
+          n.current[y] = null;
+        };
+      }
+    }, [n]);
+    const b = (d) => {
+      t || (r == null || r(d), a(!1));
+    }, w = (d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), t || b(d));
+    };
+    return /* @__PURE__ */ c(
+      "button",
+      {
+        ref: (d) => {
+          u.current = d, typeof s == "function" ? s(d) : s && (s.current = d);
+        },
+        type: "button",
+        role: "menuitem",
+        tabIndex: -1,
+        disabled: t,
+        "aria-disabled": t ? "true" : void 0,
+        className: A("dropdown-item", o),
+        onClick: b,
+        onKeyDown: w,
+        "data-active": p === l ? "true" : void 0,
+        ...i,
+        children: e
+      }
+    );
+  }
+);
+Ke.displayName = "DropdownItem";
+Ue.displayName = "Dropdown";
+const pe = Y(null), ee = () => {
+  const e = K(pe);
+  if (!e)
+    throw new Error("Tabs components must be used within Tabs");
+  return e;
+}, Xe = ({
+  children: e,
+  value: o,
+  defaultValue: t,
+  onValueChange: r,
+  orientation: i = "horizontal",
+  activationMode: s = "automatic",
+  className: a,
+  ...n
+}) => {
+  const [l, u] = H(
+    t || ""
+  ), p = o !== void 0, m = p ? o : l, b = k(
+    (x) => {
+      p || u(x), r == null || r(x);
+    },
+    [p, r]
+  ), w = U("tabs"), d = C(/* @__PURE__ */ new Map()), y = k((x, f) => {
+    d.current.set(x, f);
+  }, []), v = k((x) => {
+    d.current.delete(x);
+  }, []), g = {
+    selectedValue: m,
+    setSelectedValue: b,
+    orientation: i,
+    activationMode: s,
+    tabsId: w,
+    registerTab: y,
+    unregisterTab: v,
+    tabs: d.current
+  };
+  return /* @__PURE__ */ c(pe.Provider, { value: g, children: /* @__PURE__ */ c(
+    "div",
+    {
+      className: A("tabs", a),
+      "data-orientation": i,
+      ...n,
+      children: e
+    }
+  ) });
+}, Ge = D(
+  ({ children: e, className: o, ...t }, r) => {
+    const { orientation: i } = ee();
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: r,
+        role: "tablist",
+        "aria-orientation": i,
+        className: A("tabs-list", o),
+        "data-orientation": i,
+        ...t,
+        children: e
+      }
+    );
+  }
+);
+Ge.displayName = "TabsList";
+const Me = D(
+  ({ children: e, className: o, value: t, disabled: r = !1, onKeyDown: i, ...s }, a) => {
+    const {
+      selectedValue: n,
+      setSelectedValue: l,
+      orientation: u,
+      activationMode: p,
+      tabsId: m,
+      registerTab: b,
+      unregisterTab: w,
+      tabs: d
+    } = ee(), y = C(null), v = n === t;
+    B(() => {
+      const f = y.current;
+      if (f)
+        return b(t, f), () => w(t);
+    }, [t, b, w]), B(() => {
+      !n && d.size > 0 && Array.from(d.keys())[0] === t && l(t);
+    }, [n, t, d, l]);
+    const g = () => {
+      r || l(t);
+    }, x = (f) => {
+      if (r) return;
+      const N = Array.from(d.keys()).filter((S) => {
+        const T = d.get(S);
+        return T && !T.hasAttribute("disabled");
+      }), I = N.indexOf(t);
+      let E = I;
+      if (u === "horizontal" ? f.key === "ArrowLeft" ? (f.preventDefault(), E = I - 1 < 0 ? N.length - 1 : I - 1) : f.key === "ArrowRight" && (f.preventDefault(), E = I + 1 >= N.length ? 0 : I + 1) : f.key === "ArrowUp" ? (f.preventDefault(), E = I - 1 < 0 ? N.length - 1 : I - 1) : f.key === "ArrowDown" && (f.preventDefault(), E = I + 1 >= N.length ? 0 : I + 1), f.key === "Home" ? (f.preventDefault(), E = 0) : f.key === "End" && (f.preventDefault(), E = N.length - 1), E !== I) {
+        const S = N[E], T = d.get(S);
+        T && (T.focus(), p === "automatic" && l(S));
+      }
+      p === "manual" && (f.key === "Enter" || f.key === " ") && (f.preventDefault(), l(t)), i == null || i(f);
+    };
+    return /* @__PURE__ */ c(
+      "button",
+      {
+        ref: (f) => {
+          y.current = f, typeof a == "function" ? a(f) : a && (a.current = f);
+        },
+        type: "button",
+        role: "tab",
+        id: `${m}-tab-${t}`,
+        "aria-selected": v,
+        "aria-controls": `${m}-panel-${t}`,
+        tabIndex: v ? 0 : -1,
+        disabled: r,
+        className: A("tabs-trigger", o),
+        "data-state": v ? "active" : "inactive",
+        "data-orientation": u,
+        onClick: g,
+        onKeyDown: x,
+        ...s,
+        children: e
+      }
+    );
+  }
+);
+Me.displayName = "TabsTrigger";
+const qe = D(
+  ({ children: e, className: o, value: t, ...r }, i) => {
+    const { selectedValue: s, tabsId: a } = ee(), n = s === t;
+    return n ? /* @__PURE__ */ c(
+      "div",
+      {
+        ref: i,
+        role: "tabpanel",
+        id: `${a}-panel-${t}`,
+        "aria-labelledby": `${a}-tab-${t}`,
+        tabIndex: 0,
+        className: A("tabs-content", o),
+        "data-state": n ? "active" : "inactive",
+        ...r,
+        children: e
+      }
+    ) : null;
+  }
+);
+qe.displayName = "TabsContent";
+Xe.displayName = "Tabs";
+const fe = Y(null), me = () => {
+  const e = K(fe);
+  if (!e)
+    throw new Error("Accordion components must be used within Accordion");
+  return e;
+}, be = Y(
+  null
+), he = () => {
+  const e = K(be);
+  if (!e)
+    throw new Error(
+      "AccordionTrigger and AccordionContent must be used within AccordionItem"
+    );
+  return e;
+}, Qe = ({
+  children: e,
+  type: o = "single",
+  value: t,
+  defaultValue: r,
+  onValueChange: i,
+  collapsible: s = !1,
+  disabled: a = !1,
+  className: n,
+  ...l
+}) => {
+  const [u, p] = H(
+    r || (o === "single" ? "" : [])
+  ), m = t !== void 0, b = m ? t : u, w = k(
+    (v) => {
+      let g;
+      if (o === "single")
+        b === v && s ? g = "" : g = v;
+      else {
+        const x = b || [];
+        x.includes(v) ? g = x.filter((f) => f !== v) : g = [...x, v];
+      }
+      m || p(g), i == null || i(g);
+    },
+    [o, b, s, m, i]
+  ), d = U("accordion"), y = {
+    type: o,
+    value: b,
+    onValueChange: w,
+    collapsible: s,
+    disabled: a,
+    accordionId: d
+  };
+  return /* @__PURE__ */ c(fe.Provider, { value: y, children: /* @__PURE__ */ c("div", { className: A("accordion", n), ...l, children: e }) });
+}, _e = D(
+  ({ children: e, className: o, value: t, disabled: r = !1, ...i }, s) => {
+    const {
+      type: a,
+      value: n,
+      disabled: l,
+      accordionId: u
+    } = me(), p = l || r, m = a === "single" ? n === t : Array.isArray(n) && n.includes(t), b = `${u}-trigger-${t}`, w = `${u}-content-${t}`, d = {
+      value: t,
+      disabled: p,
+      isOpen: m,
+      triggerId: b,
+      contentId: w
+    };
+    return /* @__PURE__ */ c(be.Provider, { value: d, children: /* @__PURE__ */ c(
+      "div",
+      {
+        ref: s,
+        className: A("accordion-item", o),
+        "data-state": m ? "open" : "closed",
+        "data-disabled": p ? "true" : void 0,
+        ...i,
+        children: e
+      }
+    ) });
+  }
+);
+_e.displayName = "AccordionItem";
+const Je = D(({ children: e, className: o, ...t }, r) => {
+  const { onValueChange: i } = me(), { value: s, disabled: a, isOpen: n, triggerId: l, contentId: u } = he(), p = () => {
+    a || i(s);
+  };
+  return /* @__PURE__ */ c("h3", { className: "accordion-header", children: /* @__PURE__ */ c(
+    "button",
+    {
+      ref: r,
+      type: "button",
+      id: l,
+      "aria-expanded": n,
+      "aria-controls": u,
+      disabled: a,
+      className: A("accordion-trigger", o),
+      "data-state": n ? "open" : "closed",
+      onClick: p,
+      ...t,
+      children: e
+    }
+  ) });
+});
+Je.displayName = "AccordionTrigger";
+const Ze = D(({ children: e, className: o, ...t }, r) => {
+  const { isOpen: i, triggerId: s, contentId: a } = he(), n = C(null), [l, u] = H(
+    i ? void 0 : 0
+  );
+  return B(() => {
+    const p = n.current;
+    if (p)
+      if (i) {
+        const m = p.scrollHeight;
+        u(m);
+        const b = setTimeout(() => {
+          u(void 0);
+        }, 300);
+        return () => clearTimeout(b);
+      } else {
+        const m = p.scrollHeight;
+        u(m), p.offsetHeight, requestAnimationFrame(() => {
+          u(0);
+        });
+      }
+  }, [i]), /* @__PURE__ */ c(
+    "div",
+    {
+      ref: (p) => {
+        n.current = p, typeof r == "function" ? r(p) : r && (r.current = p);
+      },
+      id: a,
+      role: "region",
+      "aria-labelledby": s,
+      className: A("accordion-content", o),
+      "data-state": i ? "open" : "closed",
+      style: {
+        height: l !== void 0 ? `${l}px` : "auto",
+        overflow: "hidden",
+        transition: "height 300ms cubic-bezier(0.4, 0, 0.2, 1)"
+      },
+      ...t,
+      children: /* @__PURE__ */ c("div", { className: "accordion-content-inner", children: e })
+    }
+  );
+});
+Ze.displayName = "AccordionContent";
+Qe.displayName = "Accordion";
+const we = Y(null), ye = () => {
+  const e = K(we);
+  if (!e)
+    throw new Error("Tooltip components must be used within Tooltip");
+  return e;
+}, Ve = typeof window < "u", et = ({
+  children: e,
+  delayShow: o = 200,
+  delayHide: t = 0,
+  defaultOpen: r = !1,
+  open: i,
+  onOpenChange: s
+}) => {
+  const [a, n] = H(r), l = i !== void 0, u = l ? i : a, p = k(
+    (d) => {
+      l || n(d), s == null || s(d);
+    },
+    [l, s]
+  ), m = U("tooltip"), b = C(null), w = {
+    open: u,
+    setOpen: p,
+    tooltipId: m,
+    triggerRef: b,
+    delayShow: o,
+    delayHide: t
+  };
+  return /* @__PURE__ */ c(we.Provider, { value: w, children: e });
+}, tt = D(
+  ({
+    children: e,
+    className: o,
+    asChild: t = !1,
+    onMouseEnter: r,
+    onMouseLeave: i,
+    onFocus: s,
+    onBlur: a,
+    ...n
+  }, l) => {
+    const { setOpen: u, tooltipId: p, triggerRef: m, delayShow: b, delayHide: w } = ye(), d = C(), y = C(), v = k(
+      (h) => {
+        clearTimeout(y.current), d.current = setTimeout(() => {
+          u(!0);
+        }, b), r == null || r(h);
+      },
+      [u, b, r]
+    ), g = k(
+      (h) => {
+        clearTimeout(d.current), y.current = setTimeout(() => {
+          u(!1);
+        }, w), i == null || i(h);
+      },
+      [u, w, i]
+    ), x = k(
+      (h) => {
+        clearTimeout(y.current), u(!0), s == null || s(h);
+      },
+      [u, s]
+    ), f = k(
+      (h) => {
+        clearTimeout(d.current), u(!1), a == null || a(h);
+      },
+      [u, a]
+    );
+    return B(() => () => {
+      clearTimeout(d.current), clearTimeout(y.current);
+    }, []), t && z.isValidElement(e) ? z.cloneElement(e, {
+      ref: (h) => {
+        m.current = h, typeof l == "function" ? l(h) : l && (l.current = h);
+      },
+      "aria-describedby": p,
+      onMouseEnter: v,
+      onMouseLeave: g,
+      onFocus: x,
+      onBlur: f
+    }) : /* @__PURE__ */ c(
+      "span",
+      {
+        ref: (h) => {
+          m.current = h, typeof l == "function" ? l(h) : l && (l.current = h);
+        },
+        className: A("tooltip-trigger", o),
+        "aria-describedby": p,
+        onMouseEnter: v,
+        onMouseLeave: g,
+        onFocus: x,
+        onBlur: f,
+        ...n,
+        children: e
+      }
+    );
+  }
+);
+tt.displayName = "TooltipTrigger";
+const rt = D(
+  ({ children: e, className: o, placement: t = "top", portal: r = !0, style: i, ...s }, a) => {
+    const { open: n, tooltipId: l, triggerRef: u } = ye(), p = C(null), [m, b] = H({ top: 0, left: 0 });
+    if (B(() => {
+      if (!n || !r) return;
+      const y = () => {
+        const v = u.current, g = p.current;
+        if (!v || !g) return;
+        const x = v.getBoundingClientRect(), f = g.getBoundingClientRect();
+        let h = 0, N = 0;
+        switch (t) {
+          case "top":
+            h = x.top + window.scrollY - f.height - 8, N = x.left + window.scrollX + x.width / 2 - f.width / 2;
+            break;
+          case "bottom":
+            h = x.bottom + window.scrollY + 8, N = x.left + window.scrollX + x.width / 2 - f.width / 2;
+            break;
+          case "left":
+            h = x.top + window.scrollY + x.height / 2 - f.height / 2, N = x.left + window.scrollX - f.width - 8;
+            break;
+          case "right":
+            h = x.top + window.scrollY + x.height / 2 - f.height / 2, N = x.right + window.scrollX + 8;
+            break;
+        }
+        b({ top: h, left: N });
+      };
+      return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+        window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+      };
+    }, [n, r, t, u]), !n) return null;
+    const w = r ? {
+      ...i,
+      position: "absolute",
+      top: `${m.top}px`,
+      left: `${m.left}px`,
+      zIndex: 9999
+    } : i, d = /* @__PURE__ */ c(
+      "div",
+      {
+        ref: (y) => {
+          p.current = y, typeof a == "function" ? a(y) : a && (a.current = y);
+        },
+        id: l,
+        role: "tooltip",
+        className: A("tooltip-content", o),
+        "data-placement": t,
+        style: w,
+        ...s,
+        children: e
+      }
+    );
+    return r && Ve ? q(d, document.body) : d;
+  }
+);
+rt.displayName = "TooltipContent";
+et.displayName = "Tooltip";
+const xe = Y(null), te = () => {
+  const e = K(xe);
+  if (!e)
+    throw new Error("useToast must be used within ToastProvider");
+  return e;
+}, ot = typeof window < "u";
+let nt = 0;
+const it = () => `toast-${++nt}`, kt = ({
+  children: e,
+  position: o = "bottom-right",
+  maxToasts: t = 5
+}) => {
+  const [r, i] = H([]), s = k(
+    (l) => {
+      const u = it(), p = {
+        ...l,
+        id: u,
+        duration: l.duration ?? 5e3,
+        variant: l.variant ?? "default"
+      };
+      return i((m) => [...m, p].slice(-t)), u;
+    },
+    [t]
+  ), a = k((l) => {
+    i((u) => u.filter((p) => p.id !== l));
+  }, []), n = {
+    toasts: r,
+    addToast: s,
+    removeToast: a,
+    position: o
+  };
+  return /* @__PURE__ */ $(xe.Provider, { value: n, children: [
+    e,
+    /* @__PURE__ */ c(st, {})
+  ] });
+}, st = () => {
+  const { toasts: e, position: o } = te();
+  return !ot || e.length === 0 ? null : q(
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: "toast-container",
+        style: {
+          position: "fixed",
+          zIndex: 1e4,
+          display: "flex",
+          flexDirection: "column",
+          gap: "8px",
+          pointerEvents: "none",
+          ...{
+            "top-left": { top: 16, left: 16 },
+            "top-center": { top: 16, left: "50%", transform: "translateX(-50%)" },
+            "top-right": { top: 16, right: 16 },
+            "bottom-left": { bottom: 16, left: 16 },
+            "bottom-center": { bottom: 16, left: "50%", transform: "translateX(-50%)" },
+            "bottom-right": { bottom: 16, right: 16 }
+          }[o]
+        },
+        "aria-live": "polite",
+        "aria-atomic": "false",
+        children: e.map((r) => /* @__PURE__ */ c(ve, { toast: r }, r.id))
+      }
+    ),
+    document.body
+  );
+}, ve = D(
+  ({ toast: e }, o) => {
+    const { removeToast: t } = te(), [r, i] = H(!1);
+    B(() => {
+      if (e.duration && e.duration > 0) {
+        const n = setTimeout(() => {
+          s();
+        }, e.duration);
+        return () => clearTimeout(n);
+      }
+    }, [e.duration, e.id]);
+    const s = () => {
+      i(!0), setTimeout(() => {
+        var n;
+        t(e.id), (n = e.onDismiss) == null || n.call(e);
+      }, 200);
+    }, a = {
+      default: {
+        backgroundColor: "#1f2937",
+        color: "white",
+        border: "1px solid #374151"
+      },
+      success: {
+        backgroundColor: "#10b981",
+        color: "white",
+        border: "1px solid #059669"
+      },
+      error: {
+        backgroundColor: "#ef4444",
+        color: "white",
+        border: "1px solid #dc2626"
+      },
+      warning: {
+        backgroundColor: "#f59e0b",
+        color: "#1f2937",
+        border: "1px solid #d97706"
+      },
+      info: {
+        backgroundColor: "#3b82f6",
+        color: "white",
+        border: "1px solid #2563eb"
+      }
+    };
+    return /* @__PURE__ */ $(
+      "div",
+      {
+        ref: o,
+        role: "status",
+        "aria-live": "polite",
+        className: A("toast-item", `toast-${e.variant}`),
+        "data-variant": e.variant,
+        "data-exiting": r,
+        style: {
+          pointerEvents: "auto",
+          minWidth: "300px",
+          maxWidth: "500px",
+          padding: "16px",
+          borderRadius: "8px",
+          boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+          display: "flex",
+          alignItems: "flex-start",
+          gap: "12px",
+          animation: r ? "toast-exit 200ms ease-out" : "toast-enter 200ms ease-out",
+          ...a[e.variant || "default"]
+        },
+        children: [
+          /* @__PURE__ */ $("div", { style: { flex: 1 }, children: [
+            e.title && /* @__PURE__ */ c(
+              "div",
+              {
+                style: {
+                  fontWeight: "600",
+                  fontSize: "14px",
+                  marginBottom: e.description ? "4px" : 0
+                },
+                children: e.title
+              }
+            ),
+            e.description && /* @__PURE__ */ c("div", { style: { fontSize: "13px", opacity: 0.9 }, children: e.description })
+          ] }),
+          /* @__PURE__ */ c(
+            "button",
+            {
+              onClick: s,
+              "aria-label": "Dismiss notification",
+              style: {
+                background: "transparent",
+                border: "none",
+                color: "inherit",
+                cursor: "pointer",
+                padding: "4px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                opacity: 0.7,
+                transition: "opacity 0.2s"
+              },
+              onMouseEnter: (n) => n.currentTarget.style.opacity = "1",
+              onMouseLeave: (n) => n.currentTarget.style.opacity = "0.7",
+              children: /* @__PURE__ */ c("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ c("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" }) })
+            }
+          ),
+          /* @__PURE__ */ c("style", { children: `
+        @keyframes toast-enter {
+          from {
+            opacity: 0;
+            transform: translateY(20px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+        @keyframes toast-exit {
+          from {
+            opacity: 1;
+            transform: translateY(0);
+          }
+          to {
+            opacity: 0;
+            transform: translateY(20px);
+          }
+        }
+      ` })
+        ]
+      }
+    );
+  }
+);
+ve.displayName = "ToastItem";
+const Tt = () => {
+  const { addToast: e } = te(), o = k(
+    (a) => e(a),
+    [e]
+  ), t = k(
+    (a, n) => e({ title: a, description: n, variant: "success" }),
+    [e]
+  ), r = k(
+    (a, n) => e({ title: a, description: n, variant: "error" }),
+    [e]
+  ), i = k(
+    (a, n) => e({ title: a, description: n, variant: "warning" }),
+    [e]
+  ), s = k(
+    (a, n) => e({ title: a, description: n, variant: "info" }),
+    [e]
+  );
+  return {
+    toast: o,
+    success: t,
+    error: r,
+    warning: i,
+    info: s
+  };
+}, at = D(
+  ({
+    className: e,
+    checked: o,
+    defaultChecked: t,
+    indeterminate: r = !1,
+    disabled: i = !1,
+    invalid: s = !1,
+    label: a,
+    helperText: n,
+    errorMessage: l,
+    onCheckedChange: u,
+    onChange: p,
+    id: m,
+    ...b
+  }, w) => {
+    const d = k(
+      (h) => {
+        p == null || p(h), u == null || u(h.target.checked);
+      },
+      [p, u]
+    ), y = z.useRef(null);
+    z.useEffect(() => {
+      y.current && (y.current.indeterminate = r);
+    }, [r]), z.useImperativeHandle(w, () => y.current);
+    const v = m || `checkbox-${z.useId()}`, g = n ? `${v}-helper` : void 0, x = l ? `${v}-error` : void 0, f = [g, x].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ $("div", { className: A("checkbox-wrapper", e), children: [
+      /* @__PURE__ */ $("div", { style: { display: "flex", alignItems: "flex-start", gap: "8px" }, children: [
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ref: y,
+            type: "checkbox",
+            id: v,
+            checked: o,
+            defaultChecked: t,
+            disabled: i,
+            "aria-invalid": s,
+            "aria-describedby": f,
+            onChange: d,
+            className: "checkbox-input",
+            "data-invalid": s ? "true" : void 0,
+            "data-indeterminate": r ? "true" : void 0,
+            ...b
+          }
+        ),
+        a && /* @__PURE__ */ c(
+          "label",
+          {
+            htmlFor: v,
+            className: "checkbox-label",
+            style: {
+              cursor: i ? "not-allowed" : "pointer",
+              opacity: i ? 0.6 : 1
+            },
+            children: a
+          }
+        )
+      ] }),
+      n && !l && /* @__PURE__ */ c(
+        "div",
+        {
+          id: g,
+          className: "checkbox-helper-text",
+          style: {
+            fontSize: "13px",
+            color: "#6b7280",
+            marginTop: "4px",
+            marginLeft: "28px"
+          },
+          children: n
+        }
+      ),
+      l && /* @__PURE__ */ c(
+        "div",
+        {
+          id: x,
+          className: "checkbox-error-message",
+          role: "alert",
+          style: {
+            fontSize: "13px",
+            color: "#ef4444",
+            marginTop: "4px",
+            marginLeft: "28px"
+          },
+          children: l
+        }
+      )
+    ] });
+  }
+);
+at.displayName = "Checkbox";
+const ge = Y(null), ct = () => {
+  const e = K(ge);
+  if (!e)
+    throw new Error("Radio must be used within RadioGroup");
+  return e;
+}, lt = D(
+  ({
+    className: e,
+    name: o,
+    value: t,
+    defaultValue: r,
+    disabled: i = !1,
+    invalid: s = !1,
+    label: a,
+    helperText: n,
+    errorMessage: l,
+    onValueChange: u,
+    children: p,
+    ...m
+  }, b) => {
+    const [w, d] = z.useState(r), y = t !== void 0, v = y ? t : w, g = k(
+      (E) => {
+        y || d(E), u == null || u(E);
+      },
+      [y, u]
+    ), x = z.useId(), f = n ? `${x}-helper` : void 0, h = l ? `${x}-error` : void 0, N = [f, h].filter(Boolean).join(" ") || void 0, I = {
+      name: o,
+      value: v,
+      disabled: i,
+      onChange: g
+    };
+    return /* @__PURE__ */ $("div", { ref: b, className: A("radio-group", e), ...m, children: [
+      a && /* @__PURE__ */ c(
+        "div",
+        {
+          className: "radio-group-label",
+          style: {
+            fontSize: "14px",
+            fontWeight: "500",
+            marginBottom: "12px",
+            color: i ? "#9ca3af" : "#1f2937"
+          },
+          children: a
+        }
+      ),
+      /* @__PURE__ */ c(ge.Provider, { value: I, children: /* @__PURE__ */ c(
+        "div",
+        {
+          role: "radiogroup",
+          "aria-invalid": s,
+          "aria-describedby": N,
+          style: { display: "flex", flexDirection: "column", gap: "8px" },
+          children: p
+        }
+      ) }),
+      n && !l && /* @__PURE__ */ c(
+        "div",
+        {
+          id: f,
+          className: "radio-group-helper-text",
+          style: {
+            fontSize: "13px",
+            color: "#6b7280",
+            marginTop: "8px"
+          },
+          children: n
+        }
+      ),
+      l && /* @__PURE__ */ c(
+        "div",
+        {
+          id: h,
+          className: "radio-group-error-message",
+          role: "alert",
+          style: {
+            fontSize: "13px",
+            color: "#ef4444",
+            marginTop: "8px"
+          },
+          children: l
+        }
+      )
+    ] });
+  }
+);
+lt.displayName = "RadioGroup";
+const dt = D(
+  ({ className: e, value: o, label: t, disabled: r, onChange: i, ...s }, a) => {
+    const n = ct(), l = r || n.disabled, u = n.value === o, p = k(
+      (b) => {
+        var w;
+        i == null || i(b), (w = n.onChange) == null || w.call(n, o);
+      },
+      [i, n, o]
+    ), m = `${n.name}-${o}`;
+    return /* @__PURE__ */ c("div", { className: A("radio-wrapper", e), children: /* @__PURE__ */ $("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+      /* @__PURE__ */ c(
+        "input",
+        {
+          ref: a,
+          type: "radio",
+          id: m,
+          name: n.name,
+          value: o,
+          checked: u,
+          disabled: l,
+          onChange: p,
+          className: "radio-input",
+          ...s
+        }
+      ),
+      t && /* @__PURE__ */ c(
+        "label",
+        {
+          htmlFor: m,
+          className: "radio-label",
+          style: {
+            cursor: l ? "not-allowed" : "pointer",
+            opacity: l ? 0.6 : 1,
+            fontSize: "14px"
+          },
+          children: t
+        }
+      )
+    ] }) });
+  }
+);
+dt.displayName = "Radio";
+function ut(e, o) {
+  B(() => {
+    const t = Array.isArray(e) ? e : [e], r = (i) => {
+      const s = i.target;
+      t.every(
+        (n) => !n.current || !n.current.contains(s)
+      ) && o();
+    };
+    return document.addEventListener("mousedown", r), document.addEventListener("touchstart", r), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("touchstart", r);
+    };
+  }, [e, o]);
+}
+const pt = typeof window < "u", ft = D(
+  ({
+    className: e,
+    options: o,
+    value: t,
+    defaultValue: r,
+    placeholder: i = "Select an option",
+    disabled: s = !1,
+    invalid: a = !1,
+    multiple: n = !1,
+    searchable: l = !1,
+    label: u,
+    helperText: p,
+    errorMessage: m,
+    onValueChange: b,
+    renderValue: w,
+    ...d
+  }, y) => {
+    const [v, g] = H(r || (n ? [] : "")), x = t !== void 0, f = x ? t : v, [h, N] = H(!1), [I, E] = H(""), [S, T] = H(0), P = C(null), W = C(null), j = C(null);
+    z.useImperativeHandle(y, () => P.current), ut([P, W], () => N(!1)), Z({ enabled: h, onEscape: () => N(!1) });
+    const F = l ? o.filter(
+      (L) => L.label.toLowerCase().includes(I.toLowerCase())
+    ) : o;
+    B(() => {
+      h && l && j.current && j.current.focus();
+    }, [h, l]), B(() => {
+      h || (E(""), T(0));
+    }, [h]);
+    const X = k(
+      (L) => {
+        x || g(L), b == null || b(L);
+      },
+      [x, b]
+    ), O = k(
+      (L) => {
+        if (n) {
+          const R = f || [], M = R.includes(L) ? R.filter((De) => De !== L) : [...R, L];
+          X(M);
+        } else
+          X(L), N(!1);
+      },
+      [n, f, X]
+    ), J = k(
+      (L) => {
+        if (!s)
+          switch (L.key) {
+            case "Enter":
+            case " ":
+              if (!h)
+                L.preventDefault(), N(!0);
+              else if (!l) {
+                L.preventDefault();
+                const R = F[S];
+                R && !R.disabled && O(R.value);
+              }
+              break;
+            case "ArrowDown":
+              L.preventDefault(), h ? T(
+                (R) => R < F.length - 1 ? R + 1 : R
+              ) : N(!0);
+              break;
+            case "ArrowUp":
+              L.preventDefault(), h && T((R) => R > 0 ? R - 1 : R);
+              break;
+            case "Home":
+              h && (L.preventDefault(), T(0));
+              break;
+            case "End":
+              h && (L.preventDefault(), T(F.length - 1));
+              break;
+            case "Escape":
+              h && (L.preventDefault(), N(!1));
+              break;
+          }
+      },
+      [
+        s,
+        h,
+        l,
+        S,
+        F,
+        O
+      ]
+    ), Ie = () => {
+      if (w)
+        return w(f);
+      if (n) {
+        const R = o.filter(
+          (M) => f.includes(M.value)
+        );
+        return R.length > 0 ? R.map((M) => M.label).join(", ") : i;
+      }
+      const L = o.find((R) => R.value === f);
+      return L ? L.label : i;
+    }, ke = (L) => n ? f.includes(L) : f === L, G = z.useId(), re = p ? `${G}-helper` : void 0, oe = m ? `${G}-error` : void 0, Te = [re, oe].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ $("div", { className: A("select-wrapper", e), children: [
+      u && /* @__PURE__ */ c(
+        "label",
+        {
+          htmlFor: G,
+          className: "select-label",
+          style: {
+            display: "block",
+            fontSize: "14px",
+            fontWeight: "500",
+            marginBottom: "8px",
+            color: s ? "#9ca3af" : "#1f2937"
+          },
+          children: u
+        }
+      ),
+      /* @__PURE__ */ $(
+        "button",
+        {
+          ref: P,
+          id: G,
+          type: "button",
+          role: "combobox",
+          "aria-expanded": h,
+          "aria-haspopup": "listbox",
+          "aria-controls": `${G}-listbox`,
+          "aria-invalid": a,
+          "aria-describedby": Te,
+          disabled: s,
+          onClick: () => !s && N(!h),
+          onKeyDown: J,
+          className: "select-trigger",
+          "data-invalid": a ? "true" : void 0,
+          style: {
+            width: "100%",
+            padding: "8px 12px",
+            fontSize: "14px",
+            textAlign: "left",
+            backgroundColor: s ? "#f3f4f6" : "white",
+            border: `1px solid ${a ? "#ef4444" : "#d1d5db"}`,
+            borderRadius: "6px",
+            cursor: s ? "not-allowed" : "pointer",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: "8px"
+          },
+          ...d,
+          children: [
+            /* @__PURE__ */ c(
+              "span",
+              {
+                style: {
+                  flex: 1,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: Ie()
+              }
+            ),
+            /* @__PURE__ */ c(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "currentColor",
+                style: {
+                  transition: "transform 0.2s",
+                  transform: h ? "rotate(180deg)" : "rotate(0deg)"
+                },
+                children: /* @__PURE__ */ c(
+                  "path",
+                  {
+                    d: "M4 6l4 4 4-4",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    fill: "none"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ),
+      h && pt && q(
+        /* @__PURE__ */ c(
+          Ne,
+          {
+            ref: W,
+            id: `${G}-listbox`,
+            triggerRef: P,
+            options: F,
+            searchable: l,
+            searchQuery: I,
+            onSearchChange: E,
+            searchInputRef: j,
+            highlightedIndex: S,
+            onSelect: O,
+            isSelected: ke,
+            multiple: n
+          }
+        ),
+        document.body
+      ),
+      p && !m && /* @__PURE__ */ c(
+        "div",
+        {
+          id: re,
+          className: "select-helper-text",
+          style: {
+            fontSize: "13px",
+            color: "#6b7280",
+            marginTop: "4px"
+          },
+          children: p
+        }
+      ),
+      m && /* @__PURE__ */ c(
+        "div",
+        {
+          id: oe,
+          className: "select-error-message",
+          role: "alert",
+          style: {
+            fontSize: "13px",
+            color: "#ef4444",
+            marginTop: "4px"
+          },
+          children: m
+        }
+      )
+    ] });
+  }
+);
+ft.displayName = "Select";
+const Ne = D(
+  ({
+    id: e,
+    triggerRef: o,
+    options: t,
+    searchable: r,
+    searchQuery: i,
+    onSearchChange: s,
+    searchInputRef: a,
+    highlightedIndex: n,
+    onSelect: l,
+    isSelected: u,
+    multiple: p
+  }, m) => {
+    const [b, w] = H({ top: 0, left: 0, width: 0 });
+    return B(() => {
+      const d = () => {
+        if (!o.current) return;
+        const y = o.current.getBoundingClientRect();
+        w({
+          top: y.bottom + window.scrollY + 4,
+          left: y.left + window.scrollX,
+          width: y.width
+        });
+      };
+      return d(), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
+        window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+      };
+    }, [o]), /* @__PURE__ */ $(
+      "div",
+      {
+        ref: m,
+        id: e,
+        role: "listbox",
+        "aria-multiselectable": p,
+        className: "select-dropdown",
+        style: {
+          position: "absolute",
+          top: `${b.top}px`,
+          left: `${b.left}px`,
+          width: `${b.width}px`,
+          maxHeight: "300px",
+          backgroundColor: "white",
+          border: "1px solid #d1d5db",
+          borderRadius: "6px",
+          boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1)",
+          zIndex: 1e4,
+          overflow: "auto"
+        },
+        children: [
+          r && /* @__PURE__ */ c("div", { style: { padding: "8px", borderBottom: "1px solid #e5e7eb" }, children: /* @__PURE__ */ c(
+            "input",
+            {
+              ref: a,
+              type: "text",
+              placeholder: "Search...",
+              value: i,
+              onChange: (d) => s(d.target.value),
+              style: {
+                width: "100%",
+                padding: "6px 8px",
+                fontSize: "14px",
+                border: "1px solid #d1d5db",
+                borderRadius: "4px"
+              }
+            }
+          ) }),
+          /* @__PURE__ */ c("div", { style: { padding: "4px" }, children: t.length === 0 ? /* @__PURE__ */ c(
+            "div",
+            {
+              style: {
+                padding: "8px 12px",
+                fontSize: "14px",
+                color: "#6b7280"
+              },
+              children: "No options found"
+            }
+          ) : t.map((d, y) => /* @__PURE__ */ $(
+            "div",
+            {
+              role: "option",
+              "aria-selected": u(d.value),
+              "aria-disabled": d.disabled,
+              onClick: () => !d.disabled && l(d.value),
+              style: {
+                padding: "8px 12px",
+                fontSize: "14px",
+                cursor: d.disabled ? "not-allowed" : "pointer",
+                backgroundColor: y === n ? "#f3f4f6" : u(d.value) ? "#eff6ff" : "transparent",
+                color: d.disabled ? "#9ca3af" : "#1f2937",
+                borderRadius: "4px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between"
+              },
+              children: [
+                /* @__PURE__ */ c("span", { children: d.label }),
+                u(d.value) && /* @__PURE__ */ c(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ c("path", { d: "M13.5 3.5L6 11 2.5 7.5l1-1L6 9l6.5-6.5 1 1z" })
+                  }
+                )
+              ]
+            },
+            d.value
+          )) })
+        ]
+      }
+    );
+  }
+);
+Ne.displayName = "SelectDropdown";
+const mt = D(
+  ({
+    className: e,
+    label: o,
+    helperText: t,
+    errorMessage: r,
+    invalid: i = !1,
+    disabled: s = !1,
+    maxLength: a,
+    showCount: n = !1,
+    autoResize: l = !1,
+    minRows: u = 3,
+    maxRows: p,
+    value: m,
+    onChange: b,
+    id: w,
+    ...d
+  }, y) => {
+    const v = C(null), [g, x] = z.useState(0);
+    z.useImperativeHandle(y, () => v.current);
+    const f = k(() => {
+      const T = v.current;
+      if (!T || !l) return;
+      T.style.height = "auto";
+      const P = parseInt(getComputedStyle(T).lineHeight), W = u * P, j = p ? p * P : 1 / 0, F = Math.min(
+        Math.max(T.scrollHeight, W),
+        j
+      );
+      T.style.height = `${F}px`;
+    }, [l, u, p]);
+    B(() => {
+      l && f();
+    }, [m, l, f]);
+    const h = k(
+      (T) => {
+        x(T.target.value.length), b == null || b(T), l && f();
+      },
+      [b, l, f]
+    );
+    B(() => {
+      m !== void 0 && x(String(m).length);
+    }, [m]);
+    const N = w || z.useId(), I = t ? `${N}-helper` : void 0, E = r ? `${N}-error` : void 0, S = [I, E].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ $("div", { className: A("textarea-wrapper", e), children: [
+      o && /* @__PURE__ */ c(
+        "label",
+        {
+          htmlFor: N,
+          className: "textarea-label",
+          style: {
+            display: "block",
+            fontSize: "14px",
+            fontWeight: "500",
+            marginBottom: "8px",
+            color: s ? "#9ca3af" : "#1f2937"
+          },
+          children: o
+        }
+      ),
+      /* @__PURE__ */ c(
+        "textarea",
+        {
+          ref: v,
+          id: N,
+          disabled: s,
+          "aria-invalid": i,
+          "aria-describedby": S,
+          maxLength: a,
+          value: m,
+          onChange: h,
+          className: "textarea-input",
+          "data-invalid": i ? "true" : void 0,
+          style: {
+            width: "100%",
+            padding: "8px 12px",
+            fontSize: "14px",
+            lineHeight: "1.5",
+            backgroundColor: s ? "#f3f4f6" : "white",
+            border: `1px solid ${i ? "#ef4444" : "#d1d5db"}`,
+            borderRadius: "6px",
+            resize: l ? "none" : "vertical",
+            fontFamily: "inherit"
+          },
+          ...d
+        }
+      ),
+      /* @__PURE__ */ $(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            marginTop: "4px"
+          },
+          children: [
+            /* @__PURE__ */ $("div", { style: { flex: 1 }, children: [
+              t && !r && /* @__PURE__ */ c(
+                "div",
+                {
+                  id: I,
+                  className: "textarea-helper-text",
+                  style: {
+                    fontSize: "13px",
+                    color: "#6b7280"
+                  },
+                  children: t
+                }
+              ),
+              r && /* @__PURE__ */ c(
+                "div",
+                {
+                  id: E,
+                  className: "textarea-error-message",
+                  role: "alert",
+                  style: {
+                    fontSize: "13px",
+                    color: "#ef4444"
+                  },
+                  children: r
+                }
+              )
+            ] }),
+            n && a && /* @__PURE__ */ $(
+              "div",
+              {
+                className: "textarea-count",
+                style: {
+                  fontSize: "13px",
+                  color: g > a ? "#ef4444" : "#6b7280",
+                  marginLeft: "8px"
+                },
+                children: [
+                  g,
+                  "/",
+                  a
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+mt.displayName = "Textarea";
+const bt = D(
+  ({
+    className: e,
+    checked: o,
+    defaultChecked: t,
+    disabled: r = !1,
+    label: i,
+    helperText: s,
+    onCheckedChange: a,
+    onChange: n,
+    id: l,
+    ...u
+  }, p) => {
+    const m = k(
+      (d) => {
+        n == null || n(d), a == null || a(d.target.checked);
+      },
+      [n, a]
+    ), b = l || z.useId(), w = s ? `${b}-helper` : void 0;
+    return /* @__PURE__ */ $("div", { className: A("switch-wrapper", e), children: [
+      /* @__PURE__ */ $("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+        /* @__PURE__ */ $(
+          "label",
+          {
+            htmlFor: b,
+            className: "switch-container",
+            style: {
+              position: "relative",
+              display: "inline-block",
+              width: "44px",
+              height: "24px",
+              cursor: r ? "not-allowed" : "pointer",
+              opacity: r ? 0.6 : 1
+            },
+            children: [
+              /* @__PURE__ */ c(
+                "input",
+                {
+                  ref: p,
+                  type: "checkbox",
+                  id: b,
+                  role: "switch",
+                  checked: o,
+                  defaultChecked: t,
+                  disabled: r,
+                  "aria-describedby": w,
+                  onChange: m,
+                  className: "switch-input",
+                  style: {
+                    opacity: 0,
+                    width: 0,
+                    height: 0,
+                    position: "absolute"
+                  },
+                  ...u
+                }
+              ),
+              /* @__PURE__ */ c(
+                "span",
+                {
+                  className: "switch-slider",
+                  "data-checked": o,
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    backgroundColor: o ? "#0066FF" : "#d1d5db",
+                    borderRadius: "24px",
+                    transition: "background-color 0.2s"
+                  },
+                  children: /* @__PURE__ */ c(
+                    "span",
+                    {
+                      className: "switch-thumb",
+                      style: {
+                        position: "absolute",
+                        top: "2px",
+                        left: o ? "22px" : "2px",
+                        width: "20px",
+                        height: "20px",
+                        backgroundColor: "white",
+                        borderRadius: "50%",
+                        transition: "left 0.2s",
+                        boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)"
+                      }
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        i && /* @__PURE__ */ c(
+          "label",
+          {
+            htmlFor: b,
+            className: "switch-label",
+            style: {
+              cursor: r ? "not-allowed" : "pointer",
+              opacity: r ? 0.6 : 1,
+              fontSize: "14px",
+              userSelect: "none"
+            },
+            children: i
+          }
+        )
+      ] }),
+      s && /* @__PURE__ */ c(
+        "div",
+        {
+          id: w,
+          className: "switch-helper-text",
+          style: {
+            fontSize: "13px",
+            color: "#6b7280",
+            marginTop: "4px",
+            marginLeft: "56px"
+          },
+          children: s
+        }
+      )
+    ] });
+  }
+);
+bt.displayName = "Switch";
+const Dt = {
+  Enter: "Enter",
+  Space: " ",
+  Escape: "Escape",
+  ArrowUp: "ArrowUp",
+  ArrowDown: "ArrowDown",
+  ArrowLeft: "ArrowLeft",
+  ArrowRight: "ArrowRight",
+  Tab: "Tab",
+  Home: "Home",
+  End: "End"
+};
+export {
+  Qe as Accordion,
+  Ze as AccordionContent,
+  _e as AccordionItem,
+  Je as AccordionTrigger,
+  Fe as Button,
+  at as Checkbox,
+  Be as Dialog,
+  Oe as DialogClose,
+  Ce as DialogContent,
+  He as DialogDescription,
+  ze as DialogOverlay,
+  Pe as DialogTitle,
+  Ue as Dropdown,
+  Ke as DropdownItem,
+  Ye as DropdownMenu,
+  We as DropdownTrigger,
+  de as ErrorMessage,
+  je as FormField,
+  ce as Input,
+  Dt as Keys,
+  le as Label,
+  dt as Radio,
+  lt as RadioGroup,
+  ft as Select,
+  bt as Switch,
+  Xe as Tabs,
+  qe as TabsContent,
+  Ge as TabsList,
+  Me as TabsTrigger,
+  mt as Textarea,
+  kt as ToastProvider,
+  et as Tooltip,
+  rt as TooltipContent,
+  tt as TooltipTrigger,
+  A as cn,
+  se as composeEventHandlers,
+  Re as composeRefs,
+  xt as createFocusRestorer,
+  Se as createFocusTrap,
+  Ae as focusFirstElement,
+  gt as generateId,
+  It as getDocument,
+  ie as getFocusableElements,
+  Nt as getWindow,
+  Q as isBrowser,
+  vt as isFocused,
+  Le as useControllableState,
+  Z as useEscapeKey,
+  $e as useFocusTrap,
+  U as useId,
+  te as useToast,
+  Tt as useToastNotification
+};
+//# sourceMappingURL=index.js.map