@telefonica/mistica 16.20.0 → 16.21.0

package/dist/list.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return wt;
+        return yt;
     },
     BoxedRowList: function() {
-        return yt;
+        return Rt;
     },
     Content: function() {
-        return Qe;
+        return Ue;
     },
     Row: function() {
-        return xt;
+        return gt;
     },
     RowList: function() {
-        return gt;
+        return wt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -173,7 +173,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
+const Qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: a
     }) : a ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
@@ -184,49 +184,49 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             children: e
         })
-    }) : e, Qe = (param)=>{
-    let { withChevron: e, headline: a, headlineRef: i, extraRef: o, title: l, titleAs: x, titleLinesMax: g, subtitle: v, subtitleLinesMax: D, description: y, descriptionLinesMax: M, detail: u, asset: E, danger: N, badge: A, right: w, rightRef: b, extra: L, labelId: W, disabled: c, control: k } = param;
-    const S = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), V = [
+    }) : e, Ue = (param)=>{
+    let { withChevron: e, headline: a, headlineRef: i, extraRef: o, title: l, titleAs: g, titleLinesMax: w, subtitle: f, subtitleLinesMax: D, description: B, descriptionLinesMax: M, detail: h, asset: O, danger: k, badge: S, right: y, rightRef: u, extra: I, labelId: W, disabled: v, control: x } = param;
+    const V = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), R = [
         a,
         l,
-        v,
-        y,
-        L
+        f,
+        B,
+        I
     ].filter(Boolean).length === 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _listcssmistica.content,
         id: W,
         children: [
-            E && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            O && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.assetContainer, {
-                    [_listcssmistica.center]: V,
-                    [_listcssmistica.disabled]: c
+                    [_listcssmistica.center]: R,
+                    [_listcssmistica.disabled]: v
                 }),
                 "aria-hidden": !0,
                 "data-testid": "asset",
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
                     style: (0, _css.applyCssVars)({
-                        color: N ? S ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : S ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
+                        color: k ? V ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : V ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
                         [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
                     }),
-                    children: E
+                    children: O
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rowBody, {
-                    [_listcssmistica.disabled]: c
+                    [_listcssmistica.disabled]: v
                 }),
                 style: {
-                    justifyContent: V ? "center" : "flex-start"
+                    justifyContent: R ? "center" : "flex-start"
                 },
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                         regular: !0,
-                        color: N ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
-                        truncate: g,
+                        color: k ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
+                        truncate: w,
                         hyphens: "auto",
-                        as: x,
+                        as: g,
                         dataAttributes: {
                             testid: "title"
                         },
@@ -248,7 +248,7 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             children: a
                         })
                     }),
-                    v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    f && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
@@ -258,10 +258,10 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             dataAttributes: {
                                 testid: "subtitle"
                             },
-                            children: v
+                            children: f
                         })
                     }),
-                    y && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    B && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingTop: 2,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
@@ -271,38 +271,38 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: y
+                            children: B
                         })
                     }),
-                    L && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    I && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         ref: o,
                         paddingTop: 2,
                         dataAttributes: {
                             testid: "slot"
                         },
-                        children: L
+                        children: I
                     })
                 ]
             }),
-            A && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            S && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: (0, _classnames.default)(_listcssmistica.badge, {
-                        [_listcssmistica.disabled]: c
+                        [_listcssmistica.disabled]: v
                     }),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                        value: A === !0 ? void 0 : A
+                        value: S === !0 ? void 0 : S
                     })
                 })
             }),
-            (u || w || e || k) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            (h || y || e || x) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rightContent, {
-                    [_listcssmistica.rightRestrictedWidth]: !!u
+                    [_listcssmistica.rightRestrictedWidth]: !!h
                 }),
                 children: [
-                    u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_listcssmistica.detail, {
-                            [_listcssmistica.disabled]: c
+                            [_listcssmistica.disabled]: v
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
@@ -311,67 +311,67 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                             dataAttributes: {
                                 testid: "detail"
                             },
-                            children: u
+                            children: h
                         })
                     }),
