@telefonica/mistica 14.45.0 → 14.46.0

package/dist/list.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return Ue;
+        return pe;
     },
     BoxedRowList: function() {
-        return Ze;
+        return et;
     },
     Content: function() {
         return Ce;
     },
     Row: function() {
-        return Ke;
+        return _e;
     },
     RowList: function() {
-        return Qe;
+        return $e;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -47,6 +47,7 @@ const _listcssmistica = require("./list.css-mistica.js");
 const _imagecssmistica = require("./image.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _css = require("./utils/css.js");
+const _iconbutton = require("./icon-button.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -172,9 +173,9 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
-        centerY: r
-    }) : r ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
+        centerY: n
+    }) : n ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             display: "flex",
             alignItems: "center",
@@ -182,18 +183,18 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         },
         children: e
     }) : e, Ce = (param)=>{
-    let { withChevron: e, headline: r, title: n, titleLinesMax: o, subtitle: s, subtitleLinesMax: w, description: d, descriptionLinesMax: W, detail: u, asset: V, type: g = "basic", badge: A, right: E, extra: X, labelId: l, disabled: v } = param;
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), a = [
-        r,
+    let { withChevron: e, headline: n, title: r, titleLinesMax: o, subtitle: l, subtitleLinesMax: I, description: s, descriptionLinesMax: W, detail: f, asset: V, type: v = "basic", badge: A, right: X, extra: E, labelId: h, disabled: b } = param;
+    const u = (0, _themevariantcontext.useIsInverseVariant)(), i = [
         n,
+        r,
+        l,
         s,
-        d,
-        X
-    ].filter(Boolean).length === 1, f = ()=>A ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        E
+    ].filter(Boolean).length === 1, m = ()=>A ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingLeft: 16,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.badge, {
-                    [_listcssmistica.disabled]: v
+                    [_listcssmistica.disabled]: b
                 }),
                 children: A === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
                     value: A
@@ -207,8 +208,8 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             V && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 16,
                 className: (0, _classnames.default)({
-                    [_listcssmistica.center]: a,
-                    [_listcssmistica.disabled]: v
+                    [_listcssmistica.center]: i,
+                    [_listcssmistica.disabled]: b
                 }),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
@@ -220,19 +221,19 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_listcssmistica.rowBody, {
-                    [_listcssmistica.disabled]: v
+                    [_listcssmistica.disabled]: b
                 }),
                 style: {
-                    justifyContent: a ? "center" : "flex-start"
+                    justifyContent: i ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 4,
                     children: [
-                        r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
+                        n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
                             hyphens: "auto",
-                            children: r
+                            children: n
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                             space: 2,
@@ -241,68 +242,68 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textPrimary,
                                     truncate: o,
-                                    id: l,
+                                    id: h,
                                     hyphens: "auto",
-                                    children: n
+                                    children: r
                                 }),
-                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                                    truncate: w,
+                                    truncate: I,
                                     hyphens: "auto",
-                                    children: s
+                                    children: l
                                 }),
-                                d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
                                     truncate: W,
                                     hyphens: "auto",
-                                    children: d
+                                    children: s
                                 }),
-                                X
+                                E
                             ]
                         })
                     ]
                 })
             }),
-            f(),
+            m(),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)({
-                    [_listcssmistica.right]: !!u || g !== "basic",
-                    [_listcssmistica.rightRestrictedWidth]: !!u
+                    [_listcssmistica.right]: !!f || v !== "basic",
+                    [_listcssmistica.rightRestrictedWidth]: !!f
                 }),
                 children: [
-                    u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    f && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.detail, {
-                            [_listcssmistica.disabled]: v
+                            [_listcssmistica.disabled]: b
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             hyphens: "auto",
-                            children: u
+                            children: f
                         })
                     }),
-                    g === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    v === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!u
+                            [_listcssmistica.detailRight]: !!f
                         }),
-                        children: $(E, a)
+                        children: ee(X, i)
                     }),
-                    g === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    v === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!u,
-                            [_listcssmistica.disabled]: v
+                            [_listcssmistica.detailRight]: !!f,
+                            [_listcssmistica.disabled]: b
                         }),
