@telefonica/mistica 16.30.1 → 16.32.0

package/dist-es/inline.css-mistica.js

@@ -1,12 +1,12 @@
 import "./inline.css.ts.vanilla.css-mistica.js";
-var _ = "v16_30_1_kkfbnva", a = "v16_30_1_kkfbnv9", k = "v16_30_1_kkfbnv8", r = "v16_30_1_kkfbnvc", e = "v16_30_1_kkfbnvd", n = "v16_30_1_kkfbnve", b = {
-    space: "var(--v16_30_1_kkfbnv0)",
-    spaceMobile: "var(--v16_30_1_kkfbnv1)",
-    spaceTablet: "var(--v16_30_1_kkfbnv2)",
-    spaceDesktop: "var(--v16_30_1_kkfbnv3)",
-    verticalSpace: "var(--v16_30_1_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_30_1_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_30_1_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_30_1_kkfbnv7)"
-}, f = "v16_30_1_kkfbnvb";
-export { _ as fullWidth, a as inline, k as marginInline, r as noFullWidth, e as stringSpace, n as stringSpaceWithWrap, b as vars, f as wrap };
+var a = "v16_32_kkfbnva", k = "v16_32_kkfbnv9", _ = "v16_32_kkfbnv8", r = "v16_32_kkfbnvc", e = "v16_32_kkfbnvd", n = "v16_32_kkfbnve", b = {
+    space: "var(--v16_32_kkfbnv0)",
+    spaceMobile: "var(--v16_32_kkfbnv1)",
+    spaceTablet: "var(--v16_32_kkfbnv2)",
+    spaceDesktop: "var(--v16_32_kkfbnv3)",
+    verticalSpace: "var(--v16_32_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_32_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_32_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_32_kkfbnv7)"
+}, f = "v16_32_kkfbnvb";
+export { a as fullWidth, k as inline, _ as marginInline, r as noFullWidth, e as stringSpace, n as stringSpaceWithWrap, b as vars, f as wrap };

