@telefonica/mistica 13.0.2 → 13.1.1

package/dist-es/button-layout.js

@@ -1,14 +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 _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -22,39 +11,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-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 _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread 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] : {};
@@ -94,135 +50,110 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-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 i from "react";
-import { assignInlineVars as E } from "@vanilla-extract/dynamic";
-import { useIsomorphicLayoutEffect as W } from "./hooks.js";
+import * as o from "react";
+import { assignInlineVars as W } from "@vanilla-extract/dynamic";
+import { useIsomorphicLayoutEffect as w } from "./hooks.js";
 import { ButtonSecondary as L, ButtonDanger as M, ButtonPrimary as x } from "./button.js";
 import { BUTTON_MIN_WIDTH as B } from "./button.css-mistica.js";
-import h from "classnames";
+import m from "classnames";
 import C from "lodash/debounce";
 import { getPrefixedDataAttributes as O } from "./utils/dom.js";
-import { baseContainer as N, alignVariant as A, fullWidthContainer as R, container as S, noButtonWidth as k, alignMoreThanOneChildred as D, vars as I, link as T, linkAlignment as F, margins as V } from "./button-layout.css-mistica.js";
-import { jsxs as _, jsx as p } from "./_virtual/jsx-runtime.js";
-var j = function(t) {
-    i.useEffect(function() {
+import { baseContainer as N, alignVariant as R, fullWidthContainer as S, container as k, noButtonWidth as A, alignMoreThanOneChildred as D, vars as I, link as T, linkAlignment as V, margins as _ } from "./button-layout.css-mistica.js";
+import { jsxs as j, jsx as h } from "./_virtual/jsx-runtime.js";
+const z = (t)=>{
+    o.useEffect(()=>{
         var r, u;
-        var e = !1;
-        return (u = (r = document.fonts) == null ? void 0 : r.ready) != null && u.then && document.fonts.ready.then(function() {
+        let e = !1;
+        return (u = (r = document.fonts) == null ? void 0 : r.ready) != null && u.then && document.fonts.ready.then(()=>{
             e || t();
-        }), function() {
+        }), ()=>{
             e = !0;
         };
     }, [
         t
     ]);
-}, q = function(t, e) {
-    i.useEffect(function() {
+}, P = (t, e)=>{
+    o.useEffect(()=>{
         if (t) {
-            var r = new MutationObserver(e);
+            const r = new MutationObserver(e);
             return r.observe(t, {
                 childList: !0,
                 attributes: !1,
                 subtree: !0
-            }), function() {
+            }), ()=>{
                 r.disconnect();
             };
         }
-        return function() {};
+        return ()=>{};
     }, [
         e,
         t
     ]);
-}, b = [
+}, p = [
     L,
     M,
     x
-], Y = function(param) {
-    var t = param.children, tmp = param.align, e = tmp === void 0 ? "full-width" : tmp, r = param.link, tmp1 = param.withMargins, u = tmp1 === void 0 ? !1 : tmp1, v = param.dataAttributes;
-    var g = i.Children.count(t), ref = _slicedToArray(i.useState({
+], Y = (param)=>{
+    let { children: t , align: e = "full-width" , link: r , withMargins: u = !1 , dataAttributes: b  } = param;
+    const v = o.Children.count(t), [s, g] = o.useState({
         isMeasuring: !0,
         buttonWidth: 0
-    }), 2), o = ref[0], w = ref[1], m = function(param) {
-        var s = param.isMeasuring, a = param.buttonWidth;
-        process.env.NODE_ENV !== "test" && w({
-            isMeasuring: s,
+    }), f = (param)=>{
+        let { isMeasuring: i , buttonWidth: a  } = param;
+        process.env.NODE_ENV !== "test" && g({
+            isMeasuring: i,
             buttonWidth: a
         });
-    }, c = i.useRef(null);
-    W(function() {
-        if (o.isMeasuring) {
-            var s = window.requestAnimationFrame(function() {
-                if (c.current) {
-                    var _Math;
-                    var a = Array.from(c.current.children).map(function(d) {
-                        return d.dataset.link ? 0 : d.offsetWidth + 1;
-                    }), f = Math.ceil((_Math = Math).max.apply(_Math, _toConsumableArray(a).concat([
-                        B
-                    ])));
-                    m({
-                        isMeasuring: !1,
-                        buttonWidth: f
-                    });
-                }
+    }, d = o.useRef(null);
+    w(()=>{
+        if (s.isMeasuring && d.current) {
+            const i = Array.from(d.current.children).map((c)=>c.dataset.link ? 0 : c.offsetWidth + 1), a = Math.ceil(Math.max(...i, B));
+            f({
+                isMeasuring: !1,
+                buttonWidth: a
             });
-            return function() {
-                window.cancelAnimationFrame(s);
-            };
         }
-        return function() {};
     }, [
-        o.isMeasuring
+        s.isMeasuring
     ]);
-    var n = i.useMemo(function() {
-        return C(function() {
-            m({
+    const n = o.useMemo(()=>C(()=>{
+            f({
                 isMeasuring: !0,
                 buttonWidth: 0
             });
         }, 5, {
             maxWait: 50
-        });
-    }, []);
-    q(c.current, n), j(n), i.useEffect(function() {
-        return window.addEventListener("resize", n), window.addEventListener("focus", n), document.addEventListener("visibilitychange", n), function() {
+        }), []);
+    P(d.current, n), z(n), o.useEffect(()=>(window.addEventListener("resize", n), window.addEventListener("focus", n), document.addEventListener("visibilitychange", n), ()=>{
             window.removeEventListener("resize", n), window.removeEventListener("focus", n), document.removeEventListener("visibilitychange", n);
-        };
-    }, [
+        }), [
         n
     ]);
-    var y = i.Children.toArray(t).sort(function(s, a) {
-        var f = b.indexOf(s.type), d = b.indexOf(a.type);
-        return f - d;
-    }), l = /* @__PURE__ */ _("div", _objectSpreadProps(_objectSpread({
-        ref: c,
-        className: h(N, A[e], o.buttonWidth ? e === "full-width" ? R : S : k, _defineProperty({}, D, g > 1)),
-        style: E(_defineProperty({}, I.buttonWidth, o.buttonWidth ? "".concat(o.buttonWidth, "px") : "auto"))
-    }, O(v, "ButtonLayout")), {
+    const y = o.Children.toArray(t).sort((i, a)=>{
+        const c = p.indexOf(i.type), E = p.indexOf(a.type);
+        return c - E;
+    }), l = /* @__PURE__ */ j("div", _objectSpreadProps(_objectSpread({
+        ref: d,
+        className: m(N, R[e], s.buttonWidth ? e === "full-width" ? S : k : A, {
+            [D]: v > 1
+        }),
+        style: W({
+            [I.buttonWidth]: s.buttonWidth ? `${s.buttonWidth}px` : "auto"
+        })
+    }, O(b, "ButtonLayout")), {
         children: [
-            r ? /* @__PURE__ */ p("div", {
-                className: h(T, _defineProperty({}, F, e === "left")),
+            r ? /* @__PURE__ */ h("div", {
+                className: m(T, {
+                    [V]: e === "left"
+                }),
                 "data-link": "true",
                 children: r
             }) : null,
             y
         ]
     }));
-    return u ? /* @__PURE__ */ p("div", {
-        className: V,
+    return u ? /* @__PURE__ */ h("div", {
+        className: _,
         children: l
     }) : l;
 };

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./button.css.ts.vanilla.js";
-var _ = 136, r = 8, y = 24, f = 20, a = 16, p = 20, t = 14.5, b = 10.5, i = "rrbrpnk", d = "rrbrpni _1y2v1nf1u", e = {
-    primary: "rrbrpno rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1n _1y2v1nf2z",
-    secondary: "rrbrpnp rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1r _1y2v1nf4s",
-    danger: "rrbrpnq rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2t"
-}, l = "rrbrpn0", z = "rrbrpng _1y2v1nf6h _1y2v1nf6v _1y2v1nf52 _1y2v1nf76 _1y2v1nf8z _1y2v1nf8w _1y2v1nf1t _1y2v1nf4s _1y2v1nf94", I = "rrbrpn7 _1y2v1nf4z _1y2v1nf4u _1y2v1nf96 _1y2v1nfac _1y2v1nf57 _1y2v1nf5d", o = "rrbrpn4 _1y2v1nf50 _1y2v1nf7m _1y2v1nf94", N = "rrbrpn5", s = "rrbrpn9 _1y2v1nf4y _1y2v1nf5d _1y2v1nf57", m = "_1y2v1nf4y _1y2v1nf5d _1y2v1nf57", L = {
-    primary: "rrbrpnl rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2y",
-    secondary: "rrbrpnm rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1p _1y2v1nf4s",
-    danger: "rrbrpnn rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2t"
+var _ = 136, r = 8, y = 24, f = 20, a = 16, p = 20, e = 14.5, t = 10.5, b = "rrbrpnk", i = "rrbrpni _1y2v1nf1y", l = {
+    primary: "rrbrpno rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1r _1y2v1nf33",
+    secondary: "rrbrpnp rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1v _1y2v1nf50",
+    danger: "rrbrpnq rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1q _1y2v1nf2x"
+}, I = "rrbrpn0", o = "rrbrpng _1y2v1nf6p _1y2v1nf73 _1y2v1nf5a _1y2v1nf7e _1y2v1nf97 _1y2v1nf94 _1y2v1nf1x _1y2v1nf50 _1y2v1nf9c", N = "rrbrpn7 _1y2v1nf57 _1y2v1nf52 _1y2v1nf9e _1y2v1nfak _1y2v1nf5f _1y2v1nf5l", c = "rrbrpn4 _1y2v1nf58 _1y2v1nf7u _1y2v1nf9c", L = "rrbrpn5", S = "rrbrpn9 _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f", d = "_1y2v1nf56 _1y2v1nf5l _1y2v1nf5f", s = {
+    primary: "rrbrpnl rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1q _1y2v1nf32",
+    secondary: "rrbrpnm rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1t _1y2v1nf50",
+    danger: "rrbrpnn rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1q _1y2v1nf2x"
 };
-export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, t as X_PADDING_PX, b as X_SMALL_PADDING_PX, i as alignedLink, d as inverseLink, e as inverseVariants, l as isLoading, z as link, I as loadingContent, o as loadingFiller, N as small, s as textContent, m as textContentLink, L as variants };
+export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, e as X_PADDING_PX, t as X_SMALL_PADDING_PX, b as alignedLink, i as inverseLink, l as inverseVariants, I as isLoading, o as link, N as loadingContent, c as loadingFiller, L as small, S as textContent, d as textContentLink, s as variants };

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

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

package/dist-es/button.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,17 +77,6 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-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 c from "react";
 import x from "classnames";
 import O from "./spinner.js";
@@ -138,21 +92,21 @@ import { useTheme as W } from "./hooks.js";
 import { flattenChildren as Z } from "./skins/utils.js";
 import { SMALL_ICON_SIZE as C, ICON_SIZE as G, SMALL_SPINNER_SIZE as j, SPINNER_SIZE as $, inverseVariants as H, variants as q, small as J, isLoading as K, textContent as Q, loadingFiller as U, ICON_MARGIN_PX as N, X_SMALL_PADDING_PX as Y, X_PADDING_PX as p, loadingContent as ee, link as te, inverseLink as ne, alignedLink as re, textContentLink as ie } from "./button.css-mistica.js";
 import { jsxs as w, Fragment as oe, jsx as t } from "./_virtual/jsx-runtime.js";
-var y = function(param) {
-    var e = param.content, r = param.defaultIconSize, i = param.renderText;
-    var u = Z(e), g = u.length, l = [];
-    var o = [];
-    var s = function() {
+const y = (param)=>{
+    let { content: e , defaultIconSize: r , renderText: i  } = param;
+    const u = Z(e), g = u.length, l = [];
+    let o = [];
+    const s = ()=>{
         l.push(/* @__PURE__ */ t(c.Fragment, {
             children: i(o)
         }, l.length)), o = [];
     };
-    return u.forEach(function(a, n) {
+    return u.forEach((a, n)=>{
         var f;
-        var m = n === 0, v = n === g - 1;
+        const m = n === 0, v = n === g - 1;
         if (/*#__PURE__*/ c.isValidElement(a)) {
             o.length && s();
-            var h = (f = a.props.size) != null ? f : r;
+            const h = (f = a.props.size) != null ? f : r;
             l.push(/* @__PURE__ */ t("div", {
                 style: {
                     display: "flex",
@@ -166,29 +120,25 @@ var y = function(param) {
             }, l.length));
         } else o.push(a), v && s();
     }), l;
-}, S = /*#__PURE__*/ c.forwardRef(function(e, r) {
+}, S = /*#__PURE__*/ c.forwardRef((e, r)=>{
     var _;
-    var ref = X(), i = ref.eventFormat, ref1 = A(), u = ref1.formStatus, g = ref1.formId, l = k(), o = e.loadingText, s = !!e.submit, a = u === "sending", n = e.showSpinner || a && s, ref2 = _slicedToArray(c.useState(!!n), 2), m = ref2[0], v = ref2[1];
-    c.useEffect(function() {
+    const { eventFormat: i  } = X(), { formStatus: u , formId: g  } = A(), l = k(), { loadingText: o  } = e, s = !!e.submit, a = u === "sending", n = e.showSpinner || a && s, [m, v] = c.useState(!!n);
+    c.useEffect(()=>{
         n && !m && v(!0);
     }, [
         n,
         m,
         u
     ]);
-    var _obj;
-    var P = function() {
-        return i === "google-analytics-4" ? {
+    const P = ()=>i === "google-analytics-4" ? {
             name: B.userInteraction,
-            component_type: "".concat(e.type, "_button"),
+            component_type: `${e.type}_button`,
             component_copy: E(e.children)
         } : {
             category: R.userInteraction,
-            action: "".concat(e.type, "_button_tapped"),
+            action: `${e.type}_button_tapped`,
             label: E(e.children)
-        };
-    }, f = e.small ? C : G, h = L(e.small ? j : $), I = function(T) {
-        return e.small ? /* @__PURE__ */ t(D, {
+        }, f = e.small ? C : G, h = L(e.small ? j : $), I = (T)=>e.small ? /* @__PURE__ */ t(D, {
             size: 14,
             lineHeight: 20,
             weight: "medium",
@@ -202,10 +152,12 @@ var y = function(param) {
             color: "inherit",
             as: "div",
             children: T
-        });
-    }, b = {
+        }), b = {
         ref: r,
-        className: x(l ? H[e.type] : q[e.type], e.className, (_obj = {}, _defineProperty(_obj, J, e.small), _defineProperty(_obj, K, n), _obj)),
+        className: x(l ? H[e.type] : q[e.type], e.className, {
+            [J]: e.small,
+            [K]: n
+        }),
         style: _objectSpread({
             cursor: e.fake ? "pointer" : void 0
         }, e.style),
@@ -241,7 +193,7 @@ var y = function(param) {
                 /* @__PURE__ */ w("div", {
                     "aria-hidden": n ? void 0 : !0,
                     className: ee,
-                    onTransitionEnd: function() {
+                    onTransitionEnd: ()=>{
                         n !== m && v(n);
                     },
                     children: [
@@ -282,7 +234,7 @@ var y = function(param) {
     if (e.submit) return /* @__PURE__ */ t(d, _objectSpread({
         type: "submit",
         formId: g,
-        onPress: function() {}
+        onPress: ()=>{}
     }, b));
     if (e.onPress) return /* @__PURE__ */ t(d, _objectSpreadProps(_objectSpread({}, b), {
         onPress: e.onPress
@@ -298,11 +250,9 @@ var y = function(param) {
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ie = /*#__PURE__*/ c.forwardRef(function(e, r) {
+}), Ie = /*#__PURE__*/ c.forwardRef((e, r)=>{
     var a;
-    var _obj;
-    var ref = A(), i = ref.formStatus, u = k(), ref1 = W(), g = ref1.analytics, l = function() {
-        return g.eventFormat === "google-analytics-4" ? {
+    const { formStatus: i  } = A(), u = k(), { analytics: g  } = W(), l = ()=>g.eventFormat === "google-analytics-4" ? {
             name: B.userInteraction,
             component_type: "link",
             component_copy: E(e.children)
@@ -310,16 +260,16 @@ var y = function(param) {
             category: R.userInteraction,
             action: M.linkTapped,
             label: E(e.children)
-        };
-    }, o = function(n) {
-        return /* @__PURE__ */ t(F, {
+        }, o = (n)=>/* @__PURE__ */ t(F, {
             medium: !0,
             truncate: 1,
             color: "inherit",
             children: n
-        });
-    }, s = {
-        className: x(te, (_obj = {}, _defineProperty(_obj, ne, u), _defineProperty(_obj, re, e.aligned), _obj)),
+        }), s = {
+        className: x(te, {
+            [ne]: u,
+            [re]: e.aligned
+        }),
         trackingEvent: (a = e.trackingEvent) != null ? a : e.trackEvent ? l() : void 0,
         dataAttributes: _objectSpread({
             "component-name": "ButtonLink"
@@ -354,8 +304,8 @@ var y = function(param) {
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ne = /*#__PURE__*/ c.forwardRef(function(_param, i) /* @__PURE__ */ {
-    var e = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+}), Ne = /*#__PURE__*/ c.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return t(S, _objectSpreadProps(_objectSpread({
@@ -366,8 +316,8 @@ var y = function(param) {
         ref: i,
         type: "primary"
     }));
-}), Se = /*#__PURE__*/ c.forwardRef(function(_param, i) /* @__PURE__ */ {
-    var e = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+}), Se = /*#__PURE__*/ c.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return t(S, _objectSpreadProps(_objectSpread({
@@ -378,8 +328,8 @@ var y = function(param) {
         ref: i,
         type: "secondary"
     }));
-}), Pe = /*#__PURE__*/ c.forwardRef(function(_param, i) /* @__PURE__ */ {
-    var e = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+}), Pe = /*#__PURE__*/ c.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return t(S, _objectSpreadProps(_objectSpread({

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./callout.css.ts.vanilla.js";
-var v = "_14g0jmy1 _1y2v1nf5q _1y2v1nf64 _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf90 _1y2v1nf94", _ = "_14g0jmy3 _1y2v1nf5k";
+var v = "_14g0jmy1 _1y2v1nf5y _1y2v1nf6c _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf98 _1y2v1nf9c", _ = "_14g0jmy3 _1y2v1nf5s";
 export { v as container, _ as content };

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

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

package/dist-es/callout.js

@@ -65,9 +65,9 @@ import { sprinkles as A } from "./sprinkles.css-mistica.js";
 import { vars as e } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as N } from "./utils/dom.js";
 import { jsx as r, jsxs as o } from "./_virtual/jsx-runtime.js";
-var O = function(param) {
-    var s = param.title, p = param.description, i = param.icon, n = param.onClose, l = param.button, a = param.secondaryButton, m = param.buttonLink, t = param["aria-label"], f = param.dataAttributes;
-    var u = I(), ref = x(), d = ref.texts;
+const O = (param)=>{
+    let { title: s , description: p , icon: i , onClose: n , button: l , secondaryButton: a , buttonLink: m , "aria-label": t , dataAttributes: f  } = param;
+    const u = I(), { texts: d  } = x();
     return /* @__PURE__ */ r("section", _objectSpreadProps(_objectSpread({
         className: T(j, A({
             background: u ? e.colors.backgroundContainer : e.colors.backgroundAlternative

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./card.css.ts.vanilla.js";
-var y = "_15e54s91 _1y2v1nf4y _1y2v1nf5k _1y2v1nf5e", _ = "_1y2v1nf4y", f = "_15e54s97 _1y2v1nf6i _1y2v1nf6w _1y2v1nf5r _1y2v1nf65 _1y2v1nf4y _1y2v1nf5k _1y2v1nf54", a = "_1y2v1nf4y _1y2v1nf54 _1y2v1nf7l _1y2v1nf75", r = "_15e54s95 _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf5k _1y2v1nf5q _1y2v1nf65 _1y2v1nf54", e = "_15e54s99 _1y2v1nf5q _1y2v1nf64 _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf7l _1y2v1nf54 _1y2v1nf5a _1y2v1nf5k", s = "_15e54s9b _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf4y _1y2v1nf7l _1y2v1nf75 _1y2v1nf8w _1y2v1nf4s", d = "_15e54s9c _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf4y _1y2v1nf7l _1y2v1nf75 _1y2v1nf8w _1y2v1nf4s";
-export { y as actions, _ as boxed, f as dataCard, a as mediaCard, r as mediaCardContent, e as snapCard, s as snapCardTouchableHover, d as snapCardTouchableHoverTransparent };
+var _ = "_15e54s91 _1y2v1nf56 _1y2v1nf5s _1y2v1nf5m", y = "_1y2v1nf56", f = "_15e54s97 _1y2v1nf6q _1y2v1nf74 _1y2v1nf5z _1y2v1nf6d _1y2v1nf56 _1y2v1nf5s _1y2v1nf5c _1y2v1nf7d", a = "_1y2v1nf56 _1y2v1nf5c _1y2v1nf7t _1y2v1nf7d", r = "_15e54s95 _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf5s _1y2v1nf5y _1y2v1nf6d _1y2v1nf5c", d = "_15e54s99 _1y2v1nf5y _1y2v1nf6c _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf7t _1y2v1nf5c _1y2v1nf5i _1y2v1nf5s", e = "_15e54s9b _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf56 _1y2v1nf7t _1y2v1nf7d _1y2v1nf94 _1y2v1nf50", s = "_15e54s9c _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf56 _1y2v1nf7t _1y2v1nf7d _1y2v1nf94 _1y2v1nf50";
+export { _ as actions, y as boxed, f as dataCard, a as mediaCard, r as mediaCardContent, d as snapCard, e as snapCardTouchableHover, s as snapCardTouchableHoverTransparent };

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

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

package/dist-es/card.js

@@ -92,14 +92,12 @@ import { boxed as B, mediaCard as z, mediaCardContent as E, dataCard as F, snapC
 import { useTheme as Q } from "./hooks.js";
 import { sprinkles as U } from "./sprinkles.css-mistica.js";
 import { jsx as r, jsxs as o } from "./_virtual/jsx-runtime.js";
-var S = function(param) {
-    var e = param.headline, a = param.pretitle, t = param.pretitleLinesMax, n = param.title, h = param.titleLinesMax, d = param.subtitle, u = param.subtitleLinesMax, s = param.description, l = param.descriptionLinesMax, i = param.extra, c = param.button, m = param.buttonLink;
-    var p = function() {
-        return e ? typeof e == "string" ? /* @__PURE__ */ r(R, {
+const S = (param)=>{
+    let { headline: e , pretitle: a , pretitleLinesMax: t , title: n , titleLinesMax: h , subtitle: d , subtitleLinesMax: u , description: s , descriptionLinesMax: l , extra: i , button: c , buttonLink: m  } = param;
+    const p = ()=>e ? typeof e == "string" ? /* @__PURE__ */ r(R, {
             type: "promo",
             children: e
         }) : e : null;
-    };
     return /* @__PURE__ */ o("div", {
         className: U({
             display: "flex",
@@ -168,8 +166,8 @@ var S = function(param) {
             })
         ]
     });
-}, M = function(param) {
-    var e = param["aria-label"], a = param.className, t = param.children;
+}, M = (param)=>{
+    let { "aria-label": e , className: a , children: t  } = param;
     return G() ? /* @__PURE__ */ r("div", {
         className: a,
         children: t
@@ -178,9 +176,9 @@ var S = function(param) {
         "aria-label": e,
         children: t
     });
-}, nr = /*#__PURE__*/ y.forwardRef(function(param, x) {
-    var e = param.media, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.subtitle, d = param.subtitleLinesMax, u = param.title, s = param.titleLinesMax, l = param.description, i = param.descriptionLinesMax, c = param.extra, m = param.button, p = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], v = param.onClose;
-    return /* @__PURE__ */ r(N, {
+}, nr = /*#__PURE__*/ y.forwardRef((param, x)=>/* @__PURE__ */ {
+    let { media: e , headline: a , pretitle: t , pretitleLinesMax: n , subtitle: h , subtitleLinesMax: d , title: u , titleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: g , "aria-label": f , onClose: v  } = param;
+    return r(N, {
         onClose: v,
         "aria-label": f,
         children: /* @__PURE__ */ r(T, {
@@ -219,9 +217,9 @@ var S = function(param) {
             })
         })
     });
-}), or = /*#__PURE__*/ y.forwardRef(function(param, x) {
-    var e = param.icon, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.title, d = param.titleLinesMax, u = param.subtitle, s = param.subtitleLinesMax, l = param.description, i = param.descriptionLinesMax, c = param.extra, m = param.button, p = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], v = param.onClose;
-    return /* @__PURE__ */ r(N, {
+}), or = /*#__PURE__*/ y.forwardRef((param, x)=>/* @__PURE__ */ {
+    let { icon: e , headline: a , pretitle: t , pretitleLinesMax: n , title: h , titleLinesMax: d , subtitle: u , subtitleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: g , "aria-label": f , onClose: v  } = param;
+    return r(N, {
         "aria-label": f,
         onClose: v,
         children: /* @__PURE__ */ r(T, {
@@ -258,8 +256,8 @@ var S = function(param) {
             })
         })
     });
-}), sr = /*#__PURE__*/ y.forwardRef(function(_param, c) {
-    var e = _param.icon, a = _param.title, t = _param.titleLinesMax, n = _param.subtitle, h = _param.subtitleLinesMax, d = _param.dataAttributes, u = _param["aria-label"], s = _param.extra, tmp = _param.isInverse, l = tmp === void 0 ? !1 : tmp, i = _objectWithoutProperties(_param, [
+}), sr = /*#__PURE__*/ y.forwardRef((_param, c)=>{
+    var { icon: e , title: a , titleLinesMax: t , subtitle: n , subtitleLinesMax: h , dataAttributes: d , "aria-label": u , extra: s , isInverse: l = !1  } = _param, i = _objectWithoutProperties(_param, [
         "icon",
         "title",
         "titleLinesMax",
@@ -270,7 +268,7 @@ var S = function(param) {
         "extra",
         "isInverse"
     ]);
-    var ref = Q(), m = ref.isDarkMode, p = Boolean(i.to || i.href || i.onPress);
+    const { isDarkMode: m  } = Q(), p = Boolean(i.to || i.href || i.onPress);
     return /* @__PURE__ */ r(T, {
         className: B,
         dataAttributes: _objectSpread({