@telefonica/mistica 13.0.2 → 13.1.0

package/dist-es/hooks.js

@@ -1,97 +1,45 @@
-function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
-function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
 import * as n from "react";
-import a from "./theme-context.js";
+import f from "./theme-context.js";
 import m from "./screen-size-context.js";
 import y from "./aria-id-getter-context.js";
 import { listenResize as g } from "./utils/dom.js";
-var E = function() {
-    var t = n.useContext(a);
+const H = ()=>{
+    const t = n.useContext(f);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
-}, H = function(t) {
-    n.useEffect(function() {
+}, T = (t)=>{
+    n.useEffect(()=>{
         if (t) {
-            var i = "", e = 0, o = 0;
-            var r = document.scrollingElement || document.documentElement, c = function() {
-                var u, s, h, w;
-                if (o++, !(o > 1) && (e = (u = r == null ? void 0 : r.scrollTop) != null ? u : 0, i = (h = (s = document.body) == null ? void 0 : s.style.cssText) != null ? h : "", document.body)) {
-                    var f = window.innerWidth > ((w = r == null ? void 0 : r.clientWidth) != null ? w : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = "overflow:hidden;overflow-y:".concat(f, ";position:fixed;top:").concat(-e, "px;left:0px;right:0px;bottom:0px");
+            let i = "", e = 0, s = 0;
+            const r = document.scrollingElement || document.documentElement, c = ()=>{
+                var u, o, h, w;
+                if (s++, !(s > 1) && (e = (u = r == null ? void 0 : r.scrollTop) != null ? u : 0, i = (h = (o = document.body) == null ? void 0 : o.style.cssText) != null ? h : "", document.body)) {
+                    const a = window.innerWidth > ((w = r == null ? void 0 : r.clientWidth) != null ? w : window.innerWidth) ? "scroll" : "hidden";
+                    document.body.style.cssText = `overflow:hidden;overflow-y:${a};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
                 }
-            }, d = function() {
-                o--, !(o > 0) && (document.body && (document.body.style.cssText = i), r && (r.scrollTop = e));
+            }, d = ()=>{
+                s--, !(s > 0) && (document.body && (document.body.style.cssText = i), r && (r.scrollTop = e));
             };
             return c(), d;
         }
-        return function() {};
+        return ()=>{};
     }, [
         t
     ]);
-}, I = function() {
-    return n.useContext(m);
-}, T = function() {
-    var ref = _slicedToArray(n.useState(0), 2), t = ref[0], i = ref[1], ref1 = _slicedToArray(n.useState(0), 2), e = ref1[0], o = ref1[1], ref2 = _slicedToArray(n.useState(null), 2), r = ref2[0], c = ref2[1], d = n.useCallback(function(s) {
-        if (!s) {
-            i(0), o(0);
+}, z = ()=>n.useContext(m), C = ()=>{
+    const [t, i] = n.useState(0), [e, s] = n.useState(0), [r, c] = n.useState(null), d = n.useCallback((o)=>{
+        if (!o) {
+            i(0), s(0);
             return;
         }
-        var _contentRect = s[0].contentRect, h = _contentRect.width, w = _contentRect.height;
-        i(h), o(w);
-    }, []), u = n.useCallback(function(s) {
-        c(s);
+        const { width: h , height: w  } = o[0].contentRect;
+        i(h), s(w);
+    }, []), u = n.useCallback((o)=>{
+        c(o);
     }, []);
-    return n.useEffect(function() {
+    return n.useEffect(()=>{
         if (!r) {
-            i(0), o(0);
+            i(0), s(0);
             return;
         }
         return g(r, d);
@@ -103,53 +51,54 @@ var E = function() {
         height: e,
         ref: u
     };
-}, z = function(t) {
-    var i = n.useContext(y);
+}, S = (t)=>{
+    const i = n.useId();
+    return t || i;
+}, b = n.useId !== void 0, R = b ? S : (t)=>{
+    const i = n.useContext(y);
     return n.useRef(t || i()).current;
-}, l = function() {
-    var ref = _slicedToArray(n.useState((typeof window === "undefined" ? "undefined" : _typeof(window)) < "u" ? window.innerHeight : 1200), 2), t = ref[0], i = ref[1], ref1 = _slicedToArray(n.useState((typeof window === "undefined" ? "undefined" : _typeof(window)) < "u" ? window.innerWidth : 800), 2), e = ref1[0], o = ref1[1], ref2 = _slicedToArray(n.useState((typeof window === "undefined" ? "undefined" : _typeof(window)) < "u" ? window.screen.availHeight : 1200), 2), r = ref2[0], c = ref2[1], ref3 = _slicedToArray(n.useState((typeof window === "undefined" ? "undefined" : _typeof(window)) < "u" ? window.screen.availWidth : 800), 2), d = ref3[0], u = ref3[1];
-    return n.useEffect(function() {
-        var s = function() {
-            i(window.innerHeight), o(window.innerWidth), c(window.screen.availHeight), u(window.screen.availWidth);
+}, l = ()=>{
+    const [t, i] = n.useState(typeof window < "u" ? window.innerHeight : 1200), [e, s] = n.useState(typeof window < "u" ? window.innerWidth : 800), [r, c] = n.useState(typeof window < "u" ? window.screen.availHeight : 1200), [d, u] = n.useState(typeof window < "u" ? window.screen.availWidth : 800);
+    return n.useEffect(()=>{
+        const o = ()=>{
+            i(window.innerHeight), s(window.innerWidth), c(window.screen.availHeight), u(window.screen.availWidth);
         };
-        return window.addEventListener("resize", s), function() {
-            window.removeEventListener("resize", s);
+        return window.addEventListener("resize", o), ()=>{
+            window.removeEventListener("resize", o);
         };
-    }, []), n.useMemo(function() {
-        return {
+    }, []), n.useMemo(()=>({
             height: t,
             width: e,
             screenHeight: r,
             screenWidth: d
-        };
-    }, [
+        }), [
         t,
         e,
         r,
         d
     ]);
-}, C = function() {
-    var ref = l(), t = ref.height;
+}, A = ()=>{
+    const { height: t  } = l();
     return t;
-}, R = function() {
-    var ref = l(), t = ref.width;
+}, B = ()=>{
+    const { width: t  } = l();
     return t;
-}, B = function() {
-    var ref = l(), t = ref.screenHeight;
+}, L = ()=>{
+    const { screenHeight: t  } = l();
     return t;
-}, L = (typeof window === "undefined" ? "undefined" : _typeof(window)) < "u" ? n.useLayoutEffect : n.useEffect, M = function(t, i, e) {
-    var ref = _slicedToArray(n.useState(i), 2), o = ref[0], r = ref[1];
-    return n.useEffect(function() {
+}, M = typeof window < "u" ? n.useLayoutEffect : n.useEffect, D = (t, i, e)=>{
+    const [s, r] = n.useState(i);
+    return n.useEffect(()=>{
         if (!t.current) return;
-        if (_typeof(window.IntersectionObserver) > "u") return function() {};
-        var c = new IntersectionObserver(function(d) {
+        if (typeof window.IntersectionObserver > "u") return ()=>{};
+        const c = new IntersectionObserver((d)=>{
             r(d[0].isIntersecting);
         }, {
             root: e == null ? void 0 : e.root,
             rootMargin: e == null ? void 0 : e.rootMargin,
             threshold: e == null ? void 0 : e.threshold
         });
-        return c.observe(t.current), function() {
+        return c.observe(t.current), ()=>{
             c.disconnect();
         };
     }, [
@@ -157,6 +106,6 @@ var E = function() {
         e == null ? void 0 : e.root,
         e == null ? void 0 : e.rootMargin,
         e == null ? void 0 : e.threshold
-    ]), o;
+    ]), s;
 };
-export { z as useAriaId, H as useDisableBodyScroll, T as useElementDimensions, M as useIsInViewport, L as useIsomorphicLayoutEffect, B as useScreenHeight, I as useScreenSize, E as useTheme, C as useWindowHeight, l as useWindowSize, R as useWindowWidth };
+export { R as useAriaId, T as useDisableBodyScroll, C as useElementDimensions, D as useIsInViewport, M as useIsomorphicLayoutEffect, L as useScreenHeight, z as useScreenSize, H as useTheme, A as useWindowHeight, l as useWindowSize, B as useWindowWidth };

package/dist-es/iban-field.js

@@ -1,11 +1,3 @@
-function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -19,33 +11,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -112,21 +77,6 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
-function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
 import * as h from "react";
 import { useRifm as x } from "rifm";
 import { useFieldProps as I } from "./form-context.js";
@@ -135,55 +85,51 @@ import { createChangeEvent as E } from "./utils/dom.js";
 import { combineRefs as L } from "./utils/common.js";
 import { useTheme as B } from "./hooks.js";
 import { jsx as b } from "./_virtual/jsx-runtime.js";
-var y = {
+const y = {
     ES: 24,
     GB: 22,
     DE: 22,
     BR: 29
-}, k = 32, R = function(t, r) {
-    var n = 0;
-    for(var e = 0; e < t.length; e++)n = (n * 10 + Number(t[e])) % r;
+}, k = 32, R = (t, r)=>{
+    let n = 0;
+    for(let e = 0; e < t.length; e++)n = (n * 10 + Number(t[e])) % r;
     return n;
-}, A = function(t) {
-    return /^[A-Z]{2}$/.test(t);
-}, S = function(t) {
-    return /^\d{2}$/.test(t);
-}, T = function(t) {
-    var r = t.substr(4) + t.substr(0, 4);
-    var n = "A".charCodeAt(0);
-    return r = Array.from(r).map(function(e) {
+}, A = (t)=>/^[A-Z]{2}$/.test(t), S = (t)=>/^\d{2}$/.test(t), T = (t)=>{
+    let r = t.substr(4) + t.substr(0, 4);
+    const n = "A".charCodeAt(0);
+    return r = Array.from(r).map((e)=>{
         if (Number.isNaN(Number(e))) {
-            var o = e.charCodeAt(0);
+            const o = e.charCodeAt(0);
             return String(10 + o - n);
         }
         return e;
     }).join(""), R(r, 97) === 1;
-}, z = function(t) {
-    var r = t.substr(0, 2), n = t.substr(2, 2);
+}, z = (t)=>{
+    const r = t.substr(0, 2), n = t.substr(2, 2);
     if (!A(r) || !S(n)) return !1;
-    var e = y[r];
+    const e = y[r];
     return !(e && e !== t.length || !T(t));
-}, M = function(t) {
+}, M = (t)=>{
     var n, e;
-    var r = t.replace(/[^\dA-Za-z]/g, "");
+    const r = t.replace(/[^\dA-Za-z]/g, "");
     return (e = (n = r.match(/.{1,4}/g)) == null ? void 0 : n.join(" ")) != null ? e : r;
-}, Z = function(t) {
-    var r = t.substr(0, 2);
-    var n = k;
+}, Z = (t)=>{
+    const r = t.substr(0, 2);
+    let n = k;
     if (r && A(r)) {
-        var o = y[r];
+        const o = y[r];
         o && (n = o);
     }
-    var e = Math.ceil(n / 4) - 1;
+    const e = Math.ceil(n / 4) - 1;
     return n + e;
-}, j = function(_param) {
-    var t = _param.inputRef, r = _param.value, n = _param.defaultValue, e = _param.onChange, o = _objectWithoutProperties(_param, [
+}, j = (_param)=>{
+    var { inputRef: t , value: r , defaultValue: n , onChange: e  } = _param, o = _objectWithoutProperties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange"
     ]);
-    var ref = _slicedToArray(h.useState(n != null ? n : ""), 2), i = ref[0], p = ref[1], u = h.useRef(null), a = (typeof r === "undefined" ? "undefined" : _typeof(r)) < "u", m = a ? r : i, d = h.useCallback(function(s) {
+    const [i, p] = h.useState(n != null ? n : ""), u = h.useRef(null), a = typeof r < "u", m = a ? r : i, d = h.useCallback((s)=>{
         a || p(s), u.current && (e == null || e(E(u.current, s)));
     }, [
         a,
@@ -192,24 +138,22 @@ var y = {
         format: M,
         value: m,
         onChange: d,
-        replace: function(s) {
-            return s.toUpperCase();
-        },
+        replace: (s)=>s.toUpperCase(),
         accept: /[\dA-Za-z]+/g
     });
     return /* @__PURE__ */ b("input", _objectSpreadProps(_objectSpread({}, o), {
         maxLength: Z(c.value),
         value: c.value,
-        onChange: function(s) {
+        onChange: (s)=>{
             var l;
-            var C = s.target.value, g = c.value;
+            const C = s.target.value, g = c.value;
             return C.length - g.length > 1 && ((l = s.nativeEvent) == null ? void 0 : l.inputType) === "insertText" && (s.target.value = g), c.onChange(s);
         },
         type: "text",
         ref: L(t, u)
     }));
-}, w = function(_param) {
-    var t = _param.disabled, r = _param.error, n = _param.helperText, e = _param.name, o = _param.optional, i = _param.validate, p = _param.onChange, u = _param.onChangeValue, a = _param.onBlur, m = _param.value, d = _param.defaultValue, c = _objectWithoutProperties(_param, [
+}, w = (_param)=>{
+    var { disabled: t , error: r , helperText: n , name: e , optional: o , validate: i , onChange: p , onChangeValue: u , onBlur: a , value: m , defaultValue: d  } = _param, c = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -222,21 +166,17 @@ var y = {
         "value",
         "defaultValue"
     ]);
-    var ref = B(), s = ref.texts, l = I({
+    const { texts: s  } = B(), l = I({
         name: e,
         value: m,
         defaultValue: d,
-        processValue: function(f) {
-            return f.replace(/[^\dA-Za-z]/g, "");
-        },
+        processValue: (f)=>f.replace(/[^\dA-Za-z]/g, ""),
         helperText: n,
         optional: o,
         error: r,
         disabled: t,
         onBlur: a,
-        validate: function(f, v) {
-            return f ? z(f) ? i == null ? void 0 : i(f, v) : s.formIbanError : o ? "" : s.formFieldErrorIsMandatory;
-        },
+        validate: (f, v)=>f ? z(f) ? i == null ? void 0 : i(f, v) : s.formIbanError : o ? "" : s.formFieldErrorIsMandatory,
         onChange: p,
         onChangeValue: u
     });

package/dist-es/icon-button.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./icon-button.css.ts.vanilla.js";
-var t = "yqt1oe1 _1y2v1nf52";
+var t = "yqt1oe1 _1y2v1nf5a";
 export { t as base };

package/dist-es/icon-button.css.ts.vanilla.js

@@ -1,2 +1,2 @@
-var t = "";
+const t = "";
 export { t as default };

package/dist-es/icon-button.js

@@ -55,19 +55,19 @@ import o from "classnames";
 import { BaseTouchable as r } from "./touchable.js";
 import { base as d } from "./icon-button.css-mistica.js";
 import { jsx as l } from "./_virtual/jsx-runtime.js";
-var s = 24, b = function(e, a, t, n, c) {
-    var m = n ? "".concat(n, "px ").concat(n, "px") : "100% 100%";
+const s = 24, b = (e, a, t, n, c)=>{
+    const m = n ? `${n}px ${n}px` : "100% 100%";
     return {
         padding: 0,
         backgroundColor: t,
-        backgroundImage: e ? "url(".concat(e, ")") : "",
+        backgroundImage: e ? `url(${e})` : "initial",
         backgroundSize: m,
         cursor: c ? "default" : "pointer",
         height: a,
         width: a
     };
-}, u = function(e) {
-    var a = e.icon, t = e.children, n = {
+}, u = (e)=>{
+    const { icon: a , children: t  } = e, n = {
         className: e.className || "",
         disabled: e.disabled,
         style: e.style,
@@ -96,14 +96,14 @@ var s = 24, b = function(e, a, t, n, c) {
         maybe: !0,
         children: !a && i.Children.only(t)
     }));
-}, I = function(e) {
-    var a = e.icon, tmp = e.backgroundColor, t = tmp === void 0 ? "transparent" : tmp, n = e.iconSize, tmp1 = e.size, c = tmp1 === void 0 ? s : tmp1;
+}, I = (e)=>{
+    const { icon: a , backgroundColor: t = "transparent" , iconSize: n , size: c = s  } = e;
     return /* @__PURE__ */ l(u, _objectSpreadProps(_objectSpread({}, e), {
         className: o(d, e.className),
         style: _objectSpread({}, b(a, c, t, n, e.disabled), e.style)
     }));
-}, w = function(e) {
-    var tmp = e.size, a = tmp === void 0 ? s : tmp, t = e.disabled;
+}, w = (e)=>{
+    const { size: a = s , disabled: t  } = e;
     return /* @__PURE__ */ l(u, _objectSpreadProps(_objectSpread({}, e), {
         className: o(d, e.className),
         style: {

package/dist-es/icons/icon-amex.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as i } from "../_virtual/jsx-runtime.js";
-var n = function(param) {
-    var tmp = param.role, e = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, h = tmp1 === void 0 ? 24 : tmp1;
-    return /* @__PURE__ */ l("svg", {
+const n = (param)=>/* @__PURE__ */ {
+    let { role: e = "presentation" , size: h = 24  } = param;
+    return l("svg", {
         role: e,
         width: h,
         height: h,

package/dist-es/icons/icon-chevron.js

@@ -28,9 +28,9 @@ function _objectSpread(target) {
 }
 import { vars as a } from "../skins/skin-contract.css-mistica.js";
 import { jsx as l } from "../_virtual/jsx-runtime.js";
-var c = function(param) {
-    var o = param.size, t = param.color, r = param.transform, n = param.className, e = param.style;
-    return /* @__PURE__ */ l("svg", {
+const c = (param)=>/* @__PURE__ */ {
+    let { size: o , color: t , transform: r , className: n , style: e  } = param;
+    return l("svg", {
         role: "presentation",
         width: o,
         height: o,
@@ -52,12 +52,12 @@ var c = function(param) {
     down: 90,
     left: 180,
     right: 0
-}, p = function(param) {
-    var tmp = param.size, o = tmp === void 0 ? 24 : tmp, t = param.color, r = param.className, n = param.style, tmp1 = param.direction, e = tmp1 === void 0 ? "right" : tmp1;
-    var i = t || a.colors.neutralHigh, s = {
+}, p = (param)=>{
+    let { size: o = 24 , color: t , className: r , style: n , direction: e = "right"  } = param;
+    const i = t || a.colors.neutralHigh, s = {
         size: o,
         color: i,
-        transform: "rotate(".concat(h[e], " 12 12)"),
+        transform: `rotate(${h[e]} 12 12)`,
         className: r,
         style: n
     };

package/dist-es/icons/icon-creditcard.js

@@ -1,15 +1,15 @@
 import { jsx as r, jsxs as n } from "../_virtual/jsx-runtime.js";
-var c = function(param) {
-    var tmp = param.role, t = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, a = tmp1 === void 0 ? 24 : tmp1;
-    return /* @__PURE__ */ r("svg", {
+const c = (param)=>/* @__PURE__ */ {
+    let { role: t = "presentation" , size: a = 24  } = param;
+    return r("svg", {
         role: t,
         width: a,
         height: a,
-        viewBox: "0 0 ".concat(a, " ").concat(a),
+        viewBox: `0 0 ${a} ${a}`,
         children: /* @__PURE__ */ n("g", {
             fill: "#757575",
             fillRule: "nonzero",
-            transform: "scale(".concat(a / 32, ")"),
+            transform: `scale(${a / 32})`,
             children: [
                 /* @__PURE__ */ r("path", {
                     d: "M13.58 21.075H7.039a.666.666 0 1 1 0-1.333h6.543a.667.667 0 0 1 0 1.333"

package/dist-es/icons/icon-cvv-amex.js

@@ -1,7 +1,7 @@
 import { jsx as h, jsxs as v } from "../_virtual/jsx-runtime.js";
-var r = function(param) {
-    var tmp = param.role, t = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, c = tmp1 === void 0 ? 48 : tmp1;
-    return /* @__PURE__ */ h("svg", {
+const r = (param)=>/* @__PURE__ */ {
+    let { role: t = "presentation" , size: c = 48  } = param;
+    return h("svg", {
         width: c,
         height: c,
         viewBox: "0 0 48 48",

package/dist-es/icons/icon-cvv-visa-mc.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as v } from "../_virtual/jsx-runtime.js";
-var r = function(param) {
-    var tmp = param.role, h = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, c = tmp1 === void 0 ? 48 : tmp1;
-    return /* @__PURE__ */ t("svg", {
+const r = (param)=>/* @__PURE__ */ {
+    let { role: h = "presentation" , size: c = 48  } = param;
+    return t("svg", {
         width: c,
         height: c,
         viewBox: "0 0 48 48",

package/dist-es/icons/icon-error.css.ts.vanilla.js

@@ -1,2 +1,2 @@
-var s = "";
+const s = "";
 export { s as default };

package/dist-es/icons/icon-error.js

@@ -32,8 +32,8 @@ import { O2_SKIN as a, O2_CLASSIC_SKIN as m } from "../skins/constants.js";
 import { vars as e } from "../skins/skin-contract.css-mistica.js";
 import { outerAnimation as c, innerAnimation as l } from "./icon-error.css-mistica.js";
 import { jsx as r, jsxs as t } from "../_virtual/jsx-runtime.js";
-var d = function() {
-    var ref = n(), o = ref.platformOverrides;
+const d = ()=>{
+    const { platformOverrides: o  } = n();
     return /* @__PURE__ */ r("svg", {
         width: "72",
         height: "64",
@@ -81,8 +81,8 @@ var d = function() {
             ]
         })
     });
-}, h = function() {
-    var ref = n(), o = ref.platformOverrides;
+}, h = ()=>{
+    const { platformOverrides: o  } = n();
     return /* @__PURE__ */ r("svg", {
         width: "72",
         height: "64",
@@ -127,8 +127,8 @@ var d = function() {
             ]
         })
     });
-}, v = function() {
-    var ref = n(), o = ref.skinName;
+}, v = ()=>{
+    const { skinName: o  } = n();
     return o === a || o === m ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(h, {});
 };
 export { v as default };

package/dist-es/icons/icon-info-cvv.js

@@ -1,8 +1,8 @@
 import { vars as t } from "../skins/skin-contract.css-mistica.js";
 import { jsx as e } from "../_virtual/jsx-runtime.js";
-var n = function(param) {
-    var tmp = param.size, o = tmp === void 0 ? 24 : tmp, r = param.color;
-    return /* @__PURE__ */ e("svg", {
+const n = (param)=>/* @__PURE__ */ {
+    let { size: o = 24 , color: r  } = param;
+    return e("svg", {
         role: "presentation",
         width: o,
         height: o,

package/dist-es/icons/icon-info.js

@@ -2,9 +2,9 @@ import { useTheme as n } from "../hooks.js";
 import { O2_CLASSIC_SKIN as i, O2_SKIN as s } from "../skins/constants.js";
 import { vars as t } from "../skins/skin-contract.css-mistica.js";
 import { jsx as r, jsxs as c } from "../_virtual/jsx-runtime.js";
-var d = function(param) {
-    var tmp = param.size, e = tmp === void 0 ? 64 : tmp, o = param.color;
-    return /* @__PURE__ */ r("svg", {
+const d = (param)=>/* @__PURE__ */ {
+    let { size: e = 64 , color: o  } = param;
+    return r("svg", {
         width: e,
         height: e,
         viewBox: "0 0 64 64",
@@ -44,8 +44,7 @@ var d = function(param) {
             ]
         })
     });
-}, l = function() {
-    return /* @__PURE__ */ r("svg", {
+}, l = ()=>/* @__PURE__ */ r("svg", {
         width: "64",
         height: "64",
         viewBox: "0 0 64 64",
@@ -57,9 +56,8 @@ var d = function(param) {
                 d: "M31.991 0c21.24 0 32.01 10.77 32.01 32.01C64 53.235 53.23 64 31.99 64 10.763 64 .001 53.236.001 32.01 0 10.77 10.762 0 31.99 0zm0 2c-20.18 0-29.99 9.816-29.99 30.01C2 52.19 11.81 62 31.99 62c20.192 0 30.01-9.81 30.01-29.99C62 11.815 52.182 2 31.99 2zM32 27a1 1 0 0 1 1 1v16a1 1 0 0 1-2 0V28a1 1 0 0 1 1-1zm0-7.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"
             })
         })
-    });
-}, k = function() {
-    var ref = n(), e = ref.skinName;
+    }), k = ()=>{
+    const { skinName: e  } = n();
     return e === i || e === s ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(l, {});
 };
 export { k as default };