@telefonica/mistica 14.33.0 → 14.35.0

package/dist/list.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -10,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     BoxedRow: function() {
-        return Ge;
+        return Ue;
     },
     BoxedRowList: function() {
-        return Je;
+        return Ze;
     },
     Content: function() {
-        return ye;
+        return Ce;
     },
     Row: function() {
-        return qe;
+        return Ke;
     },
     RowList: function() {
-        return ze;
+        return Qe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -43,7 +44,9 @@ const _boxed = require("./boxed.js");
 const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"));
 const _dom = require("./utils/dom.js");
 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");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -70,7 +73,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -167,20 +172,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
-        centerY: n
-    }) : n ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
+        centerY: r
+    }) : r ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             display: "flex",
             alignItems: "center",
             height: "100%"
         },
         children: e
-    }) : e, ye = (param)=>{
-    let { withChevron: e , headline: n , title: r , titleLinesMax: o , subtitle: s , subtitleLinesMax: x , description: d , descriptionLinesMax: W , detail: m , asset: V , type: g = "basic" , badge: A , right: E , extra: X , labelId: l , disabled: v  } = param;
+    }) : 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 = [
-        n,
         r,
+        n,
         s,
         d,
         X
@@ -207,6 +212,9 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 }),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _listcssmistica.asset,
+                    style: (0, _css.applyCssVars)({
+                        [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
+                    }),
                     children: V
                 })
             }),
@@ -220,11 +228,11 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 4,
                     children: [
-                        n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
+                        r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textPrimary,
                             hyphens: "auto",
-                            children: n
+                            children: r
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                             space: 2,
@@ -235,12 +243,12 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                                     truncate: o,
                                     id: l,
                                     hyphens: "auto",
-                                    children: r
+                                    children: n
                                 }),
                                 s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     regular: !0,
                                     color: _skincontractcssmistica.vars.colors.textSecondary,
-                                    truncate: x,
+                                    truncate: w,
                                     hyphens: "auto",
                                     children: s
                                 }),
@@ -260,11 +268,11 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             f(),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 className: (0, _classnames.default)({
-                    [_listcssmistica.right]: !!m || g !== "basic",
-                    [_listcssmistica.rightRestrictedWidth]: !!m
+                    [_listcssmistica.right]: !!u || g !== "basic",
+                    [_listcssmistica.rightRestrictedWidth]: !!u
                 }),
                 children: [
-                    m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.detail, {
                             [_listcssmistica.disabled]: v
                         }),
@@ -272,24 +280,24 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             hyphens: "auto",
-                            children: m
+                            children: u
                         })
                     }),
                     g === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!m
+                            [_listcssmistica.detailRight]: !!u
                         }),
                         children: $(E, a)
                     }),
                     g === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)({
-                            [_listcssmistica.detailRight]: !!m,
+                            [_listcssmistica.detailRight]: !!u,
                             [_listcssmistica.disabled]: v
                         }),
                         children: $(E, a)
                     }),
                     (g === "chevron" || g === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                        paddingLeft: m || g === "custom" ? 4 : 0,
+                        paddingLeft: u || g === "custom" ? 4 : 0,
                         className: (0, _classnames.default)(_listcssmistica.center, {
                             [_listcssmistica.disabled]: v
                         }),
@@ -302,10 +310,10 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             })
         ]
     });
-}, Re = (param)=>{
-    let { value: e , defaultValue: n , onChange: r  } = param;
-    const o = e !== void 0, [s, x] = _react.useState(!!n), d = ()=>{
-        o || x(!s), r && r(o ? !e : !s);
+}, 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);
     };
     return o ? [
         !!e,
@@ -314,14 +322,14 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         s,
         d
     ];