-                    w && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!u,
-                            [_listcssmistica.disabled]: c
+                            [_listcssmistica.detailRight]: !!h,
+                            [_listcssmistica.disabled]: v
                         }),
-                        ref: b,
+                        ref: u,
                         "data-testid": "endSlot",
-                        children: Ke(w, V)
+                        children: Qe(y, R)
                     }),
                     e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingLeft: u || w ? 4 : 0
+                            paddingLeft: h || y ? 4 : 0
                         },
                         className: (0, _classnames.default)(_listcssmistica.center, {
-                            [_listcssmistica.disabled]: c
+                            [_listcssmistica.disabled]: v
                         }),
                         "data-testid": "chevron",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                            color: S ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                            color: V ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
                     }),
-                    k && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    x && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingLeft: u || w ? 8 : 0
+                            paddingLeft: h || y ? 8 : 0
                         },
                         className: _listcssmistica.center,
-                        children: k
+                        children: x
                     })
                 ]
             })
         ]
     });
-}, Ue = (param)=>{
+}, Ye = (param)=>{
     let { value: e, defaultValue: a, onChange: i } = param;
-    const o = e !== void 0, [l, x] = _react.useState(!!a);
+    const o = e !== void 0, [l, g] = _react.useState(!!a);
     return [
         o ? !!e : l,
         ()=>{
-            o || x(!l), i == null || i(o ? !e : !l);
+            o || g(!l), i == null || i(o ? !e : !l);
         }
     ];
-}, Ye = (e)=>[
+}, Ze = (e)=>[
         "switch",
         "checkbox",
         "radioValue",
         "iconButton"
     ].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ _react.forwardRef((e, a)=>{
     var ee, te;
-    const i = _react.useId(), o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: l, headline: x, title: g, titleAs: v, titleLinesMax: D, subtitle: y, subtitleLinesMax: M, description: u, descriptionLinesMax: E, detail: N, danger: A, badge: w, role: b, extra: L, withChevron: W, dataAttributes: c, right: k, "aria-label": S, tabIndex: O } = e, [V, ce] = _react.useState(""), [se, he] = _react.useState(""), [ue, me] = _react.useState(""), be = [
-        g,
-        V,
-        y,
-        u,
-        se,
-        N,
-        ue
-    ].filter(Boolean).join(" "), R = S !== null && S !== void 0 ? S : e.href || e.to ? be : void 0, fe = (0, _radiobutton.useRadioContext)(), f = e.disabled || e.radioValue !== void 0 && fe.disabled, j = !f && !o, H = !f && o, Y = Ye(e), P = !!e.onPress || !!e.href || !!e.to, ve = Y ? !1 : W !== null && W !== void 0 ? W : P, Z = {
+    const i = _react.useId(), o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { asset: l, headline: g, title: w, titleAs: f, titleLinesMax: D, subtitle: B, subtitleLinesMax: M, description: h, descriptionLinesMax: O, detail: k, danger: S, badge: y, role: u, touchableRole: I, extra: W, withChevron: v, dataAttributes: x, right: V, "aria-label": U, tabIndex: R } = e, [ce, se] = _react.useState(""), [he, ue] = _react.useState(""), [me, be] = _react.useState(""), fe = [
+        w,
+        ce,
+        B,
+        h,
+        he,
+        k,
+        me
+    ].filter(Boolean).join(" "), C = U !== null && U !== void 0 ? U : e.href || e.to ? fe : void 0, ve = (0, _radiobutton.useRadioContext)(), b = e.disabled || e.radioValue !== void 0 && ve.disabled, j = !b && !o, H = !b && o, Y = Ze(e), E = !!e.onPress || !!e.href || !!e.to, xe = Y ? !1 : v !== null && v !== void 0 ? v : E, Z = {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -381,71 +381,75 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         onNavigate: e.onNavigate,
         onPress: e.onPress,
         trackingEvent: e.trackingEvent
-    }, [_, $] = Ue(e.switch || e.checkbox || {}), B = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Qe, {
+    }, [_, $] = Ye(e.switch || e.checkbox || {}), T = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ue, {
             asset: l,
-            headline: x,
+            headline: g,
             headlineRef: (n)=>{
-                n && ce(n.textContent || "");
+                n && se(n.textContent || "");
             },
-            title: g,
-            titleAs: v,
-            subtitle: y,
-            description: u,
-            badge: w,
+            title: w,
+            titleAs: f,
+            subtitle: B,
+            description: h,
+            badge: y,
             titleLinesMax: D,
             subtitleLinesMax: M,
-            descriptionLinesMax: E,
-            detail: N,
-            danger: A,
-            right: k,
+            descriptionLinesMax: O,
+            detail: k,
+            danger: S,
+            right: V,
             rightRef: (n)=>{
-                n && me(n.innerText || n.textContent || "");
+                n && be(n.innerText || n.textContent || "");
             },
             control: r == null ? void 0 : r.control,
-            extra: L,
+            role: r == null ? void 0 : r.role,
+            extra: W,
             extraRef: (n)=>{
-                n && he(n.innerText || n.textContent || "");
+                n && ue(n.innerText || n.textContent || "");
             },
             labelId: r == null ? void 0 : r.labelId,
-            disabled: f,
-            withChevron: ve
+            disabled: b,
+            withChevron: xe
         });
-    if (P && !Y) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
+    if (E && !Y) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
         ref: a,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: j,
             [_listcssmistica.touchableBackgroundInverse]: H,
-            [_listcssmistica.pointer]: !f
+            [_listcssmistica.pointer]: !b
         })
     }, Z), {
-        role: b,
-        dataAttributes: c,
-        disabled: f,
-        "aria-label": R,
-        tabIndex: O,
+        role: I,
+        dataAttributes: x,
+        disabled: b,
+        "aria-label": C,
+        tabIndex: R,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
             "aria-hidden": !!e.to || !!e.href || void 0,
-            children: B()
+            children: T({
+                role: u
+            })
         })
     }));
     const F = (r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
             className: _listcssmistica.dualActionContainer,
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(c)), {
+        }, (0, _dom.getPrefixedDataAttributes)(x)), {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
-                    disabled: f
+                    disabled: b
                 }, Z), {
-                    role: b,
+                    role: I,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
                         [_listcssmistica.touchableBackground]: j,
                         [_listcssmistica.touchableBackgroundInverse]: H
                     }),
