@telefonica/mistica 14.33.0 → 14.35.0

package/dist/community/advanced-data-card.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -10,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     AdvancedDataCard: function() {
-        return Ne;
+        return xe;
     },
     default: function() {
-        return je;
+        return _e;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -22,6 +23,7 @@ const _boxed = require("../boxed.js");
 const _sprinklescssmistica = require("../sprinkles.css-mistica.js");
 const _stack = /*#__PURE__*/ _interop_require_default(require("../stack.js"));
 const _advanceddatacardcssmistica = require("./advanced-data-card.css-mistica.js");
+const _imagecssmistica = require("../image.css-mistica.js");
 const _divider = /*#__PURE__*/ _interop_require_default(require("../divider.js"));
 const _text = require("../text.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
@@ -32,6 +34,7 @@ const _card = require("../card.js");
 const _hooks = require("../hooks.js");
 const _dom = require("../utils/dom.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("../inline.js"));
+const _css = require("../utils/css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -58,7 +61,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)) {
@@ -155,8 +160,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const fe = (_param)=>{
-    var { headline: a , pretitle: i , pretitleAs: s = "p" , pretitleLinesMax: p , title: d , titleAs: c = "h3" , titleLinesMax: l , subtitle: h , subtitleLinesMax: o , description: t , descriptionLinesMax: u , ariaLabel: x  } = _param, n = _object_without_properties(_param, [
+const ye = (_param)=>{
+    var { headline: a, pretitle: i, pretitleAs: n = "p", pretitleLinesMax: p, title: d, titleAs: l = "h3", titleLinesMax: c, subtitle: m, subtitleLinesMax: o, description: r, descriptionLinesMax: u, ariaLabel: x } = _param, s = _object_without_properties(_param, [
         "headline",
         "pretitle",
         "pretitleAs",
@@ -170,7 +175,7 @@ const fe = (_param)=>{
         "descriptionLinesMax",
         "ariaLabel"
     ]);
-    const { textPresets: y  } = (0, _hooks.useTheme)();
+    const { textPresets: T } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 4,
         children: [
@@ -179,14 +184,14 @@ const fe = (_param)=>{
                 tabIndex: 0,
                 maybe: !0,
                 className: (0, _classnames.default)(_advanceddatacardcssmistica.touchableArea)
-            }, n), {
+            }, s), {
                 "aria-label": x,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {})
             })),
             i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                 color: _skincontractcssmistica.vars.colors.textPrimary,
                 truncate: p,
-                as: s,
+                as: n,
                 regular: !0,
                 hyphens: "auto",
                 children: i
@@ -196,9 +201,9 @@ const fe = (_param)=>{
                 mobileLineHeight: "24px",
                 desktopSize: 20,
                 desktopLineHeight: "28px",
-                truncate: l,
-                weight: y.cardTitle.weight,
-                as: c,
+                truncate: c,
+                weight: T.cardTitle.weight,
+                as: l,
                 hyphens: "auto",
                 children: d
             }),
@@ -208,21 +213,21 @@ const fe = (_param)=>{
                 as: "p",
                 regular: !0,
                 hyphens: "auto",
-                children: h
+                children: m
             }),
-            t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+            r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                 truncate: u,
                 as: "p",
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textSecondary,
                 hyphens: "auto",
-                children: t
+                children: r
             })
         ]
     });
-}, ve = (param)=>{
-    let { button: a , footerImage: i , footerText: s , footerTextLinesMax: p , buttonLink: d  } = param;
-    const c = !!a, l = !!i, h = !!s, o = !!d, t = c && (l || h) && o, u = o && !t ? "178px" : "";
+}, Ne = (param)=>{
+    let { button: a, footerImage: i, footerText: n, footerTextLinesMax: p, buttonLink: d } = param;
+    const l = !!a, c = !!i, m = !!n, o = !!d, r = l && (c || m) && o, u = o && !r ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -230,26 +235,31 @@ const fe = (_param)=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[t ? "mobile" : "default"]),
+                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[r ? "mobile" : "default"]),
                 children: [
-                    c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_advanceddatacardcssmistica.marginRightButton, _advanceddatacardcssmistica.buttonMobile),
                         children: a
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, t ? _advanceddatacardcssmistica.marginRightAuto : (0, _sprinklescssmistica.sprinkles)({
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, r ? _advanceddatacardcssmistica.marginRightAuto : (0, _sprinklescssmistica.sprinkles)({
                             paddingTop: 16
                         })),
                         children: [
-                            l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                            c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingRight: 16,
                                 className: (0, _sprinklescssmistica.sprinkles)({
                                     alignItems: "center",
                                     display: "flex"
                                 }),
-                                children: i
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                    style: (0, _css.applyCssVars)({
+                                        [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
+                                    }),
+                                    children: i
+                                })
                             }),
