@telefonica/mistica 14.48.0 → 15.1.0

package/dist/list.js

@@ -183,18 +183,18 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         },
         children: e
     }) : e, Ce = (param)=>{
-    let { withChevron: e, headline: n, title: r, titleLinesMax: o, subtitle: l, subtitleLinesMax: k, description: s, descriptionLinesMax: W, detail: g, asset: S, type: f = "basic", badge: E, right: V, extra: X, labelId: h, disabled: b } = param;
-    const u = (0, _themevariantcontext.useIsInverseVariant)(), i = [
+    let { withChevron: e, headline: n, title: r, titleAs: c, titleLinesMax: m, subtitle: g, subtitleLinesMax: v, description: A, descriptionLinesMax: M, detail: f, asset: S, type: x = "basic", badge: E, right: V, extra: l, labelId: W, disabled: o } = param;
+    const j = (0, _themevariantcontext.useIsInverseVariant)(), d = [
         n,
         r,
-        l,
-        s,
-        X
-    ].filter(Boolean).length === 1, m = ()=>E ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        g,
+        A,
+        l
+    ].filter(Boolean).length === 1, u = ()=>E ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingLeft: 16,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.badge, {
-                    [_listcssmistica.disabled]: b
+                    [_listcssmistica.disabled]: o
                 }),
                 children: E === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
                     value: E
@@ -208,8 +208,8 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             S && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 16,
                 className: (0, _classnames.default)({
-                    [_listcssmistica.center]: i,
-                    [_listcssmistica.disabled]: b
+                    [_listcssmistica.center]: d,
+                    [_listcssmistica.disabled]: o
                 }),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
@@ -221,10 +221,10 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rowBody, {
-                    [_listcssmistica.disabled]: b
+                    [_listcssmistica.disabled]: o
                 }),
                 style: {
-                    justifyContent: i ? "center" : "flex-start"
+                    justifyContent: d ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 4,
@@ -241,69 +241,70 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textPrimary,
-                                    truncate: o,
-                                    id: h,
+                                    truncate: m,
+                                    id: W,
                                     hyphens: "auto",
+                                    as: c,
                                     children: r
                                 }),
-                                l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                g && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                                    truncate: k,
+                                    truncate: v,
                                     hyphens: "auto",
-                                    children: l
+                                    children: g
                                 }),
-                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                A && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                                    truncate: W,
+                                    truncate: M,
                                     hyphens: "auto",
-                                    children: s
+                                    children: A
                                 }),
-                                X
+                                l
                             ]
                         })
                     ]
                 })
             }),
-            m(),
+            u(),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)({
-                    [_listcssmistica.right]: !!g || f !== "basic",
-                    [_listcssmistica.rightRestrictedWidth]: !!g
+                    [_listcssmistica.right]: !!f || x !== "basic",
+                    [_listcssmistica.rightRestrictedWidth]: !!f
                 }),
                 children: [
-                    g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    f && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.detail, {
-                            [_listcssmistica.disabled]: b
+                            [_listcssmistica.disabled]: o
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             hyphens: "auto",
-                            children: g
+                            children: f
                         })
                     }),
-                    f === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    x === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!g
+                            [_listcssmistica.detailRight]: !!f
                         }),
-                        children: ee(V, i)
+                        children: ee(V, d)
                     }),
-                    f === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    x === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!g,
-                            [_listcssmistica.disabled]: b
+                            [_listcssmistica.detailRight]: !!f,
+                            [_listcssmistica.disabled]: o
                         }),
-                        children: ee(V, i)
+                        children: ee(V, d)
                     }),
