@telefonica/mistica 14.34.0 → 14.36.0

package/dist/index.js

@@ -663,6 +663,15 @@ _export(exports, {
     IconBandAidRegular: function() {
         return _iconbandaidregular.default;
     },
+    IconBarChartFilled: function() {
+        return _iconbarchartfilled.default;
+    },
+    IconBarChartLight: function() {
+        return _iconbarchartlight.default;
+    },
+    IconBarChartRegular: function() {
+        return _iconbarchartregular.default;
+    },
     IconBarcodeFilled: function() {
         return _iconbarcodefilled.default;
     },
@@ -1077,6 +1086,15 @@ _export(exports, {
     IconCasinoRegular: function() {
         return _iconcasinoregular.default;
     },
+    IconCatFilled: function() {
+        return _iconcatfilled.default;
+    },
+    IconCatLight: function() {
+        return _iconcatlight.default;
+    },
+    IconCatRegular: function() {
+        return _iconcatregular.default;
+    },
     IconCertificateFilled: function() {
         return _iconcertificatefilled.default;
     },
@@ -1848,6 +1866,15 @@ _export(exports, {
     IconDocumentsRegular: function() {
         return _icondocumentsregular.default;
     },
+    IconDogFilled: function() {
+        return _icondogfilled.default;
+    },
+    IconDogLight: function() {
+        return _icondoglight.default;
+    },
+    IconDogRegular: function() {
+        return _icondogregular.default;
+    },
     IconDollarSymbolCircleFilled: function() {
         return _icondollarsymbolcirclefilled.default;
     },
@@ -3009,6 +3036,15 @@ _export(exports, {
     IconListRegular: function() {
         return _iconlistregular.default;
     },
+    IconLoanFilled: function() {
+        return _iconloanfilled.default;
+    },
+    IconLoanLight: function() {
+        return _iconloanlight.default;
+    },
+    IconLoanRegular: function() {
+        return _iconloanregular.default;
+    },
     IconLocationFilled: function() {
         return _iconlocationfilled.default;
     },
@@ -3099,6 +3135,15 @@ _export(exports, {
     IconLostFoundRegular: function() {
         return _iconlostfoundregular.default;
     },
+    IconLotusFilled: function() {
+        return _iconlotusfilled.default;
+    },
+    IconLotusLight: function() {
+        return _iconlotuslight.default;
+    },
+    IconLotusRegular: function() {
+        return _iconlotusregular.default;
+    },
     IconLoudspeakerFilled: function() {
         return _iconloudspeakerfilled.default;
     },
@@ -3429,6 +3474,15 @@ _export(exports, {
     IconNotConexionRegular: function() {
         return _iconnotconexionregular.default;
     },
+    IconNotPhotoCameraFilled: function() {
+        return _iconnotphotocamerafilled.default;
+    },
+    IconNotPhotoCameraLight: function() {
+        return _iconnotphotocameralight.default;
+    },
+    IconNotPhotoCameraRegular: function() {
+        return _iconnotphotocameraregular.default;
+    },
     IconNotesFilled: function() {
         return _iconnotesfilled.default;
     },
@@ -3906,6 +3960,15 @@ _export(exports, {
     IconPuzzleRegular: function() {
         return _iconpuzzleregular.default;
     },
+    IconQrCodeFilled: function() {
+        return _iconqrcodefilled.default;
+    },
+    IconQrCodeLight: function() {
+        return _iconqrcodelight.default;
+    },
+    IconQrCodeRegular: function() {
+        return _iconqrcoderegular.default;
+    },
     IconQuestionFilled: function() {
         return _iconquestionfilled.default;
     },
@@ -3933,6 +3996,15 @@ _export(exports, {
     IconRatingRegular: function() {
         return _iconratingregular.default;
     },
+    IconReadingQrFilled: function() {
+        return _iconreadingqrfilled.default;
+    },
+    IconReadingQrLight: function() {
+        return _iconreadingqrlight.default;
+    },
+    IconReadingQrRegular: function() {
+        return _iconreadingqrregular.default;
+    },
     IconRecordingFilled: function() {
         return _iconrecordingfilled.default;
     },
@@ -4440,6 +4512,9 @@ _export(exports, {
     IconSubtractCircleRegular: function() {
         return _iconsubtractcircleregular.default;
     },
+    IconSubtractFilled: function() {
+        return _iconsubtractfilled.default;
+    },
     IconSubtractLight: function() {
         return _iconsubtractlight.default;
     },
@@ -5604,6 +5679,9 @@ _export(exports, {
     useScreenSize: function() {
         return _hooks.useScreenSize;
     },
+    useSnackbar: function() {
+        return _snackbarcontext.useSnackbar;
+    },
     useTheme: function() {
         return _hooks.useTheme;
     },
@@ -5641,6 +5719,7 @@ const _counter = /*#__PURE__*/ _interop_require_default(require("./counter.js"))
 const _fixedfooterlayout = /*#__PURE__*/ _interop_require_default(require("./fixed-footer-layout.js"));
 const _buttonfixedfooterlayout = /*#__PURE__*/ _interop_require_default(require("./button-fixed-footer-layout.js"));
 const _snackbar = /*#__PURE__*/ _interop_require_default(require("./snackbar.js"));
+const _snackbarcontext = require("./snackbar-context.js");
 const _portal = require("./portal.js");
 const _loadingbar = /*#__PURE__*/ _interop_require_default(require("./loading-bar.js"));
 const _fixedtotop = /*#__PURE__*/ _interop_require_wildcard(require("./fixed-to-top.js"));
@@ -5896,6 +5975,9 @@ const _iconbalanceregular = /*#__PURE__*/ _interop_require_default(require("./ge
 const _iconbandaidfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-band-aid-filled.js"));
 const _iconbandaidlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-band-aid-light.js"));
 const _iconbandaidregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-band-aid-regular.js"));
+const _iconbarchartfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-bar-chart-filled.js"));
+const _iconbarchartlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-bar-chart-light.js"));
+const _iconbarchartregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-bar-chart-regular.js"));
 const _iconbarcodefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-barcode-filled.js"));
 const _iconbarcodelight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-barcode-light.js"));
 const _iconbarcoderegular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-barcode-regular.js"));
@@ -6033,6 +6115,9 @@ const _iconcarwithclockregular = /*#__PURE__*/ _interop_require_default(require(
 const _iconcasinofilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-casino-filled.js"));
 const _iconcasinolight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-casino-light.js"));
 const _iconcasinoregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-casino-regular.js"));
+const _iconcatfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-cat-filled.js"));
+const _iconcatlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-cat-light.js"));
+const _iconcatregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-cat-regular.js"));
 const _iconcertificatefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-certificate-filled.js"));
 const _iconcertificatelight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-certificate-light.js"));
 const _iconcertificateregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-certificate-regular.js"));
@@ -6289,6 +6374,9 @@ const _icondocumentotherregular = /*#__PURE__*/ _interop_require_default(require
 const _icondocumentsfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-documents-filled.js"));
 const _icondocumentslight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-documents-light.js"));
 const _icondocumentsregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-documents-regular.js"));
+const _icondogfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-dog-filled.js"));
+const _icondoglight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-dog-light.js"));
+const _icondogregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-dog-regular.js"));
 const _icondollarsymbolcirclefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-dollar-symbol-circle-filled.js"));
 const _icondollarsymbolcirclelight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-dollar-symbol-circle-light.js"));
 const _icondollarsymbolcircleregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-dollar-symbol-circle-regular.js"));
@@ -6674,6 +6762,9 @@ const _iconlistdocumentregular = /*#__PURE__*/ _interop_require_default(require(
 const _iconlistfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-list-filled.js"));
 const _iconlistlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-list-light.js"));
 const _iconlistregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-list-regular.js"));
+const _iconloanfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-loan-filled.js"));
+const _iconloanlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-loan-light.js"));
+const _iconloanregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-loan-regular.js"));
 const _iconlocationfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-location-filled.js"));
 const _iconlocationlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-location-light.js"));
 const _iconlocationmapfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-location-map-filled.js"));
@@ -6704,6 +6795,9 @@ const _iconlosstheftdevicesregular = /*#__PURE__*/ _interop_require_default(requ
 const _iconlostfoundfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-lost-found-filled.js"));
 const _iconlostfoundlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-lost-found-light.js"));
 const _iconlostfoundregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-lost-found-regular.js"));
+const _iconlotusfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-lotus-filled.js"));
+const _iconlotuslight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-lotus-light.js"));
+const _iconlotusregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-lotus-regular.js"));
 const _iconloudspeakerfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-loudspeaker-filled.js"));
 const _iconloudspeakerlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-loudspeaker-light.js"));
 const _iconloudspeakerregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-loudspeaker-regular.js"));
@@ -6817,6 +6911,9 @@ const _iconnotconexionregular = /*#__PURE__*/ _interop_require_default(require("
 const _iconnotesfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-notes-filled.js"));
 const _iconnoteslight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-notes-light.js"));
 const _iconnotesregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-notes-regular.js"));
+const _iconnotphotocamerafilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-not-photo-camera-filled.js"));
+const _iconnotphotocameralight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-not-photo-camera-light.js"));
+const _iconnotphotocameraregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-not-photo-camera-regular.js"));
 const _iconnumerickeypadfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-numeric-keypad-filled.js"));
 const _iconnumerickeypadlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-numeric-keypad-light.js"));
 const _iconnumerickeypadregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-numeric-keypad-regular.js"));
@@ -6973,6 +7070,9 @@ const _iconprocessloadingregular = /*#__PURE__*/ _interop_require_default(requir
 const _iconpuzzlefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-puzzle-filled.js"));
 const _iconpuzzlelight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-puzzle-light.js"));
 const _iconpuzzleregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-puzzle-regular.js"));
+const _iconqrcodefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-qr-code-filled.js"));
+const _iconqrcodelight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-qr-code-light.js"));
+const _iconqrcoderegular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-qr-code-regular.js"));
 const _iconquestionfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-question-filled.js"));
 const _iconquestionlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-question-light.js"));
 const _iconquestionregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-question-regular.js"));
@@ -6982,6 +7082,9 @@ const _iconqueueregular = /*#__PURE__*/ _interop_require_default(require("./gene
 const _iconratingfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-rating-filled.js"));
 const _iconratinglight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-rating-light.js"));
 const _iconratingregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-rating-regular.js"));
+const _iconreadingqrfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reading-qr-filled.js"));
+const _iconreadingqrlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reading-qr-light.js"));
+const _iconreadingqrregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reading-qr-regular.js"));
 const _iconrecordingfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-recording-filled.js"));
 const _iconrecordinglight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-recording-light.js"));
 const _iconrecordingregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-recording-regular.js"));
@@ -7151,6 +7254,7 @@ const _iconsubtitlesregular = /*#__PURE__*/ _interop_require_default(require("./
 const _iconsubtractcirclefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-circle-filled.js"));
 const _iconsubtractcirclelight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-circle-light.js"));
 const _iconsubtractcircleregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-circle-regular.js"));
+const _iconsubtractfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-filled.js"));
 const _iconsubtractlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-light.js"));
 const _iconsubtractregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-regular.js"));
 const _iconsunfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-sun-filled.js"));

package/dist/list.css-mistica.js

@@ -66,4 +66,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var _ = "_1y2v1nfba _1y2v1nfbs _1y2v1nfbu", f = "_1y2v1nfbj _1y2v1nfd0 _1y2v1nfce _1y2v1nfbs", y = "_1y2v1nfba _1y2v1nfbp", a = "_1y2v1nfba _1y2v1nfbx _1y2v1nfdn", b = "_2buj9gf", r = "_2buj9ge", t = "_2buj9g0", e = "_1y2v1nfba _1y2v1nfbf _1y2v1nfce", u = "_2buj9gm _1y2v1nfba", c = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbc _1y2v1nfbv", d = "_2buj9go _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbp _1y2v1nfbu _1y2v1nfby _1y2v1nfce", i = "_1y2v1nfe9", o = "_2buj9gc", g = "_2buj9gd", l = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbw", j = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbx _1y2v1nfds _1y2v1nf62 _1y2v1nfbc _1y2v1nfce", s = "_2buj9g1", h = "_2buj9g2";
+var _ = "_1y2v1nfba _1y2v1nfbs _1y2v1nfbu", f = "_1y2v1nfbj _1y2v1nfd0 _1y2v1nfce _1y2v1nfbs", y = "_1y2v1nfba _1y2v1nfbp", a = "_1y2v1nfba _1y2v1nfbx _1y2v1nfdn", b = "_2buj9gf", r = "_2buj9ge", t = "_2buj9g0", e = "_1y2v1nfba _1y2v1nfbf _1y2v1nfce", u = "_2buj9gm _1y2v1nfba", c = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbc _1y2v1nfbv", d = "_2buj9go _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbp _1y2v1nfbu _1y2v1nfby _1y2v1nfce", i = "_1y2v1nfea", o = "_2buj9gc", g = "_2buj9gd", l = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbw", j = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbx _1y2v1nfds _1y2v1nf62 _1y2v1nfbc _1y2v1nfce", s = "_2buj9g1", h = "_2buj9g2";

package/dist/list.js

@@ -11,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");
@@ -44,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
@@ -170,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
@@ -210,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
                 })
             }),
@@ -223,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,
@@ -238,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
                                 }),
@@ -263,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
                         }),
@@ -275,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
                         }),
@@ -305,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,
@@ -317,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__ */ {
+}, 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)(ye, {
+        return (0, _jsxruntime.jsx)(Ce, {
             asset: s,
-            headline: x,
+            headline: w,
             title: d,
-            subtitle: m,
+            subtitle: u,
             description: g,
             badge: X,
             titleLinesMax: W,
@@ -342,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,
@@ -366,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,
@@ -380,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,
@@ -394,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: [
@@ -405,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", {
@@ -419,7 +424,7 @@ 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;
@@ -433,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, {
@@ -447,7 +452,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     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, {
@@ -469,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", {
@@ -482,7 +487,7 @@ 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;
                     return (0, _jsxruntime.jsx)(_stack.default, {
@@ -498,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;
                 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",
@@ -527,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, {})
@@ -561,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),