-                            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
                                     maxWidth: u
                                 },
@@ -257,21 +267,21 @@ const fe = (_param)=>{
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     truncate: p,
                                     regular: !0,
-                                    children: s
+                                    children: n
                                 })
                             })
                         ]
                     }),
                     o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, t ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, r ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
                         children: d
                     })
                 ]
             })
         ]
     });
-}, Ne = /*#__PURE__*/ _react.forwardRef((_param, _)=>{
-    var { stackingGroup: a , headline: i , pretitle: s , pretitleAs: p , pretitleLinesMax: d , title: c , titleAs: l , titleLinesMax: h , subtitle: o , subtitleLinesMax: t , description: u , descriptionLinesMax: x , extra: n , extraDividerPadding: y = 24 , button: A , footerImage: b , footerText: B , footerTextLinesMax: z , buttonLink: S , dataAttributes: H , actions: g , "aria-label": w , onClose: D  } = _param, f = _object_without_properties(_param, [
+}, xe = /*#__PURE__*/ _react.forwardRef((_param, _)=>{
+    var { stackingGroup: a, headline: i, pretitle: n, pretitleAs: p, pretitleLinesMax: d, title: l, titleAs: c, titleLinesMax: m, subtitle: o, subtitleLinesMax: r, description: u, descriptionLinesMax: x, extra: s, extraDividerPadding: T = 24, button: b, footerImage: A, footerText: B, footerTextLinesMax: z, buttonLink: R, dataAttributes: H, actions: g, "aria-label": S, onClose: w } = _param, f = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -296,16 +306,16 @@ const fe = (_param)=>{
         "aria-label",
         "onClose"
     ]);
-    const E = !!f.href || !!f.onPress || !!f.to, W = {
-        button: A,
-        footerImage: b,
+    const E = !!f.href || !!f.onPress || !!f.to, V = {
+        button: b,
+        footerImage: A,
         footerText: B,
         footerTextLinesMax: z,
-        buttonLink: S
-    }, I = !!A || !!b || !!B || !!S, R = !!(n != null && n.length), G = ((g == null ? void 0 : g.length) || 0) + (D ? 1 : 0), L = {
+        buttonLink: R
+    }, D = !!b || !!A || !!B || !!R, I = !!(s != null && s.length), W = ((g == null ? void 0 : g.length) || 0) + (w ? 1 : 0), G = {
         marginRight: -16,
         marginTop: -24,
-        width: _card.TOP_ACTION_BUTTON_SIZE * G
+        width: _card.TOP_ACTION_BUTTON_SIZE * W
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
         className: (0, _sprinklescssmistica.sprinkles)({
@@ -314,7 +324,7 @@ const fe = (_param)=>{
         })
     }, (0, _dom.getPrefixedDataAttributes)(H, "AdvancedDataCard")), {
         ref: _,
-        "aria-label": w,
+        "aria-label": S,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
             className: _advanceddatacardcssmistica.dataCard,
             children: [
@@ -325,7 +335,7 @@ const fe = (_param)=>{
                             className: _advanceddatacardcssmistica.touchableCardOverlay
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !I && !R ? _advanceddatacardcssmistica.minHeight : ""),
+                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !D && !I ? _advanceddatacardcssmistica.minHeight : ""),
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingTop: 8,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
@@ -335,24 +345,24 @@ const fe = (_param)=>{
                                             space: 8,
                                             children: [
                                                 a,
-                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, _object_spread({
+                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(ye, _object_spread({
                                                     headline: i,
-                                                    pretitle: s,
+                                                    pretitle: n,
                                                     pretitleAs: p,
                                                     pretitleLinesMax: d,
-                                                    title: c,
-                                                    titleAs: l,
-                                                    titleLinesMax: h,
+                                                    title: l,
+                                                    titleAs: c,
+                                                    titleLinesMax: m,
                                                     subtitle: o,
-                                                    subtitleLinesMax: t,
+                                                    subtitleLinesMax: r,
                                                     description: u,
                                                     descriptionLinesMax: x,
-                                                    ariaLabel: w
+                                                    ariaLabel: S
                                                 }, f))
                                             ]
                                         }),
                                         !a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                            style: L
+                                            style: G
                                         })
                                     ]
                                 })
@@ -363,19 +373,19 @@ const fe = (_param)=>{
                                 flexGrow: 1
                             }
                         }),
