@telefonica/mistica 14.33.0 → 14.34.0

package/dist/tooltip.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -19,9 +20,9 @@ const _text = require("./text.js");
 const _keycodes = require("./utils/key-codes.js");
 const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _tooltipcssmistica = require("./tooltip.css-mistica.js");
-const _dynamic = require("@vanilla-extract/dynamic");
 const _dom = require("./utils/dom.js");
 const _environment = require("./utils/environment.js");
+const _css = require("./utils/css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -48,7 +49,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)) {
@@ -146,7 +149,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500, M = ()=>{}, Nt = (r)=>r === "bottom" ? `translateY(${v}px)` : r === "top" ? `translateY(calc(-100% - ${v}px))` : r === "right" ? `translateX(${v}px) translateY(-50%)` : r === "left" ? `translateX(-${v}px) translateY(-50%)` : `translateY(-${v}px)`, kt = (r)=>r === "top" ? "translateY(-100%)" : r === "bottom" ? "translateY(0)" : "translateY(-50%)", Lt = (r)=>r === "bottom" ? "translateY(0)" : r === "top" ? "translateY(-100%)" : r === "right" || r === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Vt = (r)=>r === "top" ? _tooltipcssmistica.fadeInTopKeyframes : r === "bottom" ? _tooltipcssmistica.fadeInBottomKeyframes : _tooltipcssmistica.fadeInXKeyframes, jt = (r)=>r ? "1" : "0.2", Kt = (r)=>r === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : r === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : r === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : r === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : "", zt = (_param)=>{
-    var { children: r , extra: N , description: S , target: k , title: Y , targetLabel: L , delay: V = !0 , dataAttributes: j , targetStyle: K , unstable_offsetX: f , textCenter: z  } = _param, y = _object_without_properties(_param, [
+    var { children: r, extra: N, description: S, target: k, title: Y, targetLabel: L, delay: V = !0, dataAttributes: j, targetStyle: K, unstable_offsetX: f, textCenter: z } = _param, R = _object_without_properties(_param, [
         "children",
         "extra",
         "description",
@@ -159,7 +162,7 @@ const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500
         "unstable_offsetX",
         "textCenter"
     ]);
-    const { isDarkMode: F  } = (0, _hooks.useTheme)(), [a, C] = _react.useState(!1), { isTabletOrSmaller: H  } = (0, _hooks.useScreenSize)(), D = (0, _hooks.useAriaId)(), h = _react.useRef(!1), c = _react.useRef(null), g = _react.useRef(null), O = _react.useRef(null), x = _react.useRef(null), t = _react.useRef({
+    const { isDarkMode: F } = (0, _hooks.useTheme)(), [a, C] = _react.useState(!1), { isTabletOrSmaller: H } = (0, _hooks.useScreenSize)(), D = (0, _hooks.useAriaId)(), h = _react.useRef(!1), c = _react.useRef(null), g = _react.useRef(null), y = _react.useRef(null), x = _react.useRef(null), t = _react.useRef({
         top: 0,
         right: 0,
         left: 0,
@@ -178,7 +181,7 @@ const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500
             left: t.current.left < e.width ? t.current.right + e.width > window.innerWidth ? t.current.top < e.height ? "bottom" : "top" : "right" : n,
             bottom: t.current.bottom + e.height > window.innerHeight ? l("top") : l(n)
         })[n];
-    })(G(y.position)), R = (0, _environment.isClientSide)() ? window.matchMedia("(pointer: coarse)").matches : !1, W = ()=>{
+    })(G(R.position)), O = (0, _environment.isClientSide)() ? window.matchMedia("(pointer: coarse)").matches : !1, W = ()=>{
         a && C(!1);
     };
     _react.useEffect(()=>(window.addEventListener("resize", W), ()=>{
@@ -187,7 +190,7 @@ const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500
     const $ = ()=>{
         C(!1);
     }, T = ()=>{
-        O.current && (t.current = O.current.getBoundingClientRect(), C(!a));
+        y.current && (t.current = y.current.getBoundingClientRect(), C(!a));
     }, Q = ()=>{
         a || T();
     }, U = (n)=>{
@@ -222,12 +225,12 @@ const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500
     }, [
         f,
         e
-    ]), b = (()=>y.width)(), _ = {
+    ]), b = (()=>R.width)(), _ = {
         top: _tooltipcssmistica.arrowTop,
         bottom: _tooltipcssmistica.arrowBottom,
         left: _tooltipcssmistica.arrowLeft,
         right: _tooltipcssmistica.arrowRight
-    }, tt = i && (0, _dynamic.assignInlineVars)({
+    }, tt = i && (0, _css.applyCssVars)({
         [_tooltipcssmistica.vars.enterTransform]: Nt(i),
         [_tooltipcssmistica.vars.exitTransform]: Lt(i),
         [_tooltipcssmistica.vars.enterActiveAnimationName]: Vt(i),
@@ -249,7 +252,7 @@ const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500
     ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                ref: O,
+                ref: y,
                 style: K,
                 className: _tooltipcssmistica.wrapper,
                 onPointerOver: ()=>{
@@ -257,7 +260,7 @@ const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500
                         g.current = null, T();
                     }, Mt) : T());
                 },
-                onPointerLeave: R ? M : ()=>{
+                onPointerLeave: O ? M : ()=>{
                     if (g.current) {
                         clearTimeout(g.current), g.current = null, h.current = !1;
                         return;
@@ -278,7 +281,7 @@ const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
                 children: [
-                    a && R && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
+                    a && O && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
                         onPress: $
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
@@ -304,7 +307,7 @@ const $t = "bottom", Bt = "top", Et = 12, m = 4 + Et, It = 500, v = 12, Mt = 500
                             onPointerOver: ()=>{
                                 c.current && (clearTimeout(c.current), c.current = null);
                             },
-                            onPointerLeave: R ? M : ()=>{
+                            onPointerLeave: O ? M : ()=>{
                                 c.current = setTimeout(()=>{
                                     h.current && (c.current = null, h.current = !1, T());
                                 }, 100);

package/dist/touchable.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -51,7 +52,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)) {
@@ -125,12 +128,11 @@ const L = function(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, d = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
     t ? window.open(e, "_blank") : d ? window.open(e, "_top") : document.location.href = e;
 }, T = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    const { texts: d , analytics: v , platformOverrides: N , Link: P , useHrefDecorator: E  } = (0, _hooks.useTheme)(), C = E(), f = _react.useRef(!1);
+    const { texts: d, analytics: v, platformOverrides: N, Link: P, useHrefDecorator: E } = (0, _hooks.useTheme)(), C = E(), f = _react.useRef(!1);
     let l = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? l = e.trackingEvent : l = [
         e.trackingEvent
     ]);
-    var _e_to_pathname;
     const o = e.children, n = _object_spread({
         className: e.className,
         disabled: e.disabled,
@@ -149,7 +151,10 @@ const L = function(e) {
         e.stopPropagation && a.stopPropagation();
     }, h = (a)=>{
         e.onPress && e.onPress(a);
-    }, k = ()=>e.href ? C(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "", y = ()=>Promise.all(l.map((a)=>v.logEvent(a))), g = (a)=>{
+    }, k = ()=>{
+        var _e_to_pathname;
+        return e.href ? C(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
+    }, y = ()=>Promise.all(l.map((a)=>v.logEvent(a))), g = (a)=>{
         f.current || (f.current = !0, y().finally(()=>{
             f.current = !1, a();
         }));

package/dist/utils/analytics.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -48,7 +49,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)) {
@@ -75,7 +78,7 @@ const a = {
 }, n = /*#__PURE__*/ _react.createContext({
     eventFormat: "universal-analytics"
 }), p = (param)=>{
-    let { children: o , eventFormat: t  } = param;
+    let { children: o, eventFormat: t } = param;
     const r = _react.useMemo(()=>({
             eventFormat: t
         }), [

package/dist/utils/animation.js

@@ -205,7 +205,7 @@ const a = (e)=>!(0, _platform.isRunningAcceptanceTest)(e), d = (e, t)=>a(t) ? {
             ]
         })
     } : null, m = (param, t)=>/* @__PURE__ */ {
-    let { children: e  } = param;
+    let { children: e } = param;
     return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             e,

package/dist/utils/aspect-ratio-support.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -20,11 +21,11 @@ _export(exports, {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _dynamic = require("@vanilla-extract/dynamic");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../hooks.js");
 const _aspectratiosupportcssmistica = require("./aspect-ratio-support.css-mistica.js");
+const _css = require("./css.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -51,7 +52,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)) {
@@ -122,7 +125,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 const u = /*#__PURE__*/ _react.createContext(!0), x = (param)=>{
-    let { children: t  } = param;
+    let { children: t } = param;
     const [o, s] = _react.useState(!0);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         try {
@@ -139,21 +142,21 @@ const u = /*#__PURE__*/ _react.createContext(!0), x = (param)=>{
     let i = t.width, a = t.height;
     t.width !== void 0 && t.height !== void 0 ? (i = t.width, a = t.height) : typeof t.width == "number" ? a = t.aspectRatio !== 0 ? t.width / t.aspectRatio : void 0 : typeof t.height == "number" ? i = t.aspectRatio !== 0 ? t.height * t.aspectRatio : void 0 : i = t.width || "100%";
     var _t_as;
-    const n = s && !o, r = /*#__PURE__*/ _react.createElement((_t_as = t.as) !== null && _t_as !== void 0 ? _t_as : "div", _object_spread({
+    const c = s && !o, r = /*#__PURE__*/ _react.createElement((_t_as = t.as) !== null && _t_as !== void 0 ? _t_as : "div", _object_spread({
         className: (0, _classnames.default)(t.className, _aspectratiosupportcssmistica.container, {
-            [_aspectratiosupportcssmistica.containerWithWrapper]: n
+            [_aspectratiosupportcssmistica.containerWithWrapper]: c
         }),
-        style: _object_spread({}, n ? _object_spread_props(_object_spread({}, t.style), {
+        style: _object_spread({}, c ? _object_spread_props(_object_spread({}, t.style), {
             position: e ? "absolute" : "static",
             width: "100%"
         }) : _object_spread_props(_object_spread({}, t.style), {
             width: isNaN(Number(i)) ? i : Number(i),
             height: isNaN(Number(a)) ? a : Number(a)
-        }), (0, _dynamic.assignInlineVars)({
+        }), (0, _css.applyCssVars)({
             [_aspectratiosupportcssmistica.vars.aspectRatio]: e ? String(e) : "unset"
         }))
-    }, !n && t.dataAttributes), t.children);
-    if (n) {
+    }, !c && t.dataAttributes), t.children);
+    if (c) {
         const d = (()=>e ? t.width && typeof t.width == "string" && t.width.endsWith("%") ? `${Number(t.width.replace("%", "")) / e}%` : `${100 / e}%` : 0)();
         return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
             style: {

package/dist/utils/common.js

@@ -38,7 +38,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)) {

package/dist/utils/css.d.ts

@@ -1,4 +1,5 @@
 export declare const pxToRem: (px: number | string) => string;
+export declare const applyCssVars: (vars: Record<string, string>) => Record<string, string>;
 export declare const safeAreaInsetLeft: string;
 export declare const safeAreaInsetTop: string;
 export declare const safeAreaInsetBottom: string;

package/dist/utils/css.js

@@ -9,16 +9,48 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    applyCssVars: function() {
+        return i;
+    },
     pxToRem: function() {
-        return r;
+        return o;
     },
     safeAreaInsetBottom: function() {
-        return n;
+        return c;
     }
 });
+const _dynamic = require("@vanilla-extract/dynamic");
 const _platform = require("./platform.js");
-const t = 16, r = (a)=>`${(parseFloat(a) / t).toFixed(3)}rem`;
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+const s = 16, o = (a)=>`${(parseFloat(a) / s).toFixed(3)}rem`, i = (a)=>_object_spread({}, (0, _dynamic.assignInlineVars)(a));
 (0, _platform.isRunningAcceptanceTest)();
 (0, _platform.isRunningAcceptanceTest)();
-const n = (0, _platform.isRunningAcceptanceTest)() ? "max(env(safe-area-inset-bottom), var(--acceptance-test-override-safe-area-inset--bottom, 0px))" : "env(safe-area-inset-bottom)";
+const c = (0, _platform.isRunningAcceptanceTest)() ? "max(env(safe-area-inset-bottom), var(--acceptance-test-override-safe-area-inset--bottom, 0px))" : "env(safe-area-inset-bottom)";
 (0, _platform.isRunningAcceptanceTest)();

package/dist/utils/document-visibility.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -41,7 +42,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)) {
@@ -60,8 +63,8 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const i = ()=>typeof document < "u" && document.visibilityState === "visible", u = /*#__PURE__*/ _react.createContext(!0), E = (param)=>{
-    let { hidden: m , children: l  } = param;
-    const { platformOverrides: d  } = (0, _hooks.useTheme)(), [o, e] = _react.useState(!m);
+    let { hidden: m, children: l } = param;
+    const { platformOverrides: d } = (0, _hooks.useTheme)(), [o, e] = _react.useState(!m);
     _react.useEffect(()=>{
         const s = ()=>{
             e(i());

package/dist/utils/dom.js

@@ -65,7 +65,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)) {
@@ -195,7 +197,7 @@ const h = (e, t, r)=>e.addEventListener(t, r, c ? {
 }, i = (e)=>e.startsWith("var(") || e.startsWith("--"), l = (e, t)=>{
     if (!i(e)) throw new Error(`Invalid css var: ${e}`);
     if (e.startsWith("var(")) {
-        const { varName: r , fallback: n  } = v(e), s = l(r, t);
+        const { varName: r, fallback: n } = v(e), s = l(r, t);
         return !s && n ? i(n) ? l(n, t) : n : s;
     }
     return getComputedStyle(t !== null && t !== void 0 ? t : document.documentElement).getPropertyValue(e);

package/dist/video.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -45,7 +46,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)) {
@@ -122,7 +125,7 @@ const q = {
     "16:9": 16 / 9,
     "4:3": 4 / 3
 }, _ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", z = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
-    var { src: r , poster: u , autoPlay: p = "when-loaded" , muted: x = !0 , loop: N = !0 , preload: k = "none" , loadingTimeout: T = 1e4 , onLoad: y , onError: h , onPause: R , onPlay: b , aspectRatio: c = "1:1" , dataAttributes: B  } = _param, o = _object_without_properties(_param, [
+    var { src: r, poster: u, autoPlay: p = "when-loaded", muted: x = !0, loop: N = !0, preload: k = "none", loadingTimeout: T = 1e4, onLoad: y, onError: h, onPause: R, onPlay: b, aspectRatio: c = "1:1", dataAttributes: B } = _param, o = _object_without_properties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -197,7 +200,7 @@ const q = {
             height: "100%"
         },
         children: U.map((param, i)=>/* @__PURE__ */ {
-            let { src: e , type: t  } = param;
+            let { src: e, type: t } = param;
             return (0, _jsxruntime.jsx)("source", {
                 src: e,
                 type: t

package/dist-es/accordion.js

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -98,7 +99,7 @@ const z = 400, h = /*#__PURE__*/ c.createContext({
     index: [],
     toogle: ()=>{}
 }), F = ()=>c.useContext(h), R = (param)=>{
-    let { value: o , defaultValue: r , onChange: n , singleOpen: s  } = param;
+    let { value: o, defaultValue: r, onChange: n, singleOpen: s } = param;
     const u = o !== void 0, d = (e)=>e === void 0 ? [] : typeof e == "number" ? [
             e
         ] : e, [i, a] = c.useState(d(r));
@@ -139,12 +140,12 @@ const z = 400, h = /*#__PURE__*/ c.createContext({
     const r = o == null ? void 0 : o.closest("[data-accordion]");
     if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === o);
 }, B = /*#__PURE__*/ c.forwardRef((_param, u)=>{
-    var { content: o , dataAttributes: r , trackingEvent: n  } = _param, s = _object_without_properties(_param, [
+    var { content: o, dataAttributes: r, trackingEvent: n } = _param, s = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent"
     ]);
-    const d = c.useRef(null), i = c.useRef(null), { index: a , toogle: p  } = F(), m = j(), e = v(), l = v(), [f, b] = c.useState(), I = f !== void 0 && (a == null ? void 0 : a.includes(f));
+    const d = c.useRef(null), i = c.useRef(null), { index: a, toogle: p } = F(), m = j(), e = v(), l = v(), [f, b] = c.useState(), I = f !== void 0 && (a == null ? void 0 : a.includes(f));
     return c.useEffect(()=>{
         b(H(i.current));
     }, []), /* @__PURE__ */ g("div", _object_spread_props(_object_spread({
@@ -206,7 +207,7 @@ const z = 400, h = /*#__PURE__*/ c.createContext({
         ]
     }));
 }), so = /*#__PURE__*/ c.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: o  } = _param, r = _object_without_properties(_param, [
+    var { dataAttributes: o } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(B, _object_spread_props(_object_spread({}, r), {
@@ -216,7 +217,7 @@ const z = 400, h = /*#__PURE__*/ c.createContext({
         }, o)
     }));
 }), ao = (param)=>{
-    let { children: o , dataAttributes: r , index: n , defaultIndex: s , onChange: u , singleOpen: d  } = param;
+    let { children: o, dataAttributes: r, index: n, defaultIndex: s, onChange: u, singleOpen: d } = param;
     const [i, a] = R({
         value: n,
         defaultValue: s,
@@ -243,7 +244,7 @@ const z = 400, h = /*#__PURE__*/ c.createContext({
         }))
     });
 }, lo = /*#__PURE__*/ c.forwardRef((_param, s)=>/* @__PURE__ */ {
-    var { dataAttributes: o , isInverse: r  } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: o, isInverse: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "isInverse"
     ]);
@@ -256,7 +257,7 @@ const z = 400, h = /*#__PURE__*/ c.createContext({
         children: /* @__PURE__ */ t(B, _object_spread({}, n))
     });
 }), uo = (param)=>{
-    let { children: o , dataAttributes: r , index: n , defaultIndex: s , onChange: u , singleOpen: d  } = param;
+    let { children: o, dataAttributes: r, index: n, defaultIndex: s, onChange: u, singleOpen: d } = param;
     const [i, a] = R({
         value: n,
         defaultValue: s,

package/dist-es/avatar.js

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -100,7 +101,7 @@ const k = (r, o)=>{
         children: o
     });
 }, R = (_param)=>{
-    var { size: r , src: o , Icon: t = w , badge: e , initials: c = "" , "aria-label": u , dataAttributes: f  } = _param, s = _object_without_properties(_param, [
+    var { size: r, src: o, Icon: t = w, badge: e, initials: c = "", "aria-label": u, dataAttributes: f } = _param, s = _object_without_properties(_param, [
         "size",
         "src",
         "Icon",

package/dist-es/badge.js

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -58,8 +59,8 @@ import { Text1 as x } from "./text.js";
 import { useTheme as N } from "./hooks.js";
 import { vars as B } from "./skins/skin-contract.css-mistica.js";
 const h = (param)=>{
-    let { children: r , value: e , right: s , top: i , dataAttributes: n  } = param;
-    const { textPresets: d  } = N();
+    let { children: r, value: e, right: s, top: i, dataAttributes: n } = param;
+    const { textPresets: d } = N();
     if (r && e === 0) return /* @__PURE__ */ t(c, {
         children: r
     });

package/dist-es/box.js

@@ -56,7 +56,7 @@ import v from "classnames";
 import { sprinkles as z } from "./sprinkles.css-mistica.js";
 import { getPrefixedDataAttributes as A } from "./utils/dom.js";
 const C = /*#__PURE__*/ p.forwardRef((param, u)=>{
-    let { className: f , children: i , width: l , padding: b = 0 , paddingX: m = b , paddingY: c = b , paddingTop: e = c , paddingBottom: o = c , paddingLeft: r = m , paddingRight: t = m , role: x , dataAttributes: y , "aria-label": j  } = param;
+    let { className: f, children: i, width: l, padding: b = 0, paddingX: m = b, paddingY: c = b, paddingTop: e = c, paddingBottom: o = c, paddingLeft: r = m, paddingRight: t = m, role: x, dataAttributes: y, "aria-label": j } = param;
     const S = {
         paddingTop: e,
         paddingBottom: o,

package/dist-es/boxed.js

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,7 +62,7 @@ import { sprinkles as s } from "./sprinkles.css-mistica.js";
 const h = (e, r)=>e || r ? s({
         border: "none"
     }) : R, w = /*#__PURE__*/ i.forwardRef((param, v)=>{
-    let { children: e , isInverse: r = !1 , className: l , role: d , dataAttributes: m , "aria-label": b , "aria-labelledby": f , width: c , height: p , minHeight: u , borderRadius: x = o.borderRadii.container , background: t  } = param;
+    let { children: e, isInverse: r = !1, className: l, role: d, dataAttributes: m, "aria-label": b, "aria-labelledby": f, width: c, height: p, minHeight: u, borderRadius: x = o.borderRadii.container, background: t } = param;
     const n = B();
     return /* @__PURE__ */ a("div", _object_spread_props(_object_spread({
         ref: v,

package/dist-es/button-fixed-footer-layout.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import p from "./fixed-footer-layout.js";
 import c from "./button-layout.js";
@@ -5,8 +6,8 @@ import { useScreenSize as x } from "./hooks.js";
 import { InternalResponsiveLayout as F } from "./responsive-layout.js";
 import h from "./box.js";
 const B = (param)=>{
-    let { isFooterVisible: i = !0 , button: t , secondaryButton: r , link: n , children: s , desktopButtonAlign: a = "left" , footerBgColor: l , containerBgColor: m , onChangeFooterHeight: u  } = param;
-    const { isTabletOrSmaller: e , isTablet: f  } = x();
+    let { isFooterVisible: i = !0, button: t, secondaryButton: r, link: n, children: s, desktopButtonAlign: a = "left", footerBgColor: l, containerBgColor: m, onChangeFooterHeight: u } = param;
+    const { isTabletOrSmaller: e, isTablet: f } = x();
     return /* @__PURE__ */ o(p, {
         onChangeFooterHeight: u,
         isFooterVisible: (!!t || !!r) && i,

package/dist-es/button-group.js

@@ -55,7 +55,7 @@ import c from "classnames";
 import { getPrefixedDataAttributes as r } from "./utils/dom.js";
 import { inline as a, container as h, buttons as f, buttonChild as l } from "./button-group.css-mistica.js";
 const u = (param)=>{
-    let { primaryButton: s , secondaryButton: t , link: e , dataAttributes: d  } = param;
+    let { primaryButton: s, secondaryButton: t, link: e, dataAttributes: d } = param;
     const m = !!s || !!t || !!e, n = !!s && !!t;
     return m ? /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
         className: c(a, h)

package/dist-es/button-layout.js

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,7 +62,7 @@ const s = [
     B,
     x
 ], w = (param)=>{
-    let { children: n , align: t = "full-width" , link: o , withMargins: l = !1 , dataAttributes: u  } = param;
+    let { children: n, align: t = "full-width", link: o, withMargins: l = !1, dataAttributes: u } = param;
     const c = a.Children.count(n), d = a.Children.toArray(n).sort((m, f)=>{
         const h = s.indexOf(m.type), p = s.indexOf(f.type);
         return h - p;

package/dist-es/button.js

@@ -1,3 +1,4 @@
+"use client";
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -93,7 +94,7 @@ import { useTheme as V } from "./hooks.js";
 import { flattenChildren as Y } from "./skins/utils.js";
 import { inverseVariants as $, variants as q, small as J, isLoading as F, textContent as Q, link as U, inverseLink as p, PADDING_X_LINK as x, PADDING_Y_LINK as R, textContentLink as ee, SMALL_SPINNER_SIZE as te, SPINNER_SIZE as ne, ICON_MARGIN_PX as E, CHEVRON_MARGIN_LEFT_LINK as ie, loadingFiller as re, X_SMALL_PADDING_PX as ae, X_PADDING_PX as oe, loadingContent as se, SMALL_ICON_SIZE as le, ICON_SIZE as ce } from "./button.css-mistica.js";
 const N = (param)=>{
-    let { content: e , defaultIconSize: r , renderText: n  } = param;
+    let { content: e, defaultIconSize: r, renderText: n } = param;
     const l = Y(e), f = l.length, d = [];
     let c = [];
     const g = ()=>{
@@ -129,7 +130,7 @@ const N = (param)=>{
             fill: "currentColor"
         })
     }), z = (param)=>{
-    let { showSpinner: e , children: r , small: n , loadingText: l , shouldRenderSpinner: f , setShouldRenderSpinner: d , renderText: c , textContentStyle: g , StartIcon: u , EndIcon: m , withChevron: o  } = param;
+    let { showSpinner: e, children: r, small: n, loadingText: l, shouldRenderSpinner: f, setShouldRenderSpinner: d, renderText: c, textContentStyle: g, StartIcon: u, EndIcon: m, withChevron: o } = param;
     const s = n ? le : ce, i = B(n ? te : ne);
     return /* @__PURE__ */ C(G, {
         children: [
@@ -219,7 +220,7 @@ const N = (param)=>{
         ]
     });
 }, _ = /*#__PURE__*/ a.forwardRef((e, r)=>{
-    const { textPresets: n  } = V(), { eventFormat: l  } = j(), { formStatus: f , formId: d  } = T(), c = A(), { loadingText: g  } = e, u = !!e.submit, m = f === "sending", [o, s] = a.useState(!1), i = e.showSpinner || m && u || o, [v, L] = a.useState(!!i);
+    const { textPresets: n } = V(), { eventFormat: l } = j(), { formStatus: f, formId: d } = T(), c = A(), { loadingText: g } = e, u = !!e.submit, m = f === "sending", [o, s] = a.useState(!1), i = e.showSpinner || m && u || o, [v, L] = a.useState(!!i);
     a.useEffect(()=>{
         i && !v && L(!0);
     }, [
@@ -312,7 +313,7 @@ const N = (param)=>{
     return null;
 }), Ne = /*#__PURE__*/ a.forwardRef((e, r)=>{
     var _e_withChevron;
-    const { formStatus: n  } = T(), l = A(), { analytics: f , textPresets: d  } = V(), { loadingText: c  } = e, g = n === "sending", [u, m] = a.useState(!1), o = e.showSpinner || u, s = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : !!e.href || !!e.to, [i, v] = a.useState(!!o);
+    const { formStatus: n } = T(), l = A(), { analytics: f, textPresets: d } = V(), { loadingText: c } = e, g = n === "sending", [u, m] = a.useState(!1), o = e.showSpinner || u, s = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : !!e.href || !!e.to, [i, v] = a.useState(!!o);
     a.useEffect(()=>{
         o && !i && v(!0);
     }, [
@@ -397,7 +398,7 @@ const N = (param)=>{
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
 }), _e = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
+    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(_, _object_spread_props(_object_spread({
@@ -409,7 +410,7 @@ const N = (param)=>{
         type: "primary"
     }));
 }), we = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
+    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(_, _object_spread_props(_object_spread({
@@ -421,7 +422,7 @@ const N = (param)=>{
         type: "secondary"
     }));
 }), xe = /*#__PURE__*/ a.forwardRef((_param, n)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, r = _object_without_properties(_param, [
+    var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     return t(_, _object_spread_props(_object_spread({