@telefonica/mistica 13.0.1 → 13.1.0

package/dist-es/screen-size-context-provider.js

@@ -1,74 +1,18 @@
-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();
-}
-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 t from "react";
 import k from "./screen-size-context.js";
 import { useIsomorphicLayoutEffect as l } from "./hooks.js";
 import { mobile as d, tablet as u, tabletOrBigger as S, tabletOrSmaller as h, largeDesktop as w } from "./media-queries.css-mistica.js";
 import { jsx as x } from "./_virtual/jsx-runtime.js";
-var P = function(param) {
-    var p = param.children;
-    var ref = _slicedToArray(t.useState(!0), 2), e = ref[0], b = ref[1];
-    l(function() {
+const P = (param)=>{
+    let { children: p  } = param;
+    const [e, b] = t.useState(!0);
+    l(()=>{
         b(!1);
     }, []);
-    var ref1 = _slicedToArray(t.useState(function() {
-        return !e && window.matchMedia(d).matches;
-    }), 2), i = ref1[0], f = ref1[1], ref2 = _slicedToArray(t.useState(function() {
-        return !e && window.matchMedia(u).matches;
-    }), 2), n = ref2[0], g = ref2[1], ref3 = _slicedToArray(t.useState(function() {
-        return !e && window.matchMedia(S).matches;
-    }), 2), c = ref3[0], M = ref3[1], ref4 = _slicedToArray(t.useState(function() {
-        return !e && window.matchMedia(h).matches;
-    }), 2), s = ref4[0], I = ref4[1], ref5 = _slicedToArray(t.useState(function() {
-        return !e && window.matchMedia(w).matches;
-    }), 2), m = ref5[0], O = ref5[1];
-    l(function() {
+    const [i, f] = t.useState(()=>!e && window.matchMedia(d).matches), [n, g] = t.useState(()=>!e && window.matchMedia(u).matches), [c, M] = t.useState(()=>!e && window.matchMedia(S).matches), [s, I] = t.useState(()=>!e && window.matchMedia(h).matches), [m, O] = t.useState(()=>!e && window.matchMedia(w).matches);
+    l(()=>{
         if (!window.matchMedia) return;
-        var T = [
+        const T = [
             [
                 d,
                 f
@@ -89,31 +33,23 @@ var P = function(param) {
                 w,
                 O
             ]
-        ].map(function(param) {
-            var _param = _slicedToArray(param, 2), r = _param[0], L = _param[1];
-            var a = window.matchMedia(r), o = function() {
+        ].map((param)=>{
+            let [r, L] = param;
+            const a = window.matchMedia(r), o = ()=>{
                 L(a.matches);
             };
-            return a.addListener(o), o(), function() {
-                return a.removeListener(o);
-            };
+            return a.addListener(o), o(), ()=>a.removeListener(o);
         });
-        return function() {
-            return T.forEach(function(r) {
-                return r();
-            });
-        };
+        return ()=>T.forEach((r)=>r());
     }, []);
-    var v = t.useMemo(function() {
-        return {
+    const v = t.useMemo(()=>({
             isMobile: i,
             isTablet: n,
             isTabletOrBigger: c,
             isTabletOrSmaller: s,
             isDesktopOrBigger: e ? !1 : !s,
             isLargeDesktop: m
-        };
-    }, [
+        }), [
         i,
         n,
         c,

package/dist-es/screen-size-context.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-var s = /*#__PURE__*/ e.createContext({
+const s = /*#__PURE__*/ e.createContext({
     isMobile: !1,
     isTablet: !1,
     isTabletOrBigger: !1,

package/dist-es/search-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 s from "react";
 import { useFieldProps as h } from "./form-context.js";
 import { TextFieldBaseAutosuggest as k } from "./text-field-base.js";
@@ -136,8 +86,8 @@ import z from "./icon-button.js";
 import { useTheme as A } from "./hooks.js";
 import { createChangeEvent as E } from "./utils/dom.js";
 import { jsx as c } from "./_virtual/jsx-runtime.js";
-var M = function(_param) {
-    var m = _param.disabled, u = _param.error, p = _param.helperText, d = _param.name, n = _param.optional, I = _param.validate, e = _param.onChange, r = _param.onChangeValue, x = _param.onBlur, a = _param.value, y = _param.defaultValue, S = _objectWithoutProperties(_param, [
+const M = (_param)=>{
+    var { disabled: m , error: u , helperText: p , name: d , optional: n , validate: I , onChange: e , onChangeValue: r , onBlur: x , value: a , defaultValue: y  } = _param, S = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -150,12 +100,12 @@ var M = function(_param) {
         "value",
         "defaultValue"
     ]);
-    var P = A(), t = s.useRef(), ref = _slicedToArray(s.useState(y || ""), 2), R = ref[0], b = ref[1], i = (typeof a === "undefined" ? "undefined" : _typeof(a)) < "u", f = i ? a : R, l = s.useCallback(function(o, F) {
+    const P = A(), t = s.useRef(), [R, b] = s.useState(y || ""), i = typeof a < "u", f = i ? a : R, l = s.useCallback((o, F)=>{
         i || b(o), r == null || r(o, F);
     }, [
         i,
         r
-    ]), v = s.useCallback(function() {
+    ]), v = s.useCallback(()=>{
         l("", ""), t.current && (e == null || e(E(t.current, "")), t.current.focus());
     }, [
         l,
@@ -164,9 +114,7 @@ var M = function(_param) {
         name: d,
         value: f,
         defaultValue: void 0,
-        processValue: function(o) {
-            return o;
-        },
+        processValue: (o)=>o,
         helperText: p,
         optional: n,
         error: u,

package/dist-es/select.css-mistica.js

@@ -1,22 +1,22 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./select.css.ts.vanilla.js";
-var n = "_1sqpivvo _1y2v1nf4u _1y2v1nfa3", i = "_1sqpivvq _1y2v1nf6i _1y2v1nf6w _1y2v1nf5o _1y2v1nf62 _1y2v1nf1i _1y2v1nf4y _1y2v1nf5d _1y2v1nf93 _1y2v1nf7v", f = "_1y2v1nf2l", y = {
+var n = "_1sqpivvo _1y2v1nf52 _1y2v1nfab", f = "_1sqpivvq _1y2v1nf6q _1y2v1nf74 _1y2v1nf5w _1y2v1nf6a _1y2v1nf1m _1y2v1nf56 _1y2v1nf5l _1y2v1nf9b _1y2v1nf83", i = "_1y2v1nf2p", y = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, s = "_1sqpivv6 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf4u _1y2v1nf90 _1y2v1nf2g", a = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nf4t",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf4t"
+}, s = "_1sqpivv6 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf52 _1y2v1nf98 _1y2v1nf2k", a = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nf51",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf51"
 }, t = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nf4u _1y2v1nf94 _1y2v1nf8t _1y2v1nf1i",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf4u _1y2v1nf94 _1y2v1nf8t _1y2v1nf1i"
-}, r = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nf8w _1y2v1nf1i _1y2v1nf4s _1y2v1nf75 _1y2v1nf7l",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf8w _1y2v1nf1i _1y2v1nf4s _1y2v1nf75 _1y2v1nf7l"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nf52 _1y2v1nf9c _1y2v1nf91 _1y2v1nf1m",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf52 _1y2v1nf9c _1y2v1nf91 _1y2v1nf1m"
 }, p = {
+    default: "_1sqpivvh _1sqpivvg _1y2v1nf94 _1y2v1nf1m _1y2v1nf50 _1y2v1nf7d _1y2v1nf7t",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf94 _1y2v1nf1m _1y2v1nf50 _1y2v1nf7d _1y2v1nf7t"
+}, r = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",
     transformOrigin: "var(--_1sqpivv2)",
     minWidth: "var(--_1sqpivv3)",
     maxHeight: "var(--_1sqpivv4)"
 };
-export { n as arrowDown, i as menuItem, f as menuItemSelected, y as optionsAnimationsVariants, s as optionsContainer, a as selectContainerVariants, t as selectTextVariants, r as selectVariants, p as vars };
+export { n as arrowDown, f as menuItem, i as menuItemSelected, y as optionsAnimationsVariants, s as optionsContainer, a as selectContainerVariants, t as selectTextVariants, p as selectVariants, r as vars };

package/dist-es/select.css.ts.vanilla.js

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

package/dist-es/select.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] : {};
@@ -85,21 +50,6 @@ function _objectSpreadProps(target, source) {
     }
     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 s from "react";
 import oe from "classnames";
 import { useForm as Ce } from "./form-context.js";
@@ -115,10 +65,10 @@ import { Text3 as Ge } from "./text.js";
 import { selectVariants as Ze, arrowDown as We, selectContainerVariants as Be, selectTextVariants as Le, vars as C, optionsContainer as $e, optionsAnimationsVariants as ce, menuItem as qe, menuItemSelected as je } from "./select.css-mistica.js";
 import { assignInlineVars as ze } from "@vanilla-extract/dynamic";
 import { jsxs as b, jsx as a, Fragment as Ke } from "./_virtual/jsx-runtime.js";
-var ut = function(param) {
-    var le = param.id, h = param.label, ae = param.helperText, k = param.value, _ = param.onChangeValue, i = param.name, V = param.fullWidth, d = param.options, D = param.optional, ue = param.disabled, de = param.error, M = param.onBlur, tmp = param.autoFocus, $ = tmp === void 0 ? !1 : tmp, fe = param.native;
+const ut = (param)=>{
+    let { id: le , label: h , helperText: ae , value: k , onChangeValue: _ , name: i , fullWidth: V , options: d , optional: D , disabled: ue , error: de , onBlur: M , autoFocus: $ = !1 , native: fe  } = param;
     var Y, ee, te;
-    var g = s.useRef(null), f = s.useRef(null), T = s.useRef(null), I = s.useRef(null), N = s.useRef(/* @__PURE__ */ new Map()), ref = _slicedToArray(s.useState(), 2), c = ref[0], pe = ref[1], ref1 = _slicedToArray(s.useState(!1), 2), H = ref1[0], q = ref1[1], ref2 = _slicedToArray(s.useState(!1), 2), j = ref2[0], z = ref2[1], ref3 = _slicedToArray(s.useState(!1), 2), K = ref3[0], y = ref3[1], ref4 = _slicedToArray(s.useState({}), 2), u = ref4[0], F = ref4[1], ref5 = _slicedToArray(s.useState(), 2), x = ref5[0], P = ref5[1], G = s.useRef(null), Z = Ne(le), ref6 = Ce(), me = ref6.rawValues, W = ref6.setRawValue, B = ref6.setValue, he = ref6.formStatus, U = ref6.formErrors, ge = ref6.setFormError, L = ref6.register, ref7 = Ae(), X = ref7.platformOverrides, Te = fe || process.env.NODE_ENV === "test" || Fe(X) || Pe(X), E = ue || he === "sending", A = de || !!U[i], J = U[i] || ae, o = k != null ? k : me[i], R = function(e) {
+    const g = s.useRef(null), f = s.useRef(null), T = s.useRef(null), I = s.useRef(null), N = s.useRef(/* @__PURE__ */ new Map()), [c, pe] = s.useState(), [H, q] = s.useState(!1), [j, z] = s.useState(!1), [K, y] = s.useState(!1), [u, F] = s.useState({}), [x, P] = s.useState(), G = s.useRef(null), Z = Ne(le), { rawValues: me , setRawValue: W , setValue: B , formStatus: he , formErrors: U , setFormError: ge , register: L  } = Ce(), { platformOverrides: X  } = Ae(), Te = fe || process.env.NODE_ENV === "test" || Fe(X) || Pe(X), E = ue || he === "sending", A = de || !!U[i], J = U[i] || ae, o = k != null ? k : me[i], R = (e)=>{
         _ == null || _(e), ge({
             name: i,
             error: ""
@@ -129,14 +79,14 @@ var ut = function(param) {
             name: i,
             value: e
         });
-    }, w = function(e) {
+    }, w = (e)=>{
         if (e) {
             if (T != null && T.current) {
-                var ref = T.current.getBoundingClientRect(), r = ref.top, O = ref.width, S = ref.left, v = ref.height, p = r + v, ne = Math.min(d.length, 8) * 48 + 16;
+                const { top: r , width: O , left: S , height: v  } = T.current.getBoundingClientRect(), p = r + v, ne = Math.min(d.length, 8) * 48 + 16;
                 if (p + ne + 12 > window.innerHeight) {
-                    var Se = window.innerHeight - p;
+                    const Se = window.innerHeight - p;
                     if (r > Se) {
-                        var ye = r - ne;
+                        const ye = r - ne;
                         F({
                             minWidth: O,
                             left: S,
@@ -159,18 +109,18 @@ var ut = function(param) {
                     transformOrigin: "center top"
                 });
             }
-            q(!0), requestAnimationFrame(function() {
+            q(!0), requestAnimationFrame(()=>{
                 G.current && I.current && "scrollTop" in I.current && (I.current.scrollTop = G.current), z(!0);
             }), P(c != null ? c : o);
         } else z(!1), q(!1), P(void 0);
-    }, Q = function(e) {
+    }, Q = (e)=>{
         var t;
-        G.current = (t = I.current) == null ? void 0 : t.scrollTop, w(!1), R && typeof e == "string" && R(e), (typeof o === "undefined" ? "undefined" : _typeof(o)) > "u" && pe(e);
-    }, Ie = function(e) {
+        G.current = (t = I.current) == null ? void 0 : t.scrollTop, w(!1), R && typeof e == "string" && R(e), typeof o > "u" && pe(e);
+    }, Ie = (e)=>{
         var n;
-        var t = (n = I.current) == null ? void 0 : n.getBoundingClientRect();
+        const t = (n = I.current) == null ? void 0 : n.getBoundingClientRect();
         if (t && e && N.current.has(e)) {
-            var l = N.current.get(e), r = l == null ? void 0 : l.getBoundingClientRect();
+            const l = N.current.get(e), r = l == null ? void 0 : l.getBoundingClientRect();
             if (r && r.top + r.height / 2 >= t.top + t.height) {
                 l == null || l.scrollIntoView();
                 return;
@@ -178,7 +128,7 @@ var ut = function(param) {
             r && r.top + r.height / 2 <= t.top && (l == null || l.scrollIntoView(!1));
         }
     }, xe = f.current, Ee = g.current;
-    s.useEffect(function() {
+    s.useEffect(()=>{
         W({
             name: i,
             value: o
@@ -191,72 +141,67 @@ var ut = function(param) {
         W,
         B,
         o
-    ]), s.useEffect(function() {
-        return L(i, {
+    ]), s.useEffect(()=>(L(i, {
             input: g.current,
             focusableElement: f.current
-        }), function() {
+        }), ()=>{
             L(i, {
                 input: null,
                 focusableElement: null
             });
-        };
-    }, [
+        }), [
         i,
         L,
         f,
         g,
         xe,
         Ee
-    ]), s.useEffect(function() {
-        var e = function(n) {
+    ]), s.useEffect(()=>{
+        const e = (n)=>{
             var O, S;
-            var _obj;
-            var r = (_obj = {}, _defineProperty(_obj, be, -1), _defineProperty(_obj, ke, 1), _obj)[n.keyCode];
+            const r = {
+                [be]: -1,
+                [ke]: 1
+            }[n.keyCode];
             if (r) {
                 m(n);
-                var v = (S = (O = d[d.findIndex(function(param) {
-                    var p = param.value;
+                const v = (S = (O = d[d.findIndex((param)=>{
+                    let { value: p  } = param;
                     return p === x;
                 }) + r]) == null ? void 0 : O.value) != null ? S : x;
                 P(v), Ie(v);
             }
-        }, t = function(n) {
-            H && (n.keyCode === Re && m(n), n.keyCode === ve && w(!1), (n.keyCode === se || n.keyCode === re) && (m(n), d.findIndex(function(param) {
-                var l = param.value;
+        }, t = (n)=>{
+            H && (n.keyCode === Re && m(n), n.keyCode === ve && w(!1), (n.keyCode === se || n.keyCode === re) && (m(n), d.findIndex((param)=>{
+                let { value: l  } = param;
                 return l === x;
             }) !== -1 && x !== c && Q(x), w(!1))), j && e(n);
         };
-        return document.addEventListener("keydown", t, !1), function() {
+        return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
         };
-    }), s.useEffect(function() {
+    }), s.useEffect(()=>{
         $ && f.current && f.current.focus();
     }, [
         $
     ]);
-    var we = function(e) {
+    const we = (e)=>{
         var t;
-        return e ? (t = d.find(function(param) {
-            var n = param.value;
+        return e ? (t = d.find((param)=>{
+            let { value: n  } = param;
             return n === e;
         })) == null ? void 0 : t.text : "";
     }, Oe = {
         tabIndex: 0,
-        onFocus: function() {
-            return y(!0);
-        },
-        onBlur: function() {
-            return y(!1);
-        },
-        onClick: function() {
+        onFocus: ()=>y(!0),
+        onBlur: ()=>y(!1),
+        onClick: ()=>{
             w(!0), y(!0);
         },
-        onKeyDown: function(e) {
+        onKeyDown: (e)=>{
             !H && (e.keyCode === re || e.keyCode === se) && (m(e), w(!0));
         }
     };
-    var _obj;
     return Te ? /* @__PURE__ */ b(_e, {
         disabled: E,
         helperText: /* @__PURE__ */ a(Ve, {
@@ -280,20 +225,18 @@ var ut = function(param) {
                 value: o,
                 required: !D,
                 disabled: E,
-                onChange: function(e) {
+                onChange: (e)=>{
                     R && R(e.target.value);
                 },
-                onFocus: function() {
-                    return y(!0);
-                },
-                onBlur: function(e) {
+                onFocus: ()=>y(!0),
+                onBlur: (e)=>{
                     y(!1), M == null || M(e);
                 },
-                ref: function(e) {
+                ref: (e)=>{
                     [
                         g,
                         f
-                    ].forEach(function(t) {
+                    ].forEach((t)=>{
                         t.current = e;
                     });
                 },
@@ -303,8 +246,8 @@ var ut = function(param) {
                     opacity: 1
                 },
                 children: [
-                    d.every(function(param) {
-                        var e = param.value;
+                    d.every((param)=>{
+                        let { value: e  } = param;
                         return !!e;
                     }) && /* @__PURE__ */ a("option", {
                         value: "",
@@ -312,9 +255,9 @@ var ut = function(param) {
                             display: "none"
                         }
                     }),
-                    d.map(function(param) {
-                        var e = param.value, t = param.text;
-                        return /* @__PURE__ */ a("option", {
+                    d.map((param)=>/* @__PURE__ */ {
+                        let { value: e , text: t  } = param;
+                        return a("option", {
                             value: e,
                             children: t
                         }, e);
@@ -369,28 +312,34 @@ var ut = function(param) {
                 ]
             })),
             H && /* @__PURE__ */ a(He, {
-                onPress: function(e) {
+                onPress: (e)=>{
                     w(!1), m(e);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ a("ul", {
-                    style: ze((_obj = {}, _defineProperty(_obj, C.top, u.top ? "".concat(u.top, "px") : ""), _defineProperty(_obj, C.left, u.left ? "".concat(u.left, "px") : ""), _defineProperty(_obj, C.maxHeight, u.maxHeight ? "".concat(u.maxHeight, "px") : ""), _defineProperty(_obj, C.minWidth, u.minWidth ? "".concat(u.minWidth, "px") : ""), _defineProperty(_obj, C.transformOrigin, (te = u.transformOrigin) != null ? te : ""), _obj)),
+                    style: ze({
+                        [C.top]: u.top ? `${u.top}px` : "",
+                        [C.left]: u.left ? `${u.left}px` : "",
+                        [C.maxHeight]: u.maxHeight ? `${u.maxHeight}px` : "",
+                        [C.minWidth]: u.minWidth ? `${u.minWidth}px` : "",
+                        [C.transformOrigin]: (te = u.transformOrigin) != null ? te : ""
+                    }),
                     onPointerDown: m,
                     className: oe($e, j ? ce.show : ce.hide),
                     role: "listbox",
                     ref: I,
-                    children: d.map(function(param) {
-                        var e = param.value, t = param.text;
-                        return /* @__PURE__ */ a("li", {
+                    children: d.map((param)=>/* @__PURE__ */ {
+                        let { value: e , text: t  } = param;
+                        return a("li", {
                             role: "option",
                             "aria-selected": e === (c != null ? c : o),
                             "data-value": e,
-                            className: oe(qe, _defineProperty({}, je, e === x || e === (c != null ? c : o))),
+                            className: oe(qe, {
+                                [je]: e === x || e === (c != null ? c : o)
+                            }),
                             onPointerDown: m,
-                            onClick: function() {
-                                return Q(e);
-                            },
-                            ref: function(n) {
+                            onClick: ()=>Q(e),
+                            ref: (n)=>{
                                 n ? N.current.set(e, n) : N.current.delete(e);
                             },
                             children: /* @__PURE__ */ a(Ge, {

package/dist-es/skeleton-base.js

@@ -3,9 +3,9 @@ import i from "classnames";
 import { sprinkles as m } from "./sprinkles.css-mistica.js";
 import { vars as r } from "./skins/skin-contract.css-mistica.js";
 import { jsx as l } from "./_virtual/jsx-runtime.js";
-var f = function(param) {
-    var tmp = param.width, e = tmp === void 0 ? "100%" : tmp, tmp1 = param.height, o = tmp1 === void 0 ? 8 : tmp1, tmp2 = param.radius, s = tmp2 === void 0 ? 8 : tmp2, a = param.className;
-    var n = t();
+const f = (param)=>{
+    let { width: e = "100%" , height: o = 8 , radius: s = 8 , className: a  } = param;
+    const n = t();
     return /* @__PURE__ */ l("div", {
         className: i(a, m({
             background: n ? r.colors.backgroundSkeletonInverse : r.colors.backgroundSkeleton

package/dist-es/skeletons.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./skeletons.css.ts.vanilla.js";
-var o = "zopolw2 _1y2v1nf50", r = "_1y2v1nf5g _1y2v1nf5i", y = "zopolw6 _1y2v1nf5h", f = "_1y2v1nf4y _1y2v1nf5d _1y2v1nf57";
-export { o as animation, r as circle, y as line, f as row };
+var o = "zopolw2 _1y2v1nf58", r = "_1y2v1nf5o _1y2v1nf5q", f = "zopolw6 _1y2v1nf5p", y = "_1y2v1nf56 _1y2v1nf5l _1y2v1nf5f";
+export { o as animation, r as circle, f as line, y as row };

package/dist-es/skeletons.css.ts.vanilla.js

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