-                        R && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        I && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingTop: 16,
                             paddingBottom: 24,
                             width: "100%",
                             className: _advanceddatacardcssmistica.zindex,
-                            children: n.map((M, F)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                            children: s.map((L, F)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                     children: [
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: _advanceddatacardcssmistica.paddingX,
-                                            children: M
+                                            children: L
                                         }),
-                                        F + 1 !== n.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                            paddingY: y,
+                                        F + 1 !== s.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                            paddingY: T,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                                         })
                                     ]
@@ -383,13 +393,13 @@ const fe = (_param)=>{
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
                             actions: g,
-                            onClose: D,
+                            onClose: w,
                             padding: 7
                         })
                     ]
                 }),
-                I && /* @__PURE__ */ (0, _jsxruntime.jsx)(ve, _object_spread({}, W))
+                D && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne, _object_spread({}, V))
             ]
         })
     }));
-}), je = Ne;
+}), _e = xe;

package/dist/community/blocks.js

@@ -10,40 +10,42 @@ function _export(target, all) {
 }
 _export(exports, {
     HighlightedValueBlock: function() {
-        return z;
+        return E;
     },
     InformationBlock: function() {
-        return q;
+        return D;
     },
     ProgressBlock: function() {
-        return D;
+        return J;
     },
     RowBlock: function() {
-        return L;
+        return z;
     },
     SimpleBlock: function() {
-        return V;
+        return A;
     },
     ValueBlock: function() {
-        return A;
+        return F;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _stack = /*#__PURE__*/ _interop_require_default(require("../stack.js"));
 const _blockscssmistica = require("./blocks.css-mistica.js");
+const _imagecssmistica = require("../image.css-mistica.js");
 const _text = require("../text.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("../inline.js"));
 const _box = /*#__PURE__*/ _interop_require_default(require("../box.js"));
 const _progressbar = require("../progress-bar.js");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _css = require("../utils/css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const g = (param)=>{
-    let { title: o , description: e  } = param;
+const p = (param)=>{
+    let { title: a, description: e } = param;
     const l = typeof e == "string" ? [
         e
     ] : e;
@@ -53,7 +55,7 @@ const g = (param)=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textPrimary,
-                children: o
+                children: a
             }),
             l && l.map((t, i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
@@ -63,19 +65,19 @@ const g = (param)=>{
                 }, i))
         ]
     });
-}, L = (param)=>/* @__PURE__ */ {
-    let { title: o , stackingGroup: e , description: l , "aria-label": t  } = param;
+}, z = (param)=>/* @__PURE__ */ {
+    let { title: a, stackingGroup: e, description: l, "aria-label": t } = param;
     return (0, _jsxruntime.jsx)("div", {
         "aria-label": t,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: "between",
             alignItems: "center",
             children: [
-                o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingRight: 32,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                         regular: !0,
-                        children: o
+                        children: a
                     })
                 }),
                 e || /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -86,15 +88,20 @@ const g = (param)=>{
             ]
         })
     });
-}, V = (param)=>/* @__PURE__ */ {
-    let { image: o , description: e , "aria-label": l  } = param;
+}, A = (param)=>/* @__PURE__ */ {
+    let { image: a, description: e, "aria-label": l } = param;
     return (0, _jsxruntime.jsx)("div", {
         "aria-label": l,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
             alignItems: "center",
             children: [
-                o,
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    style: (0, _css.applyCssVars)({
+                        [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
+                    }),
+                    children: a
+                }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
                     color: _skincontractcssmistica.vars.colors.textSecondary,
@@ -103,15 +110,15 @@ const g = (param)=>{
             ]
         })
     });
