tharaday 0.5.8 → 0.5.9

package/dist/ds.js

@@ -1,17 +1,17 @@
-import { jsx as _, jsxs as f } from "react/jsx-runtime";
-import { useId as W, useState as en, Children as Wn, Fragment as Dn, useRef as ln, useEffect as kn, useMemo as Ln, isValidElement as Rn, cloneElement as Mn } from "react";
+import { jsx as _, jsxs as y } from "react/jsx-runtime";
+import { useId as W, useState as en, Children as Wn, Fragment as Dn, useRef as ln, useEffect as wn, useMemo as Ln, isValidElement as Rn, cloneElement as Mn } from "react";
 import { createPortal as An } from "react-dom";
 function Sn(n) {
   var o, e, t = "";
   if (typeof n == "string" || typeof n == "number") t += n;
   else if (typeof n == "object") if (Array.isArray(n)) {
-    var s = n.length;
-    for (o = 0; o < s; o++) n[o] && (e = Sn(n[o])) && (t && (t += " "), t += e);
+    var r = n.length;
+    for (o = 0; o < r; o++) n[o] && (e = Sn(n[o])) && (t && (t += " "), t += e);
   } else for (e in n) n[e] && (t && (t += " "), t += e);
   return t;
 }
 function a() {
-  for (var n, o, e = 0, t = "", s = arguments.length; e < s; e++) (n = arguments[e]) && (o = Sn(n)) && (t && (t += " "), t += o);
+  for (var n, o, e = 0, t = "", r = arguments.length; e < r; e++) (n = arguments[e]) && (o = Sn(n)) && (t && (t += " "), t += o);
   return t;
 }
 const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On = "_separated_1s3bz_24", Vn = "_ghost_1s3bz_34", Hn = "_header_1s3bz_34", Gn = "_sm_1s3bz_65", Un = "_md_1s3bz_70", Jn = "_lg_1s3bz_75", Qn = "_icon_1s3bz_97", Zn = "_iconExpanded_1s3bz_102", Xn = "_contentWrapper_1s3bz_106", Yn = "_contentExpanded_1s3bz_113", no = "_content_1s3bz_106", oo = "_contentBody_1s3bz_121", eo = "_contentBodyExpanded_1s3bz_134", L = {
@@ -37,26 +37,26 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   allowMultiple: o = !1,
   defaultExpanded: e = [],
   variant: t = "default",
-  size: s = "md",
+  size: r = "md",
   className: c,
   id: l
 }) => {
-  const i = W(), r = l ?? `ds-accordion-${i}`, [m, b] = en(e), y = (p) => {
+  const i = W(), s = l ?? `ds-accordion-${i}`, [m, b] = en(e), f = (p) => {
     b((u) => u.includes(p) ? u.filter((g) => g !== p) : o ? [...u, p] : [p]);
   };
-  return /* @__PURE__ */ _("div", { id: r, className: a(L.root, L[t], L[s], c), children: n.map((p) => {
+  return /* @__PURE__ */ _("div", { id: s, className: a(L.root, L[t], L[r], c), children: n.map((p) => {
     const u = m.includes(p.id);
-    return /* @__PURE__ */ f("div", { className: L.item, children: [
-      /* @__PURE__ */ f(
+    return /* @__PURE__ */ y("div", { className: L.item, children: [
+      /* @__PURE__ */ y(
         "button",
         {
           type: "button",
-          id: `${r}-header-${p.id}`,
+          id: `${s}-header-${p.id}`,
           className: L.header,
-          onClick: () => y(p.id),
+          onClick: () => f(p.id),
           disabled: p.isDisabled,
           "aria-expanded": u,
-          "aria-controls": `${r}-content-${p.id}`,
+          "aria-controls": `${s}-content-${p.id}`,
           children: [
             /* @__PURE__ */ _("span", { children: p.title }),
             /* @__PURE__ */ _("span", { className: a(L.icon, u && L.iconExpanded), children: "▼" })
@@ -66,9 +66,9 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       /* @__PURE__ */ _(
         "div",
         {
-          id: `${r}-content-${p.id}`,
+          id: `${s}-content-${p.id}`,
           role: "region",
-          "aria-labelledby": `${r}-header-${p.id}`,
+          "aria-labelledby": `${s}-header-${p.id}`,
           className: a(L.contentWrapper, u && L.contentExpanded),
           children: /* @__PURE__ */ _("div", { className: L.content, children: /* @__PURE__ */ _("div", { className: a(L.contentBody, u && L.contentBodyExpanded), children: p.content }) })
         }
@@ -90,19 +90,19 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   alt: o,
   name: e,
   size: t = "md",
-  fallback: s,
+  fallback: r,
   className: c,
   ...l
 }) => {
-  const [i, r] = en(!1), m = o ?? e, b = (p) => p.split(" ").map((u) => u[0]).slice(0, 2).join(""), y = () => n && !i ? /* @__PURE__ */ _(
+  const [i, s] = en(!1), m = o ?? e, b = (p) => p.split(" ").map((u) => u[0]).slice(0, 2).join(""), f = () => n && !i ? /* @__PURE__ */ _(
     "img",
     {
       src: n,
       alt: m || "",
       className: tn.image,
-      onError: () => r(!0)
+      onError: () => s(!0)
     }
-  ) : s ? /* @__PURE__ */ _("span", { className: tn.fallback, children: s }) : e ? /* @__PURE__ */ _("span", { className: tn.fallback, children: b(e) }) : /* @__PURE__ */ _(
+  ) : r ? /* @__PURE__ */ _("span", { className: tn.fallback, children: r }) : e ? /* @__PURE__ */ _("span", { className: tn.fallback, children: b(e) }) : /* @__PURE__ */ _(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -113,13 +113,13 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       children: /* @__PURE__ */ _("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
     }
   );
-  return /* @__PURE__ */ _("div", { className: a(tn.root, tn[t], c), ...l, children: y() });
-}, po = "_root_13wyx_1", uo = "_sm_13wyx_12", bo = "_md_13wyx_18", yo = "_lg_13wyx_24", fo = "_solid_13wyx_31", ho = "_neutral_13wyx_31", go = "_success_13wyx_35", xo = "_warning_13wyx_39", $o = "_danger_13wyx_43", vo = "_info_13wyx_47", ko = "_subtle_13wyx_53", wo = "_outline_13wyx_75", $n = {
+  return /* @__PURE__ */ _("div", { className: a(tn.root, tn[t], c), ...l, children: f() });
+}, po = "_root_13wyx_1", uo = "_sm_13wyx_12", bo = "_md_13wyx_18", fo = "_lg_13wyx_24", yo = "_solid_13wyx_31", ho = "_neutral_13wyx_31", go = "_success_13wyx_35", xo = "_warning_13wyx_39", $o = "_danger_13wyx_43", vo = "_info_13wyx_47", ko = "_subtle_13wyx_53", wo = "_outline_13wyx_75", $n = {
   root: po,
   sm: uo,
   md: bo,
-  lg: yo,
-  solid: fo,
+  lg: fo,
+  solid: yo,
   neutral: ho,
   success: go,
   warning: xo,
@@ -132,14 +132,14 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   size: o = "md",
   intent: e = "neutral",
   className: t,
-  children: s,
+  children: r,
   ...c
 }) => /* @__PURE__ */ _(
   "span",
   {
     className: a($n.root, $n[n], $n[o], $n[e], t),
     ...c,
-    children: s
+    children: r
   }
 ), No = "_box_ynnco_1", Io = "_fullWidth_ynnco_5", jo = "_border_ynnco_683", Co = "_borderBottom_ynnco_686", k = {
   box: No,
@@ -359,22 +359,22 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   "borderRadius-md": "_borderRadius-md_ynnco_728",
   "borderRadius-lg": "_borderRadius-lg_ynnco_731",
   "borderRadius-full": "_borderRadius-full_ynnco_734"
-}, Bn = (n, o, e, t, s, c, l, i) => {
-  const r = {};
-  return typeof o == "string" && (r[n] = o), typeof s == "string" && (r[`${n}Top`] = s), typeof c == "string" && (r[`${n}Bottom`] = c), typeof l == "string" && (r[`${n}Left`] = l), typeof i == "string" && (r[`${n}Right`] = i), typeof e == "string" && (r[`${n}Left`] = e, r[`${n}Right`] = e), typeof t == "string" && (r[`${n}Top`] = t, r[`${n}Bottom`] = t), r;
+}, Bn = (n, o, e, t, r, c, l, i) => {
+  const s = {};
+  return typeof o == "string" && (s[n] = o), typeof r == "string" && (s[`${n}Top`] = r), typeof c == "string" && (s[`${n}Bottom`] = c), typeof l == "string" && (s[`${n}Left`] = l), typeof i == "string" && (s[`${n}Right`] = i), typeof e == "string" && (s[`${n}Left`] = e, s[`${n}Right`] = e), typeof t == "string" && (s[`${n}Top`] = t, s[`${n}Bottom`] = t), s;
 }, cn = ({
   children: n,
   as: o = "div",
   display: e,
   padding: t,
-  paddingX: s,
+  paddingX: r,
   paddingY: c,
   paddingTop: l,
   paddingBottom: i,
-  paddingLeft: r,
+  paddingLeft: s,
   paddingRight: m,
   margin: b,
-  marginX: y,
+  marginX: f,
   marginY: p,
   marginTop: u,
   marginBottom: g,
@@ -396,15 +396,15 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   gridTemplateColumns: $,
   backgroundColor: x,
   border: U,
-  borderBottom: yn,
+  borderBottom: fn,
   borderColor: gn,
   borderRadius: xn,
   className: I,
-  style: wn,
+  style: Nn,
   ..._n
 }) => {
-  const Nn = {
-    ...wn,
+  const In = {
+    ...Nn,
     flexGrow: F,
     flexShrink: R,
     flex: P,
@@ -416,17 +416,17 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
     ...Bn(
       "padding",
       t,
-      s,
+      r,
       c,
       l,
       i,
-      r,
+      s,
       m
     ),
     ...Bn(
       "margin",
       b,
-      y,
+      f,
       p,
       u,
       g,
@@ -442,14 +442,14 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         e && k[`display-${e}`],
         dn && k[`textAlign-${dn}`],
         typeof t == "number" && k[`p-${t}`],
-        typeof s == "number" && k[`px-${s}`],
+        typeof r == "number" && k[`px-${r}`],
         typeof c == "number" && k[`py-${c}`],
         typeof l == "number" && k[`pt-${l}`],
         typeof i == "number" && k[`pb-${i}`],
-        typeof r == "number" && k[`pl-${r}`],
+        typeof s == "number" && k[`pl-${s}`],
         typeof m == "number" && k[`pr-${m}`],
         typeof b == "number" && k[`margin-${b}`],
-        typeof y == "number" && k[`marginX-${y}`],
+        typeof f == "number" && k[`marginX-${f}`],
         typeof p == "number" && k[`marginY-${p}`],
         typeof u == "number" && k[`marginTop-${u}`],
         typeof g == "number" && k[`marginBottom-${g}`],
@@ -462,13 +462,13 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         N && k[`flexWrap-${N}`],
         x && k[`bg-${x}`],
         U && k.border,
-        yn && k.borderBottom,
+        fn && k.borderBottom,
         gn && k[`borderColor-${gn}`],
         xn && k[`borderRadius-${xn}`],
         an && k.fullWidth,
         I
       ),
-      style: Nn,
+      style: In,
       ..._n,
       children: n
     }
@@ -485,7 +485,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   isCurrent: o,
   children: e,
   className: t,
-  ...s
+  ...r
 }) => {
   const c = n && !o ? "a" : "span";
   return /* @__PURE__ */ _("li", { className: un.item, children: /* @__PURE__ */ _(
@@ -494,7 +494,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       href: n,
       className: a(un.link, o && un.current, t),
       "aria-current": o ? "page" : void 0,
-      ...s,
+      ...r,
       children: e
     }
   ) });
@@ -504,12 +504,12 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   className: e,
   ...t
 }) => {
-  const s = Wn.toArray(n);
-  return /* @__PURE__ */ _("nav", { "aria-label": "Breadcrumbs", className: a(un.root, e), ...t, children: /* @__PURE__ */ _("ol", { className: un.list, children: s.map((c, l) => /* @__PURE__ */ f(Dn, { children: [
+  const r = Wn.toArray(n);
+  return /* @__PURE__ */ _("nav", { "aria-label": "Breadcrumbs", className: a(un.root, e), ...t, children: /* @__PURE__ */ _("ol", { className: un.list, children: r.map((c, l) => /* @__PURE__ */ y(Dn, { children: [
     c,
-    l < s.length - 1 && /* @__PURE__ */ _("li", { className: un.separator, "aria-hidden": "true", children: o })
+    l < r.length - 1 && /* @__PURE__ */ _("li", { className: un.separator, "aria-hidden": "true", children: o })
   ] }, l)) }) });
-}, Wo = "_root_1flxt_1", Do = "_xs_1flxt_31", Lo = "_sm_1flxt_39", Ro = "_md_1flxt_46", Mo = "_lg_1flxt_53", Ao = "_xl_1flxt_60", Fo = "_solid_1flxt_70", Po = "_success_1flxt_82", Ko = "_warning_1flxt_92", Oo = "_danger_1flxt_102", Vo = "_info_1flxt_112", Ho = "_outline_1flxt_123", Go = "_subtle_1flxt_192", Uo = "_fullWidth_1flxt_245", fn = {
+}, Wo = "_root_1flxt_1", Do = "_xs_1flxt_31", Lo = "_sm_1flxt_39", Ro = "_md_1flxt_46", Mo = "_lg_1flxt_53", Ao = "_xl_1flxt_60", Fo = "_solid_1flxt_70", Po = "_success_1flxt_82", Ko = "_warning_1flxt_92", Oo = "_danger_1flxt_102", Vo = "_info_1flxt_112", Ho = "_outline_1flxt_123", Go = "_subtle_1flxt_192", Uo = "_fullWidth_1flxt_245", yn = {
   root: Wo,
   xs: Do,
   sm: Lo,
@@ -529,7 +529,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   variant: o = "outline",
   intent: e = "neutral",
   fullWidth: t = !1,
-  className: s,
+  className: r,
   children: c,
   ...l
 }) => /* @__PURE__ */ _(
@@ -537,12 +537,12 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   {
     type: "button",
     className: a(
-      fn.root,
-      fn[n],
-      fn[o],
-      fn[e],
-      t && fn.fullWidth,
-      s
+      yn.root,
+      yn[n],
+      yn[o],
+      yn[e],
+      t && yn.fullWidth,
+      r
     ),
     ...l,
     children: c
@@ -579,12 +579,12 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   shadow: o = "sm",
   bordered: e = !0,
   borderColor: t,
-  backgroundColor: s,
+  backgroundColor: r,
   className: c,
   children: l,
   ...i
 }) => {
-  const r = {
+  const s = {
     none: z.pNone,
     sm: z.pSm,
     md: z.pMd,
@@ -599,22 +599,22 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
     {
       className: a(
         z.root,
-        r,
+        s,
         m,
         e && z.bordered,
         t && z[`borderColor-${t}`],
-        s && z[`backgroundColor-${s}`],
+        r && z[`backgroundColor-${r}`],
         c
       ),
       ...i,
       children: l
     }
   );
-}, nc = ({ title: n, subtitle: o, className: e, children: t, ...s }) => /* @__PURE__ */ f("div", { className: a(z.header, e), ...s, children: [
+}, nc = ({ title: n, subtitle: o, className: e, children: t, ...r }) => /* @__PURE__ */ y("div", { className: a(z.header, e), ...r, children: [
   n && /* @__PURE__ */ _("h3", { className: z.title, children: n }),
   o && /* @__PURE__ */ _("p", { className: z.subtitle, children: o }),
   t
-] }), oc = ({ className: n, children: o, ...e }) => /* @__PURE__ */ _("div", { className: a(z.content, n), ...e, children: o }), ec = ({ className: n, children: o, ...e }) => /* @__PURE__ */ _("div", { className: a(z.footer, n), ...e, children: o }), ae = "_wrapper_1mupt_1", ie = "_container_1mupt_7", de = "_disabled_1mupt_15", me = "_input_1mupt_20", pe = "_control_1mupt_28", ue = "_checkmark_1mupt_57", be = "_label_1mupt_68", ye = "_error_1mupt_75", fe = "_helperText_1mupt_79", he = "_errorText_1mupt_86", K = {
+] }), oc = ({ className: n, children: o, ...e }) => /* @__PURE__ */ _("div", { className: a(z.content, n), ...e, children: o }), ec = ({ className: n, children: o, ...e }) => /* @__PURE__ */ _("div", { className: a(z.footer, n), ...e, children: o }), ae = "_wrapper_1mupt_1", ie = "_container_1mupt_7", de = "_disabled_1mupt_15", me = "_input_1mupt_20", pe = "_control_1mupt_28", ue = "_checkmark_1mupt_57", be = "_label_1mupt_68", fe = "_error_1mupt_75", ye = "_helperText_1mupt_79", he = "_errorText_1mupt_86", K = {
   wrapper: ae,
   container: ie,
   disabled: de,
@@ -622,32 +622,32 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   control: pe,
   checkmark: ue,
   label: be,
-  error: ye,
-  helperText: fe,
+  error: fe,
+  helperText: ye,
   errorText: he
 }, _c = ({
   label: n,
   error: o,
   helperText: e,
   className: t,
-  disabled: s,
+  disabled: r,
   id: c,
   ...l
 }) => {
-  const i = W(), r = c ?? `ds-checkbox-${i}`, m = e ? `${r}-help` : void 0;
-  return /* @__PURE__ */ f("div", { className: a(K.wrapper, t), children: [
-    /* @__PURE__ */ f(
+  const i = W(), s = c ?? `ds-checkbox-${i}`, m = e ? `${s}-help` : void 0;
+  return /* @__PURE__ */ y("div", { className: a(K.wrapper, t), children: [
+    /* @__PURE__ */ y(
       "label",
       {
-        htmlFor: r,
-        className: a(K.container, s && K.disabled, o && K.error),
+        htmlFor: s,
+        className: a(K.container, r && K.disabled, o && K.error),
         children: [
           /* @__PURE__ */ _(
             "input",
             {
               type: "checkbox",
-              id: r,
-              disabled: s,
+              id: s,
+              disabled: r,
               className: K.input,
               "aria-describedby": m,
               "aria-invalid": o || void 0,
@@ -698,18 +698,18 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   value: o,
   defaultValue: e,
   onChange: t,
-  placeholder: s = "Select an option",
+  placeholder: r = "Select an option",
   label: c,
   helperText: l,
   error: i,
-  disabled: r,
+  disabled: s,
   size: m = "md",
   className: b,
-  id: y,
+  id: f,
   fullWidth: p = !1
 }) => {
-  const u = W(), g = y ?? `ds-dropdown-${u}`, w = l ? `${g}-help` : void 0, [d, h] = en(!1), [j, C] = en(e), [v, N] = en(-1), F = ln(null), R = ln(null), P = o !== void 0 ? o : j, an = n.find(($) => $.value === P), dn = v >= 0 ? `${g}-opt-${v}` : void 0, bn = () => {
-    if (!r) {
+  const u = W(), g = f ?? `ds-dropdown-${u}`, w = l ? `${g}-help` : void 0, [d, h] = en(!1), [j, C] = en(e), [v, N] = en(-1), F = ln(null), R = ln(null), P = o !== void 0 ? o : j, an = n.find(($) => $.value === P), dn = v >= 0 ? `${g}-opt-${v}` : void 0, bn = () => {
+    if (!s) {
       const $ = !d;
       if (h($), $) {
         if (v === -1) {
@@ -722,7 +722,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   }, D = ($, x) => {
     $.disabled || (o === void 0 && C($.value), t?.($.value), h(!1), N(x), R.current?.focus());
   }, B = ($) => {
-    if (!r)
+    if (!s)
       switch ($.key) {
         case "ArrowDown":
           $.preventDefault(), d ? N((x) => x < n.length - 1 ? x + 1 : x) : (h(!0), N(n.findIndex((x) => x.value === P) || 0));
@@ -750,16 +750,16 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
           break;
       }
   };
-  return kn(() => {
+  return wn(() => {
     d && v >= 0 && document.getElementById(`${g}-opt-${v}`)?.scrollIntoView({ block: "nearest" });
-  }, [v, d, g]), kn(() => {
+  }, [v, d, g]), wn(() => {
     const $ = (x) => {
       F.current && !F.current.contains(x.target) && (h(!1), N(-1));
     };
     return document.addEventListener("mousedown", $), () => {
       document.removeEventListener("mousedown", $);
     };
-  }, []), /* @__PURE__ */ f(
+  }, []), /* @__PURE__ */ y(
     "div",
     {
       className: a(
@@ -772,8 +772,8 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       ref: F,
       children: [
         c && /* @__PURE__ */ _("label", { htmlFor: g, className: q.label, children: c }),
-        /* @__PURE__ */ f("div", { className: q.container, children: [
-          /* @__PURE__ */ f(
+        /* @__PURE__ */ y("div", { className: q.container, children: [
+          /* @__PURE__ */ y(
             "button",
             {
               id: g,
@@ -782,7 +782,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
               className: a(q.trigger, d && q.isOpen),
               onClick: bn,
               onKeyDown: B,
-              disabled: r,
+              disabled: s,
               "aria-haspopup": "listbox",
               "aria-expanded": d,
               "aria-describedby": w,
@@ -790,7 +790,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
               "aria-controls": d ? `${g}-menu` : void 0,
               "aria-activedescendant": d ? dn : void 0,
               children: [
-                /* @__PURE__ */ _("span", { className: q.selectedLabel, children: an ? an.label : s }),
+                /* @__PURE__ */ _("span", { className: q.selectedLabel, children: an ? an.label : r }),
                 /* @__PURE__ */ _("span", { className: q.icon, "aria-hidden": "true", children: /* @__PURE__ */ _(
                   "svg",
                   {
@@ -822,8 +822,8 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
               role: "listbox",
               "aria-labelledby": c ? void 0 : g,
               children: n.map(($, x) => {
-                const U = $.value === P, yn = x === v;
-                return /* @__PURE__ */ f(
+                const U = $.value === P, fn = x === v;
+                return /* @__PURE__ */ y(
                   "li",
                   {
                     id: `${g}-opt-${x}`,
@@ -832,7 +832,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
                     className: a(
                       q.option,
                       U && q.optionSelected,
-                      yn && q.optionFocused,
+                      fn && q.optionFocused,
                       $.disabled && q.optionDisabled
                     ),
                     onClick: () => D($, x),
@@ -852,40 +852,42 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       ]
     }
   );
-}, Re = "_root_88lcq_1", Me = "_horizontal_88lcq_8", Ae = "_vertical_88lcq_15", vn = {
+}, Re = "_root_fk4i4_1", Me = "_horizontal_fk4i4_8", Ae = "_vertical_fk4i4_16", vn = {
   root: Re,
   horizontal: Me,
   vertical: Ae
-}, In = (n) => typeof n == "number" ? `${n}px` : n, sc = ({
+}, kn = (n) => typeof n == "number" ? `${n}px` : n, sc = ({
   orientation: n = "horizontal",
   thickness: o,
   length: e,
-  inset: t,
-  className: s,
-  style: c,
-  ...l
+  spacing: t,
+  inset: r,
+  className: c,
+  style: l,
+  ...i
 }) => {
-  const i = {
-    ...c,
-    "--divider-thickness": In(o),
-    "--divider-length": In(e),
-    "--divider-inset": In(t)
+  const s = {
+    ...l,
+    "--divider-thickness": kn(o),
+    "--divider-length": kn(e),
+    "--divider-spacing": kn(t),
+    "--divider-inset": kn(r)
   };
   return n === "vertical" ? /* @__PURE__ */ _(
     "div",
     {
       role: "separator",
       "aria-orientation": "vertical",
-      className: a(vn.root, vn.vertical, s),
-      style: i,
-      ...l
+      className: a(vn.root, vn.vertical, c),
+      style: s,
+      ...i
     }
   ) : /* @__PURE__ */ _(
     "hr",
     {
-      className: a(vn.root, vn.horizontal, s),
-      style: i,
-      ...l
+      className: a(vn.root, vn.horizontal, c),
+      style: s,
+      ...i
     }
   );
 }, Fe = "_root_1ujj3_1", Pe = "_container_1ujj3_8", Ke = "_sideContainer_1ujj3_18", Oe = "_leftSide_1ujj3_24", Ve = "_rightSide_1ujj3_28", He = "_actions_1ujj3_32", Ge = "_title_1ujj3_44", Ue = "_welcome_1ujj3_52", O = {
@@ -902,27 +904,27 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   logo: o,
   title: e,
   user: t,
-  onLogin: s,
+  onLogin: r,
   onLogout: c,
   onCreateAccount: l,
   className: i,
-  maxWidth: r
+  maxWidth: s
 }) => {
   const m = { size: "sm", intent: "info" };
-  return /* @__PURE__ */ _("header", { id: n, className: a(O.root, i), children: /* @__PURE__ */ f("div", { className: O.container, style: { maxWidth: r }, children: [
-    /* @__PURE__ */ f("div", { className: a(O.sideContainer, O.leftSide), children: [
+  return /* @__PURE__ */ _("header", { id: n, className: a(O.root, i), children: /* @__PURE__ */ y("div", { className: O.container, style: { maxWidth: s }, children: [
+    /* @__PURE__ */ y("div", { className: a(O.sideContainer, O.leftSide), children: [
       o,
       e ? /* @__PURE__ */ _("h1", { className: O.title, children: e }) : null
     ] }),
-    /* @__PURE__ */ _("div", { className: a(O.sideContainer, O.rightSide), children: t ? /* @__PURE__ */ f("div", { className: O.actions, children: [
-      /* @__PURE__ */ f("span", { className: O.welcome, children: [
+    /* @__PURE__ */ _("div", { className: a(O.sideContainer, O.rightSide), children: t ? /* @__PURE__ */ y("div", { className: O.actions, children: [
+      /* @__PURE__ */ y("span", { className: O.welcome, children: [
         "Welcome, ",
         /* @__PURE__ */ _("strong", { children: t.name }),
         "!"
       ] }),
       /* @__PURE__ */ _(H, { ...m, onClick: c, children: "Log out" })
-    ] }) : /* @__PURE__ */ f("div", { className: O.actions, children: [
-      s ? /* @__PURE__ */ _(H, { ...m, onClick: s, children: "Log in" }) : null,
+    ] }) : /* @__PURE__ */ y("div", { className: O.actions, children: [
+      r ? /* @__PURE__ */ _(H, { ...m, onClick: r, children: "Log in" }) : null,
       l ? /* @__PURE__ */ _(
         H,
         {
@@ -951,28 +953,28 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   items: o,
   activeId: e,
   logo: t,
-  actions: s,
+  actions: r,
   onItemClick: c,
   className: l,
   maxWidth: i
-}) => /* @__PURE__ */ _("nav", { id: n, className: a(V.root, l), children: /* @__PURE__ */ f("div", { className: V.container, style: { maxWidth: i }, children: [
+}) => /* @__PURE__ */ _("nav", { id: n, className: a(V.root, l), children: /* @__PURE__ */ y("div", { className: V.container, style: { maxWidth: i }, children: [
   t && /* @__PURE__ */ _("div", { className: V.leftSection, children: t }),
-  /* @__PURE__ */ _("div", { className: V.nav, children: /* @__PURE__ */ _("ul", { className: V.navList, children: o.map((r) => /* @__PURE__ */ _("li", { className: V.navItem, children: /* @__PURE__ */ _(
+  /* @__PURE__ */ _("div", { className: V.nav, children: /* @__PURE__ */ _("ul", { className: V.navList, children: o.map((s) => /* @__PURE__ */ _("li", { className: V.navItem, children: /* @__PURE__ */ _(
     "button",
     {
       type: "button",
       className: a(
         V.navLink,
-        e === r.id && V.active,
-        r.disabled && V.disabled
+        e === s.id && V.active,
+        s.disabled && V.disabled
       ),
-      onClick: () => !r.disabled && c?.(r.id),
-      disabled: r.disabled,
-      "aria-current": e === r.id ? "page" : void 0,
-      children: r.label
+      onClick: () => !s.disabled && c?.(s.id),
+      disabled: s.disabled,
+      "aria-current": e === s.id ? "page" : void 0,
+      children: s.label
     }
-  ) }, r.id)) }) }),
-  s && /* @__PURE__ */ _("div", { className: V.rightSection, children: s })
+  ) }, s.id)) }) }),
+  r && /* @__PURE__ */ _("div", { className: V.rightSection, children: r })
 ] }) }), r_ = "_wrapper_15ibj_1", c_ = "_fullWidth_15ibj_8", l_ = "_label_15ibj_13", a_ = "_inputRoot_15ibj_20", i_ = "_sm_15ibj_56", d_ = "_md_15ibj_62", m_ = "_lg_15ibj_72", p_ = "_error_15ibj_79", u_ = "_helperText_15ibj_88", b_ = "_errorText_15ibj_94", J = {
   wrapper: r_,
   fullWidth: c_,
@@ -989,13 +991,13 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   error: o,
   label: e,
   helperText: t,
-  fullWidth: s = !1,
+  fullWidth: r = !1,
   className: c,
   id: l,
   ...i
 }) => {
-  const r = W(), m = l ?? `ds-input-${r}`, b = t ? `${m}-help` : void 0;
-  return /* @__PURE__ */ f("div", { className: a(J.wrapper, s && J.fullWidth, c), children: [
+  const s = W(), m = l ?? `ds-input-${s}`, b = t ? `${m}-help` : void 0;
+  return /* @__PURE__ */ y("div", { className: a(J.wrapper, r && J.fullWidth, c), children: [
     e && /* @__PURE__ */ _("label", { htmlFor: m, className: J.label, children: e }),
     /* @__PURE__ */ _(
       "input",
@@ -1009,9 +1011,9 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
     ),
     t && /* @__PURE__ */ _("span", { id: b, className: a(J.helperText, o && J.errorText), children: t })
   ] });
-}, y_ = "_loader_wvz8q_1", f_ = "_spin_wvz8q_1", h_ = "_neutral_wvz8q_10", g_ = "_info_wvz8q_13", x_ = "_success_wvz8q_16", $_ = "_warning_wvz8q_19", v_ = "_danger_wvz8q_22", k_ = "_sm_wvz8q_27", w_ = "_md_wvz8q_33", N_ = "_lg_wvz8q_39", jn = {
-  loader: y_,
-  spin: f_,
+}, f_ = "_loader_wvz8q_1", y_ = "_spin_wvz8q_1", h_ = "_neutral_wvz8q_10", g_ = "_info_wvz8q_13", x_ = "_success_wvz8q_16", $_ = "_warning_wvz8q_19", v_ = "_danger_wvz8q_22", k_ = "_sm_wvz8q_27", w_ = "_md_wvz8q_33", N_ = "_lg_wvz8q_39", jn = {
+  loader: f_,
+  spin: y_,
   neutral: h_,
   info: g_,
   success: x_,
@@ -1047,19 +1049,19 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   onClose: o,
   title: e,
   children: t,
-  footer: s,
+  footer: r,
   size: c = "md",
   isLoading: l = !1,
   className: i,
-  id: r
+  id: s
 }) => {
-  const m = ln(null), b = ln(null), y = ln(o), p = W(), u = r ?? `ds-modal-${p}`, g = `${u}-title`;
-  return kn(() => {
-    y.current = o;
-  }, [o]), kn(() => {
+  const m = ln(null), b = ln(null), f = ln(o), p = W(), u = s ?? `ds-modal-${p}`, g = `${u}-title`;
+  return wn(() => {
+    f.current = o;
+  }, [o]), wn(() => {
     const w = (d) => {
       if (d.key === "Escape" && !l) {
-        y.current();
+        f.current();
         return;
       }
       if (d.key === "Tab" && m.current) {
@@ -1078,7 +1080,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       document.body.style.overflow = "unset", window.removeEventListener("keydown", w), b.current?.focus();
     };
   }, [n, l]), n ? An(
-    /* @__PURE__ */ _("div", { className: G.overlay, onClick: () => !l && o(), children: /* @__PURE__ */ f(
+    /* @__PURE__ */ _("div", { className: G.overlay, onClick: () => !l && o(), children: /* @__PURE__ */ y(
       "div",
       {
         id: u,
@@ -1089,7 +1091,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         "aria-labelledby": e ? g : void 0,
         ref: m,
         children: [
-          /* @__PURE__ */ f("div", { className: G.header, children: [
+          /* @__PURE__ */ y("div", { className: G.header, children: [
             e && /* @__PURE__ */ _("h2", { id: g, className: G.title, children: e }),
             /* @__PURE__ */ _(
               H,
@@ -1105,7 +1107,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
             )
           ] }),
           /* @__PURE__ */ _("div", { className: G.content, children: t }),
-          s && /* @__PURE__ */ _("div", { className: G.footer, children: s })
+          r && /* @__PURE__ */ _("div", { className: G.footer, children: r })
         ]
       }
     ) }),
@@ -1127,10 +1129,10 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   title: o,
   children: e,
   onClose: t,
-  className: s,
+  className: r,
   ...c
-}) => /* @__PURE__ */ f("div", { className: a(mn.root, mn[n], s), role: "alert", ...c, children: [
-  /* @__PURE__ */ f("div", { className: mn.content, children: [
+}) => /* @__PURE__ */ y("div", { className: a(mn.root, mn[n], r), role: "alert", ...c, children: [
+  /* @__PURE__ */ y("div", { className: mn.content, children: [
     o && /* @__PURE__ */ _("div", { className: mn.title, children: o }),
     /* @__PURE__ */ _("div", { className: mn.message, children: e })
   ] }),
@@ -1156,29 +1158,29 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   for (let t = n; t <= o; t += 1)
     e.push(t);
   return e;
-}, ot = (n, o, e, t, s) => {
+}, ot = (n, o, e, t, r) => {
   if (n <= 0)
     return [];
-  if (!s)
+  if (!r)
     return hn(1, n);
   const l = e * 2 + 1 + t * 2 + 2;
   if (n <= l)
     return hn(1, n);
-  const i = hn(1, Math.min(t, n)), r = hn(Math.max(n - t + 1, t + 1), n), m = Math.max(o - e, t + 2), b = Math.min(o + e, n - t - 1), y = m > t + 2, p = b < n - t - 1, u = [...i], g = y ? m : t + 1, w = p ? b : n - t;
-  return y && u.push("ellipsis"), g <= w && u.push(...hn(g, w)), p && u.push("ellipsis"), u.push(...r), u;
+  const i = hn(1, Math.min(t, n)), s = hn(Math.max(n - t + 1, t + 1), n), m = Math.max(o - e, t + 2), b = Math.min(o + e, n - t - 1), f = m > t + 2, p = b < n - t - 1, u = [...i], g = f ? m : t + 1, w = p ? b : n - t;
+  return f && u.push("ellipsis"), g <= w && u.push(...hn(g, w)), p && u.push("ellipsis"), u.push(...s), u;
 }, ic = ({
   id: n,
   count: o,
   page: e,
   defaultPage: t = 1,
-  onPageChange: s,
+  onPageChange: r,
   onFirstClick: c,
   onLastClick: l,
   onNextClick: i,
-  onPrevClick: r,
+  onPrevClick: s,
   siblingCount: m = 1,
   boundaryCount: b = 1,
-  showFirstLast: y = !0,
+  showFirstLast: f = !0,
   showPrevNext: p = !0,
   showEllipsis: u = !0,
   disabled: g = !1,
@@ -1196,21 +1198,21 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
     () => ot(D, B, m, b, u),
     [D, B, m, b, u]
   ), x = (I) => {
-    g || I === B || (e === void 0 && bn(I), s?.(I));
+    g || I === B || (e === void 0 && bn(I), r?.(I));
   }, U = () => {
     x(1), c?.(1);
-  }, yn = () => {
+  }, fn = () => {
     const I = D;
     x(I), l?.(I);
   }, gn = () => {
     const I = Math.max(1, B - 1);
-    x(I), r?.(I);
+    x(I), s?.(I);
   }, xn = () => {
     const I = Math.min(D, B + 1);
     x(I), i?.(I);
   };
-  return D <= 0 ? null : /* @__PURE__ */ _("nav", { id: an, "aria-label": N, className: a(E.root, R), children: /* @__PURE__ */ f("ul", { className: E.list, children: [
-    y && /* @__PURE__ */ _("li", { className: E.item, children: /* @__PURE__ */ _(
+  return D <= 0 ? null : /* @__PURE__ */ _("nav", { id: an, "aria-label": N, className: a(E.root, R), children: /* @__PURE__ */ y("ul", { className: E.list, children: [
+    f && /* @__PURE__ */ _("li", { className: E.item, children: /* @__PURE__ */ _(
       H,
       {
         size: w,
@@ -1236,10 +1238,10 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         children: v?.prev ?? "Prev"
       }
     ) }),
-    $.map((I, wn) => {
+    $.map((I, Nn) => {
       if (I === "ellipsis")
-        return /* @__PURE__ */ _("li", { className: E.item, "aria-hidden": "true", children: /* @__PURE__ */ _("span", { className: E.ellipsis, children: "…" }) }, `ellipsis-${wn}`);
-      const _n = I === B, Nn = F?.(I, _n) ?? `Page ${I}${_n ? ", current page" : ""}`;
+        return /* @__PURE__ */ _("li", { className: E.item, "aria-hidden": "true", children: /* @__PURE__ */ _("span", { className: E.ellipsis, children: "…" }) }, `ellipsis-${Nn}`);
+      const _n = I === B, In = F?.(I, _n) ?? `Page ${I}${_n ? ", current page" : ""}`;
       return /* @__PURE__ */ _("li", { className: E.item, children: /* @__PURE__ */ _(
         H,
         {
@@ -1250,7 +1252,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
           onClick: () => x(I),
           disabled: g,
           "aria-current": _n ? "page" : void 0,
-          "aria-label": Nn,
+          "aria-label": In,
           children: I
         }
       ) }, I);
@@ -1268,14 +1270,14 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         children: v?.next ?? "Next"
       }
     ) }),
-    y && /* @__PURE__ */ _("li", { className: E.item, children: /* @__PURE__ */ _(
+    f && /* @__PURE__ */ _("li", { className: E.item, children: /* @__PURE__ */ _(
       H,
       {
         size: w,
         variant: d,
         intent: h,
         className: E.pageButton,
-        onClick: yn,
+        onClick: fn,
         disabled: g || B === D,
         "aria-label": "Go to last page",
         children: v?.last ?? "Last"
@@ -1301,16 +1303,16 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   max: o = 100,
   size: e = "md",
   intent: t = "info",
-  showLabel: s = !1,
+  showLabel: r = !1,
   label: c,
   className: l,
   id: i
 }) => {
-  const r = W(), m = i ?? `ds-progressbar-${r}`, b = o > 0 ? o : 0, y = Math.min(Math.max(0, n), b), p = b > 0 ? Math.min(Math.max(0, y / b * 100), 100) : 0, u = c ? `${m}-label` : void 0;
-  return /* @__PURE__ */ f("div", { id: m, className: a(Q.wrapper, Q[e], Q[t], l), children: [
-    (c || s) && /* @__PURE__ */ f("div", { className: Q.labelWrapper, children: [
+  const s = W(), m = i ?? `ds-progressbar-${s}`, b = o > 0 ? o : 0, f = Math.min(Math.max(0, n), b), p = b > 0 ? Math.min(Math.max(0, f / b * 100), 100) : 0, u = c ? `${m}-label` : void 0;
+  return /* @__PURE__ */ y("div", { id: m, className: a(Q.wrapper, Q[e], Q[t], l), children: [
+    (c || r) && /* @__PURE__ */ y("div", { className: Q.labelWrapper, children: [
       c && /* @__PURE__ */ _("span", { id: u, className: Q.label, children: c }),
-      s && /* @__PURE__ */ f("span", { className: Q.percentage, children: [
+      r && /* @__PURE__ */ y("span", { className: Q.percentage, children: [
         Math.round(p),
         "%"
       ] })
@@ -1320,7 +1322,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       {
         className: Q.progressRoot,
         role: "progressbar",
-        "aria-valuenow": y,
+        "aria-valuenow": f,
         "aria-valuemin": 0,
         "aria-valuemax": o,
         "aria-labelledby": u,
@@ -1329,10 +1331,10 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       }
     )
   ] });
-}, bt = "_wrapper_4v5ks_1", yt = "_label_4v5ks_7", ft = "_sm_4v5ks_17", ht = "_md_4v5ks_20", gt = "_lg_4v5ks_23", xt = "_inputWrapper_4v5ks_27", $t = "_radioRoot_4v5ks_34", vt = "_checkmark_4v5ks_44", kt = "_labelText_4v5ks_127", wt = "_error_4v5ks_133", Nt = "_helperText_4v5ks_142", It = "_errorText_4v5ks_156", M = {
+}, bt = "_wrapper_4v5ks_1", ft = "_label_4v5ks_7", yt = "_sm_4v5ks_17", ht = "_md_4v5ks_20", gt = "_lg_4v5ks_23", xt = "_inputWrapper_4v5ks_27", $t = "_radioRoot_4v5ks_34", vt = "_checkmark_4v5ks_44", kt = "_labelText_4v5ks_127", wt = "_error_4v5ks_133", Nt = "_helperText_4v5ks_142", It = "_errorText_4v5ks_156", M = {
   wrapper: bt,
-  label: yt,
-  sm: ft,
+  label: ft,
+  sm: yt,
   md: ht,
   lg: gt,
   inputWrapper: xt,
@@ -1347,19 +1349,19 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   label: o,
   helperText: e,
   error: t,
-  className: s,
+  className: r,
   id: c,
   ...l
 }) => {
-  const i = W(), r = c ?? `ds-radio-${i}`, m = e ? `${r}-help` : void 0;
-  return /* @__PURE__ */ f("div", { className: a(M.wrapper, s), children: [
-    /* @__PURE__ */ f("label", { htmlFor: r, className: a(M.label, M[n]), children: [
-      /* @__PURE__ */ f("div", { className: M.inputWrapper, children: [
+  const i = W(), s = c ?? `ds-radio-${i}`, m = e ? `${s}-help` : void 0;
+  return /* @__PURE__ */ y("div", { className: a(M.wrapper, r), children: [
+    /* @__PURE__ */ y("label", { htmlFor: s, className: a(M.label, M[n]), children: [
+      /* @__PURE__ */ y("div", { className: M.inputWrapper, children: [
         /* @__PURE__ */ _(
           "input",
           {
             type: "radio",
-            id: r,
+            id: s,
             className: a(M.radioRoot, M[n], t && M.error),
             "aria-describedby": m,
             "aria-invalid": t || void 0,
@@ -1385,7 +1387,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   width: o,
   height: e,
   animation: t = "pulse",
-  className: s,
+  className: r,
   style: c,
   "aria-hidden": l,
   ...i
@@ -1396,7 +1398,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       Cn.root,
       Cn[n],
       t !== "none" && Cn[t],
-      s
+      r
     ),
     width: o,
     height: e,
@@ -1426,32 +1428,32 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   index: o,
   status: e,
   isInteractive: t,
-  onStepClick: s,
+  onStepClick: r,
   isLast: c,
   id: l,
   className: i
 }) => {
-  const r = !!n.disabled, m = t ? "button" : "div", b = e === "error" ? "!" : String(o + 1), y = () => {
-    t && !r && s?.(n, o);
+  const s = !!n.disabled, m = t ? "button" : "div", b = e === "error" ? "!" : String(o + 1), f = () => {
+    t && !s && r?.(n, o);
   }, p = (u) => {
-    t && !r && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), s?.(n, o));
+    t && !s && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), r?.(n, o));
   };
-  return /* @__PURE__ */ f("li", { className: a(A.step, A[e], r && A.disabled, i), children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ y("li", { className: a(A.step, A[e], s && A.disabled, i), children: [
+    /* @__PURE__ */ y(
       m,
       {
         id: l,
         type: t ? "button" : void 0,
         className: a(A.stepRow, t && A.interactive),
-        onClick: y,
+        onClick: f,
         onKeyDown: p,
         "aria-current": e === "current" ? "step" : void 0,
-        "aria-disabled": r ? !0 : void 0,
-        disabled: t && r ? !0 : void 0,
-        tabIndex: t && !r ? 0 : void 0,
+        "aria-disabled": s ? !0 : void 0,
+        disabled: t && s ? !0 : void 0,
+        tabIndex: t && !s ? 0 : void 0,
         children: [
           /* @__PURE__ */ _("span", { className: A.marker, "aria-hidden": "true", children: b }),
-          /* @__PURE__ */ f("span", { className: A.text, children: [
+          /* @__PURE__ */ y("span", { className: A.text, children: [
             /* @__PURE__ */ _("span", { className: A.label, children: n.label }),
             n.description && /* @__PURE__ */ _("span", { className: A.description, children: n.description })
           ] })
@@ -1477,13 +1479,13 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   currentStep: o,
   orientation: e = "horizontal",
   size: t = "md",
-  onStepClick: s,
+  onStepClick: r,
   ariaLabel: c,
   className: l,
   id: i,
-  ...r
+  ...s
 }) => {
-  const m = W(), b = i ?? `ds-stepper-${m}`, y = ns(o, n), p = c ?? "Progress";
+  const m = W(), b = i ?? `ds-stepper-${m}`, f = ns(o, n), p = c ?? "Progress";
   return /* @__PURE__ */ _(
     "ol",
     {
@@ -1491,16 +1493,16 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       className: a(Tn.root, Tn[e], Tn[t], l),
       "aria-label": p,
       "data-orientation": e,
-      ...r,
+      ...s,
       children: n.map((u, g) => /* @__PURE__ */ _(
         Gt,
         {
           id: `${b}-step-${u.id}`,
           step: u,
           index: g,
-          status: os(g, y, u.status),
-          isInteractive: !!s,
-          onStepClick: s,
+          status: os(g, f, u.status),
+          isInteractive: !!r,
+          onStepClick: r,
           isLast: g === n.length - 1
         },
         u.id
@@ -1523,42 +1525,42 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   error: o,
   label: e,
   helperText: t,
-  fullWidth: s = !1,
+  fullWidth: r = !1,
   className: c,
   id: l,
   options: i,
-  children: r,
+  children: s,
   ...m
 }) => {
-  const b = W(), y = l ?? `ds-select-${b}`, p = t ? `${y}-help` : void 0;
-  return /* @__PURE__ */ f("div", { className: a(Z.wrapper, s && Z.fullWidth, c), children: [
-    e && /* @__PURE__ */ _("label", { htmlFor: y, className: Z.label, children: e }),
+  const b = W(), f = l ?? `ds-select-${b}`, p = t ? `${f}-help` : void 0;
+  return /* @__PURE__ */ y("div", { className: a(Z.wrapper, r && Z.fullWidth, c), children: [
+    e && /* @__PURE__ */ _("label", { htmlFor: f, className: Z.label, children: e }),
     /* @__PURE__ */ _(
       "select",
       {
-        id: y,
+        id: f,
         className: a(Z.selectRoot, Z[n], o && Z.error),
         "aria-describedby": p,
         "aria-invalid": o || void 0,
         ...m,
-        children: i ? i.map((u) => /* @__PURE__ */ _("option", { value: u.value, disabled: u.disabled, children: u.label }, u.value)) : r
+        children: i ? i.map((u) => /* @__PURE__ */ _("option", { value: u.value, disabled: u.disabled, children: u.label }, u.value)) : s
       }
     ),
     t && /* @__PURE__ */ _("span", { id: p, className: a(Z.helperText, o && Z.errorText), children: t })
   ] });
-}, ms = "_wrapper_196po_1", ps = "_container_196po_7", us = "_disabled_196po_15", bs = "_input_196po_20", ys = "_track_196po_27", fs = "_thumb_196po_46", hs = "_label_196po_62", gs = "_helperText_196po_69", X = {
+}, ms = "_wrapper_196po_1", ps = "_container_196po_7", us = "_disabled_196po_15", bs = "_input_196po_20", fs = "_track_196po_27", ys = "_thumb_196po_46", hs = "_label_196po_62", gs = "_helperText_196po_69", X = {
   wrapper: ms,
   container: ps,
   disabled: us,
   input: bs,
-  track: ys,
-  thumb: fs,
+  track: fs,
+  thumb: ys,
   label: hs,
   helperText: gs
-}, yc = ({ label: n, helperText: o, className: e, disabled: t, id: s, ...c }) => {
-  const l = W(), i = s ?? `ds-switch-${l}`, r = o ? `${i}-help` : void 0;
-  return /* @__PURE__ */ f("div", { className: a(X.wrapper, e), children: [
-    /* @__PURE__ */ f("label", { htmlFor: i, className: a(X.container, t && X.disabled), children: [
+}, fc = ({ label: n, helperText: o, className: e, disabled: t, id: r, ...c }) => {
+  const l = W(), i = r ?? `ds-switch-${l}`, s = o ? `${i}-help` : void 0;
+  return /* @__PURE__ */ y("div", { className: a(X.wrapper, e), children: [
+    /* @__PURE__ */ y("label", { htmlFor: i, className: a(X.container, t && X.disabled), children: [
       /* @__PURE__ */ _(
         "input",
         {
@@ -1567,14 +1569,14 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
           role: "switch",
           disabled: t,
           className: X.input,
-          "aria-describedby": r,
+          "aria-describedby": s,
           ...c
         }
       ),
       /* @__PURE__ */ _("span", { className: X.track, children: /* @__PURE__ */ _("span", { className: X.thumb }) }),
       n && /* @__PURE__ */ _("span", { className: X.label, children: n })
     ] }),
-    o && /* @__PURE__ */ _("span", { id: r, className: X.helperText, children: o })
+    o && /* @__PURE__ */ _("span", { id: s, className: X.helperText, children: o })
   ] });
 }, xs = "_wrapper_1w3cj_1", $s = "_table_1w3cj_8", vs = "_thead_1w3cj_17", ks = "_tbody_1w3cj_22", ws = "_tr_1w3cj_22", Ns = "_th_1w3cj_17", Is = "_td_1w3cj_40", js = "_striped_1w3cj_46", Cs = "_hoverable_1w3cj_50", Ts = "_dense_1w3cj_54", qs = "_loading_1w3cj_75", S = {
   wrapper: xs,
@@ -1592,12 +1594,12 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   "align-right": "_align-right_1w3cj_68",
   "align-justify": "_align-justify_1w3cj_71",
   loading: qs
-}, fc = ({
+}, yc = ({
   children: n,
   className: o,
   striped: e,
   hoverable: t,
-  dense: s,
+  dense: r,
   isLoading: c,
   ...l
 }) => /* @__PURE__ */ _("div", { className: a(S.wrapper, c && S.loading, o), children: /* @__PURE__ */ _(
@@ -1607,7 +1609,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       S.table,
       e && S.striped,
       t && S.hoverable,
-      s && S.dense
+      r && S.dense
     ),
     "aria-busy": c || void 0,
     ...l,
@@ -1627,16 +1629,16 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   defaultActiveId: o,
   activeId: e,
   onChange: t,
-  className: s,
+  className: r,
   variant: c = "line",
   id: l
 }) => {
-  const i = W(), r = l ?? `ds-tabs-${i}`, [m, b] = en(
+  const i = W(), s = l ?? `ds-tabs-${i}`, [m, b] = en(
     o || (n.length > 0 ? n[0].id : "")
-  ), y = e !== void 0 ? e : m, p = ln(null), u = (d, h) => {
+  ), f = e !== void 0 ? e : m, p = ln(null), u = (d, h) => {
     h || (e === void 0 && b(d), t?.(d));
   }, g = (d) => {
-    const h = n.filter((v) => !v.disabled), j = h.findIndex((v) => v.id === y);
+    const h = n.filter((v) => !v.disabled), j = h.findIndex((v) => v.id === f);
     let C = -1;
     if (d.key === "ArrowRight" || d.key === "ArrowDown" ? C = (j + 1) % h.length : d.key === "ArrowLeft" || d.key === "ArrowUp" ? C = (j - 1 + h.length) % h.length : d.key === "Home" ? C = 0 : d.key === "End" && (C = h.length - 1), C !== -1) {
       d.preventDefault();
@@ -1647,8 +1649,8 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         (R) => R.getAttribute("data-id") === v
       )?.focus();
     }
-  }, w = n.find((d) => d.id === y);
-  return /* @__PURE__ */ f("div", { id: r, className: a(Y.root, s), children: [
+  }, w = n.find((d) => d.id === f);
+  return /* @__PURE__ */ y("div", { id: s, className: a(Y.root, r), children: [
     /* @__PURE__ */ _(
       "div",
       {
@@ -1657,14 +1659,14 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         className: a(Y.tabList, c === "pill" && Y.pillList),
         onKeyDown: g,
         children: n.map((d) => {
-          const h = d.id === y, j = !!d.disabled, C = j ? -1 : h ? 0 : -1;
+          const h = d.id === f, j = !!d.disabled, C = j ? -1 : h ? 0 : -1;
           return /* @__PURE__ */ _(
             "button",
             {
               role: "tab",
-              id: `${r}-tab-${d.id}`,
+              id: `${s}-tab-${d.id}`,
               "aria-selected": h,
-              "aria-controls": `${r}-panel-${d.id}`,
+              "aria-controls": `${s}-panel-${d.id}`,
               "aria-disabled": j,
               tabIndex: C,
               disabled: j,
@@ -1687,8 +1689,8 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       "div",
       {
         role: "tabpanel",
-        id: `${r}-panel-${y}`,
-        "aria-labelledby": `${r}-tab-${y}`,
+        id: `${s}-panel-${f}`,
+        "aria-labelledby": `${s}-tab-${f}`,
         className: Y.tabPanel,
         tabIndex: 0,
         children: w?.content
@@ -1905,14 +1907,14 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   variant: o = "body-md",
   as: e,
   align: t,
-  weight: s,
+  weight: r,
   color: c,
   noWrap: l,
   className: i,
-  padding: r,
+  padding: s,
   paddingX: m,
   paddingY: b,
-  paddingTop: y,
+  paddingTop: f,
   paddingBottom: p,
   paddingLeft: u,
   paddingRight: g,
@@ -1933,13 +1935,13 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         T.root,
         T[o],
         t && T[t],
-        s && T[s],
+        r && T[r],
         c && T[`color-${c}`],
         l && T.noWrap,
-        r !== void 0 && T[`p-${r}`],
+        s !== void 0 && T[`p-${s}`],
         m !== void 0 && T[`px-${m}`],
         b !== void 0 && T[`py-${b}`],
-        y !== void 0 && T[`pt-${y}`],
+        f !== void 0 && T[`pt-${f}`],
         p !== void 0 && T[`pb-${p}`],
         u !== void 0 && T[`pl-${u}`],
         g !== void 0 && T[`pr-${g}`],
@@ -1972,14 +1974,14 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   error: o,
   label: e,
   helperText: t,
-  fullWidth: s = !1,
+  fullWidth: r = !1,
   className: c,
   id: l,
   rows: i = 4,
-  ...r
+  ...s
 }) => {
-  const m = W(), b = l ?? `ds-textarea-${m}`, y = t ? `${b}-help` : void 0;
-  return /* @__PURE__ */ f("div", { className: a(nn.wrapper, s && nn.fullWidth, c), children: [
+  const m = W(), b = l ?? `ds-textarea-${m}`, f = t ? `${b}-help` : void 0;
+  return /* @__PURE__ */ y("div", { className: a(nn.wrapper, r && nn.fullWidth, c), children: [
     e && /* @__PURE__ */ _("label", { htmlFor: b, className: nn.label, children: e }),
     /* @__PURE__ */ _(
       "textarea",
@@ -1987,19 +1989,19 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
         id: b,
         rows: i,
         className: a(nn.textareaRoot, nn[n], o && nn.error),
-        "aria-describedby": y,
+        "aria-describedby": f,
         "aria-invalid": o || void 0,
-        ...r
+        ...s
       }
     ),
-    t && /* @__PURE__ */ _("span", { id: y, className: a(nn.helperText, o && nn.errorText), children: t })
+    t && /* @__PURE__ */ _("span", { id: f, className: a(nn.helperText, o && nn.errorText), children: t })
   ] });
-}, pr = "_root_1kghr_1", ur = "_trigger_1kghr_6", br = "_tooltip_1kghr_10", yr = "_dark_1kghr_22", fr = "_light_1kghr_27", hr = "_visible_1kghr_34", gr = "_top_1kghr_39", xr = "_bottom_1kghr_45", $r = "_left_1kghr_51", vr = "_right_1kghr_57", pn = {
+}, pr = "_root_1kghr_1", ur = "_trigger_1kghr_6", br = "_tooltip_1kghr_10", fr = "_dark_1kghr_22", yr = "_light_1kghr_27", hr = "_visible_1kghr_34", gr = "_top_1kghr_39", xr = "_bottom_1kghr_45", $r = "_left_1kghr_51", vr = "_right_1kghr_57", pn = {
   root: pr,
   trigger: ur,
   tooltip: br,
-  dark: yr,
-  light: fr,
+  dark: fr,
+  light: yr,
   visible: hr,
   top: gr,
   bottom: xr,
@@ -2010,16 +2012,16 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   children: o,
   position: e = "top",
   variant: t = "dark",
-  delay: s = 200,
+  delay: r = 200,
   className: c,
   id: l
 }) => {
-  const [i, r] = en(!1), m = ln(null), b = W(), y = l ?? `ds-tooltip-${b}`, p = `${y}-content`, u = () => {
+  const [i, s] = en(!1), m = ln(null), b = W(), f = l ?? `ds-tooltip-${b}`, p = `${f}-content`, u = () => {
     m.current = window.setTimeout(() => {
-      r(!0);
-    }, s);
+      s(!0);
+    }, r);
   }, g = () => {
-    m.current && window.clearTimeout(m.current), r(!1);
+    m.current && window.clearTimeout(m.current), s(!1);
   }, w = (h) => {
     h.key === "Escape" && g();
   }, d = Rn(o) ? (() => {
@@ -2028,10 +2030,10 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       "aria-describedby": [h.props["aria-describedby"], p].filter(Boolean).join(" ")
     });
   })() : o;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ y(
     "div",
     {
-      id: y,
+      id: f,
       className: a(pn.root, c),
       onMouseEnter: u,
       onMouseLeave: g,
@@ -2066,16 +2068,16 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   headerTitle: o,
   user: e,
   navItems: t,
-  activeNavId: s,
+  activeNavId: r,
   navActions: c,
   children: l,
   onLogin: i,
-  onLogout: r,
+  onLogout: s,
   onCreateAccount: m,
   onNavItemClick: b,
-  className: y,
+  className: f,
   maxWidth: p = "75rem"
-}) => /* @__PURE__ */ f("div", { className: a(qn.root, y), children: [
+}) => /* @__PURE__ */ y("div", { className: a(qn.root, f), children: [
   /* @__PURE__ */ _(
     zn,
     {
@@ -2083,7 +2085,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       title: o,
       user: e,
       onLogin: i,
-      onLogout: r,
+      onLogout: s,
       onCreateAccount: m,
       maxWidth: p
     }
@@ -2092,7 +2094,7 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
     s_,
     {
       items: t,
-      activeId: s,
+      activeId: r,
       actions: c,
       onItemClick: b,
       maxWidth: p
@@ -2107,8 +2109,8 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   title: qr,
   description: zr,
   content: Br
-}, Cc = ({ logo: n, title: o, description: e, children: t, className: s }) => /* @__PURE__ */ _(cn, { className: a(sn.root, s), children: /* @__PURE__ */ f(cn, { className: sn.card, children: [
-  /* @__PURE__ */ f(cn, { className: sn.header, children: [
+}, Cc = ({ logo: n, title: o, description: e, children: t, className: r }) => /* @__PURE__ */ _(cn, { className: a(sn.root, r), children: /* @__PURE__ */ y(cn, { className: sn.card, children: [
+  /* @__PURE__ */ y(cn, { className: sn.header, children: [
     n && /* @__PURE__ */ _(cn, { className: sn.logo, children: n }),
     o && /* @__PURE__ */ _(En, { variant: "h3", as: "h1", className: sn.title, children: o }),
     e && /* @__PURE__ */ _(En, { variant: "body-sm", color: "subtle", className: sn.description, children: e })
@@ -2126,15 +2128,15 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   headerTitle: o,
   breadcrumbs: e,
   actions: t,
-  stats: s,
+  stats: r,
   children: c,
   user: l,
   onLogin: i,
-  onLogout: r,
+  onLogout: s,
   onCreateAccount: m,
   className: b,
-  maxWidth: y
-}) => /* @__PURE__ */ f("div", { className: a(on.root, b), children: [
+  maxWidth: f
+}) => /* @__PURE__ */ y("div", { className: a(on.root, b), children: [
   /* @__PURE__ */ _(
     zn,
     {
@@ -2142,17 +2144,17 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       title: o,
       user: l,
       onLogin: i,
-      onLogout: r,
+      onLogout: s,
       onCreateAccount: m,
-      maxWidth: y
+      maxWidth: f
     }
   ),
-  /* @__PURE__ */ _("main", { className: on.main, children: /* @__PURE__ */ f("div", { className: on.container, children: [
-    (e || t) && /* @__PURE__ */ f("div", { className: on.topBar, children: [
+  /* @__PURE__ */ _("main", { className: on.main, children: /* @__PURE__ */ y("div", { className: on.container, children: [
+    (e || t) && /* @__PURE__ */ y("div", { className: on.topBar, children: [
       /* @__PURE__ */ _("div", { className: on.breadcrumbs, children: e }),
       /* @__PURE__ */ _("div", { className: on.actions, children: t })
     ] }),
-    s && /* @__PURE__ */ _("div", { className: on.stats, children: s }),
+    r && /* @__PURE__ */ _("div", { className: on.stats, children: r }),
     /* @__PURE__ */ _("div", { className: on.content, children: c })
   ] }) })
 ] }), Mr = "_root_o4vai_1", Ar = "_main_o4vai_7", Fr = "_container_o4vai_11", Pr = "_layoutBody_o4vai_20", Kr = "_sidebar_o4vai_26", Or = "_content_o4vai_34", rn = {
@@ -2167,14 +2169,14 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
   headerTitle: o,
   breadcrumbs: e,
   sidebar: t,
-  children: s,
+  children: r,
   user: c,
   onLogin: l,
   onLogout: i,
-  onCreateAccount: r,
+  onCreateAccount: s,
   className: m,
   maxWidth: b
-}) => /* @__PURE__ */ f("div", { className: a(rn.root, m), children: [
+}) => /* @__PURE__ */ y("div", { className: a(rn.root, m), children: [
   /* @__PURE__ */ _(
     zn,
     {
@@ -2183,15 +2185,15 @@ const Fn = "_root_1s3bz_1", Pn = "_bordered_1s3bz_14", Kn = "_item_1s3bz_14", On
       user: c,
       onLogin: l,
       onLogout: i,
-      onCreateAccount: r,
+      onCreateAccount: s,
       maxWidth: b
     }
   ),
-  /* @__PURE__ */ _("main", { className: rn.main, children: /* @__PURE__ */ f("div", { className: rn.container, children: [
+  /* @__PURE__ */ _("main", { className: rn.main, children: /* @__PURE__ */ y("div", { className: rn.container, children: [
     e && /* @__PURE__ */ _("div", { className: rn.breadcrumbs, children: e }),
-    /* @__PURE__ */ f("div", { className: rn.layoutBody, children: [
+    /* @__PURE__ */ y("div", { className: rn.layoutBody, children: [
       t && /* @__PURE__ */ _("aside", { className: rn.sidebar, children: t }),
-      /* @__PURE__ */ _("section", { className: rn.content, children: s })
+      /* @__PURE__ */ _("section", { className: rn.content, children: r })
     ] })
   ] }) })
 ] });
@@ -2226,8 +2228,8 @@ export {
   qc as SettingsLayout,
   pc as Skeleton,
   uc as Stepper,
-  yc as Switch,
-  fc as Table,
+  fc as Switch,
+  yc as Table,
   gc as TableBody,
   kc as TableCell,
   xc as TableFooter,