-                    "aria-label": R,
-                    tabIndex: O,
-                    children: B({
-                        labelId: i
+                    "aria-label": C,
+                    tabIndex: R,
+                    children: T({
+                        labelId: i,
+                        role: u
                     })
                 })),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -453,59 +457,59 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 }),
                 r
             ]
-        })), q = (r, n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+        })), P = (r, n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
                 [_listcssmistica.touchableBackground]: j && n,
                 [_listcssmistica.touchableBackgroundInverse]: H && n,
-                [_listcssmistica.pointer]: !f && n
+                [_listcssmistica.pointer]: !b && n
             }),
             ref: a
-        }, (0, _dom.getPrefixedDataAttributes)(c)), {
+        }, (0, _dom.getPrefixedDataAttributes)(x)), {
             children: r
         }));
     if (e.switch || e.checkbox) {
         var _ref, _ref1;
         const r = e.switch ? _switchcomponent.default : _checkbox.default, 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 P ? F(/* @__PURE__ */ (0, _jsxruntime.jsx)(r, {
-            disabled: f,
+        return E ? F(/* @__PURE__ */ (0, _jsxruntime.jsx)(r, {
+            disabled: b,
             name: n,
             checked: _,
-            "aria-label": R,
+            "aria-label": C,
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
-                let { controlElement: z } = param;
+                let { controlElement: q } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionRight,
-                    children: z
+                    children: q
                 });
             }
-        })) : q(/* @__PURE__ */ (0, _jsxruntime.jsx)(r, {
-            disabled: f,
+        })) : P(/* @__PURE__ */ (0, _jsxruntime.jsx)(r, {
+            disabled: b,
             name: n,
             checked: _,
-            "aria-label": R,
+            "aria-label": C,
             "aria-labelledby": i,
             onChange: $,
             render: (param)=>{
-                let { controlElement: z, labelId: xe } = param;
+                let { controlElement: q, labelId: ge } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
-                    role: b,
-                    children: B({
-                        labelId: xe,
+                    role: u,
+                    children: T({
+                        labelId: ge,
                         control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                             space: "around",
-                            children: z
+                            children: q
                         })
                     })
                 });
             }
         }), !0);
     }