-}, q = (param)=>/* @__PURE__ */ {
-    let { title: o , description: e , secondaryValue: l , value: t , valueColor: i = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": d  } = param;
+}, D = (param)=>/* @__PURE__ */ {
+    let { title: a, description: e, secondaryValue: l, value: t, valueColor: i = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": d } = param;
     return (0, _jsxruntime.jsxs)(_inline.default, {
         space: "between",
         alignItems: "flex-end",
         "aria-label": d,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
-                title: o,
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
+                title: a,
                 description: e
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -131,14 +138,14 @@ const g = (param)=>{
             })
         ]
     });
-}, z = (param)=>/* @__PURE__ */ {
-    let { headline: o , mainHeading: e , secondHeading: l , secondaryValue: t , title: i , description: d , valueColor: m = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": b  } = param;
+}, E = (param)=>/* @__PURE__ */ {
+    let { headline: a, mainHeading: e, secondHeading: l, secondaryValue: t, title: i, description: d, valueColor: h = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": b } = param;
     return (0, _jsxruntime.jsxs)("div", {
         "aria-label": b,
         children: [
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
-                children: o
+                children: a
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                 space: 2,
@@ -148,7 +155,7 @@ const g = (param)=>{
                         alignItems: "baseline",
                         children: [
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
-                                color: m,
+                                color: h,
                                 children: e.value
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -163,7 +170,7 @@ const g = (param)=>{
                         alignItems: "baseline",
                         children: [
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
-                                color: m,
+                                color: h,
                                 children: l.value
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -181,15 +188,15 @@ const g = (param)=>{
             }),
             i || d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingTop: 8,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
                     title: i,
                     description: d
                 })
             }) : null
         ]
     });
-}, A = (param)=>/* @__PURE__ */ {
-    let { title: o , value: e , description: l , valueColor: t = _skincontractcssmistica.vars.colors.textPrimary , "aria-label": i  } = param;
+}, F = (param)=>/* @__PURE__ */ {
+    let { title: a, value: e, description: l, valueColor: t = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": i } = param;
     return (0, _jsxruntime.jsxs)("div", {
         "aria-label": i,
         className: _blockscssmistica.column,
@@ -197,21 +204,21 @@ const g = (param)=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textPrimary,
-                children: o
+                children: a
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
                 color: t,
                 children: e
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
                 description: l
             })
         ]
     });