-                    (f === "chevron" || f === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingLeft: g || f === "custom" ? 4 : 0,
+                    (x === "chevron" || x === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingLeft: f || x === "custom" ? 4 : 0,
                         className: (0, _classnames.default)(_listcssmistica.center, {
-                            [_listcssmistica.disabled]: b
+                            [_listcssmistica.disabled]: o
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                            color: u ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                            color: j ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -313,108 +314,108 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     });
 }, ke = (param)=>{
     let { value: e, defaultValue: n, onChange: r } = param;
-    const o = e !== void 0, [l, k] = _react.useState(!!n), s = ()=>{
-        o || k(!l), r && r(o ? !e : !l);
+    const c = e !== void 0, [m, g] = _react.useState(!!n), v = ()=>{
+        c || g(!m), r && r(c ? !e : !m);
     };
-    return o ? [
+    return c ? [
         !!e,
-        s
+        v
     ] : [
-        l,
-        s
+        m,
+        v
     ];
 }, Ie = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Le = (e)=>e.radioValue !== void 0, Ae = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/ _react.forwardRef((e, n)=>{
-    const r = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { asset: l, headline: k, title: s, titleLinesMax: W, subtitle: g, subtitleLinesMax: S, description: f, descriptionLinesMax: E, detail: V, badge: X, role: h, extra: b, dataAttributes: u } = e, z = (0, _radiobutton.useRadioContext)(), i = e.disabled || e.radioValue !== void 0 && z.disabled, m = !i && !o, x = !i && o, [G, J] = ke(e.switch || e.checkbox || {}), v = (param)=>{
-        let { type: c, right: w, labelId: D } = param;
+    const r = (0, _hooks.useAriaId)(), c = (0, _themevariantcontext.useIsInverseVariant)(), { asset: m, headline: g, title: v, titleLinesMax: A, subtitle: M, subtitleLinesMax: f, description: S, descriptionLinesMax: x, detail: E, badge: V, role: l, extra: W, dataAttributes: o } = e, j = (0, _radiobutton.useRadioContext)(), i = e.disabled || e.radioValue !== void 0 && j.disabled, d = !i && !c, u = !i && c, [G, J] = ke(e.switch || e.checkbox || {}), b = (param)=>{
+        let { type: s, right: w, labelId: X } = param;
         return /* @__PURE__ */ (0, _jsxruntime.jsx)(Ce, {
-            asset: l,
-            headline: k,
-            title: s,
-            subtitle: g,
-            description: f,
-            badge: X,
-            titleLinesMax: W,
-            subtitleLinesMax: S,
-            descriptionLinesMax: E,
-            detail: V,
-            type: c,
+            asset: m,
+            headline: g,
+            title: v,
+            subtitle: M,
+            description: S,
+            badge: V,
+            titleLinesMax: A,
+            subtitleLinesMax: f,
+            descriptionLinesMax: x,
+            detail: E,
+            type: s,
             right: w,
-            extra: b,
-            labelId: D,
+            extra: W,
+            labelId: X,
             disabled: i,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
-    }, j = (c)=>{
+    }, H = (s)=>{
         let w = "chevron";
-        return c.right === null && (w = "basic"), c.right && (w = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        return s.right === null && (w = "basic"), s.right && (w = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
             ref: n,
-            children: v({
+            children: b({
                 type: w,
-                right: c.right
+                right: s.right
             })
         });
     };
     if (e.onPress && !Ie(e) && !Pe(e) && !Le(e) && !Ae(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         ref: n,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: m,
-            [_listcssmistica.touchableBackgroundInverse]: x,
+            [_listcssmistica.touchableBackground]: d,
+            [_listcssmistica.touchableBackgroundInverse]: u,
             [_listcssmistica.pointer]: !i
         }),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
-        role: h,
-        dataAttributes: u,
+        role: l,
+        dataAttributes: o,
         disabled: i,
-        children: j(e)
+        children: H(e)
     });
     if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: m,
-            [_listcssmistica.touchableBackgroundInverse]: x,
+            [_listcssmistica.touchableBackground]: d,
+            [_listcssmistica.touchableBackgroundInverse]: u,
             [_listcssmistica.pointer]: !i
         }),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
-        role: h,
-        dataAttributes: u,
+        role: l,
+        dataAttributes: o,
         disabled: i,
-        children: j(e)
+        children: H(e)
     });
     if (e.href) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: m,
-            [_listcssmistica.touchableBackgroundInverse]: x,
+            [_listcssmistica.touchableBackground]: d,
+            [_listcssmistica.touchableBackgroundInverse]: u,
             [_listcssmistica.pointer]: !i
         }),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        role: h,
-        dataAttributes: u,
+        role: l,
+        dataAttributes: o,
         disabled: i,
-        children: j(e)
+        children: H(e)
     });
-    const K = (c)=>{
-        var D, Q;
+    const K = (s)=>{
+        var X, Q;
         var _ref, _ref1;
-        const w = (_ref1 = (_ref = (D = e.switch) == null ? void 0 : D.name) !== null && _ref !== void 0 ? _ref : (Q = e.checkbox) == null ? void 0 : Q.name) !== null && _ref1 !== void 0 ? _ref1 : r;
+        const w = (_ref1 = (_ref = (X = e.switch) == null ? void 0 : X.name) !== null && _ref !== void 0 ? _ref : (Q = e.checkbox) == null ? void 0 : Q.name) !== null && _ref1 !== void 0 ? _ref1 : r;
         return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _listcssmistica.dualActionContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                    dataAttributes: u,
+                    dataAttributes: o,
                     disabled: i,
                     onPress: e.onPress,
                     trackingEvent: e.trackingEvent,
-                    role: h,
+                    role: l,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                        [_listcssmistica.touchableBackground]: m,
-                        [_listcssmistica.touchableBackgroundInverse]: x
+                        [_listcssmistica.touchableBackground]: d,
+                        [_listcssmistica.touchableBackgroundInverse]: u
                     }),
