@chloe0592/pebble 0.1.0

package/dist/pebble.es.js

@@ -0,0 +1,838 @@
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import b, { useId as L, useRef as O, useEffect as z, useState as H, useCallback as ae } from "react";
+import { createPortal as le } from "react-dom";
+const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e = "_xs_10ctt_24", pe = "_sm_10ctt_25", ue = "_md_10ctt_26", fe = "_lg_10ctt_27", he = "_xl_10ctt_28", M = {
+  spinner: ie,
+  "pb-spin": "_pb-spin_10ctt_1",
+  track: ce,
+  "pb-pulse": "_pb-pulse_10ctt_1",
+  arc: de,
+  xs: _e,
+  sm: pe,
+  md: ue,
+  lg: fe,
+  xl: he
+}, me = {
+  xs: 12,
+  sm: 16,
+  md: 24,
+  lg: 32,
+  xl: 48
+}, Q = b.forwardRef(
+  ({ size: r = "md", label: e = "Loading…", className: o = "" }, n) => {
+    const s = me[r], i = L().replace(/:/g, "");
+    return /* @__PURE__ */ _(
+      "svg",
+      {
+        ref: n,
+        className: [M.spinner, M[r], o].filter(Boolean).join(" "),
+        width: s,
+        height: s,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        "aria-label": e,
+        role: "status",
+        children: [
+          /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ _("linearGradient", { id: i, x1: "12", y1: "3", x2: "21", y2: "12", gradientUnits: "userSpaceOnUse", children: [
+            /* @__PURE__ */ t("stop", { offset: "0%", stopColor: "#6366f1", stopOpacity: "0" }),
+            /* @__PURE__ */ t("stop", { offset: "40%", stopColor: "#6366f1", stopOpacity: "1" }),
+            /* @__PURE__ */ t("stop", { offset: "100%", stopColor: "#a855f7", stopOpacity: "1" })
+          ] }) }),
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              className: M.track,
+              cx: "12",
+              cy: "12",
+              r: "9",
+              strokeWidth: "2.5"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              className: M.arc,
+              d: "M12 3a9 9 0 0 1 9 9",
+              strokeWidth: "2.5",
+              strokeLinecap: "round",
+              stroke: `url(#${i})`
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Q.displayName = "Spinner";
+const be = "_button_s5t2n_1", ge = "_sm_s5t2n_47", ve = "_md_s5t2n_55", ke = "_lg_s5t2n_62", we = "_primary_s5t2n_73", ye = "_secondary_s5t2n_108", xe = "_ghost_s5t2n_148", Ne = "_outline_s5t2n_166", $e = "_danger_s5t2n_187", Be = "_fullWidth_s5t2n_234", je = "_loading_s5t2n_238", Re = "_iconLeft_s5t2n_244", Le = "_iconRight_s5t2n_245", Ie = "_label_s5t2n_258", R = {
+  button: be,
+  sm: ge,
+  md: ve,
+  lg: ke,
+  primary: we,
+  secondary: ye,
+  ghost: xe,
+  outline: Ne,
+  danger: $e,
+  fullWidth: Be,
+  loading: je,
+  iconLeft: Re,
+  iconRight: Le,
+  label: Ie
+}, Ce = b.forwardRef(
+  ({
+    variant: r = "primary",
+    size: e = "md",
+    isLoading: o = !1,
+    leftIcon: n,
+    rightIcon: s,
+    fullWidth: i = !1,
+    children: c,
+    disabled: d,
+    className: f = "",
+    ...g
+  }, u) => {
+    const h = [
+      R.button,
+      R[r],
+      R[e],
+      i ? R.fullWidth : "",
+      o ? R.loading : "",
+      f
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ _(
+      "button",
+      {
+        ref: u,
+        className: h,
+        disabled: d || o,
+        "aria-busy": o || void 0,
+        ...g,
+        children: [
+          o ? /* @__PURE__ */ t(Q, { size: "sm", label: "Loading" }) : n && /* @__PURE__ */ t("span", { className: R.iconLeft, "aria-hidden": "true", children: n }),
+          c && /* @__PURE__ */ t("span", { className: R.label, children: c }),
+          !o && s && /* @__PURE__ */ t("span", { className: R.iconRight, "aria-hidden": "true", children: s })
+        ]
+      }
+    );
+  }
+);
+Ce.displayName = "Button";
+const Te = "_wrapper_5z8qu_3", Se = "_label_5z8qu_10", We = "_inputWrapper_5z8qu_21", ze = "_error_5z8qu_39", Ee = "_disabled_5z8qu_39", qe = "_sm_5z8qu_70", Ae = "_md_5z8qu_71", De = "_lg_5z8qu_72", Me = "_input_5z8qu_21", Pe = "_hasLeft_5z8qu_109", Fe = "_hasRight_5z8qu_110", Oe = "_iconLeft_5z8qu_114", Ue = "_iconRight_5z8qu_115", Ve = "_helperText_5z8qu_134", Ge = "_errorText_5z8qu_142", k = {
+  wrapper: Te,
+  label: Se,
+  inputWrapper: We,
+  error: ze,
+  disabled: Ee,
+  sm: qe,
+  md: Ae,
+  lg: De,
+  input: Me,
+  hasLeft: Pe,
+  hasRight: Fe,
+  iconLeft: Oe,
+  iconRight: Ue,
+  helperText: Ve,
+  errorText: Ge
+}, He = b.forwardRef(
+  ({
+    label: r,
+    helperText: e,
+    errorText: o,
+    leftIcon: n,
+    rightIcon: s,
+    size: i = "md",
+    className: c = "",
+    id: d,
+    disabled: f,
+    ...g
+  }, u) => {
+    const h = L(), a = d ?? h, w = `${a}-helper`, m = `${a}-error`, N = !!o, E = [N ? m : "", e ? w : ""].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ _("div", { className: [k.wrapper, c].filter(Boolean).join(" "), children: [
+      r && /* @__PURE__ */ t("label", { htmlFor: a, className: k.label, children: r }),
+      /* @__PURE__ */ _(
+        "div",
+        {
+          className: [
+            k.inputWrapper,
+            k[i],
+            N ? k.error : "",
+            f ? k.disabled : ""
+          ].filter(Boolean).join(" "),
+          children: [
+            n && /* @__PURE__ */ t("span", { className: k.iconLeft, "aria-hidden": "true", children: n }),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: u,
+                id: a,
+                className: [k.input, n ? k.hasLeft : "", s ? k.hasRight : ""].filter(Boolean).join(" "),
+                disabled: f,
+                "aria-invalid": N || void 0,
+                "aria-describedby": E,
+                ...g
+              }
+            ),
+            s && /* @__PURE__ */ t("span", { className: k.iconRight, "aria-hidden": "true", children: s })
+          ]
+        }
+      ),
+      N ? /* @__PURE__ */ t("p", { id: m, className: k.errorText, role: "alert", children: o }) : e ? /* @__PURE__ */ t("p", { id: w, className: k.helperText, children: e }) : null
+    ] });
+  }
+);
+He.displayName = "Input";
+const Ke = "_wrapper_1566g_3", Je = "_label_1566g_10", Qe = "_textarea_1566g_19", Xe = "_error_1566g_47", Ye = "_disabled_1566g_47", Ze = "_helperText_1566g_82", et = "_errorText_1566g_90", T = {
+  wrapper: Ke,
+  label: Je,
+  textarea: Qe,
+  error: Xe,
+  disabled: Ye,
+  helperText: Ze,
+  errorText: et
+}, tt = b.forwardRef(
+  ({
+    label: r,
+    helperText: e,
+    errorText: o,
+    resize: n = "vertical",
+    className: s = "",
+    id: i,
+    disabled: c,
+    rows: d = 4,
+    ...f
+  }, g) => {
+    const u = L(), h = i ?? u, a = `${h}-helper`, w = `${h}-error`, m = !!o, N = [m ? w : "", e ? a : ""].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ _("div", { className: [T.wrapper, s].filter(Boolean).join(" "), children: [
+      r && /* @__PURE__ */ t("label", { htmlFor: h, className: T.label, children: r }),
+      /* @__PURE__ */ t(
+        "textarea",
+        {
+          ref: g,
+          id: h,
+          rows: d,
+          className: [
+            T.textarea,
+            m ? T.error : "",
+            c ? T.disabled : ""
+          ].filter(Boolean).join(" "),
+          style: { resize: n },
+          disabled: c,
+          "aria-invalid": m || void 0,
+          "aria-describedby": N,
+          ...f
+        }
+      ),
+      m ? /* @__PURE__ */ t("p", { id: w, className: T.errorText, role: "alert", children: o }) : e ? /* @__PURE__ */ t("p", { id: a, className: T.helperText, children: e }) : null
+    ] });
+  }
+);
+tt.displayName = "Textarea";
+const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt = "_md_1v4s9_38", at = "_lg_1v4s9_39", lt = "_full_1v4s9_40", it = "_closeBtn_1v4s9_50", ct = "_header_1v4s9_92", dt = "_title_1v4s9_97", _t = "_description_1v4s9_107", pt = "_body_1v4s9_117", ut = "_footer_1v4s9_133", $ = {
+  backdrop: ot,
+  "pb-backdrop-in": "_pb-backdrop-in_1v4s9_1",
+  dialog: rt,
+  "pb-dialog-in": "_pb-dialog-in_1v4s9_1",
+  sm: st,
+  md: nt,
+  lg: at,
+  full: lt,
+  closeBtn: it,
+  header: ct,
+  title: dt,
+  description: _t,
+  body: pt,
+  footer: ut
+}, ft = ({
+  isOpen: r,
+  onClose: e,
+  title: o,
+  description: n,
+  size: s = "md",
+  closeOnBackdrop: i = !0,
+  children: c,
+  footer: d,
+  className: f = ""
+}) => {
+  const g = L(), u = L(), h = O(null);
+  return z(() => {
+    if (!r) return;
+    const a = h.current;
+    if (!a) return;
+    const w = a.querySelector(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    w ? w.focus() : a.focus();
+  }, [r]), z(() => {
+    if (!r) return;
+    const a = (w) => {
+      w.key === "Escape" && e();
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [r, e]), z(() => (r ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [r]), r ? le(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: $.backdrop,
+        onClick: i ? e : void 0,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ _(
+          "div",
+          {
+            ref: h,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": o ? g : void 0,
+            "aria-describedby": n ? u : void 0,
+            className: [$.dialog, $[s], f].filter(Boolean).join(" "),
+            tabIndex: -1,
+            onClick: (a) => a.stopPropagation(),
+            children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: $.closeBtn,
+                  onClick: e,
+                  "aria-label": "Close modal",
+                  children: /* @__PURE__ */ t(
+                    "svg",
+                    {
+                      width: "18",
+                      height: "18",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      children: /* @__PURE__ */ t("path", { d: "M18 6 6 18M6 6l12 12" })
+                    }
+                  )
+                }
+              ),
+              (o || n) && /* @__PURE__ */ _("div", { className: $.header, children: [
+                o && /* @__PURE__ */ t("h2", { id: g, className: $.title, children: o }),
+                n && /* @__PURE__ */ t("p", { id: u, className: $.description, children: n })
+              ] }),
+              /* @__PURE__ */ t("div", { className: $.body, children: c }),
+              d && /* @__PURE__ */ t("div", { className: $.footer, children: d })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  ) : null;
+};
+ft.displayName = "Modal";
+const ht = "_card_i6i72_3", mt = "_elevated_i6i72_25", bt = "_bordered_i6i72_36", gt = "_flat_i6i72_48", vt = "_hoverable_i6i72_60", kt = "_clickable_i6i72_68", wt = "_header_i6i72_96", yt = "_body_i6i72_105", xt = "_footer_i6i72_112", S = {
+  card: ht,
+  default: "_default_i6i72_15",
+  elevated: mt,
+  bordered: bt,
+  flat: gt,
+  hoverable: vt,
+  clickable: kt,
+  header: wt,
+  body: yt,
+  footer: xt
+}, X = ({ children: r, className: e = "", ...o }) => /* @__PURE__ */ t("div", { className: [S.header, e].filter(Boolean).join(" "), ...o, children: r });
+X.displayName = "Card.Header";
+const Y = ({ children: r, className: e = "", ...o }) => /* @__PURE__ */ t("div", { className: [S.body, e].filter(Boolean).join(" "), ...o, children: r });
+Y.displayName = "Card.Body";
+const Z = ({ children: r, className: e = "", ...o }) => /* @__PURE__ */ t("div", { className: [S.footer, e].filter(Boolean).join(" "), ...o, children: r });
+Z.displayName = "Card.Footer";
+const U = b.forwardRef(
+  ({
+    variant: r = "default",
+    hoverable: e = !1,
+    clickable: o = !1,
+    children: n,
+    className: s = "",
+    ...i
+  }, c) => {
+    const d = [
+      S.card,
+      S[r],
+      e ? S.hoverable : "",
+      o ? S.clickable : "",
+      s
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: c,
+        className: d,
+        role: o ? "button" : void 0,
+        tabIndex: o ? 0 : void 0,
+        ...i,
+        children: n
+      }
+    );
+  }
+);
+U.displayName = "Card";
+U.Header = X;
+U.Body = Y;
+U.Footer = Z;
+const Nt = "_badge_1uusg_3", $t = "_sm_1uusg_20", Bt = "_md_1uusg_25", jt = "_dot_1uusg_32", Rt = "_primary_1uusg_56", Lt = "_success_1uusg_63", It = "_warning_1uusg_70", Ct = "_danger_1uusg_77", Tt = "_info_1uusg_84", P = {
+  badge: Nt,
+  sm: $t,
+  md: Bt,
+  dot: jt,
+  default: "_default_1uusg_49",
+  primary: Rt,
+  success: Lt,
+  warning: It,
+  danger: Ct,
+  info: Tt
+}, St = b.forwardRef(
+  ({
+    variant: r = "default",
+    size: e = "md",
+    dot: o = !1,
+    children: n,
+    className: s = "",
+    ...i
+  }, c) => {
+    const d = [
+      P.badge,
+      P[r],
+      P[e],
+      o ? P.dot : "",
+      s
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t("span", { ref: c, className: d, ...i, children: o ? null : n });
+  }
+);
+St.displayName = "Badge";
+const Wt = "_avatar_n1f99_3", zt = "_xs_n1f99_25", Et = "_sm_n1f99_26", qt = "_md_n1f99_27", At = "_lg_n1f99_28", Dt = "_xl_n1f99_29", Mt = "_image_n1f99_33", Pt = "_initials_n1f99_42", Ft = "_fallbackIcon_n1f99_57", Ot = "_status_n1f99_65", Ut = "_overflow_n1f99_95", Vt = "_group_n1f99_107", y = {
+  avatar: Wt,
+  xs: zt,
+  sm: Et,
+  md: qt,
+  lg: At,
+  xl: Dt,
+  image: Mt,
+  initials: Pt,
+  fallbackIcon: Ft,
+  status: Ot,
+  "status-online": "_status-online_n1f99_79",
+  "status-offline": "_status-offline_n1f99_83",
+  "status-busy": "_status-busy_n1f99_84",
+  "status-away": "_status-away_n1f99_88",
+  overflow: Ut,
+  group: Vt
+};
+function Gt(r) {
+  const e = r.trim().split(/\s+/);
+  return e.length === 1 ? e[0].charAt(0).toUpperCase() : (e[0].charAt(0) + e[e.length - 1].charAt(0)).toUpperCase();
+}
+const Ht = b.forwardRef(
+  ({ src: r, alt: e = "", name: o, size: n = "md", status: s, className: i = "" }, c) => {
+    const [d, f] = H(!1), g = r && !d, u = o ? Gt(o) : null;
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        ref: c,
+        className: [y.avatar, y[n], i].filter(Boolean).join(" "),
+        "aria-label": o ?? e,
+        title: o ?? e,
+        children: [
+          g ? /* @__PURE__ */ t(
+            "img",
+            {
+              src: r,
+              alt: e || o || "",
+              className: y.image,
+              onError: () => f(!0)
+            }
+          ) : u ? /* @__PURE__ */ t("span", { className: y.initials, "aria-hidden": "true", children: u }) : /* @__PURE__ */ t(
+            "svg",
+            {
+              className: y.fallbackIcon,
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ t("path", { d: "M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-5.33 0-8 2.67-8 4v1h16v-1c0-1.33-2.67-4-8-4z" })
+            }
+          ),
+          s && /* @__PURE__ */ t(
+            "span",
+            {
+              className: [y.status, y[`status-${s}`]].join(" "),
+              "aria-label": s
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ht.displayName = "Avatar";
+const Kt = ({
+  children: r,
+  max: e,
+  size: o = "md",
+  className: n = ""
+}) => {
+  const s = b.Children.toArray(r), i = e ? s.slice(0, e) : s, c = e && s.length > e ? s.length - e : 0;
+  return /* @__PURE__ */ _("div", { className: [y.group, n].filter(Boolean).join(" "), children: [
+    i,
+    c > 0 && /* @__PURE__ */ t("div", { className: [y.avatar, y[o], y.overflow].join(" "), children: /* @__PURE__ */ _("span", { className: y.initials, children: [
+      "+",
+      c
+    ] }) })
+  ] });
+};
+Kt.displayName = "AvatarGroup";
+const Jt = "_wrapper_4w97v_8", Qt = "_tooltip_4w97v_17", Xt = "_arrow_4w97v_49", Yt = "_top_4w97v_58", Zt = "_bottom_4w97v_77", eo = "_left_4w97v_96", to = "_right_4w97v_115", F = {
+  wrapper: Jt,
+  tooltip: Qt,
+  arrow: Xt,
+  top: Yt,
+  bottom: Zt,
+  left: eo,
+  right: to
+}, oo = ({
+  content: r,
+  placement: e = "top",
+  children: o,
+  className: n = ""
+}) => {
+  const s = L(), i = b.cloneElement(o, {
+    "aria-describedby": s
+  });
+  return /* @__PURE__ */ _("div", { className: [F.wrapper, n].filter(Boolean).join(" "), children: [
+    i,
+    /* @__PURE__ */ _(
+      "div",
+      {
+        id: s,
+        role: "tooltip",
+        className: [F.tooltip, F[e]].join(" "),
+        children: [
+          r,
+          /* @__PURE__ */ t("span", { className: F.arrow, "aria-hidden": "true" })
+        ]
+      }
+    )
+  ] });
+};
+oo.displayName = "Tooltip";
+const ro = "_wrapper_kn5iw_3", so = "_label_kn5iw_12", no = "_triggerWrapper_kn5iw_23", ao = "_trigger_kn5iw_23", lo = "_open_kn5iw_64", io = "_error_kn5iw_71", co = "_disabled_kn5iw_78", _o = "_sm_kn5iw_90", po = "_md_kn5iw_91", uo = "_lg_kn5iw_92", fo = "_triggerValue_kn5iw_96", ho = "_triggerPlaceholder_kn5iw_103", mo = "_chevron_kn5iw_113", bo = "_chevronOpen_kn5iw_124", go = "_dropdown_kn5iw_135", vo = "_option_kn5iw_159", ko = "_optionDisabled_kn5iw_173", wo = "_optionSelected_kn5iw_177", yo = "_optionLabel_kn5iw_192", xo = "_checkmark_kn5iw_196", No = "_helperText_kn5iw_206", $o = "_errorText_kn5iw_214", p = {
+  wrapper: ro,
+  label: so,
+  triggerWrapper: no,
+  trigger: ao,
+  open: lo,
+  error: io,
+  disabled: co,
+  sm: _o,
+  md: po,
+  lg: uo,
+  triggerValue: fo,
+  triggerPlaceholder: ho,
+  chevron: mo,
+  chevronOpen: bo,
+  dropdown: go,
+  option: vo,
+  optionDisabled: ko,
+  optionSelected: wo,
+  optionLabel: yo,
+  checkmark: xo,
+  helperText: No,
+  errorText: $o
+};
+function Bo(r) {
+  return b.Children.toArray(r).filter(
+    (e) => b.isValidElement(e) && e.type === "option" && !e.props.disabled
+  ).map((e) => ({
+    value: String(e.props.value ?? ""),
+    label: String(e.props.children ?? ""),
+    disabled: !!e.props.disabled
+  })).filter((e) => e.value !== "");
+}
+function jo(r) {
+  const e = b.Children.toArray(r).find(
+    (o) => b.isValidElement(o) && o.type === "option" && (o.props.value === "" || o.props.value == null) && o.props.disabled
+  );
+  return e ? String(e.props.children) : void 0;
+}
+const Ro = b.forwardRef(
+  ({
+    label: r,
+    helperText: e,
+    errorText: o,
+    placeholder: n,
+    size: s = "md",
+    className: i = "",
+    id: c,
+    disabled: d,
+    value: f,
+    defaultValue: g,
+    onChange: u,
+    children: h
+  }, a) => {
+    const w = L(), m = c ?? w, N = `${m}-listbox`, E = `${m}-helper`, K = `${m}-error`, q = !!o, W = Bo(h), ee = n ?? jo(h) ?? "Select…", [B, j] = H(!1), [te, oe] = H(
+      String(g ?? f ?? "")
+    ), A = f !== void 0 ? String(f) : te, D = W.find((l) => l.value === A), V = O(null), J = O(null), re = (l) => {
+      J.current = l, typeof a == "function" ? a(l) : a && (a.current = l);
+    };
+    z(() => {
+      if (!B) return;
+      const l = (v) => {
+        V.current && !V.current.contains(v.target) && j(!1);
+      };
+      return document.addEventListener("pointerdown", l), () => document.removeEventListener("pointerdown", l);
+    }, [B]);
+    const G = ae(
+      (l) => {
+        var v;
+        f === void 0 && oe(l), j(!1), (v = J.current) == null || v.focus(), u == null || u({ target: { value: l } });
+      },
+      [f, u]
+    ), se = (l) => {
+      if (!d)
+        switch (l.key) {
+          case "Enter":
+          case " ":
+            l.preventDefault(), j((v) => !v);
+            break;
+          case "Escape":
+            j(!1);
+            break;
+          case "ArrowDown": {
+            if (l.preventDefault(), !B) {
+              j(!0);
+              break;
+            }
+            const v = W.findIndex((C) => C.value === A), I = W.slice(v + 1).find((C) => !C.disabled);
+            I && G(I.value);
+            break;
+          }
+          case "ArrowUp": {
+            if (l.preventDefault(), !B) {
+              j(!0);
+              break;
+            }
+            const v = W.findIndex((C) => C.value === A), I = W.slice(0, v).reverse().find((C) => !C.disabled);
+            I && G(I.value);
+            break;
+          }
+          case "Tab":
+            j(!1);
+            break;
+        }
+    }, ne = [q ? K : "", e ? E : ""].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ _("div", { ref: V, className: [p.wrapper, i].filter(Boolean).join(" "), children: [
+      r && /* @__PURE__ */ t("label", { id: `${m}-label`, htmlFor: m, className: p.label, children: r }),
+      /* @__PURE__ */ _("div", { className: p.triggerWrapper, children: [
+        /* @__PURE__ */ _(
+          "button",
+          {
+            ref: re,
+            type: "button",
+            id: m,
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": B,
+            "aria-controls": N,
+            "aria-labelledby": r ? `${m}-label` : void 0,
+            "aria-describedby": ne,
+            "aria-invalid": q || void 0,
+            disabled: d,
+            className: [
+              p.trigger,
+              p[s],
+              q ? p.error : "",
+              d ? p.disabled : "",
+              B ? p.open : ""
+            ].filter(Boolean).join(" "),
+            onClick: () => !d && j((l) => !l),
+            onKeyDown: se,
+            children: [
+              /* @__PURE__ */ t("span", { className: D ? p.triggerValue : p.triggerPlaceholder, children: (D == null ? void 0 : D.label) ?? ee }),
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: [p.chevron, B ? p.chevronOpen : ""].filter(Boolean).join(" "),
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ t(
+                    "svg",
+                    {
+                      width: "16",
+                      height: "16",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        B && /* @__PURE__ */ t(
+          "ul",
+          {
+            id: N,
+            role: "listbox",
+            "aria-labelledby": r ? `${m}-label` : void 0,
+            className: p.dropdown,
+            children: W.map((l) => {
+              const v = l.value === A;
+              return /* @__PURE__ */ _(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": v,
+                  "aria-disabled": l.disabled,
+                  className: [
+                    p.option,
+                    v ? p.optionSelected : "",
+                    l.disabled ? p.optionDisabled : ""
+                  ].filter(Boolean).join(" "),
+                  onPointerDown: (I) => {
+                    I.preventDefault(), l.disabled || G(l.value);
+                  },
+                  children: [
+                    /* @__PURE__ */ t("span", { className: p.optionLabel, children: l.label }),
+                    v && /* @__PURE__ */ t("span", { className: p.checkmark, "aria-hidden": "true", children: /* @__PURE__ */ t(
+                      "svg",
+                      {
+                        width: "14",
+                        height: "14",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        children: /* @__PURE__ */ t("path", { d: "M20 6 9 17l-5-5" })
+                      }
+                    ) })
+                  ]
+                },
+                l.value
+              );
+            })
+          }
+        )
+      ] }),
+      q ? /* @__PURE__ */ t("p", { id: K, className: p.errorText, role: "alert", children: o }) : e ? /* @__PURE__ */ t("p", { id: E, className: p.helperText, children: e }) : null
+    ] });
+  }
+);
+Ro.displayName = "Select";
+const Lo = "_wrapper_cefjy_3", Io = "_checkboxRow_cefjy_10", Co = "_sm_cefjy_18", To = "_checkboxBox_cefjy_18", So = "_label_cefjy_22", Wo = "_md_cefjy_26", zo = "_checkboxOuter_cefjy_36", Eo = "_input_cefjy_46", qo = "_checkmark_cefjy_142", Ao = "_dash_cefjy_143", Do = "_disabled_cefjy_174", Mo = "_helperText_cefjy_181", x = {
+  wrapper: Lo,
+  checkboxRow: Io,
+  sm: Co,
+  checkboxBox: To,
+  label: So,
+  md: Wo,
+  checkboxOuter: zo,
+  input: Eo,
+  checkmark: qo,
+  dash: Ao,
+  disabled: Do,
+  helperText: Mo
+}, Po = b.forwardRef(
+  ({
+    label: r,
+    indeterminate: e = !1,
+    size: o = "md",
+    helperText: n,
+    className: s = "",
+    id: i,
+    disabled: c,
+    ...d
+  }, f) => {
+    const g = L(), u = i ?? g, h = O(null), a = f ?? h;
+    return z(() => {
+      a && "current" in a && a.current && (a.current.indeterminate = e);
+    }, [e, a]), /* @__PURE__ */ _(
+      "div",
+      {
+        className: [x.wrapper, x[o], c ? x.disabled : "", s].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ _("div", { className: x.checkboxRow, children: [
+            /* @__PURE__ */ _("div", { className: x.checkboxOuter, children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: a,
+                  id: u,
+                  type: "checkbox",
+                  className: x.input,
+                  disabled: c,
+                  ...d
+                }
+              ),
+              /* @__PURE__ */ _("div", { className: x.checkboxBox, "aria-hidden": "true", children: [
+                /* @__PURE__ */ t(
+                  "svg",
+                  {
+                    className: x.checkmark,
+                    viewBox: "0 0 12 12",
+                    fill: "none",
+                    children: /* @__PURE__ */ t(
+                      "path",
+                      {
+                        d: "M2 6l3 3 5-5",
+                        stroke: "currentColor",
+                        strokeWidth: "1.8",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "svg",
+                  {
+                    className: x.dash,
+                    viewBox: "0 0 12 12",
+                    fill: "none",
+                    children: /* @__PURE__ */ t(
+                      "path",
+                      {
+                        d: "M2.5 6h7",
+                        stroke: "currentColor",
+                        strokeWidth: "1.8",
+                        strokeLinecap: "round"
+                      }
+                    )
+                  }
+                )
+              ] })
+            ] }),
+            r && /* @__PURE__ */ t("label", { htmlFor: u, className: x.label, children: r })
+          ] }),
+          n && /* @__PURE__ */ t("p", { className: x.helperText, children: n })
+        ]
+      }
+    );
+  }
+);
+Po.displayName = "Checkbox";
+export {
+  Ht as Avatar,
+  Kt as AvatarGroup,
+  St as Badge,
+  Ce as Button,
+  U as Card,
+  Po as Checkbox,
+  He as Input,
+  ft as Modal,
+  Ro as Select,
+  Q as Spinner,
+  tt as Textarea,
+  oo as Tooltip
+};