-}, D = (param)=>/* @__PURE__ */ {
-    let { title: o , stackingGroup: e , progressPercent: l , reverse: t , heading: i , description: d , "aria-label": m  } = param;
+}, J = (param)=>/* @__PURE__ */ {
+    let { title: a, stackingGroup: e, progressPercent: l, reverse: t, heading: i, description: d, "aria-label": h } = param;
     return (0, _jsxruntime.jsx)("div", {
-        "aria-label": m,
+        "aria-label": h,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
             space: 8,
             children: [
@@ -223,7 +230,7 @@ const g = (param)=>{
                             paddingRight: 32,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                 regular: !0,
-                                children: o
+                                children: a
                             })
                         }),
                         e

package/dist/counter.css-mistica.js

@@ -45,4 +45,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./counter.css.ts.vanilla.css-mistica.js");
-var s = "rijsns8 _1y2v1nf62 _1y2v1nfds _1y2v1nfb5 _1y2v1nfc8 _1y2v1nfco", v = "rijsnse _1y2v1nfc7 _1y2v1nfcn _1y2v1nfb5 _1y2v1nfdz _1y2v1nf5o", a = "rijsns6", t = "rijsns3 _1y2v1nfdz _1y2v1nf33 _1y2v1nfbb _1y2v1nfea", f = "rijsnsc rijsnsa _1y2v1nfb5", o = "rijsnsa _1y2v1nfb5", y = "rijsns4", _ = "rijsns0", i = "rijsns1", b = "rijsnsb rijsnsa _1y2v1nfb5", e = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbj";
+var s = "rijsns8 _1y2v1nf62 _1y2v1nfds _1y2v1nfb5 _1y2v1nfc8 _1y2v1nfco", v = "rijsnse _1y2v1nfc7 _1y2v1nfcn _1y2v1nfb5 _1y2v1nfdz _1y2v1nf5o", a = "rijsns6", t = "rijsns3 _1y2v1nfdz _1y2v1nf33 _1y2v1nfbb _1y2v1nfeb", f = "rijsnsc rijsnsa _1y2v1nfb5", o = "rijsnsa _1y2v1nfb5", y = "rijsns4", _ = "rijsns0", i = "rijsns1", b = "rijsnsb rijsnsa _1y2v1nfb5", e = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbj";

package/dist/counter.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)) {
@@ -120,7 +123,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 const x = 20, W = (param)=>{
-    let { value: h , defaultValue: b , min: m , max: s , onChangeValue: a  } = param;
+    let { value: h, defaultValue: b, min: m, max: s, onChangeValue: a } = param;
     const i = h !== void 0, f = _react.useCallback((n)=>n === void 0 ? m : Math.max(m, Math.min(s, n)), [
         m,
         s
@@ -132,8 +135,8 @@ const x = 20, W = (param)=>{
         v
     ];
 }, X = (param)=>{
-    let { value: h , defaultValue: b , onChangeValue: m , onRemove: s , min: a , max: i , dataAttributes: f , disabled: e , removeLabel: p , increaseLabel: v , decreaseLabel: n , valueLabel: C  } = param;
-    const A = (0, _themevariantcontext.useThemeVariant)(), { texts: u  } = (0, _hooks.useTheme)(), l = a === void 0 ? 0 : a, d = Math.max(l, i === void 0 ? 999 : i), [t, T] = W({
+    let { value: h, defaultValue: b, onChangeValue: m, onRemove: s, min: a, max: i, dataAttributes: f, disabled: e, removeLabel: p, increaseLabel: v, decreaseLabel: n, valueLabel: C } = param;
+    const A = (0, _themevariantcontext.useThemeVariant)(), { texts: u } = (0, _hooks.useTheme)(), l = a === void 0 ? 0 : a, d = Math.max(l, i === void 0 ? 999 : i), [t, T] = W({
         value: h,
         defaultValue: b,
         min: l,

package/dist/credit-card-expiration-field.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -34,7 +35,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)) {
@@ -132,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const j = (_param)=>{
-    var { inputRef: g , defaultValue: s , value: l  } = _param, u = _object_without_properties(_param, [
+    var { inputRef: g, defaultValue: s, value: l } = _param, u = _object_without_properties(_param, [
         "inputRef",
         "defaultValue",
         "value"
     ]);
-    const { texts: p  } = (0, _hooks.useTheme)(), c = _react.useRef(""), i = (r)=>{
+    const { texts: p } = (0, _hooks.useTheme)(), c = _react.useRef(""), i = (r)=>{
         if (r.length === 2 && c.current === "Backspace") return r[0];
         let e = "";
         return [
@@ -163,7 +166,7 @@ const j = (_param)=>{
         ref: g
     }));
 }, B = (_param)=>{
-    var { disabled: g , error: s , helperText: l , name: u , optional: p , validate: c , onChange: i , onChangeValue: h , onBlur: r , value: e , autoComplete: x = "cc-exp" , defaultValue: D  } = _param, T = _object_without_properties(_param, [
+    var { disabled: g, error: s, helperText: l, name: u, optional: p, validate: c, onChange: i, onChangeValue: h, onBlur: r, value: e, autoComplete: x = "cc-exp", defaultValue: D } = _param, T = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -177,9 +180,9 @@ const j = (_param)=>{
         "autoComplete",
         "defaultValue"
     ]);
-    const { texts: f  } = (0, _hooks.useTheme)(), { setFormError: w , jumpToNext: I  } = (0, _formcontext.useForm)(), m = (t, n)=>{
+    const { texts: f } = (0, _hooks.useTheme)(), { setFormError: w, jumpToNext: I } = (0, _formcontext.useForm)(), m = (t, n)=>{
         if (!n) return p ? "" : f.formFieldErrorIsMandatory;
-        const { month: a , year: o  } = t;
+        const { month: a, year: o } = t;
         if (!a || !o) return f.formCreditCardExpirationError;
         const d = /* @__PURE__ */ new Date(), M = d.getMonth() + 1, y = d.getFullYear();
         return o < y || o === y && a < M ? f.formCreditCardExpirationError : c == null ? void 0 : c(t, n);

package/dist/credit-card-fields.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -23,8 +24,8 @@ function _interop_require_default(obj) {
     };
 }
 const b = (param)=>{
-    let { numberFieldName: t = "ccNum" , expirationFieldName: m = "ccExp" , cvvFieldName: a = "ccCvv" , acceptedCards: o  } = param;
-    const { values: d  } = (0, _formcontext.useForm)(), { texts: r  } = (0, _hooks.useTheme)(), l = (0, _creditcard.getCvvLength)(String(d[t]));
+    let { numberFieldName: t = "ccNum", expirationFieldName: m = "ccExp", cvvFieldName: a = "ccCvv", acceptedCards: o } = param;
+    const { values: d } = (0, _formcontext.useForm)(), { texts: r } = (0, _hooks.useTheme)(), l = (0, _creditcard.getCvvLength)(String(d[t]));
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: 16,
         children: [