@abyss-project/commons-front-core 14.0.0 → 15.0.0

package/dist/{Tabs-_TzugjHZ.js → Tabs-DJ9_ZFjM.js}

@@ -2,46 +2,46 @@ import { jsxs as x, jsx as i, Fragment as J } from "react/jsx-runtime";
 import { useId as D, cloneElement as fn, useState as I, useMemo as ge, useRef as Y, useCallback as Q, useEffect as B, createContext as Ee, useContext as ze, useLayoutEffect as Ae } from "react";
 import le from "@mui/material/FormControl";
 import se from "@mui/material/FormHelperText";
-import $e from "@mui/material/InputLabel";
+import Le from "@mui/material/InputLabel";
 import xe from "@mui/material/MenuItem";
 import mn from "@mui/material/Select";
 import { styled as d, useTheme as hn, getContrastRatio as Ce } from "@mui/material/styles";
 import { visuallyHidden as bn } from "@mui/utils";
-import { useIntl as $ } from "react-intl";
-import { a as R, p as o, h as A, d as Z, D as K, c as yn, t as Le, s as de, e as oe, g as te, M as De, b as Pe, i as vn, B as wn } from "./Surface-B_J_I_1i.js";
-import He from "@mui/material/ButtonBase";
-import fe from "@mui/material/OutlinedInput";
-import xn from "@mui/material/InputAdornment";
-import { i as Cn, b as kn, r as Sn, u as In, A as Fn, E as Mn } from "./AbyssCloud-B3rMelRi.js";
+import { useIntl as L } from "react-intl";
+import { a as R, p as o, h as A, d as Z, D as K, c as yn, t as $e, s as de, e as oe, g as te, M as De, b as Pe, i as vn, B as wn } from "./Surface-BEhoEhyC.js";
+import { i as xn, b as Cn, r as kn, u as Sn, A as In, E as Fn } from "./index-C27b790L.js";
 import X from "@mui/material/Button";
-import { byteSizeIEC as Wn } from "@abyss-project/main";
-import On from "@mui/icons-material/FileUploadOutlined";
-import Tn, { autocompleteClasses as ke } from "@mui/material/Autocomplete";
+import { byteSizeIEC as Mn } from "@abyss-project/main";
+import Wn from "@mui/icons-material/FileUploadOutlined";
+import On, { autocompleteClasses as ke } from "@mui/material/Autocomplete";
 import Se from "@mui/material/CircularProgress";
 import ae from "@mui/material/IconButton";
+import fe from "@mui/material/OutlinedInput";
 import Ie from "@mui/material/Tooltip";
 import Fe from "@mui/icons-material/CloudOutlined";
-import Rn from "@mui/icons-material/CloudOffOutlined";
-import En from "@mui/icons-material/FileDownloadOutlined";
-import Ne from "@mui/icons-material/FolderOpenOutlined";
-import zn from "@mui/icons-material/OpenInNewRounded";
-import An from "@mui/icons-material/RefreshRounded";
-import $n from "@mui/material/FormLabel";
-import { isMuiElement as Ln } from "@mui/material/utils";
-import Dn from "@mui/icons-material/CheckCircleOutline";
-import _e from "@mui/icons-material/Close";
-import Pn from "@mui/icons-material/ErrorOutline";
-import Hn from "@mui/icons-material/InfoOutlined";
-import Nn from "@mui/icons-material/WarningAmber";
-import _n from "@mui/material/Checkbox";
-import Bn from "@mui/icons-material/DescriptionOutlined";
-import Vn from "@mui/icons-material/FolderOutlined";
-import jn from "@mui/icons-material/ChevronRightRounded";
-import Gn from "@mui/material/Popover";
-import qn from "@mui/material/Alert";
-import Un from "@mui/material/TextField";
+import Tn from "@mui/icons-material/CloudOffOutlined";
+import Rn from "@mui/icons-material/FileDownloadOutlined";
+import He from "@mui/icons-material/FolderOpenOutlined";
+import En from "@mui/icons-material/OpenInNewRounded";
+import zn from "@mui/icons-material/RefreshRounded";
+import An from "@mui/icons-material/CheckCircleOutline";
+import Ne from "@mui/icons-material/Close";
+import Ln from "@mui/icons-material/ErrorOutline";
+import $n from "@mui/icons-material/InfoOutlined";
+import Dn from "@mui/icons-material/WarningAmber";
+import Pn from "@mui/material/Checkbox";
+import Hn from "@mui/icons-material/DescriptionOutlined";
+import Nn from "@mui/icons-material/FolderOutlined";
+import _n from "@mui/icons-material/ChevronRightRounded";
+import Bn from "@mui/material/Alert";
+import Vn from "@mui/material/TextField";
+import jn from "@mui/material/Popover";
+import _e from "@mui/material/ButtonBase";
+import Gn from "@mui/material/InputAdornment";
+import qn from "@mui/material/FormLabel";
+import { isMuiElement as Un } from "@mui/material/utils";
 import { Link as Kn } from "react-router-dom";
