@chloe0592/pebble 0.1.1 → 0.1.2

package/dist/index.d.ts

@@ -129,10 +129,13 @@ export declare type SelectSize = 'sm' | 'md' | 'lg';
 
 export declare const Spinner: default_2.ForwardRefExoticComponent<SpinnerProps & default_2.RefAttributes<SVGSVGElement>>;
 
+declare type SpinnerColor = 'indigo' | 'white';
+
 export declare interface SpinnerProps {
     size?: SpinnerSize;
     label?: string;
     className?: string;
+    color?: SpinnerColor;
 }
 
 export declare type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/pebble.es.js

@@ -1,7 +1,7 @@
-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 { jsxs as p, jsx as t } from "react/jsx-runtime";
+import g, { 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 = {
+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", he = "_lg_10ctt_27", fe = "_xl_10ctt_28", M = {
   spinner: ie,
   "pb-spin": "_pb-spin_10ctt_1",
   track: ce,
@@ -10,33 +10,33 @@ const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e
   xs: _e,
   sm: pe,
   md: ue,
-  lg: fe,
-  xl: he
+  lg: he,
+  xl: fe
 }, 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__ */ _(
+}, Q = g.forwardRef(
+  ({ size: r = "md", label: e = "Loading…", className: o = "", color: n = "indigo" }, s) => {
+    const d = me[r], l = L().replace(/:/g, ""), i = n === "white", u = i ? "rgba(255,255,255,0)" : "#6366f1", m = i ? "rgba(255,255,255,0.9)" : "#6366f1", _ = i ? "rgba(255,255,255,0.9)" : "#a855f7", f = i ? "rgba(255,255,255,0.25)" : void 0;
+    return /* @__PURE__ */ p(
       "svg",
       {
-        ref: n,
+        ref: s,
         className: [M.spinner, M[r], o].filter(Boolean).join(" "),
-        width: s,
-        height: s,
+        width: d,
+        height: d,
         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("defs", { children: /* @__PURE__ */ p("linearGradient", { id: l, x1: "12", y1: "3", x2: "21", y2: "12", gradientUnits: "userSpaceOnUse", children: [
+            /* @__PURE__ */ t("stop", { offset: "0%", stopColor: u, stopOpacity: "1" }),
+            /* @__PURE__ */ t("stop", { offset: "40%", stopColor: m, stopOpacity: "1" }),
+            /* @__PURE__ */ t("stop", { offset: "100%", stopColor: _, stopOpacity: "1" })
           ] }) }),
           /* @__PURE__ */ t(
             "circle",
@@ -45,7 +45,8 @@ const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e
               cx: "12",
               cy: "12",
               r: "9",
-              strokeWidth: "2.5"
+              strokeWidth: "2.5",
+              style: f ? { stroke: f } : void 0
             }
           ),
           /* @__PURE__ */ t(
@@ -55,7 +56,7 @@ const ie = "_spinner_10ctt_1", ce = "_track_10ctt_10", de = "_arc_10ctt_18", _e
               d: "M12 3a9 9 0 0 1 9 9",
               strokeWidth: "2.5",
               strokeLinecap: "round",
-              stroke: `url(#${i})`
+              stroke: `url(#${l})`
             }
           )
         ]
@@ -79,38 +80,45 @@ const be = "_button_s5t2n_1", ge = "_sm_s5t2n_47", ve = "_md_s5t2n_55", ke = "_l
   iconLeft: Re,
   iconRight: Le,
   label: Ie
-}, Ce = b.forwardRef(
+}, Ce = g.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 = [
+    fullWidth: d = !1,
+    children: l,
+    disabled: i,
+    className: u = "",
+    ...m
+  }, _) => {
+    const f = [
       R.button,
       R[r],
       R[e],
-      i ? R.fullWidth : "",
+      d ? R.fullWidth : "",
       o ? R.loading : "",
-      f
+      u
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ p(
       "button",
       {
-        ref: u,
-        className: h,
-        disabled: d || o,
+        ref: _,
+        className: f,
+        disabled: i || o,
         "aria-busy": o || void 0,
-        ...g,
+        ...m,
         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 ? /* @__PURE__ */ t(
+            Q,
+            {
+              size: "sm",
+              label: "Loading",
+              color: r === "primary" || r === "danger" ? "white" : "indigo"
+            }
+          ) : n && /* @__PURE__ */ t("span", { className: R.iconLeft, "aria-hidden": "true", children: n }),
+          l && /* @__PURE__ */ t("span", { className: R.label, children: l }),
           !o && s && /* @__PURE__ */ t("span", { className: R.iconRight, "aria-hidden": "true", children: s })
         ]
       }
@@ -118,10 +126,10 @@ const be = "_button_s5t2n_1", ge = "_sm_s5t2n_47", ve = "_md_s5t2n_55", ke = "_l
   }
 );
 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 = {
+const Te = "_wrapper_5z8qu_3", We = "_label_5z8qu_10", Se = "_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,
+  label: We,
+  inputWrapper: Se,
   error: ze,
   disabled: Ee,
   sm: qe,
@@ -134,50 +142,50 @@ const Te = "_wrapper_5z8qu_3", Se = "_label_5z8qu_10", We = "_inputWrapper_5z8qu
   iconRight: Ue,
   helperText: Ve,
   errorText: Ge
-}, He = b.forwardRef(
+}, He = g.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: [
+    size: d = "md",
+    className: l = "",
+    id: i,
+    disabled: u,
+    ...m
+  }, _) => {
+    const f = L(), a = i ?? f, w = `${a}-helper`, b = `${a}-error`, N = !!o, E = [N ? b : "", e ? w : ""].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ p("div", { className: [k.wrapper, l].filter(Boolean).join(" "), children: [
       r && /* @__PURE__ */ t("label", { htmlFor: a, className: k.label, children: r }),
-      /* @__PURE__ */ _(
+      /* @__PURE__ */ p(
         "div",
         {
           className: [
             k.inputWrapper,
-            k[i],
+            k[d],
             N ? k.error : "",
-            f ? k.disabled : ""
+            u ? k.disabled : ""
           ].filter(Boolean).join(" "),
           children: [
             n && /* @__PURE__ */ t("span", { className: k.iconLeft, "aria-hidden": "true", children: n }),
             /* @__PURE__ */ t(
               "input",
               {
-                ref: u,
+                ref: _,
                 id: a,
                 className: [k.input, n ? k.hasLeft : "", s ? k.hasRight : ""].filter(Boolean).join(" "),
-                disabled: f,
+                disabled: u,
                 "aria-invalid": N || void 0,
                 "aria-describedby": E,
-                ...g
+                ...m
               }
             ),
             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
+      N ? /* @__PURE__ */ t("p", { id: b, className: k.errorText, role: "alert", children: o }) : e ? /* @__PURE__ */ t("p", { id: w, className: k.helperText, children: e }) : null
     ] });
   }
 );
@@ -190,40 +198,40 @@ const Ke = "_wrapper_1566g_3", Je = "_label_1566g_10", Qe = "_textarea_1566g_19"
   disabled: Ye,
   helperText: Ze,
   errorText: et
-}, tt = b.forwardRef(
+}, tt = g.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 }),
+    id: d,
+    disabled: l,
+    rows: i = 4,
+    ...u
+  }, m) => {
+    const _ = L(), f = d ?? _, a = `${f}-helper`, w = `${f}-error`, b = !!o, N = [b ? w : "", e ? a : ""].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ p("div", { className: [T.wrapper, s].filter(Boolean).join(" "), children: [
+      r && /* @__PURE__ */ t("label", { htmlFor: f, className: T.label, children: r }),
       /* @__PURE__ */ t(
         "textarea",
         {
-          ref: g,
-          id: h,
-          rows: d,
+          ref: m,
+          id: f,
+          rows: i,
           className: [
             T.textarea,
-            m ? T.error : "",
-            c ? T.disabled : ""
+            b ? T.error : "",
+            l ? T.disabled : ""
           ].filter(Boolean).join(" "),
           style: { resize: n },
-          disabled: c,
-          "aria-invalid": m || void 0,
+          disabled: l,
+          "aria-invalid": b || void 0,
           "aria-describedby": N,
-          ...f
+          ...u
         }
       ),
-      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
+      b ? /* @__PURE__ */ t("p", { id: w, className: T.errorText, role: "alert", children: o }) : e ? /* @__PURE__ */ t("p", { id: a, className: T.helperText, children: e }) : null
     ] });
   }
 );