package/dist-es/list.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./list.css.ts.vanilla.css-mistica.js";
-var n = "v16_30_1_1y2v1nfis v16_30_1_1y2v1nfja v16_30_1_1y2v1nfjc", f = "v16_30_1_1y2v1nfcr", y = "v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj7 v16_30_1_1y2v1nfj1 v16_30_1_1y2v1nfki v16_30_1_1y2v1nfjw v16_30_1_1y2v1nfja", a = "v16_30_1_2buj9g2", r = "v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj7", i = "v16_30_1_1y2v1nf90 v16_30_1_1y2v1nfa9 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfjf v16_30_1_1y2v1nfl5", t = "v16_30_1_2buj9gj v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj7", j = "v16_30_1_2buj9gi", e = "v16_30_1_2buj9g0", u = "v16_30_1_1y2v1nfis v16_30_1_1y2v1nfix v16_30_1_1y2v1nfjw", o = "v16_30_1_2buj9gp v16_30_1_1y2v1nfis", b = "v16_30_1_2buj9gn v16_30_1_1y2v1nf8l v16_30_1_1y2v1nf9u v16_30_1_1y2v1nfb3 v16_30_1_1y2v1nfcc v16_30_1_1y2v1nfla v16_30_1_1y2v1nf8k v16_30_1_1y2v1nfbi v16_30_1_1y2v1nfcr v16_30_1_1y2v1nfiu v16_30_1_1y2v1nfjd", c = "v16_30_1_2buj9gr v16_30_1_1y2v1nf8l v16_30_1_1y2v1nf9u v16_30_1_1y2v1nfb3 v16_30_1_1y2v1nfcc v16_30_1_1y2v1nfla v16_30_1_1y2v1nf8k v16_30_1_1y2v1nfbi v16_30_1_1y2v1nfcr v16_30_1_1y2v1nfis v16_30_1_1y2v1nfj7 v16_30_1_1y2v1nfjc v16_30_1_1y2v1nfjg v16_30_1_1y2v1nfjw", g = "v16_30_1_1y2v1nflt", d = "v16_30_1_2buj9gg", l = "v16_30_1_2buj9gh", s = "v16_30_1_1y2v1nfjf", h = "v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfje", w = "v16_30_1_2buj9g7 v16_30_1_1y2v1nf8l v16_30_1_1y2v1nf9u v16_30_1_1y2v1nfb3 v16_30_1_1y2v1nfcc v16_30_1_1y2v1nfjf v16_30_1_1y2v1nfla v16_30_1_1y2v1nf8k v16_30_1_1y2v1nfiu v16_30_1_1y2v1nfjw", k = "v16_30_1_1y2v1nfbi v16_30_1_1y2v1nfcr", p = "v16_30_1_2buj9g3", C = "v16_30_1_2buj9g4";
+var n = "v16_32_1y2v1nfis v16_32_1y2v1nfja v16_32_1y2v1nfjc", f = "v16_32_1y2v1nfcr", y = "v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfj1 v16_32_1y2v1nfki v16_32_1y2v1nfjw v16_32_1y2v1nfja", a = "v16_32_2buj9g2", r = "v16_32_1y2v1nfis v16_32_1y2v1nfj7", i = "v16_32_1y2v1nf90 v16_32_1y2v1nfa9 v16_32_1y2v1nfis v16_32_1y2v1nfjf v16_32_1y2v1nfl5", t = "v16_32_2buj9gj v16_32_1y2v1nfis v16_32_1y2v1nfj7", j = "v16_32_2buj9gi", e = "v16_32_2buj9g0", u = "v16_32_1y2v1nfis v16_32_1y2v1nfix v16_32_1y2v1nfjw", o = "v16_32_2buj9gp v16_32_1y2v1nfis", b = "v16_32_2buj9gn v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfla v16_32_1y2v1nf8k v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfiu v16_32_1y2v1nfjd", c = "v16_32_2buj9gr v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfla v16_32_1y2v1nf8k v16_32_1y2v1nfbi v16_32_1y2v1nfcr v16_32_1y2v1nfis v16_32_1y2v1nfj7 v16_32_1y2v1nfjc v16_32_1y2v1nfjg v16_32_1y2v1nfjw", g = "v16_32_1y2v1nflt", d = "v16_32_2buj9gg", l = "v16_32_2buj9gh", s = "v16_32_1y2v1nfjf", h = "v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfje", w = "v16_32_2buj9g7 v16_32_1y2v1nf8l v16_32_1y2v1nf9u v16_32_1y2v1nfb3 v16_32_1y2v1nfcc v16_32_1y2v1nfjf v16_32_1y2v1nfla v16_32_1y2v1nf8k v16_32_1y2v1nfiu v16_32_1y2v1nfjw", k = "v16_32_1y2v1nfbi v16_32_1y2v1nfcr", p = "v16_32_2buj9g3", C = "v16_32_2buj9g4";
 export { n as asset, f as assetContainer, y as badge, a as boxed, r as center, i as content, t as detail, j as detailRight, e as disabled, u as dualActionContainer, o as dualActionDivider, b as dualActionLeft, c as dualActionRight, g as pointer, d as rightContent, l as rightRestrictedWidth, s as row, h as rowBody, w as rowContent, k as rowContentPadding, p as touchableBackground, C as touchableBackgroundInverse };

package/dist-es/list.js

@@ -78,27 +78,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as L } from "react/jsx-runtime";
+import { jsx as t, jsxs as A } from "react/jsx-runtime";
 import * as m from "react";
 import c from "classnames";
 import { BaseTouchable as ae } from "./touchable.js";
-import { Text3 as we, Text1 as Re, Text2 as q } from "./text.js";
+import { Text3 as ye, Text1 as we, Text2 as q } from "./text.js";
 import s from "./box.js";