-const Yn = d($n)(({ theme: e }) => ({
+const Yn = d(qn)(({ theme: e }) => ({
   display: "block",
   maxWidth: "100%",
   marginBottom: o(e.design.space[2]),
@@ -60,16 +60,16 @@ function Be({
   required: r = !1,
   children: s
 }) {
-  const c = D(), a = s.props.id ?? c, l = `${a}-label`, g = n !== void 0 ? `${a}-help` : void 0, b = t != null && t !== !1 && t !== "", f = b && t !== !0, m = f ? `${a}-error` : void 0, h = [s.props["aria-describedby"], g, m].filter((p) => p !== void 0 && p !== "").join(" ") || void 0, y = fn(s, {
+  const c = D(), a = s.props.id ?? c, l = `${a}-label`, f = n !== void 0 ? `${a}-help` : void 0, v = t != null && t !== !1 && t !== "", b = v && t !== !0, g = b ? `${a}-error` : void 0, h = [s.props["aria-describedby"], f, g].filter((p) => p !== void 0 && p !== "").join(" ") || void 0, m = fn(s, {
     id: a,
     "aria-describedby": h,
-    ...Ln(s, ["Select"]) && { labelId: l }
+    ...Un(s, ["Select"]) && { labelId: l }
   });
-  return /* @__PURE__ */ x(le, { fullWidth: !0, error: b, required: r, children: [
+  return /* @__PURE__ */ x(le, { fullWidth: !0, error: v, required: r, children: [
     /* @__PURE__ */ i(Yn, { id: l, htmlFor: a, children: e }),
-    y,
-    n !== void 0 && /* @__PURE__ */ i(se, { id: g, error: !1, children: n }),
-    f && /* @__PURE__ */ i(se, { id: m, children: t })
+    m,
+    n !== void 0 && /* @__PURE__ */ i(se, { id: f, error: !1, children: n }),
+    b && /* @__PURE__ */ i(se, { id: g, children: t })
   ] });
 }
 var Ve = /* @__PURE__ */ ((e) => (e.Info = "info", e.Success = "success", e.Warning = "warning", e.Danger = "danger", e))(Ve || {});
@@ -88,14 +88,14 @@ const je = {
     soft: "status.danger.soft"
   }
 }, Xn = {
-  info: Hn,
-  success: Dn,
-  warning: Nn,
-  danger: Pn
+  info: $n,
+  success: An,
+  warning: Dn,
+  danger: Ln
 }, Qn = d("div", {
   shouldForwardProp: (e) => e !== "severity"
 })(({ theme: e, severity: n }) => {
-  const { tokens: t, space: r, radii: s, fonts: c, typeScale: a } = e.design, { solid: l, soft: g } = je[n];
+  const { tokens: t, space: r, radii: s, fonts: c, typeScale: a } = e.design, { solid: l, soft: f } = je[n];
   return {
     display: "flex",
     alignItems: "flex-start",
@@ -103,7 +103,7 @@ const je = {
     minWidth: 0,
     boxSizing: "border-box",
     padding: `${o(r[3])} ${o(r[3])} ${o(r[3])} ${o(r[4])}`,
-    backgroundColor: t[g],
+    backgroundColor: t[f],
     border: A(t[l]),
     borderRadius: o(s.md),
     color: t["text.primary"],
@@ -162,7 +162,7 @@ function rt({
   onClose: s,
   icon: c
 }) {
-  const a = $(), l = D(), g = Xn[e];
+  const a = L(), l = D(), f = Xn[e];
   return /* @__PURE__ */ x(
     Qn,
     {
@@ -171,7 +171,7 @@ function rt({
       "aria-labelledby": n !== void 0 ? l : void 0,
       "data-severity": e,
       children: [
-        /* @__PURE__ */ i(Zn, { severity: e, "aria-hidden": !0, children: c ?? /* @__PURE__ */ i(g, {}) }),
+        /* @__PURE__ */ i(Zn, { severity: e, "aria-hidden": !0, children: c ?? /* @__PURE__ */ i(f, {}) }),
         /* @__PURE__ */ x(Jn, { children: [
           /* @__PURE__ */ x(et, { children: [
             n !== void 0 && /* @__PURE__ */ i(nt, { id: l, children: n }),
@@ -185,14 +185,14 @@ function rt({
             size: "small",
             "aria-label": a.formatMessage({ id: "ds.states.callout.close" }),
             onClick: s,
-            children: /* @__PURE__ */ i(_e, { "aria-hidden": !0 })
+            children: /* @__PURE__ */ i(Ne, { "aria-hidden": !0 })
           }
         )
       ]
     }
   );
 }
-const U = (e) => e.id ?? e.name, Ge = (e, n, t) => (n === void 0 || e.sizeOctet <= n) && Cn(e, t), qe = (e, n, t) => [
+const U = (e) => e.id ?? e.name, Ge = (e, n, t) => (n === void 0 || e.sizeOctet <= n) && xn(e, t), qe = (e, n, t) => [
   ...(e.childFile ?? []).filter(
     (r) => Ge(r, n, t)
   ),
@@ -212,7 +212,7 @@ const U = (e) => e.id ?? e.name, Ge = (e, n, t) => (n === void 0 || e.sizeOctet
     backgroundColor: n ? de(t.accent) : "transparent",
     fontSize: o(l.body),
     color: t["text.primary"],
-    ...Le(e)
+    ...$e(e)
   };
 }), Ue = (e) => {
   const { tokens: n, space: t, radii: r, fonts: s } = e.design;
@@ -261,7 +261,7 @@ const U = (e) => e.id ?? e.name, Ge = (e, n, t) => (n === void 0 || e.sizeOctet
     "& svg": { width: o(t[5]), height: o(t[5]) },
     "& img": { width: "100%", height: "100%", objectFit: "cover" }
   };
-}), st = d(jn, {
+}), st = d(_n, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: n }) => ({
   flex: "none",
@@ -270,7 +270,7 @@ const U = (e) => e.id ?? e.name, Ge = (e, n, t) => (n === void 0 || e.sizeOctet
   color: e.design.tokens["text.muted"],
   transform: n ? "rotate(90deg)" : "none",
   transition: oe(e, ["transform"])
-})), Qe = d(_n)(({ theme: e }) => ({
+})), Qe = d(Pn)(({ theme: e }) => ({
   [Z.down(K.Tablet)]: {
     padding: o(
       (e.design.densityValues.touchTarget - e.design.space[5]) / 2
@@ -306,7 +306,7 @@ function lt({
       draggable: !1,
       onError: () => r(!0)
     }
-  ) : /* @__PURE__ */ i(Bn, {}) });
+  ) : /* @__PURE__ */ i(Hn, {}) });
 }
 function dt({
   file: e,
@@ -339,19 +339,19 @@ function ct({
   folder: e,
   context: n
 }) {
-  const t = $(), r = D(), [s, c] = I(!1), a = qe(e, n.maxSize, n.accept), l = a.filter(
-    (b) => n.selectedIds.has(U(b))
-  ).length, g = a.length > 0 && l === a.length;
+  const t = L(), r = D(), [s, c] = I(!1), a = qe(e, n.maxSize, n.accept), l = a.filter(
+    (v) => n.selectedIds.has(U(v))
+  ).length, f = a.length > 0 && l === a.length;
   return /* @__PURE__ */ x(J, { children: [
-    /* @__PURE__ */ x(ue, { selected: g, children: [
+    /* @__PURE__ */ x(ue, { selected: f, children: [
       n.multiple && /* @__PURE__ */ i(
         Qe,
         {
           size: "small",
-          checked: g,
-          indeterminate: l > 0 && !g,
+          checked: f,
+          indeterminate: l > 0 && !f,
           disabled: a.length === 0,
-          onChange: () => g ? n.unselect(a) : n.select(a),
+          onChange: () => f ? n.unselect(a) : n.select(a),
           inputProps: {
             "aria-label": t.formatMessage(
               { id: "ds.business.cloud-import.select-folder" },
@@ -369,8 +369,8 @@ function ct({
           onClick: () => c(!s),
           children: [
             /* @__PURE__ */ i(st, { open: s, "aria-hidden": !0 }),
-            /* @__PURE__ */ i(Xe, { "aria-hidden": !0, children: s ? /* @__PURE__ */ i(Ne, {}) : /* @__PURE__ */ i(Vn, {}) }),
-            /* @__PURE__ */ i(Ye, { strong: g, title: e.name, children: e.name })
+            /* @__PURE__ */ i(Xe, { "aria-hidden": !0, children: s ? /* @__PURE__ */ i(He, {}) : /* @__PURE__ */ i(Nn, {}) }),
+            /* @__PURE__ */ i(Ye, { strong: f, title: e.name, children: e.name })
           ]
         }
       )
@@ -466,7 +466,7 @@ const We = "shared", Oe = {
   display: "flex",
   alignItems: "center",
   gap: o(e.design.space[2]),
-  ...Le(e)
+  ...$e(e)
 })), xt = d("span")({
   display: "flex",
   flexDirection: "column",
@@ -517,23 +517,23 @@ function Wt({
     abyssCloudUrl: c,
     getFileThumbnailUrl: a,
     getSpaceDisplay: l,
-    clouds: g,
-    cloudShares: b,
-    isLoading: f,
-    hasError: m,
+    clouds: f,
+    cloudShares: v,
+    isLoading: b,
+    hasError: g,
     refresh: h,
-    onCreateCloud: y,
+    onCreateCloud: m,
     fetchCloudRepository: p
-  } = e, u = $(), [w, C] = I(null), [F, P] = I(null), [O, H] = I(
+  } = e, u = L(), [y, C] = I(null), [F, P] = I(null), [O, H] = I(
     "loading"
     /* Loading */
   ), [V, T] = I([]), [M, ee] = I(!1), [re, N] = I(!1), j = ge(() => {
-    const v = [], S = /* @__PURE__ */ new Map(), k = u.formatMessage({
+    const w = [], S = /* @__PURE__ */ new Map(), k = u.formatMessage({
       id: "ds.business.cloud-import.section-organization"
     });
-    for (const W of g ?? []) {
+    for (const W of f ?? []) {
       if (!W.organizationId) {
-        v.push(W);
+        w.push(W);
         continue;
       }
       const z = l == null ? void 0 : l(W), _ = S.get(W.organizationId) ?? {
@@ -548,20 +548,20 @@ function Wt({
           const E = Oe[l(z).scope ?? "personal"], we = Oe[l(_).scope ?? "personal"];
           return E !== we ? E - we : l(z).label.localeCompare(l(_).label);
         });
-    const L = (W, z) => (_) => {
+    const $ = (W, z) => (_) => {
       const E = l == null ? void 0 : l(_);
       return {
         space: _,
         sectionKey: W,
         sectionLabel: z,
-        label: (E == null ? void 0 : E.label) ?? Sn(_, u),
+        label: (E == null ? void 0 : E.label) ?? kn(_, u),
         subtitle: E == null ? void 0 : E.subtitle,
         avatar: E == null ? void 0 : E.avatar
       };
     };
     return [
-      ...v.map(
-        L(
+      ...w.map(
+        $(
           "personal",
           u.formatMessage({
             id: "ds.business.cloud-import.section-personal"
@@ -569,27 +569,27 @@ function Wt({
         )
       ),
       ...[...S].flatMap(
-        ([W, z]) => z.items.map(L(`org:${W}`, z.name))
+        ([W, z]) => z.items.map($(`org:${W}`, z.name))
       ),
-      ...(b ?? []).map(
-        L(
+      ...(v ?? []).map(
+        $(
           We,
           u.formatMessage({ id: "ds.business.cloud-import.section-shared" })
         )
       )
     ];
-  }, [g, b, l, u]), G = j.find((v) => v.space.id === (w == null ? void 0 : w.id)) ?? null, ce = Y(0), me = Y(p);
+  }, [f, v, l, u]), G = j.find((w) => w.space.id === (y == null ? void 0 : y.id)) ?? null, ce = Y(0), me = Y(p);
   me.current = p;
-  const ie = Q(async (v) => {
+  const ie = Q(async (w) => {
     const S = ++ce.current;
     H(
       "loading"
       /* Loading */
     ), T([]);
     try {
-      if (v.id === void 0)
+      if (w.id === void 0)
         throw new Error("A Space without an id has no tree");
-      const k = await me.current(v.id);
+      const k = await me.current(w.id);
       S === ce.current && (P(k), H(
         "ready"
         /* Ready */
@@ -604,25 +604,25 @@ function Wt({
   B(() => {
     ln.current();
   }, []), B(() => {
-    if (w && j.some((k) => k.space.id === w.id))
+    if (y && j.some((k) => k.space.id === y.id))
       return;
-    const v = j.map((k) => k.space), S = v.find(
+    const w = j.map((k) => k.space), S = w.find(
       (k) => !!k.userId && !k.organizationId && !k.projectId
     );
-    C(S ?? v[0] ?? null);
-  }, [j, w]), B(() => {
-    w && ie(w);
-  }, [w, ie]);
+    C(S ?? w[0] ?? null);
+  }, [j, y]), B(() => {
+    y && ie(y);
+  }, [y, ie]);
   const dn = async () => {
     if (N(!1), !await h()) {
       N(!0);
       return;
     }
-    w && await ie(w);
+    y && await ie(y);
   }, cn = async () => {
     ee(!0);
     try {
-      await y();
+      await m();
     } finally {
       ee(!1);
     }
@@ -632,22 +632,22 @@ function Wt({
     accept: s,
     selectedIds: new Set(V.map(U)),
     getFileThumbnailUrl: a,
-    select: (v) => T((S) => {
+    select: (w) => T((S) => {
       if (!t)
-        return v.slice(0, 1);
+        return w.slice(0, 1);
       const k = new Set(S.map(U));
       return [
         ...S,
-        ...v.filter((L) => !k.has(U(L)))
+        ...w.filter(($) => !k.has(U($)))
       ];
     }),
-    unselect: (v) => {
-      const S = new Set(v.map(U));
+    unselect: (w) => {
+      const S = new Set(w.map(U));
       T(
-        (k) => k.filter((L) => !S.has(U(L)))
+        (k) => k.filter(($) => !S.has(U($)))
       );
     }
-  }, pn = g !== null && b !== null, he = /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ i(
+  }, pn = f !== null && v !== null, he = /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ i(
     Se,
     {
       size: 32,
@@ -656,11 +656,11 @@ function Wt({
       })
     }
   ) });
-  if (!pn && (f || !m))
+  if (!pn && (b || !g))
     return he;
   if (j.length === 0)
     return /* @__PURE__ */ x(ne, { children: [
-      /* @__PURE__ */ i(mt, { "aria-hidden": !0, children: /* @__PURE__ */ i(Rn, {}) }),
+      /* @__PURE__ */ i(mt, { "aria-hidden": !0, children: /* @__PURE__ */ i(Tn, {}) }),
       /* @__PURE__ */ i(ht, { children: u.formatMessage({
         id: "ds.business.cloud-import.create-error.title"
       }) }),
@@ -672,7 +672,7 @@ function Wt({
         {
           variant: "contained",
           startIcon: /* @__PURE__ */ i(Fe, { "aria-hidden": !0 }),
-          loading: M || f,
+          loading: M || b,
           onClick: () => void cn(),
           children: u.formatMessage({
             id: "ds.business.cloud-import.create-error.create-button"
@@ -682,7 +682,7 @@ function Wt({
     ] });
   if (G === null)
     return he;
-  const gn = kn(
+  const gn = Cn(
     c,
     G.space,
     G.sectionKey === We
@@ -690,7 +690,7 @@ function Wt({
     id: "ds.business.cloud-import.refresh"
   }), ye = u.formatMessage({
     id: "ds.business.cloud-import.open-in-cloud"
-  }), ve = (v) => v.avatar ?? /* @__PURE__ */ i(Fe, {});
+  }), ve = (w) => w.avatar ?? /* @__PURE__ */ i(Fe, {});
   return /* @__PURE__ */ x(ut, { children: [
     re && /* @__PURE__ */ i(
       rt,
@@ -702,36 +702,36 @@ function Wt({
     ),
     /* @__PURE__ */ x(pt, { children: [
       /* @__PURE__ */ i(
-        Tn,
+        On,
         {
           fullWidth: !0,
           disableClearable: !0,
           options: j,
           value: G,
-          groupBy: (v) => v.sectionLabel,
-          getOptionLabel: (v) => v.label,
-          isOptionEqualToValue: (v, S) => v.space.id === S.space.id,
-          onChange: (v, S) => C(S.space),
-          filterOptions: (v, { inputValue: S }) => {
+          groupBy: (w) => w.sectionLabel,
+          getOptionLabel: (w) => w.label,
+          isOptionEqualToValue: (w, S) => w.space.id === S.space.id,
+          onChange: (w, S) => C(S.space),
+          filterOptions: (w, { inputValue: S }) => {
             const k = S.trim().toLowerCase();
-            return k === "" || k === G.label.toLowerCase() ? v : v.filter(
-              (L) => [L.label, L.subtitle ?? ""].some(
+            return k === "" || k === G.label.toLowerCase() ? w : w.filter(
+              ($) => [$.label, $.subtitle ?? ""].some(
                 (W) => W.toLowerCase().includes(k)
               )
             );
           },
-          renderGroup: (v) => /* @__PURE__ */ x(It, { children: [
-            /* @__PURE__ */ i(Ft, { children: v.group }),
-            /* @__PURE__ */ i(Mt, { children: v.children })
-          ] }, v.key),
-          renderOption: ({ key: v, ...S }, k) => /* @__PURE__ */ x(wt, { ...S, children: [
+          renderGroup: (w) => /* @__PURE__ */ x(It, { children: [
+            /* @__PURE__ */ i(Ft, { children: w.group }),
+            /* @__PURE__ */ i(Mt, { children: w.children })
+          ] }, w.key),
+          renderOption: ({ key: w, ...S }, k) => /* @__PURE__ */ x(wt, { ...S, children: [
             /* @__PURE__ */ i(Je, { "aria-hidden": !0, children: ve(k) }),
             /* @__PURE__ */ x(xt, { children: [
               /* @__PURE__ */ i(Ct, { children: k.label }),
               k.subtitle !== void 0 && /* @__PURE__ */ i(kt, { children: k.subtitle })
             ] })
-          ] }, v),
-          renderInput: (v) => /* @__PURE__ */ i(
+          ] }, w),
+          renderInput: (w) => /* @__PURE__ */ i(
             Be,
             {
               label: u.formatMessage({
@@ -740,10 +740,10 @@ function Wt({
               children: /* @__PURE__ */ i(
                 fe,
                 {
-                  ...v.InputProps,
-                  id: v.id,
+                  ...w.InputProps,
+                  id: w.id,
                   fullWidth: !0,
-                  inputProps: v.inputProps,
+                  inputProps: w.inputProps,
                   startAdornment: /* @__PURE__ */ i(St, { "aria-hidden": !0, children: ve(G) })
                 }
               )
@@ -755,9 +755,9 @@ function Wt({
         ae,
         {
           "aria-label": be,
-          disabled: O === "loading" || f,
+          disabled: O === "loading" || b,
           onClick: () => void dn(),
-          children: /* @__PURE__ */ i(An, { "aria-hidden": !0 })
+          children: /* @__PURE__ */ i(zn, { "aria-hidden": !0 })
         }
       ) }) }),
       /* @__PURE__ */ i(Ie, { title: ye, children: /* @__PURE__ */ i(
@@ -768,7 +768,7 @@ function Wt({
           target: "_blank",
           rel: "noreferrer",
           "aria-label": ye,
-          children: /* @__PURE__ */ i(zn, { "aria-hidden": !0 })
+          children: /* @__PURE__ */ i(En, { "aria-hidden": !0 })
         }
       ) })
     ] }),
@@ -794,7 +794,7 @@ function Wt({
       )
     ] }),
     O === "ready" && F !== null && (F.folders.length === 0 && F.files.length === 0 ? /* @__PURE__ */ x(ne, { children: [
-      /* @__PURE__ */ i(Ne, { "aria-hidden": !0 }),
+      /* @__PURE__ */ i(He, { "aria-hidden": !0 }),
       u.formatMessage({ id: "ds.business.cloud-import.empty-space" })
     ] }) : /* @__PURE__ */ i(
       ft,
@@ -821,7 +821,7 @@ function Wt({
         X,
         {
           variant: "contained",
-          startIcon: /* @__PURE__ */ i(En, { "aria-hidden": !0 }),
+          startIcon: /* @__PURE__ */ i(Rn, { "aria-hidden": !0 }),
           disabled: V.length === 0,
           onClick: () => n(G.space, V),
           children: u.formatMessage({ id: "ds.business.cloud-import.import" })
@@ -839,7 +839,7 @@ function Ot({
   maxSize: c,
   accept: a
 }) {
-  const l = $();
+  const l = L();
   return /* @__PURE__ */ i(
     De,
     {
@@ -854,8 +854,8 @@ function Ot({
           multiple: s,
           maxSize: c,
           accept: a,
-          onImport: (g, b) => {
-            t(g, b), n();
+          onImport: (f, v) => {
+            t(f, v), n();
           }
         }
       )
@@ -870,7 +870,7 @@ const Tt = Ee(
   // Three times the largest spacing step: room for a label and the arrow.
   minWidth: o(e.design.space[10] * 3),
   maxWidth: "100%"
-})), Et = d($e)(({ theme: e }) => ({
+})), Et = d(Le)(({ theme: e }) => ({
   position: "relative",
   transform: "none",
   maxWidth: "100%",
@@ -896,11 +896,11 @@ const Tt = Ee(
   height: o(e.design.space[2]),
   borderRadius: o(e.design.radii.sm / 2),
   backgroundColor: e.design.tokens[n]
-})), $t = d("span")({
+})), Lt = d("span")({
   display: "flex",
   flexDirection: "column",
   minWidth: 0
-}), Lt = d("span")(({ theme: e }) => ({
+}), $t = d("span")(({ theme: e }) => ({
   fontSize: o(e.design.typeScale.caption),
   color: e.design.tokens["text.muted"],
   whiteSpace: "normal"
@@ -921,27 +921,27 @@ function hr({
   error: a,
   size: l
 }) {
-  const g = $(), b = ze(Tt), f = (l ?? b) === en.Compact, m = f ? Rt : le, h = D(), y = `${h}-label`, p = `${h}-helper`, u = new Map(n.map((C) => [C.value, C]));
-  return /* @__PURE__ */ x(m, { fullWidth: !f, disabled: c, error: !!a, children: [
+  const f = L(), v = ze(Tt), b = (l ?? v) === en.Compact, g = b ? Rt : le, h = D(), m = `${h}-label`, p = `${h}-helper`, u = new Map(n.map((C) => [C.value, C]));
+  return /* @__PURE__ */ x(g, { fullWidth: !b, disabled: c, error: !!a, children: [
     /* @__PURE__ */ i(
       Et,
       {
-        id: y,
+        id: m,
         shrink: !0,
-        style: f ? bn : void 0,
+        style: b ? bn : void 0,
         children: e
       }
     ),
     /* @__PURE__ */ x(
       mn,
       {
-        labelId: y,
+        labelId: m,
         multiple: s,
         value: t,
         displayEmpty: !0,
         renderValue: (C) => {
           const F = Array.isArray(C) ? C : [C];
-          return f && F.length === 0 ? /* @__PURE__ */ i(Dt, { "aria-hidden": !0, children: e }) : /* @__PURE__ */ i(pe, { children: F.map((P) => {
+          return b && F.length === 0 ? /* @__PURE__ */ i(Dt, { "aria-hidden": !0, children: e }) : /* @__PURE__ */ i(pe, { children: F.map((P) => {
             var O;
             return ((O = u.get(P)) == null ? void 0 : O.label) ?? P;
           }).join(", ") });
@@ -949,13 +949,13 @@ function hr({
         "aria-describedby": a ? p : void 0,
         onChange: (C) => r(C.target.value),
         children: [
-          n.length === 0 && /* @__PURE__ */ i(xe, { disabled: !0, value: "", children: g.formatMessage({ id: "ds.inputs.rich-select.empty" }) }),
+          n.length === 0 && /* @__PURE__ */ i(xe, { disabled: !0, value: "", children: f.formatMessage({ id: "ds.inputs.rich-select.empty" }) }),
           n.map((C) => /* @__PURE__ */ i(xe, { value: C.value, children: /* @__PURE__ */ x(zt, { children: [
             C.tone && /* @__PURE__ */ i(At, { token: C.tone }),
             C.icon,
-            /* @__PURE__ */ x($t, { children: [
+            /* @__PURE__ */ x(Lt, { children: [
               /* @__PURE__ */ i(pe, { children: C.label }),
-              C.description && /* @__PURE__ */ i(Lt, { children: C.description })
+              C.description && /* @__PURE__ */ i($t, { children: C.description })
             ] })
           ] }) }, C.value))
         ]
@@ -964,339 +964,16 @@ function hr({
     a && /* @__PURE__ */ i(se, { id: p, children: a })
   ] });
 }
-const br = { l: 0.72, c: 0.12 }, yr = [
-  266,
-  296,
-  326,
-  356,
-  26,
-  56,
-  86,
-  116,
-  146,
-  176,
-  206,
-  236
-], nn = [
-  "#81a2f0",
-  "#ab94e7",
-  "#cb89cd",
-  "#e084a7",
-  "#e6867d",
-  "#de9056",
-  "#c69f41",
-  "#a1ae50",
-  "#70b976",
-  "#37bda2",
-  "#18b9c9",
-  "#4eb0e5"
-], vr = "#767676", wr = nn[6], xr = "#111a2f", Cr = "#5674be", Pt = /^#?([0-9a-f]{6})$/i, q = (e) => {
-  const n = Pt.exec(e.trim());
-  return n ? `#${n[1].toLowerCase()}` : null;
-}, Ht = d("div")(({ theme: e }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: o(e.design.space[3])
-})), Nt = d("span")(({ theme: e }) => ({
-  flex: "none",
-  width: o(e.design.densityValues[e.design.density].control),
-  height: o(e.design.densityValues[e.design.density].control),
-  borderRadius: o(e.design.radii.md),
-  border: A(e.design.tokens["border.control"])
-})), _t = d("div")(({ theme: e }) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  gap: o(e.design.space[2]),
-  marginTop: o(e.design.space[2])
-})), Bt = d(He)(({ theme: e }) => {
-  const { densityValues: n, density: t, space: r } = e.design, s = n[t].control - r[2];
-  return {
-    width: o(s),
-    height: o(s),
-    borderRadius: o(e.design.radii.sm),
-    border: A(e.design.tokens["border.control"]),
-    // The chosen swatch carries the ring of the design system (`focus.ring` is the accent).
-    '&[aria-pressed="true"]': te(e),
-    "&.Mui-focusVisible": te(e),
-    [Z.down(K.Tablet)]: {
-      width: o(e.design.densityValues.touchTarget),
-      height: o(e.design.densityValues.touchTarget)
-    }
-  };
-});
-function kr({
-  label: e,
-  value: n,
-  onChange: t,
-  swatches: r = nn
-}) {
-  const s = $(), c = D(), [a, l] = I(n), g = a !== "" && q(a) === null;
-  B(() => {
-    l(
-      (m) => q(m) === q(n) ? m : n
-    );
-  }, [n]);
-  const b = (m) => {
-    l(m);
-    const h = q(m);
-    h !== null && h !== q(n) && t(h);
-  }, f = q(n);
-  return /* @__PURE__ */ x(le, { fullWidth: !0, error: g, children: [
-    /* @__PURE__ */ i($e, { htmlFor: `${c}-hex`, children: e }),
-    /* @__PURE__ */ x(Ht, { children: [
-      /* @__PURE__ */ i(
-        Nt,
-        {
-          "aria-hidden": "true",
-          style: { backgroundColor: f ?? void 0 }
-        }
-      ),
-      /* @__PURE__ */ i(
-        fe,
-        {
-          id: `${c}-hex`,
-          fullWidth: !0,
-          value: a,
-          error: g,
-          inputProps: {
-            "aria-describedby": g ? `${c}-error` : void 0,
-            spellCheck: !1,
-            autoComplete: "off"
-          },
-          onChange: (m) => b(m.target.value)
-        }
-      )
-    ] }),
-    g && /* @__PURE__ */ i(se, { id: `${c}-error`, children: s.formatMessage({ id: "ds.inputs.color.invalid" }) }),
-    /* @__PURE__ */ i(
-      _t,
-      {
-        role: "group",
-        "aria-label": s.formatMessage({ id: "ds.inputs.color.swatches" }),
-        children: r.map((m) => /* @__PURE__ */ i(
-          Bt,
-          {
-            "aria-pressed": q(m) === f,
-            "aria-label": m,
-            style: { backgroundColor: m },
-            onClick: () => t(q(m) ?? m)
-          },
-          m
-        ))
-      }
-    )
-  ] });
-}
-const Vt = 6, jt = d("div", {
-  shouldForwardProp: (e) => e !== "edges"
-})(({ theme: e, edges: n }) => {
-  const { tokens: t, radii: r, space: s } = e.design, c = o(s[1] * Vt), a = t["text.primary"], l = n.start ? `transparent, ${a} ${c}` : a, g = n.end ? `${a} calc(100% - ${c}), transparent` : a;
-  return {
-    maskImage: n.start || n.end ? `linear-gradient(to right, ${l}, ${g})` : "none",
-    display: "inline-flex",
-    maxWidth: "100%",
-    minWidth: 0,
-    border: A(t["border.subtle"]),
-    borderRadius: o(r.md),
-    overflowX: "auto",
-    overflowY: "hidden",
-    backgroundColor: t["bg.surface"],
-    // Below 768 px each segment keeps a 44 px target: the band wraps onto more rows rather than
-    // hiding segments behind a sideways scroll. A rule between neighbours would then start the
-    // second row with a stray line and leave the rows unsplit: the band loses its border and each
-    // segment draws its own, apart by a gap in both directions.
-    [Z.down(K.Tablet)]: {
-      flexWrap: "wrap",
-      rowGap: o(s[1]),
-      columnGap: o(s[1]),
-      overflowX: "visible",
-      maskImage: "none",
-      border: "none",
-      backgroundColor: "transparent"
-    }
-  };
-}), Gt = d(He)(({ theme: e }) => {
-  const { tokens: n, space: t, typeScale: r, fonts: s, densityValues: c, radii: a } = e.design;
-  return {
-    flex: "none",
-    gap: o(t[2]),
-    minHeight: o(c[e.design.density].control),
-    paddingLeft: o(t[3]),
-    paddingRight: o(t[3]),
-    fontFamily: s.sans,
-    fontSize: o(r.body),
-    whiteSpace: "nowrap",
-    color: n["text.secondary"],
-    transition: oe(e, ["background-color", "color"]),
-    "& + &": { borderLeft: A(n["border.subtle"]) },
-    '&[aria-checked="true"]': {
-      backgroundColor: n["bg.raised"],
-      color: n["text.primary"],
-      fontWeight: R.medium
-    },
-    "&:hover": { backgroundColor: n["bg.hover"] },
-    "&.Mui-focusVisible": { ...te(e), outlineOffset: "-2px" },
-    // A short label (« 1 h », « 7 j ») would leave a segment narrower than a finger. Each segment
-    // is its own bordered tile once the band wraps.
-    [Z.down(K.Tablet)]: {
-      minWidth: o(c.touchTarget),
-      minHeight: o(c.touchTarget),
-      border: A(n["border.subtle"]),
-      borderRadius: o(a.md),
-      backgroundColor: n["bg.surface"],
-      '&[aria-checked="true"]': { backgroundColor: n["bg.raised"] }
-    }
-  };
-}), qt = d("span")(({ theme: e }) => ({
-  fontFamily: e.design.fonts.mono,
-  fontSize: o(e.design.typeScale.caption),
-  color: e.design.tokens["text.muted"]
-}));
-function Sr({
-  options: e,
-  value: n,
-  onChange: t,
-  ariaLabel: r
-}) {
-  const s = Y(null), [c, a] = I({ start: !1, end: !1 }), l = Q(() => {
-    const f = s.current;
-    if (!f)
-      return;
-    const m = f.scrollLeft > 0, h = f.scrollLeft + f.clientWidth < f.scrollWidth - 1;
-    a(
-      (y) => y.start === m && y.end === h ? y : { start: m, end: h }
-    );
-  }, []);
-  B(() => (l(), window.addEventListener("resize", l), () => window.removeEventListener("resize", l)), [l, e]);
-  const g = (f) => {
-    var y, p;
-    const m = e.findIndex((u) => u.value === n);
-    let h;
-    switch (f.key) {
-      case "ArrowRight":
-      case "ArrowDown":
-        h = (m + 1) % e.length;
-        break;
-      case "ArrowLeft":
-      case "ArrowUp":
-        h = (m - 1 + e.length) % e.length;
-        break;
-      case "Home":
-        h = 0;
-        break;
-      case "End":
-        h = e.length - 1;
-        break;
-      default:
-        return;
-    }
-    f.preventDefault(), t(e[h].value), (p = (y = s.current) == null ? void 0 : y.querySelectorAll('[role="radio"]')[h]) == null || p.focus();
-  }, b = Math.max(
-    e.findIndex((f) => f.value === n),
-    0
-  );
-  return /* @__PURE__ */ i(
-    jt,
-    {
-      ref: s,
-      role: "radiogroup",
-      "aria-label": r,
-      edges: c,
-      onKeyDown: g,
-      onScroll: l,
-      children: e.map((f, m) => {
-        const h = f.value === n;
-        return /* @__PURE__ */ x(
-          Gt,
-          {
-            role: "radio",
-            "aria-checked": h,
-            tabIndex: m === b ? 0 : -1,
-            onClick: () => t(f.value),
-            children: [
-              f.label,
-              f.count !== void 0 && /* @__PURE__ */ i(qt, { children: f.count })
-            ]
-          },
-          f.value
-        );
-      })
-    }
-  );
-}
-const Ut = [32, 160, 8239, 8201].map(
-  (e) => String.fromCharCode(e)
-), Kt = (e) => {
-  var t, r;
-  const n = new Intl.NumberFormat(e).formatToParts(11111.1);
-  return {
-    group: ((t = n.find((s) => s.type === "group")) == null ? void 0 : t.value) ?? " ",
-    decimal: ((r = n.find((s) => s.type === "decimal")) == null ? void 0 : r.value) ?? "."
-  };
-}, Te = (e, n) => {
-  const r = [n.group, ...Ut].reduce(
-    (c, a) => c.split(a).join(""),
-    e.trim()
-  ).replace(",", ".");
-  if (r === "" || !/^-?\d*\.?\d+$|^-?\d+\.$/.test(r))
-    return null;
-  const s = Number.parseFloat(r);
-  return Number.isFinite(s) ? s : null;
-};
-function Ir({
-  label: e,
-  value: n,
-  onChange: t,
-  decimals: r = 0,
-  min: s = 0,
-  disabled: c,
-  adornment: a
-}) {
-  const l = $(), g = ge(
-    () => Kt(l.locale),
-    [l.locale]
-  ), b = Q(
-    (u) => u === null ? "" : l.formatNumber(u, {
-      minimumFractionDigits: r,
-      maximumFractionDigits: r
-    }),
-    [l, r]
-  ), [f, m] = I(!1), [h, y] = I(() => b(n));
-  return B(() => {
-    f || y(b(n));
-  }, [n, f, b]), /* @__PURE__ */ i(Be, { label: e, children: /* @__PURE__ */ i(
-    fe,
-    {
-      disabled: c,
-      value: h,
-      inputProps: { inputMode: "decimal" },
-      onFocus: () => {
-        m(!0), n !== null && y(String(n).replace(".", g.decimal));
-      },
-      onChange: (u) => {
-        y(u.target.value);
-        const w = Te(u.target.value, g);
-        w !== null ? t(w) : u.target.value === "" && t(null);
-      },
-      onBlur: () => {
-        m(!1);
-        let u = Te(h, g);
-        u !== null && (u = Number.parseFloat(Math.max(u, s).toFixed(r))), t(u), y(b(u));
-      },
-      endAdornment: a ? /* @__PURE__ */ i(xn, { position: "end", children: a }) : void 0
-    }
-  ) });
-}
-const Yt = d("div")(({ theme: e }) => ({
+const Pt = d("div")(({ theme: e }) => ({
   display: "flex",
   flexDirection: "column",
   gap: o(e.design.space[2]),
   minWidth: 0
-})), Xt = d("span")(({ theme: e }) => ({
+})), Ht = d("span")(({ theme: e }) => ({
   fontSize: o(e.design.typeScale.small),
   fontWeight: R.medium,
   color: e.design.tokens["text.secondary"]
-})), Qt = d("div", {
+})), Nt = d("div", {
   shouldForwardProp: (e) => e !== "active"
 })(({ theme: e, active: n }) => {
   const { tokens: t, space: r, radii: s } = e.design;
@@ -1318,7 +995,7 @@ const Yt = d("div")(({ theme: e }) => ({
     transition: oe(e, ["border-color", "background-color"]),
     "&:hover": { borderColor: t.accent }
   };
-}), Zt = d("span")(({ theme: e }) => {
+}), _t = d("span")(({ theme: e }) => {
   const { tokens: n, space: t } = e.design;
   return {
     display: "inline-flex",
@@ -1331,30 +1008,30 @@ const Yt = d("div")(({ theme: e }) => ({
     color: n["accent.text"],
     "& svg": { width: o(t[5]), height: o(t[5]) }
   };
-}), Jt = d("span")(({ theme: e }) => ({
+}), Bt = d("span")(({ theme: e }) => ({
   fontSize: o(e.design.typeScale.body),
   [Z.down(K.Tablet)]: { display: "none" }
-})), eo = d("div")(({ theme: e }) => ({
+})), Vt = d("div")(({ theme: e }) => ({
   display: "flex",
   flexWrap: "wrap",
   alignItems: "center",
   justifyContent: "space-between",
   gap: o(e.design.space[2])
-})), no = d("span")(({ theme: e }) => ({
+})), jt = d("span")(({ theme: e }) => ({
   fontSize: o(e.design.typeScale.small),
   color: e.design.tokens["text.muted"]
-})), to = d("p")(({ theme: e }) => ({
+})), Gt = d("p")(({ theme: e }) => ({
   margin: 0,
   fontSize: o(e.design.typeScale.small),
   color: e.design.tokens["status.danger"]
-})), oo = d("img")(({ theme: e }) => ({
+})), qt = d("img")(({ theme: e }) => ({
   width: o(e.design.space[4]),
   height: o(e.design.space[4])
-})), ro = (e) => {
-  const { value: n, unit: t } = Wn(e);
+})), Ut = (e) => {
+  const { value: n, unit: t } = Mn(e);
   return `${n} ${t}`;
 };
-function Fr({
+function br({
   onDrop: e,
   multiple: n = !0,
   accept: t,
@@ -1364,13 +1041,13 @@ function Fr({
   cloudImport: a,
   children: l
 }) {
-  const g = $(), b = D(), f = D(), [m, h] = I(null), [y, p] = I(!1), u = r === void 0 ? null : ro(r), w = s ?? (u === null ? null : g.formatMessage(
+  const f = L(), v = D(), b = D(), [g, h] = I(null), [m, p] = I(!1), u = r === void 0 ? null : Ut(r), y = s ?? (u === null ? null : f.formatMessage(
     { id: "ds.inputs.drop-zone.max-size" },
     { size: u, multiple: String(n) }
   )), C = (T, M) => {
     const ee = r === void 0 ? [] : T.filter((N) => N.size > r), re = T.filter((N) => !ee.includes(N));
     M.some(
-      (N) => N.errors.some((j) => j.code === Mn.TooManyFiles)
+      (N) => N.errors.some((j) => j.code === Fn.TooManyFiles)
     ) ? h(
       "too-many"
       /* TooMany */
@@ -1381,30 +1058,30 @@ function Fr({
       T.length === 1 ? "too-big" : "some-too-big"
       /* SomeTooBig */
     ) : h(null), re.length > 0 && e(re);
-  }, { getRootProps: F, getInputProps: P, isDragActive: O, open: H } = In({
+  }, { getRootProps: F, getInputProps: P, isDragActive: O, open: H } = Sn({
     onDrop: C,
     multiple: n,
     accept: t,
     // The zone itself is not a control: the button inside is, for the keyboard and screen readers.
     noClick: !0,
     noKeyboard: !0
-  }), V = g.formatMessage(
+  }), V = f.formatMessage(
     { id: "ds.inputs.drop-zone.browse" },
     { multiple: String(n) }
   );
   return /* @__PURE__ */ x(
-    Yt,
+    Pt,
     {
       role: "group",
-      "aria-labelledby": c !== void 0 ? b : void 0,
-      "aria-describedby": w !== null ? f : void 0,
+      "aria-labelledby": c !== void 0 ? v : void 0,
+      "aria-describedby": y !== null ? b : void 0,
       children: [
-        c !== void 0 && /* @__PURE__ */ i(Xt, { id: b, children: c }),
-        /* @__PURE__ */ x(Qt, { ...F({ onClick: H }), active: O, children: [
+        c !== void 0 && /* @__PURE__ */ i(Ht, { id: v, children: c }),
+        /* @__PURE__ */ x(Nt, { ...F({ onClick: H }), active: O, children: [
           /* @__PURE__ */ i("input", { ...P({ "aria-hidden": !0 }) }),
           l ?? /* @__PURE__ */ x(J, { children: [
-            /* @__PURE__ */ i(Zt, { "aria-hidden": !0, children: /* @__PURE__ */ i(On, {}) }),
-            /* @__PURE__ */ i(Jt, { children: g.formatMessage(
+            /* @__PURE__ */ i(_t, { "aria-hidden": !0, children: /* @__PURE__ */ i(Wn, {}) }),
+            /* @__PURE__ */ i(Bt, { children: f.formatMessage(
               {
                 id: O ? "ds.inputs.drop-zone.release" : "ds.inputs.drop-zone.prompt"
               },
@@ -1422,26 +1099,26 @@ function Fr({
             }
           )
         ] }),
-        (a !== void 0 || w !== null) && /* @__PURE__ */ x(eo, { children: [
+        (a !== void 0 || y !== null) && /* @__PURE__ */ x(Vt, { children: [
           a !== void 0 && /* @__PURE__ */ i(
             X,
             {
               variant: "text",
-              startIcon: /* @__PURE__ */ i(oo, { src: Fn, alt: "" }),
+              startIcon: /* @__PURE__ */ i(qt, { src: In, alt: "" }),
               onClick: () => p(!0),
-              children: g.formatMessage({ id: "ds.inputs.drop-zone.cloud" })
+              children: f.formatMessage({ id: "ds.inputs.drop-zone.cloud" })
             }
           ),
-          w !== null && /* @__PURE__ */ i(no, { id: f, children: w })
+          y !== null && /* @__PURE__ */ i(jt, { id: b, children: y })
         ] }),
-        /* @__PURE__ */ i(to, { role: "alert", children: m !== null && g.formatMessage(
-          { id: `ds.inputs.drop-zone.${m}` },
+        g !== null && /* @__PURE__ */ i(Gt, { role: "alert", children: f.formatMessage(
+          { id: `ds.inputs.drop-zone.${g}` },
           { size: u ?? "" }
         ) }),
         a !== void 0 && /* @__PURE__ */ i(
           Ot,
           {
-            open: y,
+            open: m,
             onClose: () => p(!1),
             onImport: a.onImport,
             cloudPicker: a,
@@ -1457,22 +1134,22 @@ function Fr({
     }
   );
 }
-var io = /* @__PURE__ */ ((e) => (e.Default = "default", e.Danger = "danger", e.Warning = "warning", e))(io || {});
-const so = d("form")(({ theme: e }) => ({
+var Kt = /* @__PURE__ */ ((e) => (e.Default = "default", e.Danger = "danger", e.Warning = "warning", e))(Kt || {});
+const Yt = d("form")(({ theme: e }) => ({
   display: "flex",
   flexDirection: "column",
   gap: o(e.design.space[4]),
   color: e.design.tokens["text.secondary"],
   overflowWrap: "anywhere"
-})), ao = (e, n) => {
+})), Xt = (e, n) => {
   const { paper: t } = e.design.tokens, r = e.design.tokens["paper.on"];
   return Ce(n, t) >= Ce(n, r) ? t : r;
-}, lo = {
+}, Qt = {
   default: "primary",
   danger: "error",
   warning: "warning"
 };
-function co({
+function Zt({
   open: e,
   title: n,
   body: t,
@@ -1482,25 +1159,25 @@ function co({
   onConfirm: a,
   onCancel: l
 }) {
-  const g = $(), b = hn(), f = D(), [m, h] = I(""), [y, p] = I(!1), [u, w] = I(!1), [C, F] = I(e);
-  e !== C && (F(e), e && (h(""), w(!1)));
-  const P = !y && (c === void 0 || m === c), O = s !== "default", H = () => {
-    y || l();
+  const f = L(), v = hn(), b = D(), [g, h] = I(""), [m, p] = I(!1), [u, y] = I(!1), [C, F] = I(e);
+  e !== C && (F(e), e && (h(""), y(!1)));
+  const P = !m && (c === void 0 || g === c), O = s !== "default", H = () => {
+    m || l();
   }, V = () => {
     if (!P)
       return;
-    w(!1);
+    y(!1);
     let M;
     try {
       M = a();
     } catch {
-      w(!0);
+      y(!0);
       return;
     }
     M instanceof Promise && (p(!0), M.then(
       () => p(!1),
       () => {
-        p(!1), w(!0);
+        p(!1), y(!0);
       }
     ));
   }, T = (M) => {
@@ -1518,27 +1195,27 @@ function co({
           X,
           {
             variant: "outlined",
-            disabled: y,
+            disabled: m,
             autoFocus: c === void 0 && O,
             onClick: H,
-            children: g.formatMessage({ id: "ds.layers.confirm-dialog.cancel" })
+            children: f.formatMessage({ id: "ds.layers.confirm-dialog.cancel" })
           }
         ),
         /* @__PURE__ */ i(
           X,
           {
             type: "submit",
-            form: f,
+            form: b,
             variant: "contained",
-            color: lo[s],
+            color: Qt[s],
             disabled: !P,
-            loading: y,
+            loading: m,
             autoFocus: c === void 0 && !O,
             sx: s === "warning" ? {
               "&:not(.Mui-disabled)": {
-                color: ao(
-                  b,
-                  b.design.tokens["status.warning"]
+                color: Xt(
+                  v,
+                  v.design.tokens["status.warning"]
                 )
               }
             } : void 0,
@@ -1546,84 +1223,128 @@ function co({
           }
         )
       ] }),
-      children: /* @__PURE__ */ x(so, { id: f, onSubmit: T, noValidate: !0, children: [
+      children: /* @__PURE__ */ x(Yt, { id: b, onSubmit: T, noValidate: !0, children: [
         /* @__PURE__ */ i("div", { children: t }),
         c !== void 0 && /* @__PURE__ */ i(
-          Un,
+          Vn,
           {
-            label: g.formatMessage(
+            label: f.formatMessage(
               { id: "ds.layers.confirm-dialog.type-to-confirm" },
               { text: c }
             ),
-            value: m,
+            value: g,
             onChange: (M) => h(M.target.value),
-            disabled: y,
+            disabled: m,
             autoFocus: !0,
             autoComplete: "off",
             fullWidth: !0
           }
         ),
-        u && /* @__PURE__ */ i(qn, { severity: "error", children: g.formatMessage({ id: "ds.layers.confirm-dialog.failed" }) })
+        u && /* @__PURE__ */ i(Bn, { severity: "error", children: f.formatMessage({ id: "ds.layers.confirm-dialog.failed" }) })
       ] })
     }
   );
 }
-var uo = /* @__PURE__ */ ((e) => (e.BottomStart = "bottom-start", e.BottomEnd = "bottom-end", e))(uo || {});
-const po = 320, go = d("div")(({ theme: e }) => {
-  const { tokens: n, space: t } = e.design;
-  return {
-    flex: "none",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: o(t[3]),
-    padding: `${o(t[2])} ${o(t[2])} ${o(t[2])} ${o(t[4])}`,
-    borderBottom: A(n["border.subtle"])
-  };
-}), fo = d("h2")(({ theme: e }) => ({
-  margin: 0,
-  minWidth: 0,
-  color: e.design.tokens["text.primary"],
-  fontSize: o(e.design.typeScale.body),
-  fontWeight: R.semibold,
-  overflowWrap: "anywhere"
-})), tn = d("div")(({ theme: e }) => ({
-  display: "flex",
-  flexDirection: "column",
+const nn = Ee(null);
+function yr({ children: e }) {
+  const [n, t] = I([]), [r, s] = I(null), c = Y(0), a = Y([]);
+  a.current = n;
+  const l = n.length > 0 ? n[0] : null;
+  l !== null && l !== r && s(l), B(
+    () => () => {
+      a.current.forEach((g) => g.resolve(!1));
+    },
+    []
+  );
+  const f = Q(
+    (g) => new Promise((h) => {
+      c.current += 1;
+      const m = { id: c.current, options: g, resolve: h };
+      t((p) => [...p, m]);
+    }),
+    []
+  ), v = (g) => {
+    l !== null && (l.resolve(g), t((h) => h.filter((m) => m !== l)));
+  }, b = ge(() => ({ confirm: f }), [f]);
+  return /* @__PURE__ */ x(nn.Provider, { value: b, children: [
+    e,
+    r !== null && // A new key per request: each one starts from an empty confirmation field.
+    /* @__PURE__ */ i(
+      Zt,
+      {
+        open: l === r,
+        ...r.options,
+        onConfirm: () => v(!0),
+        onCancel: () => v(!1)
+      },
+      r.id
+    )
+  ] });
+}
+function vr() {
+  const e = ze(nn);
+  if (e === null)
+    throw new Error(
+      "useConfirmDialog must be called inside a ConfirmDialogProvider"
+    );
+  return e;
+}
+var Jt = /* @__PURE__ */ ((e) => (e.BottomStart = "bottom-start", e.BottomEnd = "bottom-end", e))(Jt || {});
+const eo = 320, no = d("div")(({ theme: e }) => {
+  const { tokens: n, space: t } = e.design;
+  return {
+    flex: "none",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: o(t[3]),
+    padding: `${o(t[2])} ${o(t[2])} ${o(t[2])} ${o(t[4])}`,
+    borderBottom: A(n["border.subtle"])
+  };
+}), to = d("h2")(({ theme: e }) => ({
+  margin: 0,
+  minWidth: 0,
+  color: e.design.tokens["text.primary"],
+  fontSize: o(e.design.typeScale.body),
+  fontWeight: R.semibold,
+  overflowWrap: "anywhere"
+})), tn = d("div")(({ theme: e }) => ({
+  display: "flex",
+  flexDirection: "column",
   gap: o(e.design.space[3]),
   fontSize: o(e.design.typeScale.body)
-})), mo = d(tn)(({ theme: e }) => ({
+})), oo = d(tn)(({ theme: e }) => ({
   padding: o(e.design.space[4])
 }));
-function Mr({
+function wr({
   anchorEl: e,
   open: n,
   onClose: t,
   title: r,
   placement: s = "bottom-start",
-  width: c = po,
+  width: c = eo,
   children: a
 }) {
-  const l = $(), g = D(), b = vn() === K.Mobile, f = l.formatMessage({
+  const l = L(), f = D(), v = vn() === K.Mobile, b = l.formatMessage({
     id: "ds.layers.anchored-panel.close"
-  }), m = n && e !== null;
-  if (b)
+  }), g = n && e !== null;
+  if (v)
     return /* @__PURE__ */ i(
       wn,
       {
-        open: m,
+        open: g,
         onClose: t,
         title: r,
-        closeLabel: f,
+        closeLabel: b,
         children: /* @__PURE__ */ i(tn, { children: a })
       }
     );
   const h = s === "bottom-end" ? "right" : "left";
   return /* @__PURE__ */ x(
-    Gn,
+    jn,
     {
       anchorEl: e,
-      open: m,
+      open: g,
       onClose: () => t(),
       anchorOrigin: { vertical: "bottom", horizontal: h },
       transformOrigin: { vertical: "top", horizontal: h },
@@ -1631,69 +1352,353 @@ function Mr({
         paper: {
           role: "dialog",
           "aria-modal": !0,
-          "aria-labelledby": g,
-          sx: (y) => ({
+          "aria-labelledby": f,
+          sx: (m) => ({
             width: o(c),
-            maxWidth: `calc(100vw - ${o(y.design.space[4] * 2)})`,
-            marginTop: o(y.design.space[1]),
-            color: y.design.tokens["text.primary"],
-            fontFamily: y.design.fonts.sans
+            maxWidth: `calc(100vw - ${o(m.design.space[4] * 2)})`,
+            marginTop: o(m.design.space[1]),
+            color: m.design.tokens["text.primary"],
+            fontFamily: m.design.fonts.sans
           })
         }
       },
       children: [
-        /* @__PURE__ */ x(go, { children: [
-          /* @__PURE__ */ i(fo, { id: g, children: r }),
-          /* @__PURE__ */ i(ae, { "aria-label": f, onClick: t, children: /* @__PURE__ */ i(_e, { "aria-hidden": !0 }) })
+        /* @__PURE__ */ x(no, { children: [
+          /* @__PURE__ */ i(to, { id: f, children: r }),
+          /* @__PURE__ */ i(ae, { "aria-label": b, onClick: t, children: /* @__PURE__ */ i(Ne, { "aria-hidden": !0 }) })
         ] }),
-        /* @__PURE__ */ i(mo, { children: a })
+        /* @__PURE__ */ i(oo, { children: a })
       ]
     }
   );
 }
-const on = Ee(null);
-function Wr({ children: e }) {
-  const [n, t] = I([]), [r, s] = I(null), c = Y(0), a = Y([]);
-  a.current = n;
-  const l = n.length > 0 ? n[0] : null;
-  l !== null && l !== r && s(l), B(
-    () => () => {
-      a.current.forEach((m) => m.resolve(!1));
-    },
-    []
-  );
-  const g = Q(
-    (m) => new Promise((h) => {
-      c.current += 1;
-      const y = { id: c.current, options: m, resolve: h };
-      t((p) => [...p, y]);
-    }),
-    []
-  ), b = (m) => {
-    l !== null && (l.resolve(m), t((h) => h.filter((y) => y !== l)));
-  }, f = ge(() => ({ confirm: g }), [g]);
-  return /* @__PURE__ */ x(on.Provider, { value: f, children: [
-    e,
-    r !== null && // A new key per request: each one starts from an empty confirmation field.
+const xr = { l: 0.72, c: 0.12 }, Cr = [
+  266,
+  296,
+  326,
+  356,
+  26,
+  56,
+  86,
+  116,
+  146,
+  176,
+  206,
+  236
+], on = [
+  "#81a2f0",
+  "#ab94e7",
+  "#cb89cd",
+  "#e084a7",
+  "#e6867d",
+  "#de9056",
+  "#c69f41",
+  "#a1ae50",
+  "#70b976",
+  "#37bda2",
+  "#18b9c9",
+  "#4eb0e5"
+], kr = "#767676", Sr = on[6], Ir = "#111a2f", Fr = "#5674be", ro = /^#?([0-9a-f]{6})$/i, q = (e) => {
+  const n = ro.exec(e.trim());
+  return n ? `#${n[1].toLowerCase()}` : null;
+}, io = d("div")(({ theme: e }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: o(e.design.space[3])
+})), so = d("span")(({ theme: e }) => ({
+  flex: "none",
+  width: o(e.design.densityValues[e.design.density].control),
+  height: o(e.design.densityValues[e.design.density].control),
+  borderRadius: o(e.design.radii.md),
+  border: A(e.design.tokens["border.control"])
+})), ao = d("div")(({ theme: e }) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: o(e.design.space[2]),
+  marginTop: o(e.design.space[2])
+})), lo = d(_e)(({ theme: e }) => {
+  const { densityValues: n, density: t, space: r } = e.design, s = n[t].control - r[2];
+  return {
+    width: o(s),
+    height: o(s),
+    borderRadius: o(e.design.radii.sm),
+    border: A(e.design.tokens["border.control"]),
+    // The chosen swatch carries the ring of the design system (`focus.ring` is the accent).
+    '&[aria-pressed="true"]': te(e),
+    "&.Mui-focusVisible": te(e),
+    [Z.down(K.Tablet)]: {
+      width: o(e.design.densityValues.touchTarget),
+      height: o(e.design.densityValues.touchTarget)
+    }
+  };
+});
+function Mr({
+  label: e,
+  value: n,
+  onChange: t,
+  swatches: r = on
+}) {
+  const s = L(), c = D(), [a, l] = I(n), f = a !== "" && q(a) === null;
+  B(() => {
+    l(
+      (g) => q(g) === q(n) ? g : n
+    );
+  }, [n]);
+  const v = (g) => {
+    l(g);
+    const h = q(g);
+    h !== null && h !== q(n) && t(h);
+  }, b = q(n);
+  return /* @__PURE__ */ x(le, { fullWidth: !0, error: f, children: [
+    /* @__PURE__ */ i(Le, { htmlFor: `${c}-hex`, children: e }),
+    /* @__PURE__ */ x(io, { children: [
+      /* @__PURE__ */ i(
+        so,
+        {
+          "aria-hidden": "true",
+          style: { backgroundColor: b ?? void 0 }
+        }
+      ),
+      /* @__PURE__ */ i(
+        fe,
+        {
+          id: `${c}-hex`,
+          fullWidth: !0,
+          value: a,
+          error: f,
+          inputProps: {
+            "aria-describedby": f ? `${c}-error` : void 0,
+            spellCheck: !1,
+            autoComplete: "off"
+          },
+          onChange: (g) => v(g.target.value)
+        }
+      )
+    ] }),
+    f && /* @__PURE__ */ i(se, { id: `${c}-error`, children: s.formatMessage({ id: "ds.inputs.color.invalid" }) }),
     /* @__PURE__ */ i(
-      co,
+      ao,
       {
-        open: l === r,
-        ...r.options,
-        onConfirm: () => b(!0),
-        onCancel: () => b(!1)
-      },
-      r.id
+        role: "group",
+        "aria-label": s.formatMessage({ id: "ds.inputs.color.swatches" }),
+        children: r.map((g) => /* @__PURE__ */ i(
+          lo,
+          {
+            "aria-pressed": q(g) === b,
+            "aria-label": g,
+            style: { backgroundColor: g },
+            onClick: () => t(q(g) ?? g)
+          },
+          g
+        ))
+      }
     )
   ] });
 }
-function Or() {
-  const e = ze(on);
-  if (e === null)
-    throw new Error(
-      "useConfirmDialog must be called inside a ConfirmDialogProvider"
+const co = 6, uo = d("div", {
+  shouldForwardProp: (e) => e !== "edges"
+})(({ theme: e, edges: n }) => {
+  const { tokens: t, radii: r, space: s } = e.design, c = o(s[1] * co), a = t["text.primary"], l = n.start ? `transparent, ${a} ${c}` : a, f = n.end ? `${a} calc(100% - ${c}), transparent` : a;
+  return {
+    maskImage: n.start || n.end ? `linear-gradient(to right, ${l}, ${f})` : "none",
+    display: "inline-flex",
+    maxWidth: "100%",
+    minWidth: 0,
+    border: A(t["border.subtle"]),
+    borderRadius: o(r.md),
+    overflowX: "auto",
+    overflowY: "hidden",
+    backgroundColor: t["bg.surface"],
+    // Below 768 px each segment keeps a 44 px target: the band wraps onto more rows rather than
+    // hiding segments behind a sideways scroll. A rule between neighbours would then start the
+    // second row with a stray line and leave the rows unsplit: the band loses its border and each
+    // segment draws its own, apart by a gap in both directions.
+    [Z.down(K.Tablet)]: {
+      flexWrap: "wrap",
+      rowGap: o(s[1]),
+      columnGap: o(s[1]),
+      overflowX: "visible",
+      maskImage: "none",
+      border: "none",
+      backgroundColor: "transparent"
+    }
+  };
+}), po = d(_e)(({ theme: e }) => {
+  const { tokens: n, space: t, typeScale: r, fonts: s, densityValues: c, radii: a } = e.design;
+  return {
+    flex: "none",
+    gap: o(t[2]),
+    minHeight: o(c[e.design.density].control),
+    paddingLeft: o(t[3]),
+    paddingRight: o(t[3]),
+    fontFamily: s.sans,
+    fontSize: o(r.body),
+    whiteSpace: "nowrap",
+    color: n["text.secondary"],
+    transition: oe(e, ["background-color", "color"]),
+    "& + &": { borderLeft: A(n["border.subtle"]) },
+    '&[aria-checked="true"]': {
+      backgroundColor: n["bg.raised"],
+      color: n["text.primary"],
+      fontWeight: R.medium
+    },
+    "&:hover": { backgroundColor: n["bg.hover"] },
+    "&.Mui-focusVisible": { ...te(e), outlineOffset: "-2px" },
+    // A short label (« 1 h », « 7 j ») would leave a segment narrower than a finger. Each segment
+    // is its own bordered tile once the band wraps.
+    [Z.down(K.Tablet)]: {
+      minWidth: o(c.touchTarget),
+      minHeight: o(c.touchTarget),
+      border: A(n["border.subtle"]),
+      borderRadius: o(a.md),
+      backgroundColor: n["bg.surface"],
+      '&[aria-checked="true"]': { backgroundColor: n["bg.raised"] }
+    }
+  };
+}), go = d("span")(({ theme: e }) => ({
+  fontFamily: e.design.fonts.mono,
+  fontSize: o(e.design.typeScale.caption),
+  color: e.design.tokens["text.muted"]
+}));
+function Wr({
+  options: e,
+  value: n,
+  onChange: t,
+  ariaLabel: r,
+  testId: s
+}) {
+  const c = Y(null), [a, l] = I({ start: !1, end: !1 }), f = Q(() => {
+    const g = c.current;
+    if (!g)
+      return;
+    const h = g.scrollLeft > 0, m = g.scrollLeft + g.clientWidth < g.scrollWidth - 1;
+    l(
+      (p) => p.start === h && p.end === m ? p : { start: h, end: m }
     );
-  return e;
+  }, []);
+  B(() => (f(), window.addEventListener("resize", f), () => window.removeEventListener("resize", f)), [f, e]);
+  const v = (g) => {
+    var p, u;
+    const h = e.findIndex((y) => y.value === n);
+    let m;
+    switch (g.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        m = (h + 1) % e.length;
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        m = (h - 1 + e.length) % e.length;
+        break;
+      case "Home":
+        m = 0;
+        break;
+      case "End":
+        m = e.length - 1;
+        break;
+      default:
+        return;
+    }
+    g.preventDefault(), t(e[m].value), (u = (p = c.current) == null ? void 0 : p.querySelectorAll('[role="radio"]')[m]) == null || u.focus();
+  }, b = Math.max(
+    e.findIndex((g) => g.value === n),
+    0
+  );
+  return /* @__PURE__ */ i(
+    uo,
+    {
+      ref: c,
+      role: "radiogroup",
+      "aria-label": r,
+      "data-testid": s,
+      edges: a,
+      onKeyDown: v,
+      onScroll: f,
+      children: e.map((g, h) => {
+        const m = g.value === n;
+        return /* @__PURE__ */ x(
+          po,
+          {
+            role: "radio",
+            "aria-checked": m,
+            "aria-label": g.ariaLabel,
+            lang: g.lang,
+            "data-testid": g.testId,
+            tabIndex: h === b ? 0 : -1,
+            onClick: () => t(g.value),
+            children: [
+              g.label,
+              g.count !== void 0 && /* @__PURE__ */ i(go, { children: g.count })
+            ]
+          },
+          g.value
+        );
+      })
+    }
+  );
+}
+const fo = [32, 160, 8239, 8201].map(
+  (e) => String.fromCharCode(e)
+), mo = (e) => {
+  var t, r;
+  const n = new Intl.NumberFormat(e).formatToParts(11111.1);
+  return {
+    group: ((t = n.find((s) => s.type === "group")) == null ? void 0 : t.value) ?? " ",
+    decimal: ((r = n.find((s) => s.type === "decimal")) == null ? void 0 : r.value) ?? "."
+  };
+}, Te = (e, n) => {
+  const r = [n.group, ...fo].reduce(
+    (c, a) => c.split(a).join(""),
+    e.trim()
+  ).replace(",", ".");
+  if (r === "" || !/^-?\d*\.?\d+$|^-?\d+\.$/.test(r))
+    return null;
+  const s = Number.parseFloat(r);
+  return Number.isFinite(s) ? s : null;
+};
+function Or({
+  label: e,
+  value: n,
+  onChange: t,
+  decimals: r = 0,
+  min: s = 0,
+  disabled: c,
+  adornment: a
+}) {
+  const l = L(), f = ge(
+    () => mo(l.locale),
+    [l.locale]
+  ), v = Q(
+    (u) => u === null ? "" : l.formatNumber(u, {
+      minimumFractionDigits: r,
+      maximumFractionDigits: r
+    }),
+    [l, r]
+  ), [b, g] = I(!1), [h, m] = I(() => v(n));
+  return B(() => {
+    b || m(v(n));
+  }, [n, b, v]), /* @__PURE__ */ i(Be, { label: e, children: /* @__PURE__ */ i(
+    fe,
+    {
+      disabled: c,
+      value: h,
+      inputProps: { inputMode: "decimal" },
+      onFocus: () => {
+        g(!0), n !== null && m(String(n).replace(".", f.decimal));
+      },
+      onChange: (u) => {
+        m(u.target.value);
+        const y = Te(u.target.value, f);
+        y !== null ? t(y) : u.target.value === "" && t(null);
+      },
+      onBlur: () => {
+        g(!1);
+        let u = Te(h, f);
+        u !== null && (u = Number.parseFloat(Math.max(u, s).toFixed(r))), t(u), m(v(u));
+      },
+      endAdornment: a ? /* @__PURE__ */ i(Gn, { position: "end", children: a }) : void 0
+    }
+  ) });
 }
 const ho = 1, bo = (e, n) => n === "vertical" ? e.scrollHeight - e.clientHeight - e.scrollTop : e.scrollWidth - e.clientWidth - e.scrollLeft, yo = (e, n, t) => {
   const [r, s] = I(!1), c = Q(() => {
@@ -1706,7 +1711,7 @@ const ho = 1, bo = (e, n) => n === "vertical" ? e.scrollHeight - e.clientHeight
       return;
     a.addEventListener("scroll", c, { passive: !0 });
     const l = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
-    return l !== null && (l.observe(a), Array.from(a.children).forEach((g) => l.observe(g))), () => {
+    return l !== null && (l.observe(a), Array.from(a.children).forEach((f) => l.observe(f))), () => {
       a.removeEventListener("scroll", c), l == null || l.disconnect();
     };
   }, [e, c, t]), r;
@@ -1736,7 +1741,7 @@ const wo = 2, xo = /* @__PURE__ */ new Set(["Enter", " "]), Co = d("div", {
     ...t && { maskImage: s, WebkitMaskImage: s }
   };
 }), sn = (e, n) => {
-  const { tokens: t, space: r, radii: s, typeScale: c, fonts: a, densityValues: l, density: g } = e.design, b = {
+  const { tokens: t, space: r, radii: s, typeScale: c, fonts: a, densityValues: l, density: f } = e.design, v = {
     position: "relative",
     display: "inline-flex",
     alignItems: "center",
@@ -1759,14 +1764,14 @@ const wo = 2, xo = /* @__PURE__ */ new Set(["Enter", " "]), Co = d("div", {
     },
     // Inside the scrolling row, an outer ring would be clipped: it is drawn inside the tab.
     "&:focus-visible": { ...te(e), outlineOffset: "-2px" }
-  }, f = {
+  }, b = {
     [Z.down(K.Tablet)]: {
       minHeight: o(l.touchTarget)
     }
   };
   return n === "primary" ? {
-    ...b,
-    minHeight: o(l[g].control + r[2]),
+    ...v,
+    minHeight: o(l[f].control + r[2]),
     padding: `0 ${o(r[3])}`,
     fontSize: o(c.body),
     '&[aria-selected="true"]::after': {
@@ -1778,9 +1783,9 @@ const wo = 2, xo = /* @__PURE__ */ new Set(["Enter", " "]), Co = d("div", {
       height: o(wo),
       backgroundColor: t.accent
     },
-    ...f
+    ...b
   } : {
-    ...b,
+    ...v,
     minHeight: o(l.compact.control),
     padding: `0 ${o(r[3])}`,
     borderRadius: o(s.md),
@@ -1794,7 +1799,7 @@ const wo = 2, xo = /* @__PURE__ */ new Set(["Enter", " "]), Co = d("div", {
       fontWeight: R.medium,
       backgroundColor: t["bg.raised"]
     },
-    ...f
+    ...b
   };
 }, an = (e) => e !== "variant", So = d(Kn, { shouldForwardProp: an })(({ theme: e, variant: n }) => sn(e, n)), Io = d("button", { shouldForwardProp: an })(({ theme: e, variant: n }) => sn(e, n)), Fo = d("span")(({ theme: e }) => {
   const { tokens: n, space: t, radii: r, fonts: s, typeScale: c } = e.design;
@@ -1821,7 +1826,7 @@ function Tr({
   variant: r,
   "aria-label": s
 }) {
-  const c = $(), a = Y(null), l = e.filter((p) => p.hidden !== !0), g = yo(a, "horizontal", l.length), b = Q(
+  const c = L(), a = Y(null), l = e.filter((p) => p.hidden !== !0), f = yo(a, "horizontal", l.length), v = Q(
     () => {
       var p;
       return Array.from(
@@ -1829,34 +1834,34 @@ function Tr({
       );
     },
     []
-  ), f = Q(() => {
+  ), b = Q(() => {
     const p = a.current, u = p == null ? void 0 : p.querySelector('[aria-selected="true"]');
     p && u && Re(p, u);
   }, []);
-  Ae(f, [f, n]);
-  const m = l.map((p) => p.value).join("|");
+  Ae(b, [b, n]);
+  const g = l.map((p) => p.value).join("|");
   B(() => {
     const p = a.current;
     if (p === null || typeof ResizeObserver > "u")
       return;
-    const u = new ResizeObserver(f);
-    return u.observe(p), Array.from(p.children).forEach((w) => u.observe(w)), () => u.disconnect();
-  }, [f, m]);
+    const u = new ResizeObserver(b);
+    return u.observe(p), Array.from(p.children).forEach((y) => u.observe(y)), () => u.disconnect();
+  }, [b, g]);
   const h = (p) => {
-    const u = b(), w = u.findIndex((F) => F === document.activeElement);
-    if (w < 0)
+    const u = v(), y = u.findIndex((F) => F === document.activeElement);
+    if (y < 0)
       return;
     if (xo.has(p.key)) {
-      p.key === " " && u[w] instanceof HTMLAnchorElement && (p.preventDefault(), u[w].click());
+      p.key === " " && u[y] instanceof HTMLAnchorElement && (p.preventDefault(), u[y].click());
       return;
     }
     let C;
     switch (p.key) {
       case "ArrowRight":
-        C = (w + 1) % u.length;
+        C = (y + 1) % u.length;
         break;
       case "ArrowLeft":
-        C = (w - 1 + u.length) % u.length;
+        C = (y - 1 + u.length) % u.length;
         break;
       case "Home":
         C = 0;
@@ -1868,7 +1873,7 @@ function Tr({
         return;
     }
     p.preventDefault(), u[C].focus(), a.current && Re(a.current, u[C]);
-  }, y = Math.max(
+  }, m = Math.max(
     l.findIndex((p) => p.value === n),
     0
   );
@@ -1879,17 +1884,17 @@ function Tr({
       role: "tablist",
       "aria-label": s,
       variant: r,
-      fade: g,
-      "data-overflowing": g || void 0,
+      fade: f,
+      "data-overflowing": f || void 0,
       onKeyDown: h,
       children: l.map((p, u) => {
-        const w = p.value === n, C = /* @__PURE__ */ x(J, { children: [
+        const y = p.value === n, C = /* @__PURE__ */ x(J, { children: [
           p.label,
           p.badge !== void 0 && /* @__PURE__ */ i(Fo, { children: typeof p.badge == "number" ? c.formatNumber(p.badge) : p.badge })
         ] }), F = {
           role: "tab",
-          "aria-selected": w,
-          tabIndex: u === y ? 0 : -1,
+          "aria-selected": y,
+          tabIndex: u === m ? 0 : -1,
           "data-testid": p.testId,
           variant: r,
           onClick: () => t == null ? void 0 : t(p.value)
@@ -1898,7 +1903,7 @@ function Tr({
           So,
           {
             to: p.to,
-            "aria-current": w ? "page" : void 0,
+            "aria-current": y ? "page" : void 0,
             ...F,
             children: C
           },
@@ -1909,33 +1914,33 @@ function Tr({
   ) });
 }
 export {
-  uo as A,
+  wr as A,
   rt as C,
-  Fr as D,
+  br as D,
   Be as F,
   Ot as I,
-  Ir as N,
-  Tt as R,
-  Sr as S,
+  Or as N,
+  hr as R,
+  Wr as S,
   vo as T,
   Ve as a,
-  en as b,
-  co as c,
-  io as d,
-  Wt as e,
-  hr as f,
-  kr as g,
+  Tt as b,
+  en as c,
+  Kt as d,
+  yo as e,
+  Zt as f,
+  Wt as g,
   Mr as h,
-  Wr as i,
-  Or as j,
+  Jt as i,
+  yr as j,
   Tr as k,
-  br as l,
-  yr as m,
+  xr as l,
+  Cr as m,
   q as n,
-  nn as o,
-  vr as p,
-  wr as q,
-  xr as r,
-  Cr as s,
-  yo as u
+  on as o,
+  kr as p,
+  Sr as q,
+  Ir as r,
+  Fr as s,
+  vr as u
 };