-}, Ce = (e)=>e.switch !== void 0, Ne = (e)=>e.checkbox !== void 0, ke = (e)=>e.radioValue !== void 0, ee = /*#__PURE__*/ _react.forwardRef((e, n)=>{
-    const r = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { asset: s , headline: x , title: d , titleLinesMax: W , subtitle: m , 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, w = !a && o, [Y, q] = Re(e.switch || e.checkbox || {}), y = (param)=>/* @__PURE__ */ {
-        let { type: c , right: b , labelId: D  } = param;
-        return (0, _jsxruntime.jsx)(ye, {
+}, 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)=>/* @__PURE__ */ {
+        let { type: c, right: b, labelId: D } = param;
+        return (0, _jsxruntime.jsx)(Ce, {
             asset: s,
-            headline: x,
+            headline: w,
             title: d,
-            subtitle: m,
+            subtitle: u,
             description: g,
             badge: X,
             titleLinesMax: W,
@@ -339,18 +347,18 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         let b = "chevron";
         return c.right === null && (b = "basic"), c.right && (b = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             paddingX: 16,
-            ref: n,
-            children: y({
+            ref: r,
+            children: R({
                 type: b,
                 right: c.right
             })
         });
     };
-    if (e.onPress && !Ce(e) && !Ne(e) && !ke(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        ref: n,
+    if (e.onPress && !ke(e) && !Pe(e) && !Be(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
+        ref: r,
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: f,
-            [_listcssmistica.touchableBackgroundInverse]: w,
+            [_listcssmistica.touchableBackgroundInverse]: y,
             [_listcssmistica.pointer]: !a
         }),
         trackingEvent: e.trackingEvent,
@@ -363,7 +371,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: f,
-            [_listcssmistica.touchableBackgroundInverse]: w,
+            [_listcssmistica.touchableBackgroundInverse]: y,
             [_listcssmistica.pointer]: !a
         }),
         trackingEvent: e.trackingEvent,
@@ -377,7 +385,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     if (e.href) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: f,
-            [_listcssmistica.touchableBackgroundInverse]: w,
+            [_listcssmistica.touchableBackgroundInverse]: y,
             [_listcssmistica.pointer]: !a
         }),
         trackingEvent: e.trackingEvent,
@@ -391,7 +399,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     const z = (c)=>{
         var D, G;
         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 : r;
+        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;
         return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _listcssmistica.dualActionContainer,
             children: [
@@ -402,11 +410,11 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     role: l,
                     className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
                         [_listcssmistica.touchableBackground]: f,
-                        [_listcssmistica.touchableBackgroundInverse]: w
+                        [_listcssmistica.touchableBackgroundInverse]: y
                     }),
-                    children: y({
+                    children: R({
                         type: "basic",
-                        labelId: r
+                        labelId: n
                     })
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -416,10 +424,10 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     disabled: a,
                     name: b,
                     checked: Y,
-                    "aria-labelledby": r,
+                    "aria-labelledby": n,
                     onChange: q,
                     render: (param)=>/* @__PURE__ */ {
-                        let { controlElement: H  } = param;
+                        let { controlElement: H } = param;
                         return (0, _jsxruntime.jsx)("div", {
                             className: _listcssmistica.dualActionRight,
                             children: H
@@ -430,7 +438,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: (0, _classnames.default)(_listcssmistica.rowContent, {
                 [_listcssmistica.touchableBackground]: f,
-                [_listcssmistica.touchableBackgroundInverse]: w,
+                [_listcssmistica.touchableBackgroundInverse]: y,
                 [_listcssmistica.pointer]: !a
             }),
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
@@ -440,11 +448,11 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 checked: Y,
                 onChange: q,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: H , labelId: te  } = param;
+                    let { controlElement: H, labelId: te } = param;
                     return (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         role: l,
-                        children: y({
+                        children: R({
                             labelId: te,
                             type: "control",
                             right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
@@ -466,11 +474,11 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 role: l,
                 className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
                     [_listcssmistica.touchableBackground]: f,
-                    [_listcssmistica.touchableBackgroundInverse]: w
+                    [_listcssmistica.touchableBackgroundInverse]: y
                 }),
-                children: y({
+                children: R({
                     type: "basic",
-                    labelId: r
+                    labelId: n
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -479,9 +487,9 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
                 dataAttributes: h,
                 value: e.radioValue,
-                "aria-labelledby": r,
+                "aria-labelledby": n,
                 render: (param)=>/* @__PURE__ */ {
-                    let { controlElement: c  } = param;
+                    let { controlElement: c } = param;
                     return (0, _jsxruntime.jsx)(_stack.default, {
                         space: "around",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -495,21 +503,21 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(_listcssmistica.rowContent, {
             [_listcssmistica.touchableBackground]: f,
-            [_listcssmistica.touchableBackgroundInverse]: w,
+            [_listcssmistica.touchableBackgroundInverse]: y,
             [_listcssmistica.pointer]: !a
         }),
         role: l,
-        ref: n,
+        ref: r,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
             dataAttributes: h,
             value: e.radioValue,
-            "aria-labelledby": r,
+            "aria-labelledby": n,
             render: (param)=>/* @__PURE__ */ {
-                let { controlElement: c  } = param;
+                let { controlElement: c } = param;
                 return (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
-                    children: y({
-                        labelId: r,
+                    children: R({
+                        labelId: n,
                         type: "control",
                         right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                                 space: "around",
@@ -524,33 +532,33 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         className: _listcssmistica.rowContent,
         role: l,
         dataAttributes: h,
-        children: e.right ? y({
+        children: e.right ? R({
             type: "custom",
             right: e.right
-        }) : y({
+        }) : R({
             type: "basic"
         })
     });
-}), qe = /*#__PURE__*/ _react.forwardRef((_param, r)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [
+}), Ke = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return (0, _jsxruntime.jsx)(ee, _object_spread_props(_object_spread({}, n), {
-        ref: r,
+    return (0, _jsxruntime.jsx)(ee, _object_spread_props(_object_spread({}, r), {
+        ref: n,
         dataAttributes: _object_spread({
             "component-name": "Row"
         }, e)
     }));
-}), ze = (param)=>{
-    let { children: e , ariaLabelledby: n , role: r , dataAttributes: o  } = param;
+}), Qe = (param)=>{
+    let { children: e, ariaLabelledby: r, role: n, dataAttributes: o } = param;
     const s = _react.Children.count(e) - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-        role: r,
-        "aria-labelledby": n
+        role: n,
+        "aria-labelledby": r
     }, (0, _dom.getPrefixedDataAttributes)(o, "RowList")), {
-        children: _react.Children.toArray(e).filter(Boolean).map((x, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: _react.Children.toArray(e).filter(Boolean).map((w, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
-                    x,
+                    w,
                     d < s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
@@ -558,24 +566,24 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                 ]
             }, d))
     }));
-}, Ge = /*#__PURE__*/ _react.forwardRef((_param, r)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, n = _object_without_properties(_param, [
+}, Ue = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
+    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxruntime.jsx)(_boxed.Boxed, {
-        isInverse: n.isInverse,
-        ref: r,
+        isInverse: r.isInverse,
+        ref: n,
         dataAttributes: _object_spread({
             "component-name": "BoxedRow"
         }, e),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ee, _object_spread({}, n))
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ee, _object_spread({}, r))
     });
-}), Je = (param)=>/* @__PURE__ */ {
-    let { children: e , ariaLabelledby: n , role: r , dataAttributes: o  } = param;
+}), Ze = (param)=>/* @__PURE__ */ {
+    let { children: e, ariaLabelledby: r, role: n, dataAttributes: o } = param;
     return (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
-        role: r,
-        "aria-labelledby": n,
+        role: n,
+        "aria-labelledby": r,
         dataAttributes: _object_spread({
             "component-name": "BoxedRowList"
         }, o),

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

@@ -19,19 +19,19 @@ _export(exports, {
         return e;
     },
     exit: function() {
-        return a;
+        return f;
     },
     exitActive: function() {
-        return f;
+        return y;
     },
     innerProgress: function() {
-        return y;
+        return a;
     },
     portal: function() {
-        return g;
+        return t;
     },
     progress: function() {
-        return t;
+        return g;
     },
     progressContainer: function() {
         return m;
@@ -39,4 +39,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var r = 400, _ = "_1num3qg9", e = "_1num3qga", a = "_1num3qgb", f = "_1num3qgc", y = "_1num3qg8 _1y2v1nfce", g = "_1num3qg3 _1y2v1nfb6 _1y2v1nfeg _1y2v1nfev _1y2v1nffa", t = "_1num3qg6 _1y2v1nfb5 _1y2v1nfce _1y2v1nfbx", m = "_1y2v1nfbx _1y2v1nfea _1y2v1nfb4 _1y2v1nf4c _1y2v1nfch";
+var r = 400, _ = "_1num3qg9", e = "_1num3qga", f = "_1num3qgb", y = "_1num3qgc", a = "_1num3qg8 _1y2v1nfce", t = "_1num3qg3 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", g = "_1num3qg6 _1y2v1nfb5 _1y2v1nfce _1y2v1nfbx", m = "_1y2v1nfbx _1y2v1nfeb _1y2v1nfb4 _1y2v1nf4c _1y2v1nfch";

package/dist/loading-bar.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -67,7 +68,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 const x = (param)=>/* @__PURE__ */ {
-    let { visible: r , dataAttributes: t  } = param;
+    let { visible: r, dataAttributes: t } = param;
     return (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
         in: r,
         timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : _loadingbarcssmistica.TRANSITION_DURATION_MS,

package/dist/logo.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -124,8 +125,8 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const g = (param)=>{
-    let { size: t , type: a  } = param;
-    const { isDarkMode: e  } = (0, _hooks.useTheme)(), { colors: V  } = (0, _movistar.getMovistarSkin)(), H = (0, _themevariantcontext.useIsInverseVariant)() && !e ? V.inverse : V.brand;
+    let { size: t, type: a } = param;
+    const { isDarkMode: e } = (0, _hooks.useTheme)(), { colors: V } = (0, _movistar.getMovistarSkin)(), H = (0, _themevariantcontext.useIsInverseVariant)() && !e ? V.inverse : V.brand;
     return a === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
         height: t,
         viewBox: "0 0 72 72",
@@ -201,8 +202,8 @@ const g = (param)=>{
         })
     });
 }, m = (param)=>{
-    let { size: t , type: a  } = param;
-    const { isDarkMode: e  } = (0, _hooks.useTheme)(), V = (0, _themevariantcontext.useIsInverseVariant)(), { colors: i  } = (0, _vivo.getVivoSkin)(), H = V && !e ? i.inverse : i.brand;
+    let { size: t, type: a } = param;
+    const { isDarkMode: e } = (0, _hooks.useTheme)(), V = (0, _themevariantcontext.useIsInverseVariant)(), { colors: i } = (0, _vivo.getVivoSkin)(), H = V && !e ? i.inverse : i.brand;
     return a === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
         height: t,
         viewBox: "0 0 72 72",
@@ -260,8 +261,8 @@ const g = (param)=>{
         })
     });
 }, k = (param)=>{
-    let { size: t , type: a  } = param;
-    const { isDarkMode: e  } = (0, _hooks.useTheme)(), V = (0, _themevariantcontext.useIsInverseVariant)(), { colors: i  } = (0, _o2.getO2Skin)(), H = V && !e ? i.inverse : i.brand;
+    let { size: t, type: a } = param;
+    const { isDarkMode: e } = (0, _hooks.useTheme)(), V = (0, _themevariantcontext.useIsInverseVariant)(), { colors: i } = (0, _o2.getO2Skin)(), H = V && !e ? i.inverse : i.brand;
     return a === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         height: t,
         viewBox: "0 0 72 72",
@@ -285,8 +286,8 @@ const g = (param)=>{
         })
     });
 }, u = (param)=>{
-    let { size: t , type: a  } = param;
-    const { isDarkMode: e  } = (0, _hooks.useTheme)(), V = (0, _themevariantcontext.useIsInverseVariant)(), { colors: i  } = (0, _telefonica.getTelefonicaSkin)(), H = V && !e ? i.inverse : i.brand;
+    let { size: t, type: a } = param;
+    const { isDarkMode: e } = (0, _hooks.useTheme)(), V = (0, _themevariantcontext.useIsInverseVariant)(), { colors: i } = (0, _telefonica.getTelefonicaSkin)(), H = V && !e ? i.inverse : i.brand;
     return a === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
         height: t,
         viewBox: "0 0 73 72",
@@ -460,8 +461,8 @@ const g = (param)=>{
         ]
     });
 }, w = (param)=>{
-    let { size: t , type: a  } = param;
-    const { isDarkMode: e  } = (0, _hooks.useTheme)(), V = (0, _themevariantcontext.useIsInverseVariant)(), { colors: i  } = (0, _blau.getBlauSkin)(), H = V && !e ? i.inverse : i.brand, s = V && !e ? i.inverse : i.promo;
+    let { size: t, type: a } = param;
+    const { isDarkMode: e } = (0, _hooks.useTheme)(), V = (0, _themevariantcontext.useIsInverseVariant)(), { colors: i } = (0, _blau.getBlauSkin)(), H = V && !e ? i.inverse : i.brand, s = V && !e ? i.inverse : i.promo;
     return a === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
         height: t,
         viewBox: "0 0 73 72",
@@ -512,7 +513,7 @@ const g = (param)=>{
         ]
     });
 }, h = (param)=>{
-    let { size: t = 48 , skinName: a , type: e = "isotype"  } = param;
+    let { size: t = 48, skinName: a, type: e = "isotype" } = param;
     switch(a){
         case "Movistar":
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
@@ -577,11 +578,11 @@ const g = (param)=>{
         children: t.children
     }));
 }, W = (_param)=>{
-    var { size: t , type: a = "isotype"  } = _param, e = _object_without_properties(_param, [
+    var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
         "size",
         "type"
     ]);
-    const { skinName: V  } = (0, _hooks.useTheme)();
+    const { skinName: V } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread_props(_object_spread({}, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(h, {
             skinName: V,
@@ -590,7 +591,7 @@ const g = (param)=>{
         })
     }));
 }, b = (_param)=>/* @__PURE__ */ {
-    var { type: t = "isotype" , size: a  } = _param, e = _object_without_properties(_param, [
+    var { type: t = "isotype", size: a } = _param, e = _object_without_properties(_param, [
         "type",
         "size"
     ]);
@@ -602,7 +603,7 @@ const g = (param)=>{
         })
     }));
 }, q = (_param)=>/* @__PURE__ */ {
-    var { size: t , type: a = "isotype"  } = _param, e = _object_without_properties(_param, [
+    var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
         "size",
         "type"
     ]);
@@ -614,7 +615,7 @@ const g = (param)=>{
         })
     }));
 }, F = (_param)=>/* @__PURE__ */ {
-    var { size: t , type: a = "isotype"  } = _param, e = _object_without_properties(_param, [
+    var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
         "size",
         "type"
     ]);
@@ -626,7 +627,7 @@ const g = (param)=>{
         })
     }));
 }, G = (_param)=>/* @__PURE__ */ {
-    var { size: t , type: a = "isotype"  } = _param, e = _object_without_properties(_param, [
+    var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
         "size",
         "type"
     ]);
@@ -638,7 +639,7 @@ const g = (param)=>{
         })
     }));
 }, J = (_param)=>/* @__PURE__ */ {
-    var { size: t , type: a = "isotype"  } = _param, e = _object_without_properties(_param, [
+    var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
         "size",
         "type"
     ]);

package/dist/master-detail-layout.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -18,8 +19,8 @@ function _interop_require_default(obj) {
     };
 }
 const m = (param)=>{
-    let { isOpen: i , master: r , detail: e  } = param;
-    const { isTabletOrSmaller: a  } = (0, _hooks.useScreenSize)();
+    let { isOpen: i, master: r, detail: e } = param;
+    const { isTabletOrSmaller: a } = (0, _hooks.useScreenSize)();
     return a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
         children: i ? e : r
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {

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

@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var f = "cim30m2 _1y2v1nfb5 _1y2v1nfeg _1y2v1nffa _1y2v1nfc9 _1y2v1nfcp _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", y = "cim30m4 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfc6 _1y2v1nfcm _1y2v1nfdt", _ = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbs";
+var f = "cim30m2 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb _1y2v1nfc9 _1y2v1nfcp _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", y = "cim30m4 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfc6 _1y2v1nfcm _1y2v1nfdt", _ = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbs";

package/dist/maybe-dismissable.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -49,7 +50,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -68,8 +71,8 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const a = /*#__PURE__*/ _react.createContext(!1), I = ()=>_react.useContext(a), x = (param)=>{
-    let { children: s , width: r , onClose: t , "aria-label": o  } = param;
-    const { texts: l  } = (0, _hooks.useTheme)();
+    let { children: s, width: r, onClose: t, "aria-label": o } = param;
+    const { texts: l } = (0, _hooks.useTheme)();
     return t ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", {
         className: _maybedismissablecssmistica.dismissableContainer,
         "aria-label": o,