-                        children: $(E, a)
+                        children: ee(X, i)
                     }),
-                    (g === "chevron" || g === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingLeft: u || g === "custom" ? 4 : 0,
+                    (v === "chevron" || v === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingLeft: f || v === "custom" ? 4 : 0,
                         className: (0, _classnames.default)(_listcssmistica.center, {
-                            [_listcssmistica.disabled]: v
+                            [_listcssmistica.disabled]: b
                         }),
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                            color: h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
+                            color: u ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
                             direction: "right"
                         })
                     })
@@ -310,122 +311,122 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, Ne = (param)=>{
-    let { value: e, defaultValue: r, onChange: n } = param;
-    const o = e !== void 0, [s, w] = _react.useState(!!r), d = ()=>{
-        o || w(!s), n && n(o ? !e : !s);
+}, Ie = (param)=>{
+    let { value: e, defaultValue: n, onChange: r } = param;
+    const o = e !== void 0, [l, I] = _react.useState(!!n), s = ()=>{
+        o || I(!l), r && r(o ? !e : !l);
     };
     return o ? [
         !!e,
-        d
+        s
     ] : [
-        s,
-        d
+        l,
+        s
     ];
-}, ke = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Be = (e)=>e.radioValue !== void 0, ee = /*#__PURE__*/ _react.forwardRef((e, r)=>{
-    const n = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { asset: s, headline: w, title: d, titleLinesMax: W, subtitle: u, subtitleLinesMax: V, description: g, descriptionLinesMax: A, detail: E, badge: X, role: l, extra: v, dataAttributes: h } = e, F = (0, _radiobutton.useRadioContext)(), a = e.disabled || e.radioValue !== void 0 && F.disabled, f = !a && !o, y = !a && o, [Y, q] = Ne(e.switch || e.checkbox || {}), R = (param)=>{
-        let { type: c, right: b, labelId: D } = param;
+}, Pe = (e)=>e.switch !== void 0, ke = (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: I, title: s, titleLinesMax: W, subtitle: f, subtitleLinesMax: V, description: v, descriptionLinesMax: A, detail: X, badge: E, 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] = Ie(e.switch || e.checkbox || {}), g = (param)=>{
+        let { type: c, right: w, labelId: D } = param;
         return /* @__PURE__ */ (0, _jsxruntime.jsx)(Ce, {
-            asset: s,
-            headline: w,
-            title: d,
-            subtitle: u,
-            description: g,
-            badge: X,
+            asset: l,
+            headline: I,
+            title: s,
+            subtitle: f,
+            description: v,
+            badge: E,
             titleLinesMax: W,
             subtitleLinesMax: V,
             descriptionLinesMax: A,
-            detail: E,
+            detail: X,
             type: c,
-            right: b,
-            extra: v,
+            right: w,
+            extra: b,
             labelId: D,
-            disabled: a,
+            disabled: i,
             withChevron: !!e.onPress || !!e.href || !!e.to
         });
     }, j = (c)=>{
-        let b = "chevron";
-        return c.right === null && (b = "basic"), c.right && (b = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+        let w = "chevron";
+        return c.right === null && (w = "basic"), c.right && (w = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
-            ref: r,
-            children: R({
-                type: b,
+            ref: n,
+            children: g({
+                type: w,
                 right: c.right
             })
         });
     };
-    if (e.onPress && !ke(e) && !Pe(e) && !Be(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        ref: r,
+    if (e.onPress && !Pe(e) && !ke(e) && !Le(e) && !Ae(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+        ref: n,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: f,
-            [_listcssmistica.touchableBackgroundInverse]: y,
-            [_listcssmistica.pointer]: !a
+            [_listcssmistica.touchableBackground]: m,
+            [_listcssmistica.touchableBackgroundInverse]: x,
+            [_listcssmistica.pointer]: !i
         }),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
-        role: l,
-        dataAttributes: h,
-        disabled: a,
+        role: h,
+        dataAttributes: u,
+        disabled: i,
         children: j(e)
     });
     if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: f,
-            [_listcssmistica.touchableBackgroundInverse]: y,
-            [_listcssmistica.pointer]: !a
+            [_listcssmistica.touchableBackground]: m,
+            [_listcssmistica.touchableBackgroundInverse]: x,
+            [_listcssmistica.pointer]: !i
         }),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
-        role: l,
-        dataAttributes: h,
-        disabled: a,
+        role: h,
+        dataAttributes: u,
+        disabled: i,
         children: j(e)
     });
     if (e.href) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: f,
-            [_listcssmistica.touchableBackgroundInverse]: y,
-            [_listcssmistica.pointer]: !a
+            [_listcssmistica.touchableBackground]: m,
+            [_listcssmistica.touchableBackgroundInverse]: x,
+            [_listcssmistica.pointer]: !i
         }),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        role: l,