-                    children: v({
+                    children: b({
                         type: "basic",
                         labelId: r
                     })
@@ -422,44 +423,44 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionDivider
                 }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(s, {
                     disabled: i,
                     name: w,
                     checked: G,
                     "aria-labelledby": r,
                     onChange: J,
                     render: (param)=>{
-                        let { controlElement: H } = param;
+                        let { controlElement: O } = param;
                         return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: _listcssmistica.dualActionRight,
-                            children: H
+                            children: O
                         });
                     }
                 })
             ]
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
-                [_listcssmistica.touchableBackground]: m,
-                [_listcssmistica.touchableBackgroundInverse]: x,
+                [_listcssmistica.touchableBackground]: d,
+                [_listcssmistica.touchableBackgroundInverse]: u,
                 [_listcssmistica.pointer]: !i
             }),
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(s, {
                 disabled: i,
-                dataAttributes: u,
+                dataAttributes: o,
                 name: w,
                 checked: G,
                 onChange: J,
                 render: (param)=>{
-                    let { controlElement: H, labelId: re } = param;
+                    let { controlElement: O, labelId: re } = param;
                     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
-                        role: h,
-                        children: v({
+                        role: l,
+                        children: b({
                             labelId: re,
                             type: "control",
                             right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                                     space: "around",
-                                    children: H
+                                    children: O
                                 })
                         })
                     });
@@ -471,16 +472,16 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         className: _listcssmistica.dualActionContainer,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                dataAttributes: u,
+                dataAttributes: o,
                 disabled: i,
                 onPress: e.onPress,
                 trackingEvent: e.trackingEvent,
-                role: h,
+                role: l,
                 className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                    [_listcssmistica.touchableBackground]: m,
-                    [_listcssmistica.touchableBackgroundInverse]: x
+                    [_listcssmistica.touchableBackground]: d,
+                    [_listcssmistica.touchableBackgroundInverse]: u
                 }),
-                children: v({
+                children: b({
                     type: "basic",
                     labelId: r
                 })
@@ -506,7 +507,7 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         className: (0, _classnames.default)(_listcssmistica.rowContent),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
-            children: v({
+            children: b({
                 labelId: r,
                 type: "control",
                 right: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
@@ -527,12 +528,12 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
                 disabled: i,
                 onPress: e.onPress,
-                role: h,
+                role: l,
                 className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                    [_listcssmistica.touchableBackground]: m,
-                    [_listcssmistica.touchableBackgroundInverse]: x
+                    [_listcssmistica.touchableBackground]: d,
+                    [_listcssmistica.touchableBackgroundInverse]: u
                 }),
-                children: v({
+                children: b({
                     type: "basic",
                     labelId: r
                 })
@@ -541,16 +542,16 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 className: _listcssmistica.dualActionDivider
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-                dataAttributes: u,
+                dataAttributes: o,
                 value: e.radioValue,
                 "aria-labelledby": r,
                 render: (param)=>{
-                    let { controlElement: c } = param;
+                    let { controlElement: s } = param;
                     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                         space: "around",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingX: 16,
-                            children: c
+                            children: s
                         })
                     });
                 }
@@ -558,26 +559,26 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: m,
-            [_listcssmistica.touchableBackgroundInverse]: x,
+            [_listcssmistica.touchableBackground]: d,
+            [_listcssmistica.touchableBackgroundInverse]: u,
             [_listcssmistica.pointer]: !i
         }),
-        role: h,
+        role: l,
         ref: n,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-            dataAttributes: u,
+            dataAttributes: o,
             value: e.radioValue,
             "aria-labelledby": r,
             render: (param)=>{
-                let { controlElement: c } = param;
+                let { controlElement: s } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
-                    children: v({
+                    children: b({
                         labelId: r,
                         type: "control",
                         right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                                 space: "around",
-                                children: c
+                                children: s
                             })
                     })
                 });
@@ -586,41 +587,45 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
         className: _listcssmistica.rowContent,
-        role: h,
-        dataAttributes: u,
-        children: e.right ? v({
+        role: l,
+        dataAttributes: o,
+        children: e.right ? b({
             type: "custom",
             right: e.right
-        }) : v({
+        }) : b({
             type: "basic"
         })
     });