-    if (e.radioValue) return P ? F(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+    if (e.radioValue) return E ? F(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
-        "aria-label": R,
+        "aria-label": C,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
@@ -517,16 +521,16 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 })
             });
         }
-    })) : q(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
+    })) : P(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
         value: e.radioValue,
-        "aria-label": R,
+        "aria-label": C,
         "aria-labelledby": i,
         render: (param)=>{
             let { controlElement: r } = param;
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 16,
-                role: b,
-                children: B({
+                role: u,
+                children: T({
                     labelId: i,
                     control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                         space: "around",
@@ -536,7 +540,7 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             });
         }
     }), !0);
-    if (e.iconButton) return P ? F(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    if (e.iconButton) return E ? F(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         padding: 16,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
             space: "around",
@@ -546,18 +550,18 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
                 disabled: e.disabled
             }))
         })
-    })) : q(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+    })) : P(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
-        children: B({
+        children: T({
             labelId: i,
             control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                 space: "around",
                 children: e.iconButton.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
-                    role: b
+                    role: u
                 })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
                     disabled: e.disabled,
-                    role: b
+                    role: u
                 }))
             })
         })
@@ -565,14 +569,16 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
     const p = !!e["aria-label"];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(_listcssmistica.rowContent, _listcssmistica.rowContentPadding),
-        role: b
-    }, (0, _dom.getPrefixedDataAttributes)(c)), {
+        role: u
+    }, (0, _dom.getPrefixedDataAttributes)(x)), {
         ref: a,
-        tabIndex: O,
+        tabIndex: R,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 "aria-hidden": p,
-                children: B()
+                children: T({
+                    role: u
+                })
             }),
             p && /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
@@ -581,7 +587,7 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     }));
-}), xt = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
+}), gt = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
     var { dataAttributes: e, role: a = "listitem" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -597,24 +603,24 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
             }, e)
         }))
     });
-}), gt = (param)=>{
+}), wt = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o } = param;
-    const l = _react.Children.toArray(e).filter(Boolean), x = l.length - 1;
+    const l = _react.Children.toArray(e).filter(Boolean), g = l.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: i,
         "aria-labelledby": a
     }, (0, _dom.getPrefixedDataAttributes)(o, "RowList")), {
-        children: l.map((g, v)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: l.map((w, f)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    g,
-                    v < x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    w,
+                    f < g && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, v))
+            }, f))
     }));
-}, wt = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
+}, yt = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
     var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -629,7 +635,7 @@ const Ke = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
         }, e),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(le, _object_spread({}, a))
     });
