@telefonica/mistica 13.0.2 → 13.1.1

package/dist-es/dialog.js

@@ -1,14 +1,3 @@
-function _assertThisInitialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-}
-function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -22,25 +11,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _getPrototypeOf(o);
-}
-function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
-        }
-    });
-    if (superClass) _setPrototypeOf(subClass, superClass);
-}
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -107,59 +77,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-function _possibleConstructorReturn(self, call) {
-    if (call && (_typeof(call) === "object" || typeof call === "function")) {
-        return call;
-    }
-    return _assertThisInitialized(self);
-}
-function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-    };
-    return _setPrototypeOf(o, p);
-}
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
-function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-        return true;
-    } catch (e) {
-        return false;
-    }
-}
-function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-        var Super = _getPrototypeOf(Derived), result;
-        if (hasNativeReflectConstruct) {
-            var NewTarget = _getPrototypeOf(this).constructor;
-            result = Reflect.construct(Super, arguments, NewTarget);
-        } else {
-            result = Super.apply(this, arguments);
-        }
-        return _possibleConstructorReturn(this, result);
-    };
-}
 var S = Object.defineProperty;
-var L = function(e, n, t) {
-    return n in e ? S(e, n, {
+var L = (e, n, t)=>n in e ? S(e, n, {
         enumerable: !0,
         configurable: !0,
         writable: !0,
         value: t
     }) : e[n] = t;
-};
-var g = function(e, n, t) {
-    return L(e, (typeof n === "undefined" ? "undefined" : _typeof(n)) != "symbol" ? n + "" : n, t), t;
-};
+var g = (e, n, t)=>(L(e, typeof n != "symbol" ? n + "" : n, t), t);
 import * as s from "react";
 import T from "classnames";
 import { ButtonDanger as W, ButtonPrimary as M, ButtonSecondary as O } from "./button.js";
@@ -180,11 +105,9 @@ import Z from "./stack.js";
 import { wrapper as $, modalOpacityLayer as ee, closedOpactityLayer as te, modalContent as oe, closedModalContent as ne, modalCloseButtonContainer as ae, variants as ie, iconContainer as le, dialogContent as se, dialogActions as ce } from "./dialog.css-mistica.js";
 import { vars as R } from "./skins/skin-contract.css-mistica.js";
 import { jsx as o, jsxs as b, Fragment as re } from "./_virtual/jsx-runtime.js";
-var A = function(e) {
-    return !Q(e) && process.env.NODE_ENV !== "test" && !X(e);
-}, de = function(e) {
-    var ref = D(), n = ref.texts, t = e.className, a = e.title, c = e.message, l = e.icon, i = e.extra, tmp = e.cancelText, r = tmp === void 0 ? n.dialogCancelButton : tmp, tmp1 = e.acceptText, d = tmp1 === void 0 ? n.dialogAcceptButton : tmp1, u = e.onCancel, C = e.onAccept, tmp2 = e.showCancel, p = tmp2 === void 0 ? !1 : tmp2, tmp3 = e.destructive, h = tmp3 === void 0 ? !1 : tmp3, x = !!e.forceWeb, m = {
-        onPress: C || function() {},
+const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
+    const { texts: n  } = D(), { className: t , title: a , message: c , icon: l , extra: i , cancelText: r = n.dialogCancelButton , acceptText: d = n.dialogAcceptButton , onCancel: u , onAccept: C , showCancel: p = !1 , destructive: h = !1  } = e, x = !!e.forceWeb, m = {
+        onPress: C || (()=>{}),
         dataAttributes: {
             testid: "dialog-accept-button"
         },
@@ -258,24 +181,22 @@ var A = function(e) {
             })
         ]
     });
-}, ue = function(param) {
-    var e = param.showCancel, n = param.message, t = param.title, a = param.acceptText, c = param.cancelText, l = param.onAccept, i = param.onCancel;
+}, ue = (param)=>{
+    let { showCancel: e , message: n , title: t , acceptText: a , cancelText: c , onAccept: l , onCancel: i  } = param;
     return e ? K({
         message: n,
         title: t,
         cancelText: c,
         acceptText: a
-    }).then(function(r) {
-        return r ? l == null ? void 0 : l() : i == null ? void 0 : i();
-    }) : _({
+    }).then((r)=>r ? l == null ? void 0 : l() : i == null ? void 0 : i()) : _({
         message: n,
         title: t,
         buttonText: a
     }).then(l);
-}, he = function(param) {
-    var e = param.renderNative, n = param.onAccept, t = param.onCancel, a = param.acceptText, c = param.cancelText, l = param.showCancel, i = param.message, r = param.title;
-    var d = s.useRef(n).current, u = s.useRef(t).current;
-    s.useEffect(function() {
+}, he = (param)=>{
+    let { renderNative: e , onAccept: n , onCancel: t , acceptText: a , cancelText: c , showCancel: l , message: i , title: r  } = param;
+    const d = s.useRef(n).current, u = s.useRef(t).current;
+    s.useEffect(()=>{
         e && ue({
             acceptText: a,
             cancelText: c,
@@ -295,8 +216,7 @@ var A = function(e) {
         r,
         e
     ]);
-}, me = function(e) {
-    return he({
+}, me = (e)=>(he({
         renderNative: !0,
         acceptText: e.acceptText || e.dialogAcceptButton,
         cancelText: e.cancelText || e.dialogCancelButton,
@@ -305,61 +225,56 @@ var A = function(e) {
         title: e.title,
         onAccept: e.onAccept,
         onCancel: e.onCancel
-    }), null;
-}, fe = function(e) {
+    }), null), fe = (e)=>{
     var N;
-    var ref = D(), n = ref.platformOverrides, t = s.useContext(z), a = s.useRef(process.env.NODE_ENV === "test");
+    const { platformOverrides: n  } = D(), t = s.useContext(z), a = s.useRef(process.env.NODE_ENV === "test");
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
-    var c = !e.forceWeb && j(), l = e.onAccept, i = e.isClosing, r = e.onCancel, d = e.onCloseTransitionEnd, u = _objectWithoutProperties(e, [
+    const c = !e.forceWeb && j(), { onAccept: l , isClosing: i , onCancel: r , onCloseTransitionEnd: d  } = e, u = _objectWithoutProperties(e, [
         "onAccept",
         "isClosing",
         "onCancel",
         "onCloseTransitionEnd"
-    ]), C = s.useCallback(function() {
+    ]), C = s.useCallback(()=>{
         !i && a.current && l();
     }, [
         i,
         l
-    ]), p = s.useCallback(function() {
+    ]), p = s.useCallback(()=>{
         !i && a.current && r();
     }, [
         i,
         r
-    ]), h = e.showCancel ? p : C, x = s.useCallback(function(f) {
+    ]), h = e.showCancel ? p : C, x = s.useCallback((f)=>{
         e.showClose && (h(), f.stopPropagation());
     }, [
         h,
         e.showClose
-    ]), m = s.useCallback(function(f) {
+    ]), m = s.useCallback((f)=>{
         f.keyCode === J && (h(), f.stopPropagation(), f.preventDefault());
     }, [
         h
-    ]), B = s.useCallback(function() {
+    ]), B = s.useCallback(()=>{
         document.addEventListener("keydown", m);
     }, [
         m
     ]);
-    s.useEffect(function() {
-        return A(n) || B(), (c || !A(n)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), function() {
+    s.useEffect(()=>(A(n) || B(), (c || !A(n)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), ()=>{
             document.removeEventListener("keydown", m);
-        };
-    }, [
+        }), [
         B,
         m,
         e,
         c,
         n
     ]);
-    var k = Y();
-    return s.useEffect(function() {
-        return k({
+    const k = Y();
+    return s.useEffect(()=>(k({
             isModalOpen: !0
-        }), function() {
+        }), ()=>{
             k({
                 isModalOpen: !1
             });
-        };
-    }, [
+        }), [
         k
     ]), c ? /* @__PURE__ */ o(me, _objectSpreadProps(_objectSpread({}, e), {
         dialogAcceptButton: t.texts.dialogAcceptButton,
@@ -370,19 +285,21 @@ var A = function(e) {
             children: /* @__PURE__ */ o(H, {
                 children: /* @__PURE__ */ o("div", {
                     onClick: x,
-                    className: T(ee, _defineProperty({}, te, i)),
+                    className: T(ee, {
+                        [te]: i
+                    }),
                     role: "dialog",
                     "data-component-name": "Dialog",
                     children: /* @__PURE__ */ o("div", {
-                        onClick: function(f) {
-                            return f.stopPropagation();
-                        },
+                        onClick: (f)=>f.stopPropagation(),
                         children: /* @__PURE__ */ b("div", {
                             onTransitionEnd: i && d ? d : void 0,
-                            onAnimationEnd: function() {
+                            onAnimationEnd: ()=>{
                                 a.current = !0, B();
                             },
-                            className: T(oe, _defineProperty({}, ne, i)),
+                            className: T(oe, {
+                                [ne]: i
+                            }),
                             children: [
                                 e.showClose && /* @__PURE__ */ o("div", {
                                     className: ae,
@@ -406,75 +323,39 @@ var A = function(e) {
         })
     });
 };
-var v = null, w = 0;
-var Me = /*#__PURE__*/ function(_Component) {
-    "use strict";
-    _inherits(Me, _Component);
-    var _super = _createSuper(Me);
-    function Me() {
-        _classCallCheck(this, Me);
-        var _this;
-        _this = _super.call.apply(_super, [
-            this
-        ].concat(Array.prototype.slice.call(arguments)));
-        g(_assertThisInitialized(_this), "state", {
-            dialogProps: null,
-            isClosing: !1,
-            instanceNumber: w + 1
-        });
-        g(_assertThisInitialized(_this), "callback", null);
-        g(_assertThisInitialized(_this), "handleCloseFinished", function() {
-            _this.setState({
-                dialogProps: null,
-                isClosing: !1
-            });
-        });
-        g(_assertThisInitialized(_this), "handleBack", function() {
-            var t;
-            _this.state.dialogProps && ((t = _this.callback) == null || t.call(_assertThisInitialized(_this)), _this.callback = null, _this.setState({
-                isClosing: !0
-            }));
-        });
-        return _this;
-    }
-    var _proto = Me.prototype;
-    _proto.componentDidMount = function componentDidMount() {
+let v = null, w = 0;
+class Me extends s.Component {
+    componentDidMount() {
         w++, w === 1 && (v = this, window.addEventListener("popstate", this.handleBack));
-    };
-    _proto.componentWillUnmount = function componentWillUnmount() {
+    }
+    componentWillUnmount() {
         w--, w === 0 && (v = null, window.removeEventListener("popstate", this.handleBack));
-    };
-    _proto.show = function show(t) {
+    }
+    show(t) {
         if (this.state.dialogProps) throw Error("Tried to show a dialog on top of another dialog. This functionality is not currently supported.");
         window.history.pushState(null, document.title, window.location.href), this.setState({
             dialogProps: t,
             isClosing: !1
         });
-    };
-    _proto.close = function close() {
+    }
+    close() {
         window.history.back();
-    };
-    _proto.createCancelHandler = function createCancelHandler(t) {
-        var _this = this;
-        return function() {
-            t && (_this.callback = function() {
-                return t();
-            }), _this.close();
+    }
+    createCancelHandler(t) {
+        return ()=>{
+            t && (this.callback = ()=>t()), this.close();
         };
-    };
-    _proto.createAcceptHandler = function createAcceptHandler(t) {
-        var _this = this;
-        return function() {
-            t && (_this.callback = function() {
-                return t();
-            }), _this.close();
+    }
+    createAcceptHandler(t) {
+        return ()=>{
+            t && (this.callback = ()=>t()), this.close();
         };
-    };
-    _proto.render = function render() {
-        var _state = this.state, t = _state.isClosing, a = _state.dialogProps;
-        var c = null;
+    }
+    render() {
+        const { isClosing: t , dialogProps: a  } = this.state;
+        let c = null;
         if (a && this.state.instanceNumber === 1) {
-            var l = a.onCancel, i = a.onAccept, r = _objectWithoutProperties(a, [
+            const { onCancel: l , onAccept: i  } = a, r = _objectWithoutProperties(a, [
                 "onCancel",
                 "onAccept"
             ]);
@@ -491,12 +372,32 @@ var Me = /*#__PURE__*/ function(_Component) {
                 c
             ]
         });
-    };
-    return Me;
-}(s.Component);
-var y = function(param) {
-    var e = param.showCancel, n = param.showClose, t = param.forceWeb;
-    return function(a) {
+    }
+    constructor(){
+        super(...arguments);
+        g(this, "state", {
+            dialogProps: null,
+            isClosing: !1,
+            instanceNumber: w + 1
+        });
+        g(this, "callback", null);
+        g(this, "handleCloseFinished", ()=>{
+            this.setState({
+                dialogProps: null,
+                isClosing: !1
+            });
+        });
+        g(this, "handleBack", ()=>{
+            var t;
+            this.state.dialogProps && ((t = this.callback) == null || t.call(this), this.callback = null, this.setState({
+                isClosing: !0
+            }));
+        });
+    }
+}
+const y = (param)=>{
+    let { showCancel: e , showClose: n , forceWeb: t  } = param;
+    return (a)=>{
         if (!v) throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
         v.show(_objectSpread({
             showCancel: e,

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

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

package/dist-es/divider.js

@@ -1,8 +1,8 @@
 import { useIsInverseVariant as e } from "./theme-variant-context.js";
 import { variants as s } from "./divider.css-mistica.js";
 import { jsx as t } from "./_virtual/jsx-runtime.js";
-var n = function() {
-    var r = e();
+const n = ()=>{
+    const r = e();
     return /* @__PURE__ */ t("div", {
         className: s[r ? "inverse" : "default"]
     });

package/dist-es/double-field.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./text-field-components.css.ts.vanilla.js";
 import "./double-field.css.ts.vanilla.js";
-var y = {
-    default: "skrulh1 _1y2v1nf4y _1y2v1nf53 _1y2v1nf75",
-    fullWidth: "skrulh2 _1y2v1nf4y _1y2v1nf53 _1y2v1nf75"
+var n = {
+    default: "skrulh1 _1y2v1nf56 _1y2v1nf5b _1y2v1nf7d",
+    fullWidth: "skrulh2 _1y2v1nf56 _1y2v1nf5b _1y2v1nf7d"
 };
-export { y as variants };
+export { n as variants };

package/dist-es/double-field.css.ts.vanilla.js

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

package/dist-es/double-field.js

@@ -1,59 +1,13 @@
-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 r from "react";
 import n from "./box.js";
 import { variants as a } from "./double-field.css-mistica.js";
 import { jsx as i, jsxs as c, Fragment as m } from "./_virtual/jsx-runtime.js";
-var W = function(param) {
-    var o = param.children, h = param.fullWidth, l = param.layout;
-    var e, t;
+const W = (param)=>{
+    let { children: o , fullWidth: h , layout: l  } = param;
+    let e, t;
     l === "40/60" ? (t = "40%", e = "60%") : l === "60/40" ? (t = "60%", e = "40%") : (t = "50%", e = "50%");
-    var s = function() {
-        var ref = _slicedToArray(r.Children.toArray(o), 2), f = ref[0], d = ref[1];
+    const s = ()=>{
+        const [f, d] = r.Children.toArray(o);
         return /* @__PURE__ */ c(m, {
             children: [
                 /* @__PURE__ */ i(n, {

package/dist-es/email-field.js

@@ -81,8 +81,8 @@ import { useFieldProps as F } from "./form-context.js";
 import { useTheme as M } from "./hooks.js";
 import { TextFieldBaseAutosuggest as g } from "./text-field-base.js";
 import { jsx as y } from "./_virtual/jsx-runtime.js";
-var A = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = function(_param) {
-    var o = _param.disabled, m = _param.error, i = _param.helperText, n = _param.name, s = _param.optional, e = _param.validate, f = _param.onChange, u = _param.onChangeValue, l = _param.onBlur, c = _param.value, tmp = _param.autoComplete, a = tmp === void 0 ? "email" : tmp, d = _param.defaultValue, p = _objectWithoutProperties(_param, [
+const A = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = (_param)=>{
+    var { disabled: o , error: m , helperText: i , name: n , optional: s , validate: e , onChange: f , onChangeValue: u , onBlur: l , value: c , autoComplete: a = "email" , defaultValue: d  } = _param, p = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -96,21 +96,17 @@ var A = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = function(_param) {
         "autoComplete",
         "defaultValue"
     ]);
-    var ref = M(), t = ref.texts, E = F({
+    const { texts: t  } = M(), E = F({
         name: n,
         value: c,
         defaultValue: d,
-        processValue: function(r) {
-            return r.trim();
-        },
+        processValue: (r)=>r.trim(),
         helperText: i,
         optional: s,
         error: m,
         disabled: o,
         onBlur: l,
-        validate: function(r, x) {
-            return r ? A.test(r) ? e == null ? void 0 : e(r, x) : t.formEmailError : s ? "" : t.formFieldErrorIsMandatory;
-        },
+        validate: (r, x)=>r ? A.test(r) ? e == null ? void 0 : e(r, x) : t.formEmailError : s ? "" : t.formFieldErrorIsMandatory,
         onChange: f,
         onChangeValue: u
     });

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./empty-state-card.css.ts.vanilla.js";
-var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nf7g _1y2v1nf7v", v = "_1azor6p2 _1y2v1nf50 _1y2v1nf7x";
-export { n as container, o as iconContainer, v as image };
+var a = "_1azor6p0", n = "_1azor6p4 _1y2v1nf7o _1y2v1nf83", v = "_1azor6p2 _1y2v1nf58 _1y2v1nf85";
+export { a as container, n as iconContainer, v as image };

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

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

package/dist-es/empty-state-card.js

@@ -7,11 +7,11 @@ import y from "./button-group.js";
 import { container as B, iconContainer as E, image as v } from "./empty-state-card.css-mistica.js";
 import { vars as C } from "./skins/skin-contract.css-mistica.js";
 import { jsx as r, jsxs as d } from "./_virtual/jsx-runtime.js";
-var Y = function(param) {
-    var n = param.title, f = param.description, e = param.button, o = param.secondaryButton, i = param.buttonLink, l = param.icon, m = param.imageUrl, h = param["aria-label"], x = param.dataAttributes;
+const Y = (param)=>{
+    let { title: n , description: f , button: e , secondaryButton: o , buttonLink: i , icon: l , imageUrl: m , "aria-label": h , dataAttributes: x  } = param;
     var s;
-    var ref = u(), t = ref.isTabletOrSmaller;
-    var a;
+    const { isTabletOrSmaller: t  } = u();
+    let a;
     return m && (a = /* @__PURE__ */ r("img", {
         className: v,
         alt: "",

package/dist-es/empty-state.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./empty-state.css.ts.vanilla.js";
-var n = "_13fzrua2 _1y2v1nf4y _1y2v1nf4s", v = {
+var n = "_13fzrua2 _1y2v1nf56 _1y2v1nf50", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, e = "_13fzrua9 _1y2v1nf7i _1y2v1nf7x", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf7l", o = "_13fzrua5", u = "_13fzruab _1y2v1nf50", t = {
+}, e = "_13fzrua9 _1y2v1nf7q _1y2v1nf85", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf7t", o = "_13fzrua5", t = "_13fzruab _1y2v1nf58", u = {
     backgroundColor: "var(--_13fzrua0)"
 };
-export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, t as vars };
+export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, t as smallImage, u as vars };

package/dist-es/empty-state.css.ts.vanilla.js

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

package/dist-es/empty-state.js

@@ -64,9 +64,9 @@ import { AspectRatioElement as P } from "./utils/aspect-ratio-support.js";
 import { getPrefixedDataAttributes as R } from "./utils/dom.js";
 import { sprinkles as $ } from "./sprinkles.css-mistica.js";
 import { jsxs as i, jsx as r } from "./_virtual/jsx-runtime.js";
-var Y = function(param) {
-    var d = param.title, p = param.description, e = param.button, f = param.buttonLink, o = param.largeImageUrl, n = param.imageUrl, l = param.icon, v = param["aria-label"], g = param.dataAttributes;
-    var ref = B(), h = ref.isDarkMode, s = k(), t = n ? /* @__PURE__ */ r("img", {
+const Y = (param)=>{
+    let { title: d , description: p , button: e , buttonLink: f , largeImageUrl: o , imageUrl: n , icon: l , "aria-label": v , dataAttributes: g  } = param;
+    const { isDarkMode: h  } = B(), s = k(), t = n ? /* @__PURE__ */ r("img", {
         className: D,
         alt: "",
         src: n
@@ -81,7 +81,9 @@ var Y = function(param) {
         className: x(E, s ? T : $({
             border: "regular"
         })),
-        style: y(_defineProperty({}, V.backgroundColor, s && !h ? a.colors.backgroundBrand : a.colors.backgroundContainer)),
+        style: y({
+            [V.backgroundColor]: s && !h ? a.colors.backgroundBrand : a.colors.backgroundContainer
+        }),
         "aria-label": v,
         role: "region"
     }, R(g, "EmptyState")), {
@@ -129,7 +131,7 @@ var Y = function(param) {
                     children: /* @__PURE__ */ r("div", {
                         className: A,
                         style: {
-                            backgroundImage: "url(".concat(o, ")")
+                            backgroundImage: `url(${o})`
                         }
                     })
                 })

package/dist-es/fade-in.css.ts.vanilla.js

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

package/dist-es/fade-in.js

@@ -53,10 +53,10 @@ function _objectSpreadProps(target, source) {
 import { wrapper as o } from "./fade-in.css-mistica.js";
 import { getPrefixedDataAttributes as r } from "./utils/dom.js";
 import { jsx as m } from "./_virtual/jsx-runtime.js";
-var s = "0.3s", D = function(param) {
-    var i = param.children, tmp = param.className, e = tmp === void 0 ? "" : tmp, tmp1 = param.duration, t = tmp1 === void 0 ? s : tmp1, tmp2 = param.delay, a = tmp2 === void 0 ? "0" : tmp2, n = param.dataAttributes;
-    return /* @__PURE__ */ m("div", _objectSpreadProps(_objectSpread({}, r(n, "FadeIn")), {
-        className: "".concat(o, " ").concat(e),
+const s = "0.3s", D = (param)=>/* @__PURE__ */ {
+    let { children: i , className: e = "" , duration: t = s , delay: a = "0" , dataAttributes: n  } = param;
+    return m("div", _objectSpreadProps(_objectSpread({}, r(n, "FadeIn")), {
+        className: `${o} ${e}`,
         style: {
             animationDelay: a,
             WebkitAnimationDelay: a,

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./feedback.css.ts.vanilla.js";
-var n = "gx6h6a3 _1y2v1nf4y _1y2v1nf7l _1y2v1nf75", r = "_1y2v1nf91 _1y2v1nf4y _1y2v1nf5a", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";
+var n = "gx6h6a3 _1y2v1nf56 _1y2v1nf7t _1y2v1nf7d", r = "_1y2v1nf99 _1y2v1nf56 _1y2v1nf5i", t = "gx6h6a1", v = "gx6h6a7", f = "gx6h6a5", o = "gx6h6a6", p = "gx6h6a4";
 export { n as container, r as desktopContainer, t as desktopContent, v as feedbackData, f as feedbackDataAppear, o as feedbackDataAppearActive, p as innerContainer };