@amsterdamdatalabs/enact-design-system 0.1.2 → 0.1.10

package/dist/index.js

@@ -1,218 +1,237 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { useState as W } from "react";
-function l(...t) {
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { useState as S, useRef as V, useId as _t, useEffect as E, useCallback as P, useMemo as rt, useContext as lt, useLayoutEffect as dt, createContext as ut } from "react";
+import { createPortal as gt } from "react-dom";
+function r(...t) {
   return t.filter(Boolean).join(" ");
 }
-const A = "_avatar_yqge8_1", C = "_hasImage_yqge8_15", F = "_img_yqge8_19", U = "_sm_yqge8_26", R = "_md_yqge8_31", T = "_lg_yqge8_36", D = "_xl_yqge8_41", x = {
-  avatar: A,
-  hasImage: C,
-  img: F,
-  sm: U,
-  md: R,
-  lg: T,
-  xl: D
-}, E = /\s+/;
-function O(t) {
-  return t.split(E).filter(Boolean).slice(0, 2).map((n) => n[0].toUpperCase()).join("");
-}
-function te({
+const pt = "_avatar_yqge8_1", ht = "_hasImage_yqge8_15", mt = "_img_yqge8_19", ft = "_sm_yqge8_26", bt = "_md_yqge8_31", yt = "_lg_yqge8_36", wt = "_xl_yqge8_41", I = {
+  avatar: pt,
+  hasImage: ht,
+  img: mt,
+  sm: ft,
+  md: bt,
+  lg: yt,
+  xl: wt
+}, xt = /\s+/;
+function kt(t) {
+  return t.split(xt).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join("");
+}
+function Fo({
   name: t = "",
-  src: n,
-  size: a = "md",
-  className: s,
+  src: e,
+  size: n = "md",
+  className: a,
+  ref: s,
   ...c
 }) {
-  const o = O(t);
-  return /* @__PURE__ */ e(
+  const i = kt(t);
+  return /* @__PURE__ */ o(
     "span",
     {
-      className: l(
-        x.avatar,
-        x[a],
-        n && x.hasImage,
-        s
+      className: r(
+        I.avatar,
+        I[n],
+        e && I.hasImage,
+        a
       ),
+      ref: s,
       title: t,
       ...c,
-      children: n ? /* @__PURE__ */ e("img", { alt: t, className: x.img, src: n }) : o || "•"
+      children: e ? /* @__PURE__ */ o("img", { alt: t, className: I.img, src: e }) : i || "•"
     }
   );
 }
-const P = "_badge_1ndhf_1", H = "_dot_1ndhf_15", G = "_neutral_1ndhf_23", J = "_brand_1ndhf_27", K = "_info_1ndhf_31", Q = "_success_1ndhf_35", V = "_warning_1ndhf_39", X = "_danger_1ndhf_43", L = {
-  badge: P,
-  dot: H,
-  neutral: G,
-  brand: J,
-  info: K,
-  success: Q,
-  warning: V,
-  danger: X
+const vt = "_badge_1ndhf_1", $t = "_dot_1ndhf_15", St = "_neutral_1ndhf_23", Nt = "_brand_1ndhf_27", zt = "_info_1ndhf_31", jt = "_success_1ndhf_35", Mt = "_warning_1ndhf_39", Ct = "_danger_1ndhf_43", U = {
+  badge: vt,
+  dot: $t,
+  neutral: St,
+  brand: Nt,
+  info: zt,
+  success: jt,
+  warning: Mt,
+  danger: Ct
 };
-function ne({
+function Wo({
   tone: t = "neutral",
-  dot: n = !1,
-  className: a,
-  children: s,
+  dot: e = !1,
+  className: n,
+  children: a,
+  ref: s,
   ...c
 }) {
-  return /* @__PURE__ */ r("span", { className: l(L.badge, L[t], a), ...c, children: [
-    n && /* @__PURE__ */ e("span", { className: L.dot }),
-    s
-  ] });
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      className: r(U.badge, U[t], n),
+      ref: s,
+      ...c,
+      children: [
+        e && /* @__PURE__ */ o("span", { className: U.dot }),
+        a
+      ]
+    }
+  );
 }
-const Y = "_btn_1m6dq_1", Z = "_fullWidth_1m6dq_20", tt = "_sm_1m6dq_26", nt = "_md_1m6dq_32", et = "_lg_1m6dq_38", st = "_primary_1m6dq_46", at = "_secondary_1m6dq_57", ct = "_ghost_1m6dq_71", ot = "_danger_1m6dq_82", j = {
-  btn: Y,
-  fullWidth: Z,
-  sm: tt,
-  md: nt,
-  lg: et,
-  primary: st,
-  secondary: at,
-  ghost: ct,
-  danger: ot
+const Lt = "_btn_1x1y9_1", qt = "_fullWidth_1x1y9_25", Et = "_sm_1x1y9_31", Bt = "_md_1x1y9_37", It = "_lg_1x1y9_43", Rt = "_primary_1x1y9_51", Tt = "_secondary_1x1y9_62", Xt = "_ghost_1x1y9_76", At = "_danger_1x1y9_87", R = {
+  btn: Lt,
+  fullWidth: qt,
+  sm: Et,
+  md: Bt,
+  lg: It,
+  primary: Rt,
+  secondary: Tt,
+  ghost: Xt,
+  danger: At
 };
-function ee({
+function Uo({
   variant: t = "primary",
-  size: n = "md",
-  iconLeft: a,
-  iconRight: s,
-  fullWidth: c = !1,
-  disabled: o = !1,
+  size: e = "md",
+  iconLeft: n,
+  iconRight: a,
+  fullWidth: s = !1,
+  disabled: c = !1,
   className: i,
-  children: d,
-  ...p
+  children: _,
+  ref: u,
+  ...l
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ p(
     "button",
     {
-      className: l(
-        j.btn,
-        j[t],
-        j[n],
-        c && j.fullWidth,
+      className: r(
+        R.btn,
+        R[t],
+        R[e],
+        s && R.fullWidth,
         i
       ),
-      disabled: o,
+      disabled: c,
+      ref: u,
       type: "button",
-      ...p,
+      ...l,
       children: [
-        a,
-        d,
-        s
+        n,
+        _,
+        a
       ]
     }
   );
 }
-const lt = "_card_1tzae_1", rt = "_padNone_1tzae_9", it = "_padSm_1tzae_12", _t = "_padMd_1tzae_15", dt = "_padLg_1tzae_18", ut = "_raised_1tzae_28", ht = "_sunken_1tzae_33", pt = "_inverse_1tzae_38", mt = "_interactive_1tzae_49", M = {
-  card: lt,
-  padNone: rt,
-  padSm: it,
-  padMd: _t,
-  padLg: dt,
+const Pt = "_card_1tzae_1", Dt = "_padNone_1tzae_9", Ft = "_padSm_1tzae_12", Wt = "_padMd_1tzae_15", Ut = "_padLg_1tzae_18", Ot = "_raised_1tzae_28", Ht = "_sunken_1tzae_33", Gt = "_inverse_1tzae_38", Jt = "_interactive_1tzae_49", T = {
+  card: Pt,
+  padNone: Dt,
+  padSm: Ft,
+  padMd: Wt,
+  padLg: Ut,
   default: "_default_1tzae_23",
-  raised: ut,
-  sunken: ht,
-  inverse: pt,
-  interactive: mt
-}, gt = {
+  raised: Ot,
+  sunken: Ht,
+  inverse: Gt,
+  interactive: Jt
+}, Qt = {
   none: "padNone",
   sm: "padSm",
   md: "padMd",
   lg: "padLg"
 };
-function se({
+function Oo({
   variant: t = "default",
-  padding: n = "md",
-  interactive: a = !1,
-  className: s,
-  children: c,
-  ...o
+  padding: e = "md",
+  interactive: n = !1,
+  className: a,
+  children: s,
+  ref: c,
+  ...i
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: l(
-        M.card,
-        M[t],
-        M[gt[n]],
-        a && M.interactive,
-        s
+      className: r(
+        T.card,
+        T[t],
+        T[Qt[e]],
+        n && T.interactive,
+        a
       ),
-      ...o,
-      children: c
+      ref: c,
+      ...i,
+      children: s
     }
   );
 }
-const ft = "_btn_2g73d_1", vt = "_sm_2g73d_17", bt = "_md_2g73d_21", kt = "_lg_2g73d_25", Nt = "_ghost_2g73d_31", $t = "_outline_2g73d_39", yt = "_primary_2g73d_48", z = {
-  btn: ft,
-  sm: vt,
-  md: bt,
-  lg: kt,
-  ghost: Nt,
-  outline: $t,
-  primary: yt
+const Yt = "_btn_1htkg_1", Kt = "_sm_1htkg_22", Vt = "_md_1htkg_26", Zt = "_lg_1htkg_30", te = "_ghost_1htkg_36", ee = "_outline_1htkg_44", ne = "_primary_1htkg_53", O = {
+  btn: Yt,
+  sm: Kt,
+  md: Vt,
+  lg: Zt,
+  ghost: te,
+  outline: ee,
+  primary: ne
 };
-function ae({
+function Ho({
   label: t,
-  size: n = "md",
-  variant: a = "ghost",
-  disabled: s = !1,
-  className: c,
-  children: o,
-  ...i
+  size: e = "md",
+  variant: n = "ghost",
+  disabled: a = !1,
+  className: s,
+  children: c,
+  ref: i,
+  ..._
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(
     "button",
     {
       "aria-label": t,
-      className: l(z.btn, z[a], z[n], c),
-      disabled: s,
+      className: r(O.btn, O[n], O[e], s),
+      disabled: a,
+      ref: i,
       title: t,
       type: "button",
-      ...i,
-      children: o
+      ..._,
+      children: c
     }
   );
 }
-const wt = "_stat_1uc8c_1", xt = "_label_1uc8c_7", jt = "_valueRow_1uc8c_16", Mt = "_value_1uc8c_16", qt = "_delta_1uc8c_31", Lt = "_deltaUp_1uc8c_40", zt = "_deltaDown_1uc8c_43", Bt = "_deltaFlat_1uc8c_46", St = "_flip_1uc8c_50", Wt = "_caption_1uc8c_54", h = {
-  stat: wt,
-  label: xt,
-  valueRow: jt,
-  value: Mt,
-  delta: qt,
-  deltaUp: Lt,
-  deltaDown: zt,
-  deltaFlat: Bt,
-  flip: St,
-  caption: Wt
-}, It = {
+const se = "_stat_1uc8c_1", ae = "_label_1uc8c_7", oe = "_valueRow_1uc8c_16", ce = "_value_1uc8c_16", ie = "_delta_1uc8c_31", _e = "_deltaUp_1uc8c_40", re = "_deltaDown_1uc8c_43", le = "_deltaFlat_1uc8c_46", de = "_flip_1uc8c_50", ue = "_caption_1uc8c_54", y = {
+  stat: se,
+  label: ae,
+  valueRow: oe,
+  value: ce,
+  delta: ie,
+  deltaUp: _e,
+  deltaDown: re,
+  deltaFlat: le,
+  flip: de,
+  caption: ue
+}, ge = {
   up: "deltaUp",
   down: "deltaDown",
   flat: "deltaFlat"
 };
-function ce({
+function Go({
   label: t,
-  value: n,
-  delta: a,
-  deltaDirection: s = "up",
-  caption: c,
-  className: o,
-  ...i
+  value: e,
+  delta: n,
+  deltaDirection: a = "up",
+  caption: s,
+  className: c,
+  ref: i,
+  ..._
 }) {
-  return /* @__PURE__ */ r("div", { className: l(h.stat, o), ...i, children: [
-    /* @__PURE__ */ e("span", { className: h.label, children: t }),
-    /* @__PURE__ */ r("span", { className: h.valueRow, children: [
-      /* @__PURE__ */ e("span", { className: h.value, children: n }),
-      a != null && /* @__PURE__ */ r(
+  return /* @__PURE__ */ p("div", { className: r(y.stat, c), ref: i, ..._, children: [
+    /* @__PURE__ */ o("span", { className: y.label, children: t }),
+    /* @__PURE__ */ p("span", { className: y.valueRow, children: [
+      /* @__PURE__ */ o("span", { className: y.value, children: e }),
+      n != null && /* @__PURE__ */ p(
         "span",
         {
-          className: l(h.delta, h[It[s]]),
+          className: r(y.delta, y[ge[a]]),
           children: [
-            s !== "flat" && /* @__PURE__ */ e(
+            a !== "flat" && /* @__PURE__ */ o(
               "svg",
               {
                 "aria-hidden": "true",
-                className: s === "down" ? h.flip : void 0,
+                className: a === "down" ? y.flip : void 0,
                 fill: "none",
                 height: "10",
                 stroke: "currentColor",
@@ -221,32 +240,32 @@ function ce({
                 strokeWidth: "1.6",
                 viewBox: "0 0 10 10",
                 width: "10",
-                children: /* @__PURE__ */ e("path", { d: "M1.5 8.5l7-7M3.5 1.5h5v5" })
+                children: /* @__PURE__ */ o("path", { d: "M1.5 8.5l7-7M3.5 1.5h5v5" })
               }
             ),
-            a
+            n
           ]
         }
       )
     ] }),
-    c != null && /* @__PURE__ */ e("span", { className: h.caption, children: c })
+    s != null && /* @__PURE__ */ o("span", { className: y.caption, children: s })
   ] });
 }
-const At = "_tag_11jaq_1", Ct = "_remove_11jaq_18", I = {
-  tag: At,
-  remove: Ct
+const pe = "_tag_11jaq_1", he = "_remove_11jaq_18", Z = {
+  tag: pe,
+  remove: he
 };
-function oe({ onRemove: t, className: n, children: a, ...s }) {
-  return /* @__PURE__ */ r("span", { className: l(I.tag, n), ...s, children: [
-    a,
-    t && /* @__PURE__ */ e(
+function Jo({ onRemove: t, className: e, children: n, ref: a, ...s }) {
+  return /* @__PURE__ */ p("span", { className: r(Z.tag, e), ref: a, ...s, children: [
+    n,
+    t && /* @__PURE__ */ o(
       "button",
       {
         "aria-label": "Remove",
-        className: I.remove,
+        className: Z.remove,
         onClick: t,
         type: "button",
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ o(
           "svg",
           {
             "aria-hidden": "true",
@@ -257,50 +276,52 @@ function oe({ onRemove: t, className: n, children: a, ...s }) {
             strokeWidth: "1.6",
             viewBox: "0 0 10 10",
             width: "9",
-            children: /* @__PURE__ */ e("path", { d: "M1.5 1.5l7 7M8.5 1.5l-7 7" })
+            children: /* @__PURE__ */ o("path", { d: "M1.5 1.5l7 7M8.5 1.5l-7 7" })
           }
         )
       }
     )
   ] });
 }
-const Ft = "_alert_1217n_1", Ut = "_icon_1217n_16", Rt = "_body_1217n_22", Tt = "_title_1217n_26", Dt = "_titleSpaced_1217n_29", Et = "_dismiss_1217n_33", Ot = "_info_1217n_45", Pt = "_success_1217n_50", Ht = "_warning_1217n_55", Gt = "_danger_1217n_60", m = {
-  alert: Ft,
-  icon: Ut,
-  body: Rt,
-  title: Tt,
-  titleSpaced: Dt,
-  dismiss: Et,
-  info: Ot,
-  success: Pt,
-  warning: Ht,
-  danger: Gt
-}, Jt = {
+const me = "_alert_1217n_1", fe = "_icon_1217n_16", be = "_body_1217n_22", ye = "_title_1217n_26", we = "_titleSpaced_1217n_29", xe = "_dismiss_1217n_33", ke = "_info_1217n_45", ve = "_success_1217n_50", $e = "_warning_1217n_55", Se = "_danger_1217n_60", w = {
+  alert: me,
+  icon: fe,
+  body: be,
+  title: ye,
+  titleSpaced: we,
+  dismiss: xe,
+  info: ke,
+  success: ve,
+  warning: $e,
+  danger: Se
+}, Ne = {
   info: "M12 16v-4M12 8h.01M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0z",
   success: "M22 11.08V12a10 10 0 1 1-5.93-9.14M22 4L12 14.01l-3-3",
   warning: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01",
   danger: "M12 8v4M12 16h.01M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0z"
 };
-function le({
+function Qo({
   tone: t = "info",
-  title: n,
-  onDismiss: a,
-  className: s,
-  children: c,
-  ...o
+  title: e,
+  onDismiss: n,
+  className: a,
+  children: s,
+  ref: c,
+  ...i
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: l(m.alert, m[t], s),
+      className: r(w.alert, w[t], a),
+      ref: c,
       role: "status",
-      ...o,
+      ...i,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           "svg",
           {
             "aria-hidden": "true",
-            className: m.icon,
+            className: w.icon,
             fill: "none",
             height: "18",
             stroke: "currentColor",
@@ -309,30 +330,30 @@ function le({
             strokeWidth: "2",
             viewBox: "0 0 24 24",
             width: "18",
-            children: /* @__PURE__ */ e("path", { d: Jt[t] })
+            children: /* @__PURE__ */ o("path", { d: Ne[t] })
           }
         ),
-        /* @__PURE__ */ r("div", { className: m.body, children: [
-          n && /* @__PURE__ */ e(
+        /* @__PURE__ */ p("div", { className: w.body, children: [
+          e && /* @__PURE__ */ o(
             "div",
             {
-              className: l(
-                m.title,
-                !!c && m.titleSpaced
+              className: r(
+                w.title,
+                !!s && w.titleSpaced
               ),
-              children: n
+              children: e
             }
           ),
-          c
+          s
         ] }),
-        a && /* @__PURE__ */ e(
+        n && /* @__PURE__ */ o(
           "button",
           {
             "aria-label": "Dismiss",
-            className: m.dismiss,
-            onClick: a,
+            className: w.dismiss,
+            onClick: n,
             type: "button",
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ o(
               "svg",
               {
                 "aria-hidden": "true",
@@ -343,7 +364,7 @@ function le({
                 strokeWidth: "2",
                 viewBox: "0 0 24 24",
                 width: "14",
-                children: /* @__PURE__ */ e("path", { d: "M18 6L6 18M6 6l12 12" })
+                children: /* @__PURE__ */ o("path", { d: "M18 6L6 18M6 6l12 12" })
               }
             )
           }
@@ -352,115 +373,120 @@ function le({
     }
   );
 }
-const Kt = "_progress_tptlj_1", Qt = "_header_tptlj_7", Vt = "_percent_tptlj_16", Xt = "_track_tptlj_20", Yt = "_fill_tptlj_27", Zt = "_brand_tptlj_34", tn = "_success_tptlj_37", nn = "_warning_tptlj_40", en = "_danger_tptlj_43", sn = "_accent_tptlj_46", f = {
-  progress: Kt,
-  header: Qt,
-  percent: Vt,
-  track: Xt,
-  fill: Yt,
-  brand: Zt,
-  success: tn,
-  warning: nn,
-  danger: en,
-  accent: sn
+const ze = "_progress_tptlj_1", je = "_header_tptlj_7", Me = "_percent_tptlj_16", Ce = "_track_tptlj_20", Le = "_fill_tptlj_27", qe = "_brand_tptlj_34", Ee = "_success_tptlj_37", Be = "_warning_tptlj_40", Ie = "_danger_tptlj_43", Re = "_accent_tptlj_46", k = {
+  progress: ze,
+  header: je,
+  percent: Me,
+  track: Ce,
+  fill: Le,
+  brand: qe,
+  success: Ee,
+  warning: Be,
+  danger: Ie,
+  accent: Re
 };
-function re({
+function Yo({
   value: t = 0,
-  max: n = 100,
-  tone: a = "brand",
-  label: s,
-  showValue: c = !1,
-  className: o,
-  ...i
+  max: e = 100,
+  tone: n = "brand",
+  label: a,
+  showValue: s = !1,
+  className: c,
+  ref: i,
+  ..._
 }) {
-  const d = Math.min(100, Math.max(0, t / n * 100));
-  return /* @__PURE__ */ r("div", { className: l(f.progress, o), ...i, children: [
-    (s || c) && /* @__PURE__ */ r("div", { className: f.header, children: [
-      /* @__PURE__ */ e("span", { children: s }),
-      c && /* @__PURE__ */ r("span", { className: f.percent, children: [
-        Math.round(d),
+  const u = Math.min(100, Math.max(0, t / e * 100));
+  return /* @__PURE__ */ p("div", { className: r(k.progress, c), ref: i, ..._, children: [
+    (a || s) && /* @__PURE__ */ p("div", { className: k.header, children: [
+      /* @__PURE__ */ o("span", { children: a }),
+      s && /* @__PURE__ */ p("span", { className: k.percent, children: [
+        Math.round(u),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(
       "div",
       {
-        "aria-valuemax": n,
+        "aria-label": a,
+        "aria-valuemax": e,
         "aria-valuenow": t,
-        className: f.track,
+        className: k.track,
         role: "progressbar",
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ o(
           "div",
           {
-            className: l(f.fill, f[a]),
-            style: { width: `${d}%` }
+            className: r(k.fill, k[n]),
+            style: { width: `${u}%` }
           }
         )
       }
     )
   ] });
 }
-const an = "_wrap_82rh0_1", cn = "_tip_82rh0_6", on = "_top_82rh0_34", ln = "_bottom_82rh0_39", rn = "_left_82rh0_44", _n = "_right_82rh0_49", B = {
-  wrap: an,
-  tip: cn,
-  top: on,
-  bottom: ln,
-  left: rn,
-  right: _n
+const Te = "_wrap_82rh0_1", Xe = "_tip_82rh0_6", Ae = "_top_82rh0_34", Pe = "_bottom_82rh0_39", De = "_left_82rh0_44", Fe = "_right_82rh0_49", H = {
+  wrap: Te,
+  tip: Xe,
+  top: Ae,
+  bottom: Pe,
+  left: De,
+  right: Fe
 };
-function ie({
+function Ko({
   content: t,
-  placement: n = "top",
-  className: a,
-  children: s,
+  placement: e = "top",
+  className: n,
+  children: a,
+  ref: s,
   ...c
 }) {
-  return /* @__PURE__ */ r("span", { className: l(B.wrap, a), ...c, children: [
-    s,
-    /* @__PURE__ */ e("span", { className: l(B.tip, B[n]), role: "tooltip", children: t })
+  return /* @__PURE__ */ p("span", { className: r(H.wrap, n), ref: s, ...c, children: [
+    a,
+    /* @__PURE__ */ o("span", { className: r(H.tip, H[e]), role: "tooltip", children: t })
   ] });
 }
-const dn = "_root_1t9ke_1", un = "_disabled_1t9ke_12", hn = "_input_1t9ke_18", pn = "_box_1t9ke_25", mn = "_checked_1t9ke_40", N = {
-  root: dn,
-  disabled: un,
-  input: hn,
-  box: pn,
-  checked: mn
+const We = "_root_1t9ke_1", Ue = "_disabled_1t9ke_12", Oe = "_input_1t9ke_18", He = "_box_1t9ke_25", Ge = "_checked_1t9ke_40", z = {
+  root: We,
+  disabled: Ue,
+  input: Oe,
+  box: He,
+  checked: Ge
 };
-function _e({
+function Vo({
   checked: t,
-  defaultChecked: n = !1,
-  onChange: a,
-  label: s,
-  disabled: c = !1,
-  className: o,
-  ...i
+  defaultChecked: e = !1,
+  onChange: n,
+  label: a,
+  disabled: s = !1,
+  className: c,
+  ref: i,
+  ..._
 }) {
-  const [d, p] = W(n), _ = t === void 0 ? d : t, k = (g) => {
-    c || (t === void 0 && p(!_), a == null || a(!_, g));
+  const [u, l] = S(e), d = t === void 0 ? u : t, h = (f) => {
+    s || (t === void 0 && l(!d), n == null || n(!d, f));
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ p(
     "label",
     {
-      className: l(N.root, c && N.disabled, o),
-      ...i,
+      className: r(z.root, s && z.disabled, c),
+      ..._,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           "input",
           {
-            checked: _,
-            className: N.input,
-            disabled: c,
-            onChange: k,
+            checked: d,
+            className: z.input,
+            disabled: s,
+            onChange: h,
+            ref: i,
             type: "checkbox"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           "span",
           {
             "aria-hidden": "true",
-            className: l(N.box, _ && N.checked),
-            children: _ && /* @__PURE__ */ e(
+            className: r(z.box, d && z.checked),
+            children: d && /* @__PURE__ */ o(
               "svg",
               {
                 "aria-hidden": "true",
@@ -472,112 +498,117 @@ function _e({
                 strokeWidth: "3.2",
                 viewBox: "0 0 24 24",
                 width: "11",
-                children: /* @__PURE__ */ e("path", { d: "M20 6L9 17l-5-5" })
+                children: /* @__PURE__ */ o("path", { d: "M20 6L9 17l-5-5" })
               }
             )
           }
         ),
-        s
+        a
       ]
     }
   );
 }
-const gn = "_field_1d54c_1", fn = "_label_1d54c_7", vn = "_required_1d54c_14", bn = "_error_1d54c_18", kn = "_hint_1d54c_23", w = {
-  field: gn,
-  label: fn,
-  required: vn,
-  error: bn,
-  hint: kn
+const Je = "_field_1d54c_1", Qe = "_label_1d54c_7", Ye = "_required_1d54c_14", Ke = "_error_1d54c_18", Ve = "_hint_1d54c_23", B = {
+  field: Je,
+  label: Qe,
+  required: Ye,
+  error: Ke,
+  hint: Ve
 };
-function Nn({ error: t, hint: n }) {
-  return t ? /* @__PURE__ */ e("span", { className: w.error, children: t }) : n ? /* @__PURE__ */ e("span", { className: w.hint, children: n }) : null;
+function Ze({ error: t, hint: e }) {
+  return t ? /* @__PURE__ */ o("span", { className: B.error, children: t }) : e ? /* @__PURE__ */ o("span", { className: B.hint, children: e }) : null;
 }
-function de({
+function Zo({
   label: t,
-  hint: n,
-  error: a,
-  required: s = !1,
-  htmlFor: c,
-  className: o,
+  hint: e,
+  error: n,
+  required: a = !1,
+  htmlFor: s,
+  className: c,
   children: i,
-  ...d
+  ref: _,
+  ...u
 }) {
-  return /* @__PURE__ */ r("div", { className: l(w.field, o), ...d, children: [
-    t && /* @__PURE__ */ r("label", { className: w.label, htmlFor: c, children: [
+  return /* @__PURE__ */ p("div", { className: r(B.field, c), ref: _, ...u, children: [
+    t && /* @__PURE__ */ p("label", { className: B.label, htmlFor: s, children: [
       t,
-      s && /* @__PURE__ */ e("span", { className: w.required, children: " *" })
+      a && /* @__PURE__ */ o("span", { className: B.required, children: " *" })
     ] }),
     i,
-    /* @__PURE__ */ e(Nn, { error: a, hint: n })
+    /* @__PURE__ */ o(Ze, { error: n, hint: e })
   ] });
 }
-const $n = "_input_nhfx3_1", yn = "_invalid_nhfx3_31", wn = "_sm_nhfx3_37", xn = "_md_nhfx3_41", jn = "_lg_nhfx3_45", S = {
-  input: $n,
-  invalid: yn,
-  sm: wn,
-  md: xn,
-  lg: jn
+const tn = "_input_1s9zt_1", en = "_invalid_1s9zt_32", nn = "_sm_1s9zt_38", sn = "_md_1s9zt_42", an = "_lg_1s9zt_46", G = {
+  input: tn,
+  invalid: en,
+  sm: nn,
+  md: sn,
+  lg: an
 };
-function ue({
+function tc({
   size: t = "md",
-  invalid: n = !1,
-  disabled: a = !1,
-  className: s,
+  invalid: e = !1,
+  disabled: n = !1,
+  className: a,
+  ref: s,
   ...c
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(
     "input",
     {
-      "aria-invalid": n || void 0,
-      className: l(
-        S.input,
-        S[t],
-        n && S.invalid,
-        s
+      "aria-invalid": e || void 0,
+      className: r(
+        G.input,
+        G[t],
+        e && G.invalid,
+        a
       ),
-      disabled: a,
+      disabled: n,
+      ref: s,
       ...c
     }
   );
 }
-const Mn = "_wrap_1nxaj_1", qn = "_select_1nxaj_7", Ln = "_invalid_1nxaj_36", zn = "_chevron_1nxaj_41", Bn = "_sm_1nxaj_51", Sn = "_md_1nxaj_55", Wn = "_lg_1nxaj_59", $ = {
-  wrap: Mn,
-  select: qn,
-  invalid: Ln,
-  chevron: zn,
-  sm: Bn,
-  md: Sn,
-  lg: Wn
+const on = "_wrap_14t2q_1", cn = "_select_14t2q_7", _n = "_invalid_14t2q_37", rn = "_chevron_14t2q_42", ln = "_sm_14t2q_52", dn = "_md_14t2q_56", un = "_lg_14t2q_60", j = {
+  wrap: on,
+  select: cn,
+  invalid: _n,
+  chevron: rn,
+  sm: ln,
+  md: dn,
+  lg: un
 };
-function he({
+function ec({
   size: t = "md",
-  invalid: n = !1,
-  disabled: a = !1,
-  className: s,
-  children: c,
-  ...o
+  invalid: e = !1,
+  disabled: n = !1,
+  className: a,
+  children: s,
+  ref: c,
+  ...i
 }) {
-  return /* @__PURE__ */ r("span", { className: $.wrap, children: [
-    /* @__PURE__ */ e(
+  return /* @__PURE__ */ p("span", { className: j.wrap, children: [
+    /* @__PURE__ */ o(
       "select",
       {
-        "aria-invalid": n || void 0,
-        className: l(
-          $.select,
-          $[t],
-          n && $.invalid,
-          s
+        "aria-invalid": e || void 0,
+        className: r(
+          j.select,
+          j[t],
+          e && j.invalid,
+          a
         ),
-        disabled: a,
-        ...o,
-        children: c
+        disabled: n,
+        ref: c,
+        ...i,
+        children: s
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(
       "svg",
       {
         "aria-hidden": "true",
-        className: $.chevron,
+        className: j.chevron,
         fill: "none",
         height: "14",
         stroke: "currentColor",
@@ -586,84 +617,390 @@ function he({
         strokeWidth: "2",
         viewBox: "0 0 24 24",
         width: "14",
-        children: /* @__PURE__ */ e("path", { d: "M6 9l6 6 6-6" })
+        children: /* @__PURE__ */ o("path", { d: "M6 9l6 6 6-6" })
       }
     )
   ] });
 }
-const In = "_root_ctdye_1", An = "_disabled_ctdye_12", Cn = "_input_ctdye_17", Fn = "_track_ctdye_24", Un = "_on_ctdye_34", Rn = "_knob_ctdye_38", v = {
-  root: In,
-  disabled: An,
-  input: Cn,
-  track: Fn,
-  on: Un,
-  knob: Rn
+const gn = "_root_ctdye_1", pn = "_disabled_ctdye_12", hn = "_input_ctdye_17", mn = "_track_ctdye_24", fn = "_on_ctdye_34", bn = "_knob_ctdye_38", v = {
+  root: gn,
+  disabled: pn,
+  input: hn,
+  track: mn,
+  on: fn,
+  knob: bn
 };
-function pe({
+function nc({
   checked: t,
-  defaultChecked: n = !1,
-  onChange: a,
-  label: s,
-  disabled: c = !1,
-  className: o,
-  ...i
+  defaultChecked: e = !1,
+  onChange: n,
+  label: a,
+  disabled: s = !1,
+  className: c,
+  ref: i,
+  ..._
 }) {
-  const [d, p] = W(n), _ = t === void 0 ? d : t, k = (g) => {
-    c || (t === void 0 && p(!_), a == null || a(!_, g));
+  const [u, l] = S(e), d = t === void 0 ? u : t, h = (f) => {
+    s || (t === void 0 && l(!d), n == null || n(!d, f));
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ p(
     "label",
     {
-      className: l(v.root, c && v.disabled, o),
-      ...i,
+      className: r(v.root, s && v.disabled, c),
+      ..._,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           "input",
           {
-            "aria-checked": _,
-            checked: _,
+            "aria-checked": d,
+            checked: d,
             className: v.input,
-            disabled: c,
-            onChange: k,
+            disabled: s,
+            onChange: h,
+            ref: i,
             role: "switch",
             type: "checkbox"
           }
         ),
-        /* @__PURE__ */ e("span", { "aria-hidden": "true", className: l(v.track, _ && v.on), children: /* @__PURE__ */ e("span", { className: v.knob }) }),
-        s
+        /* @__PURE__ */ o("span", { "aria-hidden": "true", className: r(v.track, d && v.on), children: /* @__PURE__ */ o("span", { className: v.knob }) }),
+        a
       ]
     }
   );
 }
-const Tn = "_list_1e7it_1", Dn = "_item_1e7it_12", En = "_current_1e7it_18", On = "_link_1e7it_23", Pn = "_sep_1e7it_34", y = {
-  list: Tn,
-  item: Dn,
-  current: En,
-  link: On,
-  sep: Pn
+const yn = "_box_1akfw_1", wn = "_pad0_1akfw_6", xn = "_pad1_1akfw_9", kn = "_pad2_1akfw_12", vn = "_pad3_1akfw_15", $n = "_pad4_1akfw_18", Sn = "_pad5_1akfw_21", Nn = "_pad6_1akfw_24", zn = "_pad8_1akfw_27", jn = "_pad10_1akfw_30", Mn = "_pad12_1akfw_33", Cn = "_pad16_1akfw_36", Ln = "_radiusNone_1akfw_41", qn = "_radiusXs_1akfw_44", En = "_radiusSm_1akfw_47", Bn = "_radiusMd_1akfw_50", In = "_radiusLg_1akfw_53", Rn = "_radiusXl_1akfw_56", Tn = "_radiusFull_1akfw_59", Xn = "_surfaceDefault_1akfw_64", An = "_surfaceRaised_1akfw_67", Pn = "_surfaceSunken_1akfw_70", Dn = "_border_1akfw_75", M = {
+  box: yn,
+  pad0: wn,
+  pad1: xn,
+  pad2: kn,
+  pad3: vn,
+  pad4: $n,
+  pad5: Sn,
+  pad6: Nn,
+  pad8: zn,
+  pad10: jn,
+  pad12: Mn,
+  pad16: Cn,
+  radiusNone: Ln,
+  radiusXs: qn,
+  radiusSm: En,
+  radiusMd: Bn,
+  radiusLg: In,
+  radiusXl: Rn,
+  radiusFull: Tn,
+  surfaceDefault: Xn,
+  surfaceRaised: An,
+  surfaceSunken: Pn,
+  border: Dn
+}, Fn = {
+  0: "pad0",
+  1: "pad1",
+  2: "pad2",
+  3: "pad3",
+  4: "pad4",
+  5: "pad5",
+  6: "pad6",
+  8: "pad8",
+  10: "pad10",
+  12: "pad12",
+  16: "pad16"
+}, Wn = {
+  none: "radiusNone",
+  xs: "radiusXs",
+  sm: "radiusSm",
+  md: "radiusMd",
+  lg: "radiusLg",
+  xl: "radiusXl",
+  full: "radiusFull"
+}, Un = {
+  default: "surfaceDefault",
+  raised: "surfaceRaised",
+  sunken: "surfaceSunken"
 };
-function me({ items: t, className: n, ...a }) {
-  return /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: n, ...a, children: /* @__PURE__ */ e("ol", { className: y.list, children: t.map((s, c) => {
-    const o = c === t.length - 1;
-    return /* @__PURE__ */ r(
+function sc({
+  padding: t,
+  radius: e,
+  surface: n,
+  border: a = !1,
+  className: s,
+  children: c,
+  ref: i,
+  ..._
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(
+        M.box,
+        t != null && M[Fn[t]],
+        e != null && M[Wn[e]],
+        n != null && M[Un[n]],
+        a && M.border,
+        s
+      ),
+      ref: i,
+      ..._,
+      children: c
+    }
+  );
+}
+const On = "_container_opidm_1", Hn = "_widthMax_opidm_8", Gn = "_widthNarrow_opidm_11", Jn = "_gutter0_opidm_16", Qn = "_gutter1_opidm_19", Yn = "_gutter2_opidm_22", Kn = "_gutter3_opidm_25", Vn = "_gutter4_opidm_28", Zn = "_gutter5_opidm_31", ts = "_gutter6_opidm_34", es = "_gutter8_opidm_37", ns = "_gutter10_opidm_40", ss = "_gutter12_opidm_43", as = "_gutter16_opidm_46", J = {
+  container: On,
+  widthMax: Hn,
+  widthNarrow: Gn,
+  gutter0: Jn,
+  gutter1: Qn,
+  gutter2: Yn,
+  gutter3: Kn,
+  gutter4: Vn,
+  gutter5: Zn,
+  gutter6: ts,
+  gutter8: es,
+  gutter10: ns,
+  gutter12: ss,
+  gutter16: as
+}, os = {
+  max: "widthMax",
+  narrow: "widthNarrow"
+}, cs = {
+  0: "gutter0",
+  1: "gutter1",
+  2: "gutter2",
+  3: "gutter3",
+  4: "gutter4",
+  5: "gutter5",
+  6: "gutter6",
+  8: "gutter8",
+  10: "gutter10",
+  12: "gutter12",
+  16: "gutter16"
+};
+function ac({
+  width: t = "max",
+  gutter: e = "4",
+  className: n,
+  children: a,
+  ref: s,
+  ...c
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(
+        J.container,
+        J[os[t]],
+        J[cs[e]],
+        n
+      ),
+      ref: s,
+      ...c,
+      children: a
+    }
+  );
+}
+const Y = {
+  0: "gap0",
+  1: "gap1",
+  2: "gap2",
+  3: "gap3",
+  4: "gap4",
+  5: "gap5",
+  6: "gap6",
+  8: "gap8",
+  10: "gap10",
+  12: "gap12",
+  16: "gap16"
+}, nt = {
+  start: "alignStart",
+  center: "alignCenter",
+  end: "alignEnd",
+  stretch: "alignStretch"
+}, st = {
+  start: "justifyStart",
+  center: "justifyCenter",
+  end: "justifyEnd",
+  between: "justifyBetween"
+}, is = "_grid_ahbs8_1", _s = "_cols1_ahbs8_6", rs = "_cols2_ahbs8_9", ls = "_cols3_ahbs8_12", ds = "_cols4_ahbs8_15", us = "_cols6_ahbs8_18", gs = "_cols12_ahbs8_21", ps = "_gap0_ahbs8_26", hs = "_gap1_ahbs8_29", ms = "_gap2_ahbs8_32", fs = "_gap3_ahbs8_35", bs = "_gap4_ahbs8_38", ys = "_gap5_ahbs8_41", ws = "_gap6_ahbs8_44", xs = "_gap8_ahbs8_47", ks = "_gap10_ahbs8_50", vs = "_gap12_ahbs8_53", $s = "_gap16_ahbs8_56", Q = {
+  grid: is,
+  cols1: _s,
+  cols2: rs,
+  cols3: ls,
+  cols4: ds,
+  cols6: us,
+  cols12: gs,
+  gap0: ps,
+  gap1: hs,
+  gap2: ms,
+  gap3: fs,
+  gap4: bs,
+  gap5: ys,
+  gap6: ws,
+  gap8: xs,
+  gap10: ks,
+  gap12: vs,
+  gap16: $s
+}, Ss = {
+  1: "cols1",
+  2: "cols2",
+  3: "cols3",
+  4: "cols4",
+  6: "cols6",
+  12: "cols12"
+};
+function oc({
+  columns: t = 12,
+  gap: e,
+  className: n,
+  children: a,
+  ref: s,
+  ...c
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(
+        Q.grid,
+        Q[Ss[t]],
+        e != null && Q[Y[e]],
+        n
+      ),
+      ref: s,
+      ...c,
+      children: a
+    }
+  );
+}
+const Ns = "_inline_eh3ac_1", zs = "_wrap_eh3ac_7", js = "_gap0_eh3ac_12", Ms = "_gap1_eh3ac_15", Cs = "_gap2_eh3ac_18", Ls = "_gap3_eh3ac_21", qs = "_gap4_eh3ac_24", Es = "_gap5_eh3ac_27", Bs = "_gap6_eh3ac_30", Is = "_gap8_eh3ac_33", Rs = "_gap10_eh3ac_36", Ts = "_gap12_eh3ac_39", Xs = "_gap16_eh3ac_42", As = "_alignStart_eh3ac_47", Ps = "_alignCenter_eh3ac_50", Ds = "_alignEnd_eh3ac_53", Fs = "_alignStretch_eh3ac_56", Ws = "_justifyStart_eh3ac_61", Us = "_justifyCenter_eh3ac_64", Os = "_justifyEnd_eh3ac_67", Hs = "_justifyBetween_eh3ac_70", C = {
+  inline: Ns,
+  wrap: zs,
+  gap0: js,
+  gap1: Ms,
+  gap2: Cs,
+  gap3: Ls,
+  gap4: qs,
+  gap5: Es,
+  gap6: Bs,
+  gap8: Is,
+  gap10: Rs,
+  gap12: Ts,
+  gap16: Xs,
+  alignStart: As,
+  alignCenter: Ps,
+  alignEnd: Ds,
+  alignStretch: Fs,
+  justifyStart: Ws,
+  justifyCenter: Us,
+  justifyEnd: Os,
+  justifyBetween: Hs
+};
+function cc({
+  gap: t,
+  align: e,
+  justify: n,
+  wrap: a = !1,
+  className: s,
+  children: c,
+  ref: i,
+  ..._
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(
+        C.inline,
+        t != null && C[Y[t]],
+        e != null && C[nt[e]],
+        n != null && C[st[n]],
+        a && C.wrap,
+        s
+      ),
+      ref: i,
+      ..._,
+      children: c
+    }
+  );
+}
+const Gs = "_stack_e0a6n_1", Js = "_gap0_e0a6n_7", Qs = "_gap1_e0a6n_10", Ys = "_gap2_e0a6n_13", Ks = "_gap3_e0a6n_16", Vs = "_gap4_e0a6n_19", Zs = "_gap5_e0a6n_22", ta = "_gap6_e0a6n_25", ea = "_gap8_e0a6n_28", na = "_gap10_e0a6n_31", sa = "_gap12_e0a6n_34", aa = "_gap16_e0a6n_37", oa = "_alignStart_e0a6n_42", ca = "_alignCenter_e0a6n_45", ia = "_alignEnd_e0a6n_48", _a = "_alignStretch_e0a6n_51", ra = "_justifyStart_e0a6n_56", la = "_justifyCenter_e0a6n_59", da = "_justifyEnd_e0a6n_62", ua = "_justifyBetween_e0a6n_65", X = {
+  stack: Gs,
+  gap0: Js,
+  gap1: Qs,
+  gap2: Ys,
+  gap3: Ks,
+  gap4: Vs,
+  gap5: Zs,
+  gap6: ta,
+  gap8: ea,
+  gap10: na,
+  gap12: sa,
+  gap16: aa,
+  alignStart: oa,
+  alignCenter: ca,
+  alignEnd: ia,
+  alignStretch: _a,
+  justifyStart: ra,
+  justifyCenter: la,
+  justifyEnd: da,
+  justifyBetween: ua
+};
+function ic({
+  gap: t,
+  align: e,
+  justify: n,
+  className: a,
+  children: s,
+  ref: c,
+  ...i
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(
+        X.stack,
+        t != null && X[Y[t]],
+        e != null && X[nt[e]],
+        n != null && X[st[n]],
+        a
+      ),
+      ref: c,
+      ...i,
+      children: s
+    }
+  );
+}
+const ga = "_list_1gxtd_1", pa = "_item_1gxtd_12", ha = "_current_1gxtd_18", ma = "_link_1gxtd_23", fa = "_sep_1gxtd_39", L = {
+  list: ga,
+  item: pa,
+  current: ha,
+  link: ma,
+  sep: fa
+};
+function _c({
+  items: t,
+  className: e,
+  ref: n,
+  ...a
+}) {
+  return /* @__PURE__ */ o("nav", { "aria-label": "Breadcrumb", className: e, ref: n, ...a, children: /* @__PURE__ */ o("ol", { className: L.list, children: t.map((s, c) => {
+    const i = c === t.length - 1;
+    return /* @__PURE__ */ p(
       "li",
       {
-        className: y.item,
+        className: L.item,
         children: [
-          o ? /* @__PURE__ */ e("span", { "aria-current": "page", className: y.current, children: s.label }) : /* @__PURE__ */ e(
+          i ? /* @__PURE__ */ o("span", { "aria-current": "page", className: L.current, children: s.label }) : /* @__PURE__ */ o(
             "a",
             {
-              className: y.link,
+              className: L.link,
               href: s.href || "#",
               onClick: s.onClick,
               children: s.label
             }
           ),
-          !o && /* @__PURE__ */ e(
+          !i && /* @__PURE__ */ o(
             "svg",
             {
               "aria-hidden": "true",
-              className: y.sep,
+              className: L.sep,
               fill: "none",
               height: "12",
               stroke: "currentColor",
@@ -672,7 +1009,7 @@ function me({ items: t, className: n, ...a }) {
               strokeWidth: "2",
               viewBox: "0 0 24 24",
               width: "12",
-              children: /* @__PURE__ */ e("path", { d: "M9 18l6-6-6-6" })
+              children: /* @__PURE__ */ o("path", { d: "M9 18l6-6-6-6" })
             }
           )
         ]
@@ -681,69 +1018,438 @@ function me({ items: t, className: n, ...a }) {
     );
   }) }) });
 }
-const Hn = "_tablist_1khzs_1", Gn = "_tab_1khzs_1", Jn = "_active_1khzs_24", Kn = "_sm_1khzs_34", Qn = "_md_1khzs_38", Vn = "_count_1khzs_44", Xn = "_countActive_1khzs_53", b = {
-  tablist: Hn,
-  tab: Gn,
-  active: Jn,
-  sm: Kn,
-  md: Qn,
-  count: Vn,
-  countActive: Xn
+const ba = "_tablist_1c3fr_1", ya = "_tab_1c3fr_1", wa = "_active_1c3fr_24", xa = "_sm_1c3fr_39", ka = "_md_1c3fr_43", va = "_count_1c3fr_49", $a = "_countActive_1c3fr_58", $ = {
+  tablist: ba,
+  tab: ya,
+  active: wa,
+  sm: xa,
+  md: ka,
+  count: va,
+  countActive: $a
 };
-function ge({
+function rc({
   items: t,
-  active: n,
-  defaultActive: a,
-  onChange: s,
-  size: c = "md",
-  className: o,
-  ...i
+  active: e,
+  defaultActive: n,
+  onChange: a,
+  size: s = "md",
+  className: c,
+  ref: i,
+  ..._
 }) {
-  var g;
-  const [d, p] = W(a ?? ((g = t[0]) == null ? void 0 : g.id)), _ = n === void 0 ? d : n, k = (u) => {
-    n === void 0 && p(u), s == null || s(u);
+  var f;
+  const [u, l] = S(n ?? ((f = t[0]) == null ? void 0 : f.id)), d = e === void 0 ? u : e, h = (m) => {
+    e === void 0 && l(m), a == null || a(m);
   };
-  return /* @__PURE__ */ e("div", { className: l(b.tablist, o), role: "tablist", ...i, children: t.map((u) => {
-    const q = u.id === _;
-    return /* @__PURE__ */ r(
-      "button",
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r($.tablist, c),
+      ref: i,
+      role: "tablist",
+      ..._,
+      children: t.map((m) => {
+        const N = m.id === d;
+        return /* @__PURE__ */ p(
+          "button",
+          {
+            "aria-selected": N,
+            className: r($.tab, $[s], N && $.active),
+            onClick: () => h(m.id),
+            role: "tab",
+            type: "button",
+            children: [
+              m.label,
+              m.count !== void 0 && /* @__PURE__ */ o(
+                "span",
+                {
+                  className: r($.count, N && $.countActive),
+                  children: m.count
+                }
+              )
+            ]
+          },
+          m.id
+        );
+      })
+    }
+  );
+}
+const Sa = "_backdrop_8dbqx_1", Na = "_panel_8dbqx_13", za = "_title_8dbqx_30", ja = "_body_8dbqx_39", Ma = "_sm_8dbqx_47", Ca = "_md_8dbqx_51", La = "_lg_8dbqx_54", q = {
+  backdrop: Sa,
+  panel: Na,
+  title: za,
+  body: ja,
+  sm: Ma,
+  md: Ca,
+  lg: La
+}, qa = [
+  "a[href]",
+  "button:not([disabled])",
+  "textarea:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function tt(t) {
+  return Array.from(
+    t.querySelectorAll(qa)
+  ).filter((e) => !(e.hasAttribute("hidden") || e.getAttribute("aria-hidden") === "true"));
+}
+function lc({
+  open: t,
+  onClose: e,
+  title: n,
+  size: a = "md",
+  closeOnBackdrop: s = !0,
+  className: c,
+  children: i,
+  ref: _,
+  ...u
+}) {
+  const l = V(null), d = V(null), h = _t(), [f, m] = S(!1);
+  E(() => {
+    m(!0);
+  }, []);
+  const N = P(
+    (g) => {
+      l.current = g, typeof _ == "function" ? _(g) : _ && (_.current = g);
+    },
+    [_]
+  );
+  E(() => {
+    if (!(t && f))
+      return;
+    d.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const g = l.current;
+    return g && (tt(g)[0] ?? g).focus(), () => {
+      var b;
+      (b = d.current) == null || b.focus();
+    };
+  }, [t, f]), E(() => {
+    if (!t)
+      return;
+    const g = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = g;
+    };
+  }, [t]);
+  const ct = P(
+    (g) => {
+      if (g.key === "Escape") {
+        g.stopPropagation(), e();
+        return;
+      }
+      if (g.key !== "Tab")
+        return;
+      const b = l.current;
+      if (!b)
+        return;
+      const D = tt(b);
+      if (D.length === 0) {
+        g.preventDefault(), b.focus();
+        return;
+      }
+      const K = D[0], F = D.at(-1), W = document.activeElement;
+      F && (g.shiftKey ? (W === K || W === b) && (g.preventDefault(), F.focus()) : W === F && (g.preventDefault(), K.focus()));
+    },
+    [e]
+  ), it = P(
+    (g) => {
+      s && g.target === g.currentTarget && e();
+    },
+    [s, e]
+  );
+  return t && f ? gt(
+    // The backdrop is a presentational scrim. Its click only mirrors the
+    // Escape-key dismissal path that the dialog already provides for keyboard
+    // users, so the keyboard-handler a11y rules do not apply here.
+    // biome-ignore lint/a11y/noStaticElementInteractions: presentational scrim
+    // biome-ignore lint/a11y/noNoninteractiveElementInteractions: presentational scrim
+    // biome-ignore lint/a11y/useKeyWithClickEvents: Escape handles keyboard dismissal
+    /* @__PURE__ */ o("div", { className: q.backdrop, onClick: it, children: /* @__PURE__ */ p(
+      "div",
       {
-        "aria-selected": q,
-        className: l(b.tab, b[c], q && b.active),
-        onClick: () => k(u.id),
-        role: "tab",
-        type: "button",
+        ...u,
+        "aria-labelledby": n ? h : void 0,
+        "aria-modal": "true",
+        className: r(q.panel, q[a], c),
+        onKeyDown: ct,
+        ref: N,
+        role: "dialog",
+        tabIndex: -1,
         children: [
-          u.label,
-          u.count !== void 0 && /* @__PURE__ */ e(
-            "span",
-            {
-              className: l(b.count, q && b.countActive),
-              children: u.count
-            }
-          )
+          n ? /* @__PURE__ */ o("h2", { className: q.title, id: h, children: n }) : null,
+          /* @__PURE__ */ o("div", { className: q.body, children: i })
         ]
-      },
-      u.id
-    );
-  }) });
+      }
+    ) }),
+    document.body
+  ) : null;
+}
+const et = typeof document > "u" ? E : dt, at = ut(null), ot = "(prefers-color-scheme: dark)";
+function Ea(t) {
+  return t === "light" || t === "dark" || t === "system";
+}
+function Ba(t, e) {
+  if (typeof window > "u")
+    return e;
+  try {
+    const n = window.localStorage.getItem(t);
+    return Ea(n) ? n : e;
+  } catch {
+    return e;
+  }
+}
+function Ia(t) {
+  return t !== "system" ? t : typeof window > "u" || typeof window.matchMedia != "function" ? "light" : window.matchMedia(ot).matches ? "dark" : "light";
+}
+function Ra(t) {
+  if (typeof document > "u")
+    return;
+  const e = document.documentElement;
+  t === "dark" ? e.setAttribute("data-theme", "dark") : e.removeAttribute("data-theme");
+}
+function dc({
+  children: t,
+  defaultTheme: e = "system",
+  storageKey: n = "enact-theme"
+}) {
+  const [a, s] = S(e), [c, i] = S(
+    e === "system" ? "light" : e
+  );
+  E(() => {
+    const l = Ba(n, e);
+    l !== e && s(l);
+  }, [n, e]), et(() => {
+    if (i(Ia(a)), a !== "system" || typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const l = window.matchMedia(ot), d = (h) => {
+      i(h.matches ? "dark" : "light");
+    };
+    return l.addEventListener("change", d), () => {
+      l.removeEventListener("change", d);
+    };
+  }, [a]), et(() => {
+    Ra(c);
+  }, [c]);
+  const _ = P(
+    (l) => {
+      if (s(l), typeof window < "u")
+        try {
+          window.localStorage.setItem(n, l);
+        } catch {
+        }
+    },
+    [n]
+  ), u = rt(
+    () => ({ theme: a, resolvedTheme: c, setTheme: _ }),
+    [a, c, _]
+  );
+  return /* @__PURE__ */ o(at.Provider, { value: u, children: t });
+}
+function uc() {
+  const t = lt(at);
+  if (t === null)
+    throw new Error("useTheme must be used within a <ThemeProvider>");
+  return t;
+}
+function Ta(t = "enact-theme") {
+  return `(function(){try{var k=${JSON.stringify(t)},v=localStorage.getItem(k),d=document.documentElement;if(v==="dark"){d.setAttribute("data-theme","dark")}else if(v==="light"){d.removeAttribute("data-theme")}else{if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){d.setAttribute("data-theme","dark")}else{d.removeAttribute("data-theme")}}}catch(e){}})();`;
+}
+const gc = Ta(), Xa = "_heading_xq294_1", Aa = "_sizeXs_xq294_9", Pa = "_sizeSm_xq294_12", Da = "_sizeMd_xq294_15", Fa = "_sizeLg_xq294_18", Wa = "_sizeXl_xq294_21", Ua = "_size2xl_xq294_24", Oa = "_size3xl_xq294_27", Ha = "_size4xl_xq294_30", Ga = "_weightRegular_xq294_35", Ja = "_weightMedium_xq294_38", Qa = "_weightSemibold_xq294_41", Ya = "_weightBold_xq294_44", Ka = "_tonePrimary_xq294_49", Va = "_toneSecondary_xq294_52", Za = "_toneMuted_xq294_55", to = "_toneInverse_xq294_58", eo = "_toneLink_xq294_61", A = {
+  heading: Xa,
+  sizeXs: Aa,
+  sizeSm: Pa,
+  sizeMd: Da,
+  sizeLg: Fa,
+  sizeXl: Wa,
+  size2xl: Ua,
+  size3xl: Oa,
+  size4xl: Ha,
+  weightRegular: Ga,
+  weightMedium: Ja,
+  weightSemibold: Qa,
+  weightBold: Ya,
+  tonePrimary: Ka,
+  toneSecondary: Va,
+  toneMuted: Za,
+  toneInverse: to,
+  toneLink: eo
+}, no = {
+  xs: "sizeXs",
+  sm: "sizeSm",
+  md: "sizeMd",
+  lg: "sizeLg",
+  xl: "sizeXl",
+  "2xl": "size2xl",
+  "3xl": "size3xl",
+  "4xl": "size4xl"
+}, so = {
+  1: "4xl",
+  2: "3xl",
+  3: "2xl",
+  4: "xl",
+  5: "lg",
+  6: "md"
+}, ao = {
+  regular: "weightRegular",
+  medium: "weightMedium",
+  semibold: "weightSemibold",
+  bold: "weightBold"
+}, oo = {
+  primary: "tonePrimary",
+  secondary: "toneSecondary",
+  muted: "toneMuted",
+  inverse: "toneInverse",
+  link: "toneLink"
+};
+function pc({
+  level: t,
+  size: e,
+  tone: n = "primary",
+  weight: a = "semibold",
+  className: s,
+  children: c,
+  ref: i,
+  ..._
+}) {
+  const u = `h${t}`, l = e ?? so[t];
+  return /* @__PURE__ */ o(
+    u,
+    {
+      className: r(
+        A.heading,
+        A[no[l]],
+        A[ao[a]],
+        A[oo[n]],
+        s
+      ),
+      ref: i,
+      ..._,
+      children: c
+    }
+  );
+}
+const co = "_text_xjn05_1", io = "_sizeXs_xjn05_6", _o = "_sizeSm_xjn05_9", ro = "_sizeMd_xjn05_12", lo = "_sizeLg_xjn05_15", uo = "_sizeXl_xjn05_18", go = "_size2xl_xjn05_21", po = "_weightRegular_xjn05_26", ho = "_weightMedium_xjn05_29", mo = "_weightSemibold_xjn05_32", fo = "_weightBold_xjn05_35", bo = "_tonePrimary_xjn05_40", yo = "_toneSecondary_xjn05_43", wo = "_toneMuted_xjn05_46", xo = "_toneInverse_xjn05_49", ko = "_toneLink_xjn05_52", vo = "_fontBody_xjn05_57", $o = "_fontDisplay_xjn05_60", So = "_fontMono_xjn05_63", No = "_leadingTight_xjn05_68", zo = "_leadingSnug_xjn05_71", jo = "_leadingNormal_xjn05_74", Mo = "_leadingRelaxed_xjn05_77", Co = "_alignStart_xjn05_82", Lo = "_alignCenter_xjn05_85", qo = "_alignEnd_xjn05_88", x = {
+  text: co,
+  sizeXs: io,
+  sizeSm: _o,
+  sizeMd: ro,
+  sizeLg: lo,
+  sizeXl: uo,
+  size2xl: go,
+  weightRegular: po,
+  weightMedium: ho,
+  weightSemibold: mo,
+  weightBold: fo,
+  tonePrimary: bo,
+  toneSecondary: yo,
+  toneMuted: wo,
+  toneInverse: xo,
+  toneLink: ko,
+  fontBody: vo,
+  fontDisplay: $o,
+  fontMono: So,
+  leadingTight: No,
+  leadingSnug: zo,
+  leadingNormal: jo,
+  leadingRelaxed: Mo,
+  alignStart: Co,
+  alignCenter: Lo,
+  alignEnd: qo
+}, Eo = {
+  xs: "sizeXs",
+  sm: "sizeSm",
+  md: "sizeMd",
+  lg: "sizeLg",
+  xl: "sizeXl",
+  "2xl": "size2xl"
+}, Bo = {
+  regular: "weightRegular",
+  medium: "weightMedium",
+  semibold: "weightSemibold",
+  bold: "weightBold"
+}, Io = {
+  primary: "tonePrimary",
+  secondary: "toneSecondary",
+  muted: "toneMuted",
+  inverse: "toneInverse",
+  link: "toneLink"
+}, Ro = {
+  body: "fontBody",
+  display: "fontDisplay",
+  mono: "fontMono"
+}, To = {
+  tight: "leadingTight",
+  snug: "leadingSnug",
+  normal: "leadingNormal",
+  relaxed: "leadingRelaxed"
+}, Xo = {
+  start: "alignStart",
+  center: "alignCenter",
+  end: "alignEnd"
+};
+function hc({
+  as: t = "p",
+  align: e,
+  font: n = "body",
+  leading: a,
+  size: s,
+  tone: c,
+  weight: i,
+  className: _,
+  children: u,
+  ref: l,
+  ...d
+}) {
+  return /* @__PURE__ */ o(
+    t,
+    {
+      className: r(
+        x.text,
+        x[Ro[n]],
+        s != null && x[Eo[s]],
+        i != null && x[Bo[i]],
+        c != null && x[Io[c]],
+        a != null && x[To[a]],
+        e != null && x[Xo[e]],
+        _
+      ),
+      ref: l,
+      ...d,
+      children: u
+    }
+  );
 }
 export {
-  le as Alert,
-  te as Avatar,
-  ne as Badge,
-  me as Breadcrumb,
-  ee as Button,
-  se as Card,
-  _e as Checkbox,
-  de as Field,
-  ae as IconButton,
-  ue as Input,
-  re as Progress,
-  he as Select,
-  ce as Stat,
-  pe as Switch,
-  ge as Tabs,
-  oe as Tag,
-  ie as Tooltip
+  Qo as Alert,
+  Fo as Avatar,
+  Wo as Badge,
+  sc as Box,
+  _c as Breadcrumb,
+  Uo as Button,
+  Oo as Card,
+  Vo as Checkbox,
+  ac as Container,
+  Zo as Field,
+  oc as Grid,
+  pc as Heading,
+  Ho as IconButton,
+  cc as Inline,
+  tc as Input,
+  lc as Modal,
+  Yo as Progress,
+  ec as Select,
+  ic as Stack,
+  Go as Stat,
+  nc as Switch,
+  rc as Tabs,
+  Jo as Tag,
+  hc as Text,
+  dc as ThemeProvider,
+  Ko as Tooltip,
+  Ta as getThemeInitScript,
+  gc as themeInitScript,
+  uc as useTheme
 };