-import A from "./stack.js";
-import ye from "./badge.js";
-import { useIsInverseOrMediaVariant as le } from "./theme-variant-context.js";
+import T from "./stack.js";
+import Re from "./badge.js";
+import { useIsInverseOrMediaVariant as oe } from "./theme-variant-context.js";
 import Be from "./generated/mistica-icons/icon-chevron-right-filled.js";
 import Ie from "./switch-component.js";
 import ie, { useRadioContext as Ce } from "./radio-button.js";
-import Te from "./checkbox.js";
-import { InternalBoxed as Ne } from "./boxed.js";
+import Ne from "./checkbox.js";
+import { InternalBoxed as Te } from "./boxed.js";
 import Ae from "./divider.js";
 import { getPrefixedDataAttributes as D } from "./utils/dom.js";
 import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as re, rowContentPadding as Le, row as ke, boxed as Se, content as Ve, assetContainer as Ee, center as Q, disabled as N, asset as Oe, rowBody as Xe, badge as De, rightContent as Me, rightRestrictedWidth as We, detail as je, detailRight as Fe, dualActionContainer as He, dualActionLeft as Pe, dualActionDivider as ze, dualActionRight as qe } from "./list.css-mistica.js";
 import { vars as Ge } from "./image.css-mistica.js";
-import { vars as l } from "./skins/skin-contract.css-mistica.js";
+import { vars as o } from "./skins/skin-contract.css-mistica.js";
 import { applyCssVars as Je } from "./utils/css.js";
-import { IconButton as ne, ToggleIconButton as oe } from "./icon-button.js";
+import { IconButton as ne, ToggleIconButton as le } from "./icon-button.js";
 import Ke from "./screen-reader-only.js";
 const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: a
@@ -112,15 +112,15 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             children: e
         })
     }) : e, Ue = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: i, extraRef: o, title: d, titleAs: f, titleLinesMax: x, subtitle: R, subtitleLinesMax: k, description: b, descriptionLinesMax: M, detail: h, asset: X, danger: S, badge: V, right: y, rightRef: u, extra: I, labelId: W, disabled: g, control: w } = param;