@@ -243,21 +251,21 @@ const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt
   description: _t,
   body: pt,
   footer: ut
-}, ft = ({
+}, ht = ({
   isOpen: r,
   onClose: e,
   title: o,
   description: n,
   size: s = "md",
-  closeOnBackdrop: i = !0,
-  children: c,
-  footer: d,
-  className: f = ""
+  closeOnBackdrop: d = !0,
+  children: l,
+  footer: i,
+  className: u = ""
 }) => {
-  const g = L(), u = L(), h = O(null);
+  const m = L(), _ = L(), f = O(null);
   return z(() => {
     if (!r) return;
-    const a = h.current;
+    const a = f.current;
     if (!a) return;
     const w = a.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -276,17 +284,17 @@ const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt
       "div",
       {
         className: $.backdrop,
-        onClick: i ? e : void 0,
+        onClick: d ? e : void 0,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ _(
+        children: /* @__PURE__ */ p(
           "div",
           {
-            ref: h,
+            ref: f,
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": o ? g : void 0,
-            "aria-describedby": n ? u : void 0,
-            className: [$.dialog, $[s], f].filter(Boolean).join(" "),
+            "aria-labelledby": o ? m : void 0,
+            "aria-describedby": n ? _ : void 0,
+            className: [$.dialog, $[s], u].filter(Boolean).join(" "),
             tabIndex: -1,
             onClick: (a) => a.stopPropagation(),
             children: [
@@ -311,12 +319,12 @@ const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt
                   )
                 }
               ),
-              (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 })
+              (o || n) && /* @__PURE__ */ p("div", { className: $.header, children: [
+                o && /* @__PURE__ */ t("h2", { id: m, className: $.title, children: o }),
+                n && /* @__PURE__ */ t("p", { id: _, className: $.description, children: n })
               ] }),
-              /* @__PURE__ */ t("div", { className: $.body, children: c }),
-              d && /* @__PURE__ */ t("div", { className: $.footer, children: d })
+              /* @__PURE__ */ t("div", { className: $.body, children: l }),
+              i && /* @__PURE__ */ t("div", { className: $.footer, children: i })
             ]
           }
         )
@@ -325,9 +333,9 @@ const ot = "_backdrop_1v4s9_3", rt = "_dialog_1v4s9_17", st = "_sm_1v4s9_37", nt
     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,
+ht.displayName = "Modal";
+const ft = "_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", W = {
+  card: ft,
   default: "_default_i6i72_15",
   elevated: mt,
   bordered: bt,
@@ -337,36 +345,36 @@ const ht = "_card_i6i72_3", mt = "_elevated_i6i72_25", bt = "_bordered_i6i72_36"
   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 = ({ children: r, className: e = "", ...o }) => /* @__PURE__ */ t("div", { className: [W.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 });
+const Y = ({ children: r, className: e = "", ...o }) => /* @__PURE__ */ t("div", { className: [W.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 });
+const Z = ({ children: r, className: e = "", ...o }) => /* @__PURE__ */ t("div", { className: [W.footer, e].filter(Boolean).join(" "), ...o, children: r });
 Z.displayName = "Card.Footer";
-const U = b.forwardRef(
+const U = g.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 : "",
+    ...d
+  }, l) => {
+    const i = [
+      W.card,
+      W[r],
+      e ? W.hoverable : "",
+      o ? W.clickable : "",
       s
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ t(
       "div",
       {
-        ref: c,
-        className: d,
+        ref: l,
+        className: i,
         role: o ? "button" : void 0,
         tabIndex: o ? 0 : void 0,
-        ...i,
+        ...d,
         children: n
       }
     );
@@ -387,28 +395,28 @@ const Nt = "_badge_1uusg_3", $t = "_sm_1uusg_20", Bt = "_md_1uusg_25", jt = "_do
   warning: It,
   danger: Ct,
   info: Tt
-}, St = b.forwardRef(
+}, Wt = g.forwardRef(
   ({
     variant: r = "default",
     size: e = "md",
     dot: o = !1,
     children: n,
     className: s = "",
-    ...i
-  }, c) => {
-    const d = [
+    ...d
+  }, l) => {
+    const i = [
       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 });
+    return /* @__PURE__ */ t("span", { ref: l, className: i, ...d, 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,
+Wt.displayName = "Badge";
+const St = "_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: St,
   xs: zt,
   sm: Et,
   md: qt,
@@ -429,26 +437,26 @@ 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__ */ _(
+const Ht = g.forwardRef(
+  ({ src: r, alt: e = "", name: o, size: n = "md", status: s, className: d = "" }, l) => {
+    const [i, u] = H(!1), m = r && !i, _ = o ? Gt(o) : null;
+    return /* @__PURE__ */ p(
       "div",
       {
-        ref: c,
-        className: [y.avatar, y[n], i].filter(Boolean).join(" "),
+        ref: l,
+        className: [y.avatar, y[n], d].filter(Boolean).join(" "),
         "aria-label": o ?? e,
         title: o ?? e,
         children: [
-          g ? /* @__PURE__ */ t(
+          m ? /* @__PURE__ */ t(
             "img",
             {
               src: r,
               alt: e || o || "",
               className: y.image,
-              onError: () => f(!0)
+              onError: () => u(!0)
             }
-          ) : u ? /* @__PURE__ */ t("span", { className: y.initials, "aria-hidden": "true", children: u }) : /* @__PURE__ */ t(
+          ) : _ ? /* @__PURE__ */ t("span", { className: y.initials, "aria-hidden": "true", children: _ }) : /* @__PURE__ */ t(
             "svg",
             {
               className: y.fallbackIcon,
@@ -477,12 +485,12 @@ const Kt = ({
   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: [
+  const s = g.Children.toArray(r), d = e ? s.slice(0, e) : s, l = e && s.length > e ? s.length - e : 0;
+  return /* @__PURE__ */ p("div", { className: [y.group, n].filter(Boolean).join(" "), children: [
+    d,
+    l > 0 && /* @__PURE__ */ t("div", { className: [y.avatar, y[o], y.overflow].join(" "), children: /* @__PURE__ */ p("span", { className: y.initials, children: [
       "+",
-      c
+      l
     ] }) })
   ] });
 };
@@ -501,12 +509,12 @@ const Jt = "_wrapper_4w97v_8", Qt = "_tooltip_4w97v_17", Xt = "_arrow_4w97v_49",
   children: o,
   className: n = ""
 }) => {
-  const s = L(), i = b.cloneElement(o, {
+  const s = L(), d = g.cloneElement(o, {
     "aria-describedby": s
   });
-  return /* @__PURE__ */ _("div", { className: [F.wrapper, n].filter(Boolean).join(" "), children: [
-    i,
-    /* @__PURE__ */ _(
+  return /* @__PURE__ */ p("div", { className: [F.wrapper, n].filter(Boolean).join(" "), children: [
+    d,
+    /* @__PURE__ */ p(
       "div",
       {
         id: s,
@@ -521,7 +529,7 @@ const Jt = "_wrapper_4w97v_8", Qt = "_tooltip_4w97v_17", Xt = "_arrow_4w97v_49",
   ] });
 };
 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 = {
+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", ho = "_triggerValue_kn5iw_96", fo = "_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", h = {
   wrapper: ro,
   label: so,
   triggerWrapper: no,
@@ -532,8 +540,8 @@ const ro = "_wrapper_kn5iw_3", so = "_label_kn5iw_12", no = "_triggerWrapper_kn5
   sm: _o,
   md: po,
   lg: uo,
-  triggerValue: fo,
-  triggerPlaceholder: ho,
+  triggerValue: ho,
+  triggerPlaceholder: fo,
   chevron: mo,
   chevronOpen: bo,
   dropdown: go,
@@ -546,8 +554,8 @@ const ro = "_wrapper_kn5iw_3", so = "_label_kn5iw_12", no = "_triggerWrapper_kn5
   errorText: $o
 };
 function Bo(r) {
-  return b.Children.toArray(r).filter(
-    (e) => b.isValidElement(e) && e.type === "option" && !e.props.disabled
+  return g.Children.toArray(r).filter(
+    (e) => g.isValidElement(e) && e.type === "option" && !e.props.disabled
   ).map((e) => ({
     value: String(e.props.value ?? ""),
     label: String(e.props.children ?? ""),
@@ -555,69 +563,69 @@ function Bo(r) {
   })).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
+  const e = g.Children.toArray(r).find(
+    (o) => g.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(
+const Ro = g.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
+    className: d = "",
+    id: l,
+    disabled: i,
+    value: u,
+    defaultValue: m,
+    onChange: _,
+    children: f
   }, 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);
+    const w = L(), b = l ?? w, N = `${b}-listbox`, E = `${b}-helper`, K = `${b}-error`, q = !!o, S = Bo(f), ee = n ?? jo(f) ?? "Select…", [B, j] = H(!1), [te, oe] = H(
+      String(m ?? u ?? "")
+    ), A = u !== void 0 ? String(u) : te, D = S.find((c) => c.value === A), V = O(null), J = O(null), re = (c) => {
+      J.current = c, typeof a == "function" ? a(c) : a && (a.current = c);
     };
     z(() => {
       if (!B) return;
-      const l = (v) => {
+      const c = (v) => {
         V.current && !V.current.contains(v.target) && j(!1);
       };
-      return document.addEventListener("pointerdown", l), () => document.removeEventListener("pointerdown", l);
+      return document.addEventListener("pointerdown", c), () => document.removeEventListener("pointerdown", c);
     }, [B]);
     const G = ae(
-      (l) => {
+      (c) => {
         var v;
-        f === void 0 && oe(l), j(!1), (v = J.current) == null || v.focus(), u == null || u({ target: { value: l } });
+        u === void 0 && oe(c), j(!1), (v = J.current) == null || v.focus(), _ == null || _({ target: { value: c } });
       },
-      [f, u]
-    ), se = (l) => {
-      if (!d)
-        switch (l.key) {
+      [u, _]
+    ), se = (c) => {
+      if (!i)
+        switch (c.key) {
           case "Enter":
           case " ":
-            l.preventDefault(), j((v) => !v);
+            c.preventDefault(), j((v) => !v);
             break;
           case "Escape":
             j(!1);
             break;
           case "ArrowDown": {
-            if (l.preventDefault(), !B) {
+            if (c.preventDefault(), !B) {
               j(!0);
               break;
             }
-            const v = W.findIndex((C) => C.value === A), I = W.slice(v + 1).find((C) => !C.disabled);
+            const v = S.findIndex((C) => C.value === A), I = S.slice(v + 1).find((C) => !C.disabled);
             I && G(I.value);
             break;
           }
           case "ArrowUp": {
-            if (l.preventDefault(), !B) {
+            if (c.preventDefault(), !B) {
               j(!0);
               break;
             }
-            const v = W.findIndex((C) => C.value === A), I = W.slice(0, v).reverse().find((C) => !C.disabled);
+            const v = S.findIndex((C) => C.value === A), I = S.slice(0, v).reverse().find((C) => !C.disabled);
             I && G(I.value);
             break;
           }
@@ -626,38 +634,38 @@ const Ro = b.forwardRef(
             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__ */ _(
+    return /* @__PURE__ */ p("div", { ref: V, className: [h.wrapper, d].filter(Boolean).join(" "), children: [
+      r && /* @__PURE__ */ t("label", { id: `${b}-label`, htmlFor: b, className: h.label, children: r }),
+      /* @__PURE__ */ p("div", { className: h.triggerWrapper, children: [
+        /* @__PURE__ */ p(
           "button",
           {
             ref: re,
             type: "button",
-            id: m,
+            id: b,
             role: "combobox",
             "aria-haspopup": "listbox",
             "aria-expanded": B,
             "aria-controls": N,
-            "aria-labelledby": r ? `${m}-label` : void 0,
+            "aria-labelledby": r ? `${b}-label` : void 0,
             "aria-describedby": ne,
             "aria-invalid": q || void 0,
-            disabled: d,
+            disabled: i,
             className: [
-              p.trigger,
-              p[s],
-              q ? p.error : "",
-              d ? p.disabled : "",
-              B ? p.open : ""
+              h.trigger,
+              h[s],
+              q ? h.error : "",
+              i ? h.disabled : "",
+              B ? h.open : ""
             ].filter(Boolean).join(" "),
-            onClick: () => !d && j((l) => !l),
+            onClick: () => !i && j((c) => !c),
             onKeyDown: se,
             children: [
-              /* @__PURE__ */ t("span", { className: D ? p.triggerValue : p.triggerPlaceholder, children: (D == null ? void 0 : D.label) ?? ee }),
+              /* @__PURE__ */ t("span", { className: D ? h.triggerValue : h.triggerPlaceholder, children: (D == null ? void 0 : D.label) ?? ee }),
               /* @__PURE__ */ t(
                 "span",
                 {
-                  className: [p.chevron, B ? p.chevronOpen : ""].filter(Boolean).join(" "),
+                  className: [h.chevron, B ? h.chevronOpen : ""].filter(Boolean).join(" "),
                   "aria-hidden": "true",
                   children: /* @__PURE__ */ t(
                     "svg",
@@ -683,27 +691,27 @@ const Ro = b.forwardRef(
           {
             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__ */ _(
+            "aria-labelledby": r ? `${b}-label` : void 0,
+            className: h.dropdown,
+            children: S.map((c) => {
+              const v = c.value === A;
+              return /* @__PURE__ */ p(
                 "li",
                 {
                   role: "option",
                   "aria-selected": v,
-                  "aria-disabled": l.disabled,
+                  "aria-disabled": c.disabled,
                   className: [
-                    p.option,
-                    v ? p.optionSelected : "",
-                    l.disabled ? p.optionDisabled : ""
+                    h.option,
+                    v ? h.optionSelected : "",
+                    c.disabled ? h.optionDisabled : ""
                   ].filter(Boolean).join(" "),
                   onPointerDown: (I) => {
-                    I.preventDefault(), l.disabled || G(l.value);
+                    I.preventDefault(), c.disabled || G(c.value);
                   },
                   children: [
-                    /* @__PURE__ */ t("span", { className: p.optionLabel, children: l.label }),
-                    v && /* @__PURE__ */ t("span", { className: p.checkmark, "aria-hidden": "true", children: /* @__PURE__ */ t(
+                    /* @__PURE__ */ t("span", { className: h.optionLabel, children: c.label }),
+                    v && /* @__PURE__ */ t("span", { className: h.checkmark, "aria-hidden": "true", children: /* @__PURE__ */ t(
                       "svg",
                       {
                         width: "14",
@@ -719,63 +727,63 @@ const Ro = b.forwardRef(
                     ) })
                   ]
                 },
-                l.value
+                c.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
+      q ? /* @__PURE__ */ t("p", { id: K, className: h.errorText, role: "alert", children: o }) : e ? /* @__PURE__ */ t("p", { id: E, className: h.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 = {
+const Lo = "_wrapper_cefjy_3", Io = "_checkboxRow_cefjy_10", Co = "_sm_cefjy_18", To = "_checkboxBox_cefjy_18", Wo = "_label_cefjy_22", So = "_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,
+  label: Wo,
+  md: So,
   checkboxOuter: zo,
   input: Eo,
   checkmark: qo,
   dash: Ao,
   disabled: Do,
   helperText: Mo
-}, Po = b.forwardRef(
+}, Po = g.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;
+    id: d,
+    disabled: l,
+    ...i
+  }, u) => {
+    const m = L(), _ = d ?? m, f = O(null), a = u ?? f;
     return z(() => {
       a && "current" in a && a.current && (a.current.indeterminate = e);
-    }, [e, a]), /* @__PURE__ */ _(
+    }, [e, a]), /* @__PURE__ */ p(
       "div",
       {
-        className: [x.wrapper, x[o], c ? x.disabled : "", s].filter(Boolean).join(" "),
+        className: [x.wrapper, x[o], l ? x.disabled : "", s].filter(Boolean).join(" "),
         children: [
-          /* @__PURE__ */ _("div", { className: x.checkboxRow, children: [
-            /* @__PURE__ */ _("div", { className: x.checkboxOuter, children: [
+          /* @__PURE__ */ p("div", { className: x.checkboxRow, children: [
+            /* @__PURE__ */ p("div", { className: x.checkboxOuter, children: [
               /* @__PURE__ */ t(
                 "input",
                 {
                   ref: a,
-                  id: u,
+                  id: _,
                   type: "checkbox",
                   className: x.input,
-                  disabled: c,
-                  ...d
+                  disabled: l,
+                  ...i
                 }
               ),
-              /* @__PURE__ */ _("div", { className: x.checkboxBox, "aria-hidden": "true", children: [
+              /* @__PURE__ */ p("div", { className: x.checkboxBox, "aria-hidden": "true", children: [
                 /* @__PURE__ */ t(
                   "svg",
                   {
@@ -813,7 +821,7 @@ const Lo = "_wrapper_cefjy_3", Io = "_checkboxRow_cefjy_10", Co = "_sm_cefjy_18"
                 )
               ] })
             ] }),
-            r && /* @__PURE__ */ t("label", { htmlFor: u, className: x.label, children: r })
+            r && /* @__PURE__ */ t("label", { htmlFor: _, className: x.label, children: r })
           ] }),
           n && /* @__PURE__ */ t("p", { className: x.helperText, children: n })
         ]
@@ -825,12 +833,12 @@ Po.displayName = "Checkbox";
 export {
   Ht as Avatar,
   Kt as AvatarGroup,
-  St as Badge,
+  Wt as Badge,
   Ce as Button,
   U as Card,
   Po as Checkbox,
   He as Input,
-  ft as Modal,
+  ht as Modal,
   Ro as Select,
   Q as Spinner,
   tt as Textarea,

package/dist/pebble.umd.js

@@ -1 +1 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.Pebble={},p.ReactJSXRuntime,p.React,p.ReactDOM))})(this,function(p,e,t,ne){"use strict";const q={spinner:"_spinner_10ctt_1","pb-spin":"_pb-spin_10ctt_1",track:"_track_10ctt_10","pb-pulse":"_pb-pulse_10ctt_1",arc:"_arc_10ctt_18",xs:"_xs_10ctt_24",sm:"_sm_10ctt_25",md:"_md_10ctt_26",lg:"_lg_10ctt_27",xl:"_xl_10ctt_28"},le={xs:12,sm:16,md:24,lg:32,xl:48},F=t.forwardRef(({size:s="md",label:r="Loading…",className:o=""},n)=>{const a=le[s],i=t.useId().replace(/:/g,"");return e.jsxs("svg",{ref:n,className:[q.spinner,q[s],o].filter(Boolean).join(" "),width:a,height:a,viewBox:"0 0 24 24",fill:"none","aria-label":r,role:"status",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:i,x1:"12",y1:"3",x2:"21",y2:"12",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"#6366f1",stopOpacity:"0"}),e.jsx("stop",{offset:"40%",stopColor:"#6366f1",stopOpacity:"1"}),e.jsx("stop",{offset:"100%",stopColor:"#a855f7",stopOpacity:"1"})]})}),e.jsx("circle",{className:q.track,cx:"12",cy:"12",r:"9",strokeWidth:"2.5"}),e.jsx("path",{className:q.arc,d:"M12 3a9 9 0 0 1 9 9",strokeWidth:"2.5",strokeLinecap:"round",stroke:`url(#${i})`})]})});F.displayName="Spinner";const B={button:"_button_s5t2n_1",sm:"_sm_s5t2n_47",md:"_md_s5t2n_55",lg:"_lg_s5t2n_62",primary:"_primary_s5t2n_73",secondary:"_secondary_s5t2n_108",ghost:"_ghost_s5t2n_148",outline:"_outline_s5t2n_166",danger:"_danger_s5t2n_187",fullWidth:"_fullWidth_s5t2n_234",loading:"_loading_s5t2n_238",iconLeft:"_iconLeft_s5t2n_244",iconRight:"_iconRight_s5t2n_245",label:"_label_s5t2n_258"},G=t.forwardRef(({variant:s="primary",size:r="md",isLoading:o=!1,leftIcon:n,rightIcon:a,fullWidth:i=!1,children:d,disabled:_,className:u="",...v},h)=>{const b=[B.button,B[s],B[r],i?B.fullWidth:"",o?B.loading:"",u].filter(Boolean).join(" ");return e.jsxs("button",{ref:h,className:b,disabled:_||o,"aria-busy":o||void 0,...v,children:[o?e.jsx(F,{size:"sm",label:"Loading"}):n&&e.jsx("span",{className:B.iconLeft,"aria-hidden":"true",children:n}),d&&e.jsx("span",{className:B.label,children:d}),!o&&a&&e.jsx("span",{className:B.iconRight,"aria-hidden":"true",children:a})]})});G.displayName="Button";const k={wrapper:"_wrapper_5z8qu_3",label:"_label_5z8qu_10",inputWrapper:"_inputWrapper_5z8qu_21",error:"_error_5z8qu_39",disabled:"_disabled_5z8qu_39",sm:"_sm_5z8qu_70",md:"_md_5z8qu_71",lg:"_lg_5z8qu_72",input:"_input_5z8qu_21",hasLeft:"_hasLeft_5z8qu_109",hasRight:"_hasRight_5z8qu_110",iconLeft:"_iconLeft_5z8qu_114",iconRight:"_iconRight_5z8qu_115",helperText:"_helperText_5z8qu_134",errorText:"_errorText_5z8qu_142"},H=t.forwardRef(({label:s,helperText:r,errorText:o,leftIcon:n,rightIcon:a,size:i="md",className:d="",id:_,disabled:u,...v},h)=>{const b=t.useId(),l=_??b,w=`${l}-helper`,g=`${l}-error`,N=!!o,D=[N?g:"",r?w:""].filter(Boolean).join(" ")||void 0;return e.jsxs("div",{className:[k.wrapper,d].filter(Boolean).join(" "),children:[s&&e.jsx("label",{htmlFor:l,className:k.label,children:s}),e.jsxs("div",{className:[k.inputWrapper,k[i],N?k.error:"",u?k.disabled:""].filter(Boolean).join(" "),children:[n&&e.jsx("span",{className:k.iconLeft,"aria-hidden":"true",children:n}),e.jsx("input",{ref:h,id:l,className:[k.input,n?k.hasLeft:"",a?k.hasRight:""].filter(Boolean).join(" "),disabled:u,"aria-invalid":N||void 0,"aria-describedby":D,...v}),a&&e.jsx("span",{className:k.iconRight,"aria-hidden":"true",children:a})]}),N?e.jsx("p",{id:g,className:k.errorText,role:"alert",children:o}):r?e.jsx("p",{id:w,className:k.helperText,children:r}):null]})});H.displayName="Input";const I={wrapper:"_wrapper_1566g_3",label:"_label_1566g_10",textarea:"_textarea_1566g_19",error:"_error_1566g_47",disabled:"_disabled_1566g_47",helperText:"_helperText_1566g_82",errorText:"_errorText_1566g_90"},K=t.forwardRef(({label:s,helperText:r,errorText:o,resize:n="vertical",className:a="",id:i,disabled:d,rows:_=4,...u},v)=>{const h=t.useId(),b=i??h,l=`${b}-helper`,w=`${b}-error`,g=!!o,N=[g?w:"",r?l:""].filter(Boolean).join(" ")||void 0;return e.jsxs("div",{className:[I.wrapper,a].filter(Boolean).join(" "),children:[s&&e.jsx("label",{htmlFor:b,className:I.label,children:s}),e.jsx("textarea",{ref:v,id:b,rows:_,className:[I.textarea,g?I.error:"",d?I.disabled:""].filter(Boolean).join(" "),style:{resize:n},disabled:d,"aria-invalid":g||void 0,"aria-describedby":N,...u}),g?e.jsx("p",{id:w,className:I.errorText,role:"alert",children:o}):r?e.jsx("p",{id:l,className:I.helperText,children:r}):null]})});K.displayName="Textarea";const x={backdrop:"_backdrop_1v4s9_3","pb-backdrop-in":"_pb-backdrop-in_1v4s9_1",dialog:"_dialog_1v4s9_17","pb-dialog-in":"_pb-dialog-in_1v4s9_1",sm:"_sm_1v4s9_37",md:"_md_1v4s9_38",lg:"_lg_1v4s9_39",full:"_full_1v4s9_40",closeBtn:"_closeBtn_1v4s9_50",header:"_header_1v4s9_92",title:"_title_1v4s9_97",description:"_description_1v4s9_107",body:"_body_1v4s9_117",footer:"_footer_1v4s9_133"},J=({isOpen:s,onClose:r,title:o,description:n,size:a="md",closeOnBackdrop:i=!0,children:d,footer:_,className:u=""})=>{const v=t.useId(),h=t.useId(),b=t.useRef(null);return t.useEffect(()=>{if(!s)return;const l=b.current;if(!l)return;const w=l.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');w?w.focus():l.focus()},[s]),t.useEffect(()=>{if(!s)return;const l=w=>{w.key==="Escape"&&r()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[s,r]),t.useEffect(()=>(s?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[s]),s?ne.createPortal(e.jsx("div",{className:x.backdrop,onClick:i?r:void 0,"aria-hidden":"true",children:e.jsxs("div",{ref:b,role:"dialog","aria-modal":"true","aria-labelledby":o?v:void 0,"aria-describedby":n?h:void 0,className:[x.dialog,x[a],u].filter(Boolean).join(" "),tabIndex:-1,onClick:l=>l.stopPropagation(),children:[e.jsx("button",{className:x.closeBtn,onClick:r,"aria-label":"Close modal",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12"})})}),(o||n)&&e.jsxs("div",{className:x.header,children:[o&&e.jsx("h2",{id:v,className:x.title,children:o}),n&&e.jsx("p",{id:h,className:x.description,children:n})]}),e.jsx("div",{className:x.body,children:d}),_&&e.jsx("div",{className:x.footer,children:_})]})}),document.body):null};J.displayName="Modal";const L={card:"_card_i6i72_3",default:"_default_i6i72_15",elevated:"_elevated_i6i72_25",bordered:"_bordered_i6i72_36",flat:"_flat_i6i72_48",hoverable:"_hoverable_i6i72_60",clickable:"_clickable_i6i72_68",header:"_header_i6i72_96",body:"_body_i6i72_105",footer:"_footer_i6i72_112"},X=({children:s,className:r="",...o})=>e.jsx("div",{className:[L.header,r].filter(Boolean).join(" "),...o,children:s});X.displayName="Card.Header";const Q=({children:s,className:r="",...o})=>e.jsx("div",{className:[L.body,r].filter(Boolean).join(" "),...o,children:s});Q.displayName="Card.Body";const Y=({children:s,className:r="",...o})=>e.jsx("div",{className:[L.footer,r].filter(Boolean).join(" "),...o,children:s});Y.displayName="Card.Footer";const E=t.forwardRef(({variant:s="default",hoverable:r=!1,clickable:o=!1,children:n,className:a="",...i},d)=>{const _=[L.card,L[s],r?L.hoverable:"",o?L.clickable:"",a].filter(Boolean).join(" ");return e.jsx("div",{ref:d,className:_,role:o?"button":void 0,tabIndex:o?0:void 0,...i,children:n})});E.displayName="Card",E.Header=X,E.Body=Q,E.Footer=Y;const z={badge:"_badge_1uusg_3",sm:"_sm_1uusg_20",md:"_md_1uusg_25",dot:"_dot_1uusg_32",default:"_default_1uusg_49",primary:"_primary_1uusg_56",success:"_success_1uusg_63",warning:"_warning_1uusg_70",danger:"_danger_1uusg_77",info:"_info_1uusg_84"},Z=t.forwardRef(({variant:s="default",size:r="md",dot:o=!1,children:n,className:a="",...i},d)=>{const _=[z.badge,z[s],z[r],o?z.dot:"",a].filter(Boolean).join(" ");return e.jsx("span",{ref:d,className:_,...i,children:o?null:n})});Z.displayName="Badge";const $={avatar:"_avatar_n1f99_3",xs:"_xs_n1f99_25",sm:"_sm_n1f99_26",md:"_md_n1f99_27",lg:"_lg_n1f99_28",xl:"_xl_n1f99_29",image:"_image_n1f99_33",initials:"_initials_n1f99_42",fallbackIcon:"_fallbackIcon_n1f99_57",status:"_status_n1f99_65","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:"_overflow_n1f99_95",group:"_group_n1f99_107"};function ce(s){const r=s.trim().split(/\s+/);return r.length===1?r[0].charAt(0).toUpperCase():(r[0].charAt(0)+r[r.length-1].charAt(0)).toUpperCase()}const R=t.forwardRef(({src:s,alt:r="",name:o,size:n="md",status:a,className:i=""},d)=>{const[_,u]=t.useState(!1),v=s&&!_,h=o?ce(o):null;return e.jsxs("div",{ref:d,className:[$.avatar,$[n],i].filter(Boolean).join(" "),"aria-label":o??r,title:o??r,children:[v?e.jsx("img",{src:s,alt:r||o||"",className:$.image,onError:()=>u(!0)}):h?e.jsx("span",{className:$.initials,"aria-hidden":"true",children:h}):e.jsx("svg",{className:$.fallbackIcon,viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:e.jsx("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"})}),a&&e.jsx("span",{className:[$.status,$[`status-${a}`]].join(" "),"aria-label":a})]})});R.displayName="Avatar";const ee=({children:s,max:r,size:o="md",className:n=""})=>{const a=t.Children.toArray(s),i=r?a.slice(0,r):a,d=r&&a.length>r?a.length-r:0;return e.jsxs("div",{className:[$.group,n].filter(Boolean).join(" "),children:[i,d>0&&e.jsx("div",{className:[$.avatar,$[o],$.overflow].join(" "),children:e.jsxs("span",{className:$.initials,children:["+",d]})})]})};ee.displayName="AvatarGroup";const A={wrapper:"_wrapper_4w97v_8",tooltip:"_tooltip_4w97v_17",arrow:"_arrow_4w97v_49",top:"_top_4w97v_58",bottom:"_bottom_4w97v_77",left:"_left_4w97v_96",right:"_right_4w97v_115"},re=({content:s,placement:r="top",children:o,className:n=""})=>{const a=t.useId(),i=t.cloneElement(o,{"aria-describedby":a});return e.jsxs("div",{className:[A.wrapper,n].filter(Boolean).join(" "),children:[i,e.jsxs("div",{id:a,role:"tooltip",className:[A.tooltip,A[r]].join(" "),children:[s,e.jsx("span",{className:A.arrow,"aria-hidden":"true"})]})]})};re.displayName="Tooltip";const f={wrapper:"_wrapper_kn5iw_3",label:"_label_kn5iw_12",triggerWrapper:"_triggerWrapper_kn5iw_23",trigger:"_trigger_kn5iw_23",open:"_open_kn5iw_64",error:"_error_kn5iw_71",disabled:"_disabled_kn5iw_78",sm:"_sm_kn5iw_90",md:"_md_kn5iw_91",lg:"_lg_kn5iw_92",triggerValue:"_triggerValue_kn5iw_96",triggerPlaceholder:"_triggerPlaceholder_kn5iw_103",chevron:"_chevron_kn5iw_113",chevronOpen:"_chevronOpen_kn5iw_124",dropdown:"_dropdown_kn5iw_135",option:"_option_kn5iw_159",optionDisabled:"_optionDisabled_kn5iw_173",optionSelected:"_optionSelected_kn5iw_177",optionLabel:"_optionLabel_kn5iw_192",checkmark:"_checkmark_kn5iw_196",helperText:"_helperText_kn5iw_206",errorText:"_errorText_kn5iw_214"};function ie(s){return t.Children.toArray(s).filter(r=>t.isValidElement(r)&&r.type==="option"&&!r.props.disabled).map(r=>({value:String(r.props.value??""),label:String(r.props.children??""),disabled:!!r.props.disabled})).filter(r=>r.value!=="")}function de(s){const r=t.Children.toArray(s).find(o=>t.isValidElement(o)&&o.type==="option"&&(o.props.value===""||o.props.value==null)&&o.props.disabled);return r?String(r.props.children):void 0}const oe=t.forwardRef(({label:s,helperText:r,errorText:o,placeholder:n,size:a="md",className:i="",id:d,disabled:_,value:u,defaultValue:v,onChange:h,children:b},l)=>{const w=t.useId(),g=d??w,N=`${g}-listbox`,D=`${g}-helper`,te=`${g}-error`,M=!!o,W=ie(b),_e=n??de(b)??"Select…",[j,T]=t.useState(!1),[pe,fe]=t.useState(String(v??u??"")),P=u!==void 0?String(u):pe,O=W.find(c=>c.value===P),V=t.useRef(null),ae=t.useRef(null),he=c=>{ae.current=c,typeof l=="function"?l(c):l&&(l.current=c)};t.useEffect(()=>{if(!j)return;const c=m=>{V.current&&!V.current.contains(m.target)&&T(!1)};return document.addEventListener("pointerdown",c),()=>document.removeEventListener("pointerdown",c)},[j]);const U=t.useCallback(c=>{var m;u===void 0&&fe(c),T(!1),(m=ae.current)==null||m.focus(),h==null||h({target:{value:c}})},[u,h]),ue=c=>{if(!_)switch(c.key){case"Enter":case" ":c.preventDefault(),T(m=>!m);break;case"Escape":T(!1);break;case"ArrowDown":{if(c.preventDefault(),!j){T(!0);break}const m=W.findIndex(C=>C.value===P),S=W.slice(m+1).find(C=>!C.disabled);S&&U(S.value);break}case"ArrowUp":{if(c.preventDefault(),!j){T(!0);break}const m=W.findIndex(C=>C.value===P),S=W.slice(0,m).reverse().find(C=>!C.disabled);S&&U(S.value);break}case"Tab":T(!1);break}},be=[M?te:"",r?D:""].filter(Boolean).join(" ")||void 0;return e.jsxs("div",{ref:V,className:[f.wrapper,i].filter(Boolean).join(" "),children:[s&&e.jsx("label",{id:`${g}-label`,htmlFor:g,className:f.label,children:s}),e.jsxs("div",{className:f.triggerWrapper,children:[e.jsxs("button",{ref:he,type:"button",id:g,role:"combobox","aria-haspopup":"listbox","aria-expanded":j,"aria-controls":N,"aria-labelledby":s?`${g}-label`:void 0,"aria-describedby":be,"aria-invalid":M||void 0,disabled:_,className:[f.trigger,f[a],M?f.error:"",_?f.disabled:"",j?f.open:""].filter(Boolean).join(" "),onClick:()=>!_&&T(c=>!c),onKeyDown:ue,children:[e.jsx("span",{className:O?f.triggerValue:f.triggerPlaceholder,children:(O==null?void 0:O.label)??_e}),e.jsx("span",{className:[f.chevron,j?f.chevronOpen:""].filter(Boolean).join(" "),"aria-hidden":"true",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"m6 9 6 6 6-6"})})})]}),j&&e.jsx("ul",{id:N,role:"listbox","aria-labelledby":s?`${g}-label`:void 0,className:f.dropdown,children:W.map(c=>{const m=c.value===P;return e.jsxs("li",{role:"option","aria-selected":m,"aria-disabled":c.disabled,className:[f.option,m?f.optionSelected:"",c.disabled?f.optionDisabled:""].filter(Boolean).join(" "),onPointerDown:S=>{S.preventDefault(),c.disabled||U(c.value)},children:[e.jsx("span",{className:f.optionLabel,children:c.label}),m&&e.jsx("span",{className:f.checkmark,"aria-hidden":"true",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6 9 17l-5-5"})})})]},c.value)})})]}),M?e.jsx("p",{id:te,className:f.errorText,role:"alert",children:o}):r?e.jsx("p",{id:D,className:f.helperText,children:r}):null]})});oe.displayName="Select";const y={wrapper:"_wrapper_cefjy_3",checkboxRow:"_checkboxRow_cefjy_10",sm:"_sm_cefjy_18",checkboxBox:"_checkboxBox_cefjy_18",label:"_label_cefjy_22",md:"_md_cefjy_26",checkboxOuter:"_checkboxOuter_cefjy_36",input:"_input_cefjy_46",checkmark:"_checkmark_cefjy_142",dash:"_dash_cefjy_143",disabled:"_disabled_cefjy_174",helperText:"_helperText_cefjy_181"},se=t.forwardRef(({label:s,indeterminate:r=!1,size:o="md",helperText:n,className:a="",id:i,disabled:d,..._},u)=>{const v=t.useId(),h=i??v,b=t.useRef(null),l=u??b;return t.useEffect(()=>{l&&"current"in l&&l.current&&(l.current.indeterminate=r)},[r,l]),e.jsxs("div",{className:[y.wrapper,y[o],d?y.disabled:"",a].filter(Boolean).join(" "),children:[e.jsxs("div",{className:y.checkboxRow,children:[e.jsxs("div",{className:y.checkboxOuter,children:[e.jsx("input",{ref:l,id:h,type:"checkbox",className:y.input,disabled:d,..._}),e.jsxs("div",{className:y.checkboxBox,"aria-hidden":"true",children:[e.jsx("svg",{className:y.checkmark,viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M2 6l3 3 5-5",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("svg",{className:y.dash,viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M2.5 6h7",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round"})})]})]}),s&&e.jsx("label",{htmlFor:h,className:y.label,children:s})]}),n&&e.jsx("p",{className:y.helperText,children:n})]})});se.displayName="Checkbox",p.Avatar=R,p.AvatarGroup=ee,p.Badge=Z,p.Button=G,p.Card=E,p.Checkbox=se,p.Input=H,p.Modal=J,p.Select=oe,p.Spinner=F,p.Textarea=K,p.Tooltip=re,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.Pebble={},f.ReactJSXRuntime,f.React,f.ReactDOM))})(this,function(f,e,t,ne){"use strict";const q={spinner:"_spinner_10ctt_1","pb-spin":"_pb-spin_10ctt_1",track:"_track_10ctt_10","pb-pulse":"_pb-pulse_10ctt_1",arc:"_arc_10ctt_18",xs:"_xs_10ctt_24",sm:"_sm_10ctt_25",md:"_md_10ctt_26",lg:"_lg_10ctt_27",xl:"_xl_10ctt_28"},le={xs:12,sm:16,md:24,lg:32,xl:48},F=t.forwardRef(({size:s="md",label:r="Loading…",className:o="",color:n="indigo"},a)=>{const _=le[s],i=t.useId().replace(/:/g,""),c=n==="white",u=c?"rgba(255,255,255,0)":"#6366f1",g=c?"rgba(255,255,255,0.9)":"#6366f1",p=c?"rgba(255,255,255,0.9)":"#a855f7",b=c?"rgba(255,255,255,0.25)":void 0;return e.jsxs("svg",{ref:a,className:[q.spinner,q[s],o].filter(Boolean).join(" "),width:_,height:_,viewBox:"0 0 24 24",fill:"none","aria-label":r,role:"status",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:i,x1:"12",y1:"3",x2:"21",y2:"12",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:u,stopOpacity:"1"}),e.jsx("stop",{offset:"40%",stopColor:g,stopOpacity:"1"}),e.jsx("stop",{offset:"100%",stopColor:p,stopOpacity:"1"})]})}),e.jsx("circle",{className:q.track,cx:"12",cy:"12",r:"9",strokeWidth:"2.5",style:b?{stroke:b}:void 0}),e.jsx("path",{className:q.arc,d:"M12 3a9 9 0 0 1 9 9",strokeWidth:"2.5",strokeLinecap:"round",stroke:`url(#${i})`})]})});F.displayName="Spinner";const B={button:"_button_s5t2n_1",sm:"_sm_s5t2n_47",md:"_md_s5t2n_55",lg:"_lg_s5t2n_62",primary:"_primary_s5t2n_73",secondary:"_secondary_s5t2n_108",ghost:"_ghost_s5t2n_148",outline:"_outline_s5t2n_166",danger:"_danger_s5t2n_187",fullWidth:"_fullWidth_s5t2n_234",loading:"_loading_s5t2n_238",iconLeft:"_iconLeft_s5t2n_244",iconRight:"_iconRight_s5t2n_245",label:"_label_s5t2n_258"},G=t.forwardRef(({variant:s="primary",size:r="md",isLoading:o=!1,leftIcon:n,rightIcon:a,fullWidth:_=!1,children:i,disabled:c,className:u="",...g},p)=>{const b=[B.button,B[s],B[r],_?B.fullWidth:"",o?B.loading:"",u].filter(Boolean).join(" ");return e.jsxs("button",{ref:p,className:b,disabled:c||o,"aria-busy":o||void 0,...g,children:[o?e.jsx(F,{size:"sm",label:"Loading",color:s==="primary"||s==="danger"?"white":"indigo"}):n&&e.jsx("span",{className:B.iconLeft,"aria-hidden":"true",children:n}),i&&e.jsx("span",{className:B.label,children:i}),!o&&a&&e.jsx("span",{className:B.iconRight,"aria-hidden":"true",children:a})]})});G.displayName="Button";const k={wrapper:"_wrapper_5z8qu_3",label:"_label_5z8qu_10",inputWrapper:"_inputWrapper_5z8qu_21",error:"_error_5z8qu_39",disabled:"_disabled_5z8qu_39",sm:"_sm_5z8qu_70",md:"_md_5z8qu_71",lg:"_lg_5z8qu_72",input:"_input_5z8qu_21",hasLeft:"_hasLeft_5z8qu_109",hasRight:"_hasRight_5z8qu_110",iconLeft:"_iconLeft_5z8qu_114",iconRight:"_iconRight_5z8qu_115",helperText:"_helperText_5z8qu_134",errorText:"_errorText_5z8qu_142"},H=t.forwardRef(({label:s,helperText:r,errorText:o,leftIcon:n,rightIcon:a,size:_="md",className:i="",id:c,disabled:u,...g},p)=>{const b=t.useId(),l=c??b,$=`${l}-helper`,v=`${l}-error`,N=!!o,D=[N?v:"",r?$:""].filter(Boolean).join(" ")||void 0;return e.jsxs("div",{className:[k.wrapper,i].filter(Boolean).join(" "),children:[s&&e.jsx("label",{htmlFor:l,className:k.label,children:s}),e.jsxs("div",{className:[k.inputWrapper,k[_],N?k.error:"",u?k.disabled:""].filter(Boolean).join(" "),children:[n&&e.jsx("span",{className:k.iconLeft,"aria-hidden":"true",children:n}),e.jsx("input",{ref:p,id:l,className:[k.input,n?k.hasLeft:"",a?k.hasRight:""].filter(Boolean).join(" "),disabled:u,"aria-invalid":N||void 0,"aria-describedby":D,...g}),a&&e.jsx("span",{className:k.iconRight,"aria-hidden":"true",children:a})]}),N?e.jsx("p",{id:v,className:k.errorText,role:"alert",children:o}):r?e.jsx("p",{id:$,className:k.helperText,children:r}):null]})});H.displayName="Input";const I={wrapper:"_wrapper_1566g_3",label:"_label_1566g_10",textarea:"_textarea_1566g_19",error:"_error_1566g_47",disabled:"_disabled_1566g_47",helperText:"_helperText_1566g_82",errorText:"_errorText_1566g_90"},K=t.forwardRef(({label:s,helperText:r,errorText:o,resize:n="vertical",className:a="",id:_,disabled:i,rows:c=4,...u},g)=>{const p=t.useId(),b=_??p,l=`${b}-helper`,$=`${b}-error`,v=!!o,N=[v?$:"",r?l:""].filter(Boolean).join(" ")||void 0;return e.jsxs("div",{className:[I.wrapper,a].filter(Boolean).join(" "),children:[s&&e.jsx("label",{htmlFor:b,className:I.label,children:s}),e.jsx("textarea",{ref:g,id:b,rows:c,className:[I.textarea,v?I.error:"",i?I.disabled:""].filter(Boolean).join(" "),style:{resize:n},disabled:i,"aria-invalid":v||void 0,"aria-describedby":N,...u}),v?e.jsx("p",{id:$,className:I.errorText,role:"alert",children:o}):r?e.jsx("p",{id:l,className:I.helperText,children:r}):null]})});K.displayName="Textarea";const x={backdrop:"_backdrop_1v4s9_3","pb-backdrop-in":"_pb-backdrop-in_1v4s9_1",dialog:"_dialog_1v4s9_17","pb-dialog-in":"_pb-dialog-in_1v4s9_1",sm:"_sm_1v4s9_37",md:"_md_1v4s9_38",lg:"_lg_1v4s9_39",full:"_full_1v4s9_40",closeBtn:"_closeBtn_1v4s9_50",header:"_header_1v4s9_92",title:"_title_1v4s9_97",description:"_description_1v4s9_107",body:"_body_1v4s9_117",footer:"_footer_1v4s9_133"},J=({isOpen:s,onClose:r,title:o,description:n,size:a="md",closeOnBackdrop:_=!0,children:i,footer:c,className:u=""})=>{const g=t.useId(),p=t.useId(),b=t.useRef(null);return t.useEffect(()=>{if(!s)return;const l=b.current;if(!l)return;const $=l.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');$?$.focus():l.focus()},[s]),t.useEffect(()=>{if(!s)return;const l=$=>{$.key==="Escape"&&r()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[s,r]),t.useEffect(()=>(s?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[s]),s?ne.createPortal(e.jsx("div",{className:x.backdrop,onClick:_?r:void 0,"aria-hidden":"true",children:e.jsxs("div",{ref:b,role:"dialog","aria-modal":"true","aria-labelledby":o?g:void 0,"aria-describedby":n?p:void 0,className:[x.dialog,x[a],u].filter(Boolean).join(" "),tabIndex:-1,onClick:l=>l.stopPropagation(),children:[e.jsx("button",{className:x.closeBtn,onClick:r,"aria-label":"Close modal",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12"})})}),(o||n)&&e.jsxs("div",{className:x.header,children:[o&&e.jsx("h2",{id:g,className:x.title,children:o}),n&&e.jsx("p",{id:p,className:x.description,children:n})]}),e.jsx("div",{className:x.body,children:i}),c&&e.jsx("div",{className:x.footer,children:c})]})}),document.body):null};J.displayName="Modal";const L={card:"_card_i6i72_3",default:"_default_i6i72_15",elevated:"_elevated_i6i72_25",bordered:"_bordered_i6i72_36",flat:"_flat_i6i72_48",hoverable:"_hoverable_i6i72_60",clickable:"_clickable_i6i72_68",header:"_header_i6i72_96",body:"_body_i6i72_105",footer:"_footer_i6i72_112"},X=({children:s,className:r="",...o})=>e.jsx("div",{className:[L.header,r].filter(Boolean).join(" "),...o,children:s});X.displayName="Card.Header";const Q=({children:s,className:r="",...o})=>e.jsx("div",{className:[L.body,r].filter(Boolean).join(" "),...o,children:s});Q.displayName="Card.Body";const Y=({children:s,className:r="",...o})=>e.jsx("div",{className:[L.footer,r].filter(Boolean).join(" "),...o,children:s});Y.displayName="Card.Footer";const E=t.forwardRef(({variant:s="default",hoverable:r=!1,clickable:o=!1,children:n,className:a="",..._},i)=>{const c=[L.card,L[s],r?L.hoverable:"",o?L.clickable:"",a].filter(Boolean).join(" ");return e.jsx("div",{ref:i,className:c,role:o?"button":void 0,tabIndex:o?0:void 0,..._,children:n})});E.displayName="Card",E.Header=X,E.Body=Q,E.Footer=Y;const z={badge:"_badge_1uusg_3",sm:"_sm_1uusg_20",md:"_md_1uusg_25",dot:"_dot_1uusg_32",default:"_default_1uusg_49",primary:"_primary_1uusg_56",success:"_success_1uusg_63",warning:"_warning_1uusg_70",danger:"_danger_1uusg_77",info:"_info_1uusg_84"},Z=t.forwardRef(({variant:s="default",size:r="md",dot:o=!1,children:n,className:a="",..._},i)=>{const c=[z.badge,z[s],z[r],o?z.dot:"",a].filter(Boolean).join(" ");return e.jsx("span",{ref:i,className:c,..._,children:o?null:n})});Z.displayName="Badge";const w={avatar:"_avatar_n1f99_3",xs:"_xs_n1f99_25",sm:"_sm_n1f99_26",md:"_md_n1f99_27",lg:"_lg_n1f99_28",xl:"_xl_n1f99_29",image:"_image_n1f99_33",initials:"_initials_n1f99_42",fallbackIcon:"_fallbackIcon_n1f99_57",status:"_status_n1f99_65","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:"_overflow_n1f99_95",group:"_group_n1f99_107"};function ie(s){const r=s.trim().split(/\s+/);return r.length===1?r[0].charAt(0).toUpperCase():(r[0].charAt(0)+r[r.length-1].charAt(0)).toUpperCase()}const R=t.forwardRef(({src:s,alt:r="",name:o,size:n="md",status:a,className:_=""},i)=>{const[c,u]=t.useState(!1),g=s&&!c,p=o?ie(o):null;return e.jsxs("div",{ref:i,className:[w.avatar,w[n],_].filter(Boolean).join(" "),"aria-label":o??r,title:o??r,children:[g?e.jsx("img",{src:s,alt:r||o||"",className:w.image,onError:()=>u(!0)}):p?e.jsx("span",{className:w.initials,"aria-hidden":"true",children:p}):e.jsx("svg",{className:w.fallbackIcon,viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:e.jsx("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"})}),a&&e.jsx("span",{className:[w.status,w[`status-${a}`]].join(" "),"aria-label":a})]})});R.displayName="Avatar";const ee=({children:s,max:r,size:o="md",className:n=""})=>{const a=t.Children.toArray(s),_=r?a.slice(0,r):a,i=r&&a.length>r?a.length-r:0;return e.jsxs("div",{className:[w.group,n].filter(Boolean).join(" "),children:[_,i>0&&e.jsx("div",{className:[w.avatar,w[o],w.overflow].join(" "),children:e.jsxs("span",{className:w.initials,children:["+",i]})})]})};ee.displayName="AvatarGroup";const A={wrapper:"_wrapper_4w97v_8",tooltip:"_tooltip_4w97v_17",arrow:"_arrow_4w97v_49",top:"_top_4w97v_58",bottom:"_bottom_4w97v_77",left:"_left_4w97v_96",right:"_right_4w97v_115"},re=({content:s,placement:r="top",children:o,className:n=""})=>{const a=t.useId(),_=t.cloneElement(o,{"aria-describedby":a});return e.jsxs("div",{className:[A.wrapper,n].filter(Boolean).join(" "),children:[_,e.jsxs("div",{id:a,role:"tooltip",className:[A.tooltip,A[r]].join(" "),children:[s,e.jsx("span",{className:A.arrow,"aria-hidden":"true"})]})]})};re.displayName="Tooltip";const h={wrapper:"_wrapper_kn5iw_3",label:"_label_kn5iw_12",triggerWrapper:"_triggerWrapper_kn5iw_23",trigger:"_trigger_kn5iw_23",open:"_open_kn5iw_64",error:"_error_kn5iw_71",disabled:"_disabled_kn5iw_78",sm:"_sm_kn5iw_90",md:"_md_kn5iw_91",lg:"_lg_kn5iw_92",triggerValue:"_triggerValue_kn5iw_96",triggerPlaceholder:"_triggerPlaceholder_kn5iw_103",chevron:"_chevron_kn5iw_113",chevronOpen:"_chevronOpen_kn5iw_124",dropdown:"_dropdown_kn5iw_135",option:"_option_kn5iw_159",optionDisabled:"_optionDisabled_kn5iw_173",optionSelected:"_optionSelected_kn5iw_177",optionLabel:"_optionLabel_kn5iw_192",checkmark:"_checkmark_kn5iw_196",helperText:"_helperText_kn5iw_206",errorText:"_errorText_kn5iw_214"};function ce(s){return t.Children.toArray(s).filter(r=>t.isValidElement(r)&&r.type==="option"&&!r.props.disabled).map(r=>({value:String(r.props.value??""),label:String(r.props.children??""),disabled:!!r.props.disabled})).filter(r=>r.value!=="")}function de(s){const r=t.Children.toArray(s).find(o=>t.isValidElement(o)&&o.type==="option"&&(o.props.value===""||o.props.value==null)&&o.props.disabled);return r?String(r.props.children):void 0}const oe=t.forwardRef(({label:s,helperText:r,errorText:o,placeholder:n,size:a="md",className:_="",id:i,disabled:c,value:u,defaultValue:g,onChange:p,children:b},l)=>{const $=t.useId(),v=i??$,N=`${v}-listbox`,D=`${v}-helper`,te=`${v}-error`,M=!!o,W=ce(b),_e=n??de(b)??"Select…",[j,T]=t.useState(!1),[pe,fe]=t.useState(String(g??u??"")),P=u!==void 0?String(u):pe,O=W.find(d=>d.value===P),V=t.useRef(null),ae=t.useRef(null),he=d=>{ae.current=d,typeof l=="function"?l(d):l&&(l.current=d)};t.useEffect(()=>{if(!j)return;const d=m=>{V.current&&!V.current.contains(m.target)&&T(!1)};return document.addEventListener("pointerdown",d),()=>document.removeEventListener("pointerdown",d)},[j]);const U=t.useCallback(d=>{var m;u===void 0&&fe(d),T(!1),(m=ae.current)==null||m.focus(),p==null||p({target:{value:d}})},[u,p]),ue=d=>{if(!c)switch(d.key){case"Enter":case" ":d.preventDefault(),T(m=>!m);break;case"Escape":T(!1);break;case"ArrowDown":{if(d.preventDefault(),!j){T(!0);break}const m=W.findIndex(C=>C.value===P),S=W.slice(m+1).find(C=>!C.disabled);S&&U(S.value);break}case"ArrowUp":{if(d.preventDefault(),!j){T(!0);break}const m=W.findIndex(C=>C.value===P),S=W.slice(0,m).reverse().find(C=>!C.disabled);S&&U(S.value);break}case"Tab":T(!1);break}},be=[M?te:"",r?D:""].filter(Boolean).join(" ")||void 0;return e.jsxs("div",{ref:V,className:[h.wrapper,_].filter(Boolean).join(" "),children:[s&&e.jsx("label",{id:`${v}-label`,htmlFor:v,className:h.label,children:s}),e.jsxs("div",{className:h.triggerWrapper,children:[e.jsxs("button",{ref:he,type:"button",id:v,role:"combobox","aria-haspopup":"listbox","aria-expanded":j,"aria-controls":N,"aria-labelledby":s?`${v}-label`:void 0,"aria-describedby":be,"aria-invalid":M||void 0,disabled:c,className:[h.trigger,h[a],M?h.error:"",c?h.disabled:"",j?h.open:""].filter(Boolean).join(" "),onClick:()=>!c&&T(d=>!d),onKeyDown:ue,children:[e.jsx("span",{className:O?h.triggerValue:h.triggerPlaceholder,children:(O==null?void 0:O.label)??_e}),e.jsx("span",{className:[h.chevron,j?h.chevronOpen:""].filter(Boolean).join(" "),"aria-hidden":"true",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"m6 9 6 6 6-6"})})})]}),j&&e.jsx("ul",{id:N,role:"listbox","aria-labelledby":s?`${v}-label`:void 0,className:h.dropdown,children:W.map(d=>{const m=d.value===P;return e.jsxs("li",{role:"option","aria-selected":m,"aria-disabled":d.disabled,className:[h.option,m?h.optionSelected:"",d.disabled?h.optionDisabled:""].filter(Boolean).join(" "),onPointerDown:S=>{S.preventDefault(),d.disabled||U(d.value)},children:[e.jsx("span",{className:h.optionLabel,children:d.label}),m&&e.jsx("span",{className:h.checkmark,"aria-hidden":"true",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6 9 17l-5-5"})})})]},d.value)})})]}),M?e.jsx("p",{id:te,className:h.errorText,role:"alert",children:o}):r?e.jsx("p",{id:D,className:h.helperText,children:r}):null]})});oe.displayName="Select";const y={wrapper:"_wrapper_cefjy_3",checkboxRow:"_checkboxRow_cefjy_10",sm:"_sm_cefjy_18",checkboxBox:"_checkboxBox_cefjy_18",label:"_label_cefjy_22",md:"_md_cefjy_26",checkboxOuter:"_checkboxOuter_cefjy_36",input:"_input_cefjy_46",checkmark:"_checkmark_cefjy_142",dash:"_dash_cefjy_143",disabled:"_disabled_cefjy_174",helperText:"_helperText_cefjy_181"},se=t.forwardRef(({label:s,indeterminate:r=!1,size:o="md",helperText:n,className:a="",id:_,disabled:i,...c},u)=>{const g=t.useId(),p=_??g,b=t.useRef(null),l=u??b;return t.useEffect(()=>{l&&"current"in l&&l.current&&(l.current.indeterminate=r)},[r,l]),e.jsxs("div",{className:[y.wrapper,y[o],i?y.disabled:"",a].filter(Boolean).join(" "),children:[e.jsxs("div",{className:y.checkboxRow,children:[e.jsxs("div",{className:y.checkboxOuter,children:[e.jsx("input",{ref:l,id:p,type:"checkbox",className:y.input,disabled:i,...c}),e.jsxs("div",{className:y.checkboxBox,"aria-hidden":"true",children:[e.jsx("svg",{className:y.checkmark,viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M2 6l3 3 5-5",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("svg",{className:y.dash,viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M2.5 6h7",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round"})})]})]}),s&&e.jsx("label",{htmlFor:p,className:y.label,children:s})]}),n&&e.jsx("p",{className:y.helperText,children:n})]})});se.displayName="Checkbox",f.Avatar=R,f.AvatarGroup=ee,f.Badge=Z,f.Button=G,f.Card=E,f.Checkbox=se,f.Input=H,f.Modal=J,f.Select=oe,f.Spinner=F,f.Textarea=K,f.Tooltip=re,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chloe0592/pebble",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A compact, thoughtfully designed React component library",
   "type": "module",
   "main": "./dist/pebble.umd.js",