-}), yt = (param)=>{
+}), Rt = (param)=>{
     let { children: e, ariaLabelledby: a, role: i = "list", dataAttributes: o } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,

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

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var n = "v16_20_1num3qg3", r = "v16_20_1num3qg2 v16_20_1y2v1nfig v16_20_1y2v1nflr v16_20_1y2v1nfm6 v16_20_1y2v1nfml", f = "v16_20_1num3qg7 v16_20_1y2v1nfif v16_20_1y2v1nfj7 v16_20_1y2v1nfjo", y = "v16_20_1y2v1nfj7 v16_20_1y2v1nfll v16_20_1y2v1nfie v16_20_1y2v1nf5n v16_20_1y2v1nfjr";
+var n = "v16_21_1num3qg3", r = "v16_21_1num3qg2 v16_21_1y2v1nfig v16_21_1y2v1nflr v16_21_1y2v1nfm6 v16_21_1y2v1nfml", f = "v16_21_1num3qg7 v16_21_1y2v1nfif v16_21_1y2v1nfj7 v16_21_1y2v1nfjo", y = "v16_21_1y2v1nfj7 v16_21_1y2v1nfll v16_21_1y2v1nfie v16_21_1y2v1nf5n v16_21_1y2v1nfjr";

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

@@ -45,7 +45,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-screen.css.ts.vanilla.css-mistica.js");
-var _ = 500, n = "v16_20_flke8b1 v16_20_1y2v1nfik v16_20_1y2v1nfiq v16_20_1y2v1nfiz", r = "v16_20_1y2v1nfj6 v16_20_1y2v1nfik v16_20_1y2v1nfiq v16_20_1y2v1nfiz v16_20_1y2v1nfit", a = "v16_20_flke8b9 v16_20_1y2v1nf8y", i = "v16_20_flke8bb", f = "v16_20_flke8bc", l = "v16_20_flke8bf", o = "v16_20_flke8be", k = {
-    default: "v16_20_flke8b4",
-    inverse: "v16_20_flke8b5"
-}, t = "v16_20_flke8b3", d = "v16_20_flke8b6";
+var _ = 500, n = "v16_21_flke8b1 v16_21_1y2v1nfik v16_21_1y2v1nfiq v16_21_1y2v1nfiz", r = "v16_21_1y2v1nfj6 v16_21_1y2v1nfik v16_21_1y2v1nfiq v16_21_1y2v1nfiz v16_21_1y2v1nfit", a = "v16_21_flke8b9 v16_21_1y2v1nf8y", i = "v16_21_flke8bb", f = "v16_21_flke8bc", l = "v16_21_flke8bf", o = "v16_21_flke8be", k = {
+    default: "v16_21_flke8b4",
+    inverse: "v16_21_flke8b5"
+}, t = "v16_21_flke8b3", d = "v16_21_flke8b6";

package/dist/logo.css-mistica.js

@@ -20,9 +20,9 @@ _export(exports, {
     }
 });
 require("./logo.css.ts.vanilla.css-mistica.js");
-var _ = "v16_20_140ft6x5", r = "v16_20_140ft6x4", t = {
-    size: "var(--v16_20_140ft6x0)",
-    sizeMobile: "var(--v16_20_140ft6x1)",
-    sizeTablet: "var(--v16_20_140ft6x2)",
-    sizeDesktop: "var(--v16_20_140ft6x3)"
+var _ = "v16_21_140ft6x5", r = "v16_21_140ft6x4", t = {
+    size: "var(--v16_21_140ft6x0)",
+    sizeMobile: "var(--v16_21_140ft6x1)",
+    sizeTablet: "var(--v16_21_140ft6x2)",
+    sizeDesktop: "var(--v16_21_140ft6x3)"
 };

package/dist/maybe-dismissable.css-mistica.js

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var n = "v16_20_cim30m2 v16_20_1y2v1nf8m v16_20_1y2v1nf9v v16_20_1y2v1nfb4 v16_20_1y2v1nfcd v16_20_1y2v1nfif v16_20_1y2v1nflr v16_20_1y2v1nfml", f = "v16_20_1y2v1nfie v16_20_1y2v1nfik v16_20_1y2v1nfj2";
+var n = "v16_21_cim30m2 v16_21_1y2v1nf8m v16_21_1y2v1nf9v v16_21_1y2v1nfb4 v16_21_1y2v1nfcd v16_21_1y2v1nfif v16_21_1y2v1nflr v16_21_1y2v1nfml", f = "v16_21_1y2v1nfie v16_21_1y2v1nfik v16_21_1y2v1nfj2";