-    const E = le(), B = [
+    let { withChevron: e, headline: a, headlineRef: i, extraRef: l, title: d, titleAs: b, titleLinesMax: x, subtitle: w, subtitleLinesMax: L, description: f, descriptionLinesMax: M, detail: h, asset: X, danger: k, badge: S, right: R, rightRef: u, extra: I, labelId: W, disabled: g, control: y } = param;
+    const V = oe(), B = [
         a,
         d,
-        R,
-        b,
+        w,
+        f,
         I
     ].filter(Boolean).length === 1;
-    return /* @__PURE__ */ L("div", {
+    return /* @__PURE__ */ A("div", {
         className: Ve,
         id: W,
         children: [
@@ -134,13 +134,13 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: /* @__PURE__ */ t("div", {
                     className: Oe,
                     style: Je({
-                        color: S ? E ? l.colors.textErrorInverse : l.colors.textError : E ? l.colors.textPrimaryInverse : l.colors.textPrimary,
-                        [Ge.mediaBorderRadius]: l.borderRadii.mediaSmall
+                        color: k ? V ? o.colors.textErrorInverse : o.colors.textError : V ? o.colors.textPrimaryInverse : o.colors.textPrimary,
+                        [Ge.mediaBorderRadius]: o.borderRadii.mediaSmall
                     }),
                     children: X
                 })
             }),
-            /* @__PURE__ */ L("div", {
+            /* @__PURE__ */ A("div", {
                 className: c(Xe, {
                     [N]: g
                 }),
@@ -148,12 +148,12 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     justifyContent: B ? "center" : "flex-start"
                 },
                 children: [
-                    /* @__PURE__ */ t(we, {
+                    /* @__PURE__ */ t(ye, {
                         regular: !0,
-                        color: S ? l.colors.textError : l.colors.textPrimary,
+                        color: k ? o.colors.textError : o.colors.textPrimary,
                         truncate: x,
                         hyphens: "auto",
-                        as: f,
+                        as: b,
                         dataAttributes: {
                             testid: "title"
                         },
@@ -165,9 +165,9 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             order: -1,
                             paddingBottom: 4
                         },
-                        children: /* @__PURE__ */ t(Re, {
+                        children: /* @__PURE__ */ t(we, {
                             regular: !0,
-                            color: l.colors.textPrimary,
+                            color: o.colors.textPrimary,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "headline"
@@ -175,34 +175,34 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: a
                         })
                     }),
-                    R && /* @__PURE__ */ t(s, {
+                    w && /* @__PURE__ */ t(s, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ t(q, {
                             regular: !0,
-                            color: l.colors.textPrimary,
-                            truncate: k,
+                            color: o.colors.textPrimary,
+                            truncate: L,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "subtitle"
                             },
-                            children: R
+                            children: w
                         })
                     }),
-                    b && /* @__PURE__ */ t(s, {
+                    f && /* @__PURE__ */ t(s, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ t(q, {
                             regular: !0,
-                            color: l.colors.textSecondary,
+                            color: o.colors.textSecondary,
                             truncate: M,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: b
+                            children: f
                         })
                     }),
                     I && /* @__PURE__ */ t(s, {
-                        ref: o,
+                        ref: l,
                         paddingTop: 2,
                         dataAttributes: {
                             testid: "slot"
@@ -211,18 +211,18 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                     })
                 ]
             }),
-            V && /* @__PURE__ */ t(s, {
+            S && /* @__PURE__ */ t(s, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ t("div", {
                     className: c(De, {
                         [N]: g
                     }),
-                    children: /* @__PURE__ */ t(ye, {
-                        value: V === !0 ? void 0 : V
+                    children: /* @__PURE__ */ t(Re, {
+                        value: S === !0 ? void 0 : S
                     })
                 })
             }),
-            (h || y || e || w) && /* @__PURE__ */ L("div", {
+            (h || R || e || y) && /* @__PURE__ */ A("div", {
                 className: c(Me, {
                     [We]: !!h
                 }),
@@ -233,7 +233,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         }),
                         children: /* @__PURE__ */ t(q, {
                             regular: !0,
-                            color: l.colors.textSecondary,
+                            color: o.colors.textSecondary,
                             hyphens: "auto",
                             dataAttributes: {
                                 testid: "detail"
@@ -241,18 +241,18 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: h
                         })
                     }),
-                    y && /* @__PURE__ */ t("div", {
+                    R && /* @__PURE__ */ t("div", {
                         className: c({
                             [Fe]: !!h,
                             [N]: g
                         }),
                         ref: u,
                         "data-testid": "endSlot",
-                        children: Qe(y, B)
+                        children: Qe(R, B)
                     }),
                     e && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: h || y ? 4 : 0
+                            paddingLeft: h || R ? 4 : 0
                         },
                         className: c(Q, {
                             [N]: g
@@ -260,15 +260,15 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         "data-testid": "chevron",
                         children: /* @__PURE__ */ t(Be, {
                             size: 16,
-                            color: E ? l.colors.inverse : l.colors.neutralMedium
+                            color: V ? o.colors.inverse : o.colors.neutralMedium
                         })
                     }),
-                    w && /* @__PURE__ */ t("div", {
+                    y && /* @__PURE__ */ t("div", {
                         style: {
-                            paddingLeft: h || y ? 8 : 0
+                            paddingLeft: h || R ? 8 : 0
                         },
                         className: Q,
-                        children: w
+                        children: y
                     })
                 ]
             })
@@ -276,11 +276,11 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     });
 }, Ye = (param)=>{
     let { value: e, defaultValue: a, onChange: i } = param;
-    const o = e !== void 0, [d, f] = m.useState(!!a);
+    const l = e !== void 0, [d, b] = m.useState(!!a);
     return [
-        o ? !!e : d,
+        l ? !!e : d,
         ()=>{
-            o || f(!d), i == null || i(o ? !e : !d);
+            l || b(!d), i == null || i(l ? !e : !d);
         }
     ];
 }, Ze = (e)=>[
@@ -290,15 +290,15 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         "iconButton"
     ].some((a)=>e[a] !== void 0), de = /*#__PURE__*/ m.forwardRef((e, a)=>{
     var ee, te;
-    const i = m.useId(), o = le(), { asset: d, headline: f, title: x, titleAs: R, titleLinesMax: k, subtitle: b, subtitleLinesMax: M, description: h, descriptionLinesMax: X, detail: S, danger: V, badge: y, role: u, touchableRole: I, extra: W, withChevron: g, dataAttributes: w, right: E, "aria-label": U, tabIndex: B } = e, [ce, se] = m.useState(""), [he, ue] = m.useState(""), [me, fe] = m.useState(""), be = [
+    const i = m.useId(), l = oe(), { asset: d, headline: b, title: x, titleAs: w, titleLinesMax: L, subtitle: f, subtitleLinesMax: M, description: h, descriptionLinesMax: X, detail: k, danger: S, badge: R, role: u, touchableRole: I, extra: W, withChevron: g, dataAttributes: y, right: V, "aria-label": U, tabIndex: B } = e, [ce, se] = m.useState(""), [he, ue] = m.useState(""), [me, be] = m.useState(""), fe = [
         x,
         ce,
-        b,
+        f,
         h,
         he,
-        S,
+        k,
         me
-    ].filter(Boolean).join(" "), C = U !== null && U !== void 0 ? U : e.href || e.to ? be : void 0, ve = Ce(), v = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !v && !o, F = !v && o, Y = Ze(e), O = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : g !== null && g !== void 0 ? g : O, Z = {
+    ].filter(Boolean).join(" "), E = U !== null && U !== void 0 ? U : e.href || e.to ? fe : void 0, ve = Ce(), v = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !v && !l, F = !v && l, Y = Ze(e), O = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : g !== null && g !== void 0 ? g : O, Z = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -307,26 +307,31 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         replace: e.replace,
         onNavigate: e.onNavigate,
         onPress: e.onPress,
-        trackingEvent: e.trackingEvent
-    }, [_, $] = Ye(e.switch || e.checkbox || {}), T = (r)=>/* @__PURE__ */ t(Ue, {
+        trackingEvent: e.trackingEvent,
+        "aria-label": E,
+        "aria-labelledby": e["aria-labelledby"],
+        "aria-description": e["aria-description"],
+        "aria-describedby": e["aria-describedby"],
+        "aria-current": e["aria-current"]
+    }, [_, $] = Ye(e.switch || e.checkbox || {}), C = (r)=>/* @__PURE__ */ t(Ue, {
             asset: d,
-            headline: f,
+            headline: b,
             headlineRef: (n)=>{
                 n && se(n.textContent || "");
             },
             title: x,
-            titleAs: R,
-            subtitle: b,
+            titleAs: w,
+            subtitle: f,
             description: h,
-            badge: y,
-            titleLinesMax: k,
+            badge: R,
+            titleLinesMax: L,
             subtitleLinesMax: M,
             descriptionLinesMax: X,
-            detail: S,
-            danger: V,
-            right: E,
+            detail: k,
+            danger: S,
+            right: V,
             rightRef: (n)=>{
-                n && fe(n.innerText || n.textContent || "");
+                n && be(n.innerText || n.textContent || "");
             },
             control: r == null ? void 0 : r.control,
             role: r == null ? void 0 : r.role,
@@ -347,22 +352,21 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     }, Z), {
         role: I,
-        dataAttributes: w,
+        dataAttributes: y,
         disabled: v,
-        "aria-label": C,
         tabIndex: B,
         children: /* @__PURE__ */ t(s, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || void 0,
-            children: T({
+            children: C({
                 role: u
             })
         })
     }));
-    const H = (r)=>/* @__PURE__ */ L("div", _object_spread_props(_object_spread({
+    const H = (r)=>/* @__PURE__ */ A("div", _object_spread_props(_object_spread({
             className: He,
             ref: a
-        }, D(w)), {
+        }, D(y)), {
             children: [
                 /* @__PURE__ */ t(ae, _object_spread_props(_object_spread({
                     disabled: v
@@ -372,9 +376,8 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                         [J]: j,
                         [K]: F
                     }),
-                    "aria-label": C,
                     tabIndex: B,
-                    children: T({
+                    children: C({
                         labelId: i,
                         role: u
                     })
@@ -391,17 +394,17 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 [re]: !v && n
             }),
             ref: a
-        }, D(w)), {
+        }, D(y)), {
             children: r
         }));
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
-        const r = e.switch ? Ie : Te, n = (_ref1 = (_ref = (ee = e.switch) == null ? void 0 : ee.name) !== null && _ref !== void 0 ? _ref : (te = e.checkbox) == null ? void 0 : te.name) !== null && _ref1 !== void 0 ? _ref1 : i;
+        const r = e.switch ? Ie : Ne, n = (_ref1 = (_ref = (ee = e.switch) == null ? void 0 : ee.name) !== null && _ref !== void 0 ? _ref : (te = e.checkbox) == null ? void 0 : te.name) !== null && _ref1 !== void 0 ? _ref1 : i;
         return O ? H(/* @__PURE__ */ t(r, {
             disabled: v,
             name: n,
             checked: _,
-            "aria-label": C,
+            "aria-label": E,
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
@@ -415,7 +418,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             disabled: v,
             name: n,
             checked: _,
-            "aria-label": C,
+            "aria-label": E,
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
@@ -423,9 +426,9 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 return /* @__PURE__ */ t(s, {
                     paddingX: 16,
                     role: u,
-                    children: T({
+                    children: C({
                         labelId: ge,
-                        control: /* @__PURE__ */ t(A, {
+                        control: /* @__PURE__ */ t(T, {
                             space: "around",
                             children: z
                         })
@@ -436,11 +439,11 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     }
     if (e.radioValue) return O ? H(/* @__PURE__ */ t(ie, {
         value: e.radioValue,
-        "aria-label": C,
+        "aria-label": E,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
-            return /* @__PURE__ */ t(A, {
+            return /* @__PURE__ */ t(T, {
                 space: "around",
                 children: /* @__PURE__ */ t(s, {
                     paddingX: 16,
@@ -450,16 +453,16 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }
     })) : P(/* @__PURE__ */ t(ie, {
         value: e.radioValue,
-        "aria-label": C,
+        "aria-label": E,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
             return /* @__PURE__ */ t(s, {
                 paddingX: 16,
                 role: u,
-                children: T({
+                children: C({
                     labelId: i,
-                    control: /* @__PURE__ */ t(A, {
+                    control: /* @__PURE__ */ t(T, {
                         space: "around",
                         children: r
                     })
@@ -469,24 +472,24 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     }), !0);
     if (e.iconButton) return O ? H(/* @__PURE__ */ t(s, {
         padding: 16,
-        children: /* @__PURE__ */ t(A, {
+        children: /* @__PURE__ */ t(T, {
             space: "around",
             children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
                 disabled: e.disabled
-            })) : /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
+            })) : /* @__PURE__ */ t(le, _object_spread_props(_object_spread({}, e.iconButton), {
                 disabled: e.disabled
             }))
         })
     })) : P(/* @__PURE__ */ t(s, {
         paddingX: 16,
-        children: T({
+        children: C({
             labelId: i,
-            control: /* @__PURE__ */ t(A, {
+            control: /* @__PURE__ */ t(T, {
                 space: "around",
                 children: e.iconButton.Icon ? /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
                     role: u
-                })) : /* @__PURE__ */ t(oe, _object_spread_props(_object_spread({}, e.iconButton), {
+                })) : /* @__PURE__ */ t(le, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
                     role: u
                 }))
@@ -494,16 +497,16 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         })
     }));
     const p = !!e["aria-label"];
-    return /* @__PURE__ */ L("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ A("div", _object_spread_props(_object_spread({
         className: c(G, Le),
         role: u
-    }, D(w)), {
+    }, D(y)), {
         ref: a,
         tabIndex: B,
         children: [
             /* @__PURE__ */ t("div", {
                 "aria-hidden": p,
-                children: T({
+                children: C({
                     role: u
                 })
             }),
@@ -514,7 +517,7 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     }));
-}), gt = /*#__PURE__*/ m.forwardRef((_param, o)=>{
+}), gt = /*#__PURE__*/ m.forwardRef((_param, l)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -523,37 +526,37 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         role: a,
         className: ke,
         children: /* @__PURE__ */ t(de, _object_spread_props(_object_spread({}, i), {
-            ref: o,
+            ref: l,
             dataAttributes: _object_spread({
                 "component-name": "Row",
                 testid: "Row"
             }, e)
         }))
     });
-}), wt = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": o = "off", "aria-atomic": d = !1, dataAttributes: f } = param;
-    const x = m.Children.toArray(e).filter(Boolean), R = x.length - 1;
+}), yt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: i = "list", "aria-live": l = "off", "aria-atomic": d = !1, dataAttributes: b } = param;
+    const x = m.Children.toArray(e).filter(Boolean), w = x.length - 1;
     return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": a,
-        "aria-live": o,
+        "aria-live": l,
         "aria-atomic": d
-    }, D(f, "RowList")), {
-        children: x.map((k, b)=>/* @__PURE__ */ L(m.Fragment, {
+    }, D(b, "RowList")), {
+        children: x.map((L, f)=>/* @__PURE__ */ A(m.Fragment, {
                 children: [
-                    k,
-                    b < R && /* @__PURE__ */ t(s, {
+                    L,
+                    f < w && /* @__PURE__ */ t(s, {
                         paddingX: 16,
                         children: /* @__PURE__ */ t(Ae, {})
                     })
                 ]
-            }, b))
+            }, f))
     }));
-}, Rt = /*#__PURE__*/ m.forwardRef((_param, i)=>{
+}, wt = /*#__PURE__*/ m.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ t(Ne, {
+    return /* @__PURE__ */ t(Te, {
         overflow: "visible",
         className: Se,
         variant: a.isInverse ? "inverse" : "default",
@@ -564,19 +567,19 @@ const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ t(de, _object_spread({}, a))
     });
-}), yt = (param)=>{
-    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o, "aria-live": d = "off", "aria-atomic": f = !1 } = param;
-    return /* @__PURE__ */ t(A, {
+}), Rt = (param)=>{
+    let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: l, "aria-live": d = "off", "aria-atomic": b = !1 } = param;
+    return /* @__PURE__ */ t(T, {
         space: 16,
         role: i,
         "aria-labelledby": a,
         "aria-live": d,
-        "aria-atomic": f,
+        "aria-atomic": b,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList",
             testid: "BoxedRowList"
-        }, o),
+        }, l),
         children: e
     });
 };
-export { Rt as BoxedRow, yt as BoxedRowList, Ue as Content, gt as Row, wt as RowList };
+export { wt as BoxedRow, Rt as BoxedRowList, Ue as Content, gt as Row, yt as RowList };

package/dist-es/loading-bar.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-bar.css.ts.vanilla.css-mistica.js";
-var n = "v16_30_1_1num3qg3", f = "v16_30_1_1num3qg2 v16_30_1_1y2v1nfio v16_30_1_1y2v1nfm0 v16_30_1_1y2v1nfmf v16_30_1_1y2v1nfmu", r = "v16_30_1_1num3qg7 v16_30_1_1y2v1nfin v16_30_1_1y2v1nfjf v16_30_1_1y2v1nfjw", y = "v16_30_1_1y2v1nfjf v16_30_1_1y2v1nflu v16_30_1_1y2v1nfim v16_30_1_1y2v1nf5t v16_30_1_1y2v1nfjz";
+var n = "v16_32_1num3qg3", f = "v16_32_1num3qg2 v16_32_1y2v1nfio v16_32_1y2v1nfm0 v16_32_1y2v1nfmf v16_32_1y2v1nfmu", r = "v16_32_1num3qg7 v16_32_1y2v1nfin v16_32_1y2v1nfjf v16_32_1y2v1nfjw", y = "v16_32_1y2v1nfjf v16_32_1y2v1nflu v16_32_1y2v1nfim v16_32_1y2v1nf5t v16_32_1y2v1nfjz";
 export { n as hidden, f as portal, r as progress, y as progressContainer };

package/dist-es/loading-bar.js

@@ -54,21 +54,21 @@ function _object_spread_props(target, source) {
 import { jsx as r } from "react/jsx-runtime";
 import { Portal as s } from "./portal.js";
 import { portal as t, hidden as e, progressContainer as i, progress as m } from "./loading-bar.css-mistica.js";
-import { getPrefixedDataAttributes as n } from "./utils/dom.js";
-import d from "classnames";
+import { getPrefixedDataAttributes as d } from "./utils/dom.js";
+import n from "classnames";
 const l = (param)=>{
     let { visible: a, dataAttributes: o } = param;
     return /* @__PURE__ */ r(s, {
-        className: d(t, {
+        className: n(t, {
             [e]: !a
         }),
         children: /* @__PURE__ */ r("div", _object_spread_props(_object_spread({
             className: i
-        }, n(o, "LoadingBar")), {
+        }, d(o, "LoadingBar")), {
             children: /* @__PURE__ */ r("div", {
                 className: m
             })
         }))
     });
-}, u = l;
-export { u as default };
+}, h = l;
+export { h as default };

package/dist-es/loading-screen.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-screen.css.ts.vanilla.css-mistica.js";
-var v = 500, n = "v16_30_1_flke8b1 v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfj7", r = "v16_30_1_1y2v1nfje v16_30_1_1y2v1nfis v16_30_1_1y2v1nfiy v16_30_1_1y2v1nfj7 v16_30_1_1y2v1nfj1", a = "v16_30_1_flke8b9 v16_30_1_1y2v1nf96", f = "v16_30_1_flke8bb", i = "v16_30_1_flke8bc", l = "v16_30_1_flke8bf", o = "v16_30_1_flke8be", d = {
-    default: "v16_30_1_flke8b4",
-    inverse: "v16_30_1_flke8b5"
-}, t = "v16_30_1_flke8b3", k = "v16_30_1_flke8b6";
-export { v as inOutAnimationMs, n as loadingScreen, r as loadingScreenChildren, a as loadingScreenText, f as loadingScreenTextAnimated, i as loadingScreenTextAnimatedOut, l as logo, o as pulseLogo, d as screenBackground, t as screenBackgroundAnimated, k as screenBackgroundFadeOut };
+var _ = 500, n = "v16_32_flke8b1 v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj7", r = "v16_32_1y2v1nfje v16_32_1y2v1nfis v16_32_1y2v1nfiy v16_32_1y2v1nfj7 v16_32_1y2v1nfj1", a = "v16_32_flke8b9 v16_32_1y2v1nf96", f = "v16_32_flke8bb", i = "v16_32_flke8bc", l = "v16_32_flke8bf", o = "v16_32_flke8be", d = {
+    default: "v16_32_flke8b4",
+    inverse: "v16_32_flke8b5"
+}, t = "v16_32_flke8b3", k = "v16_32_flke8b6";
+export { _ as inOutAnimationMs, n as loadingScreen, r as loadingScreenChildren, a as loadingScreenText, f as loadingScreenTextAnimated, i as loadingScreenTextAnimatedOut, l as logo, o as pulseLogo, d as screenBackground, t as screenBackgroundAnimated, k as screenBackgroundFadeOut };