-        dataAttributes: h,
-        disabled: a,
+        role: h,
+        dataAttributes: u,
+        disabled: i,
         children: j(e)
     });
-    const z = (c)=>{
-        var D, G;
+    const K = (c)=>{
+        var D, Q;
         var _ref, _ref1;
-        const b = (_ref1 = (_ref = (D = e.switch) == null ? void 0 : D.name) !== null && _ref !== void 0 ? _ref : (G = e.checkbox) == null ? void 0 : G.name) !== null && _ref1 !== void 0 ? _ref1 : n;
+        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;
         return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _listcssmistica.dualActionContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                    dataAttributes: h,
-                    disabled: a,
+                    dataAttributes: u,
+                    disabled: i,
                     onPress: e.onPress,
-                    role: l,
+                    role: h,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                        [_listcssmistica.touchableBackground]: f,
-                        [_listcssmistica.touchableBackgroundInverse]: y
+                        [_listcssmistica.touchableBackground]: m,
+                        [_listcssmistica.touchableBackgroundInverse]: x
                     }),
-                    children: R({
+                    children: g({
                         type: "basic",
-                        labelId: n
+                        labelId: r
                     })
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.dualActionDivider
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
-                    disabled: a,
-                    name: b,
-                    checked: Y,
-                    "aria-labelledby": n,
-                    onChange: q,
+                    disabled: i,
+                    name: w,
+                    checked: G,
+                    "aria-labelledby": r,
+                    onChange: J,
                     render: (param)=>{
                         let { controlElement: H } = param;
                         return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -437,23 +438,23 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             ]
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
-                [_listcssmistica.touchableBackground]: f,
-                [_listcssmistica.touchableBackgroundInverse]: y,
-                [_listcssmistica.pointer]: !a
+                [_listcssmistica.touchableBackground]: m,
+                [_listcssmistica.touchableBackgroundInverse]: x,
+                [_listcssmistica.pointer]: !i
             }),
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
-                disabled: a,
-                dataAttributes: h,
-                name: b,
-                checked: Y,
-                onChange: q,
+                disabled: i,
+                dataAttributes: u,
+                name: w,
+                checked: G,
+                onChange: J,
                 render: (param)=>{
-                    let { controlElement: H, labelId: te } = param;
+                    let { controlElement: H, labelId: re } = param;
                     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
-                        role: l,
-                        children: R({
-                            labelId: te,
+                        role: h,
+                        children: g({
+                            labelId: re,
                             type: "control",
                             right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                                     space: "around",
@@ -465,29 +466,78 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         });
     };
-    return e.switch ? z(_switchcomponent.default) : e.checkbox ? z(_checkbox.default) : e.radioValue ? e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+    return e.switch ? K(_switchcomponent.default) : e.checkbox ? K(_checkbox.default) : e.iconButton ? e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+        className: _listcssmistica.dualActionContainer,
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
+                    [_listcssmistica.touchableBackground]: m,
+                    [_listcssmistica.touchableBackgroundInverse]: x
+                }),
+                children: g({
+                    type: "basic",
+                    labelId: r
+                })
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _listcssmistica.dualActionDivider
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                padding: 16,
+                children: /* @__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,
+                        ref: n
+                    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
+                        disabled: e.disabled,
+                        ref: n
+                    }))
+                })
+            })
+        ]
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(_listcssmistica.rowContent),
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            paddingX: 16,
+            children: g({
+                labelId: r,
+                type: "control",
+                right: /* @__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,
+                        ref: n
+                    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
+                        disabled: e.disabled,
+                        ref: n
+                    }))
+                })
+            })
+        })
+    }) : e.radioValue ? e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: _listcssmistica.dualActionContainer,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                disabled: a,
+                disabled: i,
                 onPress: e.onPress,
-                role: l,
+                role: h,
                 className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
-                    [_listcssmistica.touchableBackground]: f,
-                    [_listcssmistica.touchableBackgroundInverse]: y
+                    [_listcssmistica.touchableBackground]: m,
+                    [_listcssmistica.touchableBackgroundInverse]: x
                 }),
-                children: R({
+                children: g({
                     type: "basic",
-                    labelId: n
+                    labelId: r
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _listcssmistica.dualActionDivider
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-                dataAttributes: h,
+                dataAttributes: u,
                 value: e.radioValue,
-                "aria-labelledby": n,
+                "aria-labelledby": r,
                 render: (param)=>{
                     let { controlElement: c } = param;
                     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
@@ -502,22 +552,22 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
-            [_listcssmistica.touchableBackground]: f,
-            [_listcssmistica.touchableBackgroundInverse]: y,
-            [_listcssmistica.pointer]: !a
+            [_listcssmistica.touchableBackground]: m,
+            [_listcssmistica.touchableBackgroundInverse]: x,
+            [_listcssmistica.pointer]: !i
         }),
-        role: l,
-        ref: r,
+        role: h,
+        ref: n,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
-            dataAttributes: h,
+            dataAttributes: u,
             value: e.radioValue,
-            "aria-labelledby": n,
+            "aria-labelledby": r,
             render: (param)=>{
                 let { controlElement: c } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
-                    children: R({
-                        labelId: n,
+                    children: g({
+                        labelId: r,
                         type: "control",
                         right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                                 space: "around",
@@ -530,60 +580,60 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingX: 16,
         className: _listcssmistica.rowContent,
-        role: l,
-        dataAttributes: h,
-        children: e.right ? R({
+        role: h,
+        dataAttributes: u,
+        children: e.right ? g({
             type: "custom",
             right: e.right
-        }) : R({
+        }) : g({
             type: "basic"
         })
     });
-}), Ke = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
-    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
+}), _e = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+    var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(ee, _object_spread_props(_object_spread({}, r), {
-        ref: n,
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, _object_spread_props(_object_spread({}, n), {
+        ref: r,
         dataAttributes: _object_spread({
             "component-name": "Row"
         }, e)
     }));
-}), Qe = (param)=>{
-    let { children: e, ariaLabelledby: r, role: n, dataAttributes: o } = param;
-    const s = _react.Children.count(e) - 1;
+}), $e = (param)=>{
+    let { children: e, ariaLabelledby: n, role: r, dataAttributes: o } = param;
+    const l = _react.Children.count(e) - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        role: n,
-        "aria-labelledby": r
+        role: r,
+        "aria-labelledby": n
     }, (0, _dom.getPrefixedDataAttributes)(o, "RowList")), {
-        children: _react.Children.toArray(e).filter(Boolean).map((w, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: _react.Children.toArray(e).filter(Boolean).map((I, s)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    w,
-                    d < s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    I,
+                    s < l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                     })
                 ]
-            }, d))
+            }, s))
     }));
-}, Ue = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
-    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
+}, pe = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+    var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.Boxed, {
-        isInverse: r.isInverse,
-        ref: n,
+        isInverse: n.isInverse,
+        ref: r,
         dataAttributes: _object_spread({
             "component-name": "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ee, _object_spread({}, r))
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, _object_spread({}, n))
     });
-}), Ze = (param)=>{
-    let { children: e, ariaLabelledby: r, role: n, dataAttributes: o } = param;
+}), et = (param)=>{
+    let { children: e, ariaLabelledby: n, role: r, dataAttributes: o } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
-        role: n,
-        "aria-labelledby": r,
+        role: r,
+        "aria-labelledby": n,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
         }, o),

package/dist/loading-bar.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return h;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -85,4 +85,4 @@ const l = (param)=>{
             })
         }))
     });
-}, u = l;
+}, h = l;