-}), _e = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
-    var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
-        "dataAttributes"
+}), _e = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: e, role: n = "listitem" } = _param, r = _object_without_properties(_param, [
+        "dataAttributes",
+        "role"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, _object_spread_props(_object_spread({}, n), {
-        ref: r,
-        dataAttributes: _object_spread({
-            "component-name": "Row"
-        }, e)
-    }));
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        role: n,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, _object_spread_props(_object_spread({}, r), {
+            ref: c,
+            dataAttributes: _object_spread({
+                "component-name": "Row"
+            }, e)
+        }))
+    });
 }), $e = (param)=>{
-    let { children: e, ariaLabelledby: n, role: r, dataAttributes: o } = param;
-    const l = _react.Children.count(e) - 1;
+    let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
+    const m = _react.Children.count(e) - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         role: r,
         "aria-labelledby": n
-    }, (0, _dom.getPrefixedDataAttributes)(o, "RowList")), {
-        children: _react.Children.toArray(e).filter(Boolean).map((k, s)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+    }, (0, _dom.getPrefixedDataAttributes)(c, "RowList")), {
+        children: _react.Children.toArray(e).filter(Boolean).map((g, v)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    k,
-                    s < l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    g,
+                    v < m && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, s))
+            }, v))
     }));
 }, pe = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
@@ -635,14 +640,14 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, _object_spread({}, n))
     });
 }), et = (param)=>{
-    let { children: e, ariaLabelledby: n, role: r, dataAttributes: o } = param;
+    let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
         role: r,
         "aria-labelledby": n,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
-        }, o),
+        }, c),
         children: e
     });
 };

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

@@ -13,15 +13,15 @@ _export(exports, {
         return _;
     },
     portal: function() {
-        return f;
+        return r;
     },
     progress: function() {
-        return r;
+        return y;
     },
     progressContainer: function() {
-        return y;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var _ = "_1num3qg3", f = "_1num3qg2 _1y2v1nfh4 _1y2v1nfkf _1y2v1nfku _1y2v1nfl9", r = "_1num3qg7 _1y2v1nfh3 _1y2v1nfhv _1y2v1nfic", y = "_1y2v1nfhv _1y2v1nfk9 _1y2v1nfh2 _1y2v1nf4x _1y2v1nfif";
+var _ = "_1num3qg3", r = "_1num3qg2 _1y2v1nfh6 _1y2v1nfkh _1y2v1nfkw _1y2v1nflb", y = "_1num3qg7 _1y2v1nfh5 _1y2v1nfhx _1y2v1nfie", f = "_1y2v1nfhx _1y2v1nfkb _1y2v1nfh4 _1y2v1nf4y _1y2v1nfih";

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

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     inOutAnimationMs: function() {
-        return r;
+        return a;
     },
     loadingScreen: function() {
-        return a;
+        return r;
     },
     loadingScreenChildren: function() {
         return f;
@@ -45,7 +45,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-screen.css.ts.vanilla.css-mistica.js");
-var r = 500, a = "flke8b1 _1y2v1nfh8 _1y2v1nfhe _1y2v1nfhn", f = "_1y2v1nfhu _1y2v1nfh8 _1y2v1nfhe _1y2v1nfhn _1y2v1nfhh", v = "flke8b9 _1y2v1nf7m", l = "flke8bb", o = "flke8bc", i = "flke8bf", d = "flke8be", t = {
+var a = 500, r = "flke8b1 _1y2v1nfha _1y2v1nfhg _1y2v1nfhp", f = "_1y2v1nfhw _1y2v1nfha _1y2v1nfhg _1y2v1nfhp _1y2v1nfhj", v = "flke8b9 _1y2v1nf7o", l = "flke8bb", o = "flke8bc", i = "flke8bf", d = "flke8be", t = {
     default: "flke8b4",
     inverse: "flke8b5"
 }, k = "flke8b3", c = "flke8b6";

package/dist/logo.d.ts

@@ -31,6 +31,7 @@ export declare const Logo: React.FC<LogoProps>;
 export declare const MovistarLogo: React.FC<LogoProps>;
 export declare const VivoLogo: React.FC<LogoProps>;
 export declare const O2Logo: React.FC<LogoProps>;
+export declare const O2NewLogo: React.FC<LogoProps>;
 export declare const TelefonicaLogo: React.FC<LogoProps>;
 export declare const BlauLogo: React.FC<LogoProps>;
 export declare const TuLogo: React.FC<LogoProps>;