@telefonica/mistica 14.10.0 → 14.12.0

package/dist/double-field.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>W
+    get: function() {
+        return x;
+    }
 });
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
-const _doubleFieldCssMisticaJs = require("./double-field.css-mistica.js");
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-function _interopRequireDefault(obj) {
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _doublefieldcssmistica = require("./double-field.css-mistica.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -23,7 +25,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -54,22 +56,22 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const W = (param)=>{
-    let { children: o , fullWidth: h , layout: l  } = param;
+const u = (param)=>{
+    let { children: o , fullWidth: s , layout: l  } = param;
     let e, t;
     l === "40/60" ? (t = "40%", e = "60%") : l === "60/40" ? (t = "60%", e = "40%") : (t = "50%", e = "50%");
-    const s = ()=>{
+    const h = ()=>{
         const [f, d] = _react.Children.toArray(o);
-        return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
+        return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
-                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingRight: 8,
                     width: t,
                     children: /*#__PURE__*/ _react.cloneElement(f, {
                         fullWidth: !0
                     })
                 }),
-                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingLeft: 8,
                     width: e,
                     children: d && /*#__PURE__*/ _react.cloneElement(d, {
@@ -79,8 +81,8 @@ const W = (param)=>{
             ]
         });
     };
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-        className: _doubleFieldCssMisticaJs.variants[h ? "fullWidth" : "default"],
-        children: s()
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        className: _doublefieldcssmistica.variants[s ? "fullWidth" : "default"],
+        children: h()
     });
-};
+}, x = u;

package/dist/email-field.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>L
+    get: function() {
+        return L;
+    }
 });
-const _formContextJs = require("./form-context.js");
-const _hooksJs = require("./hooks.js");
-const _textFieldBaseJs = require("./text-field-base.js");
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-function _defineProperty(obj, key, value) {
+const _jsxruntime = require("react/jsx-runtime");
+const _formcontext = require("./form-context.js");
+const _hooks = require("./hooks.js");
+const _textfieldbase = require("./text-field-base.js");
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -23,7 +25,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -33,7 +35,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -51,7 +53,7 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _objectSpreadProps(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -62,9 +64,9 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-function _objectWithoutProperties(source, excluded) {
+function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var target = _object_without_properties_loose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -77,7 +79,7 @@ function _objectWithoutProperties(source, excluded) {
     }
     return target;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -89,8 +91,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-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, [
+const A = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, I = (_param)=>{
+    var { disabled: o , error: i , helperText: m , name: n , optional: s , validate: r , onChange: l , onChangeValue: f , onBlur: u , value: c , autoComplete: a = "email" , defaultValue: d  } = _param, E = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -104,23 +106,23 @@ const A = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = (_param)=>{
         "autoComplete",
         "defaultValue"
     ]);
-    const { texts: t  } = (0, _hooksJs.useTheme)(), E = (0, _formContextJs.useFieldProps)({
+    const { texts: t  } = (0, _hooks.useTheme)(), p = (0, _formcontext.useFieldProps)({
         name: n,
         value: c,
         defaultValue: d,
-        processValue: (r)=>r.trim(),
-        helperText: i,
+        processValue: (e)=>e.trim(),
+        helperText: m,
         optional: s,
-        error: m,
+        error: i,
         disabled: o,
-        onBlur: l,
-        validate: (r, x)=>r ? A.test(r) ? e == null ? void 0 : e(r, x) : t.formEmailError : s ? "" : t.formFieldErrorIsMandatory,
-        onChange: f,
-        onChangeValue: u
+        onBlur: u,
+        validate: (e, F)=>e ? A.test(e) ? r == null ? void 0 : r(e, F) : t.formEmailError : s ? "" : t.formFieldErrorIsMandatory,
+        onChange: l,
+        onChangeValue: f
     });
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldBaseJs.TextFieldBaseAutosuggest, _objectSpreadProps(_objectSpread({}, p, E), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, E, p), {
         type: "email",
         inputMode: "email",
         autoComplete: a
     }));
-};
+}, L = I;

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

@@ -9,10 +9,16 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: ()=>a,
-    iconContainer: ()=>o,
-    image: ()=>p
+    container: function() {
+        return n;
+    },
+    iconContainer: function() {
+        return o;
+    },
+    image: function() {
+        return v;
+    }
 });
-require("./sprinkles.css.ts.vanilla.js");
-require("./empty-state-card.css.ts.vanilla.js");
-var a = "_1azor6p0", o = "_1azor6p4 _1y2v1nf88 _1y2v1nf8n", p = "_1azor6p2 _1y2v1nf5s _1y2v1nf8p";
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./empty-state-card.css.ts.vanilla.css-mistica.js");
+var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nf8m _1y2v1nf91", v = "_1azor6p2 _1y2v1nf66 _1y2v1nf93";

package/dist/{button-layout.css.ts.vanilla.js → empty-state-card.css.ts.vanilla.css-mistica.js}

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>t
+    get: function() {
+        return t;
+    }
 });
 const t = "";

package/dist/empty-state-card.js

@@ -4,51 +4,53 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>V
+    get: function() {
+        return V;
+    }
 });
-const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
-const _boxedJs = require("./boxed.js");
-const _hooksJs = require("./hooks.js");
-const _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
-const _textJs = require("./text.js");
-const _buttonGroupJs = /*#__PURE__*/ _interopRequireDefault(require("./button-group.js"));
-const _emptyStateCardCssMisticaJs = require("./empty-state-card.css-mistica.js");
-const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-function _interopRequireDefault(obj) {
+const _jsxruntime = require("react/jsx-runtime");
+const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _boxed = require("./boxed.js");
+const _hooks = require("./hooks.js");
+const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
+const _text = require("./text.js");
+const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));
+const _emptystatecardcssmistica = require("./empty-state-card.css-mistica.js");
+const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const V = (param)=>{
-    let { title: n , description: h , button: r , secondaryButton: o , buttonLink: t , icon: a , imageUrl: l , "aria-label": f , dataAttributes: x  } = param;
-    var m;
-    const { isTabletOrSmaller: s  } = (0, _hooksJs.useScreenSize)(), { textPresets: S  } = (0, _hooksJs.useTheme)();
-    let i;
-    return l && (i = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("img", {
-        className: _emptyStateCardCssMisticaJs.image,
+const z = (param)=>{
+    let { title: n , description: h , button: r , secondaryButton: i , buttonLink: t , icon: o , imageUrl: a , "aria-label": f , dataAttributes: x  } = param;
+    var s;
+    const { isTabletOrSmaller: l  } = (0, _hooks.useScreenSize)(), { textPresets: S  } = (0, _hooks.useTheme)();
+    let m;
+    return a && (m = /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
+        className: _emptystatecardcssmistica.image,
         alt: "",
-        src: l
-    })), process.env.NODE_ENV !== "production" && r && !((m = r == null ? void 0 : r.props) != null && m.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
+        src: a
+    })), process.env.NODE_ENV !== "production" && r && !((s = r == null ? void 0 : r.props) != null && s.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.Boxed, {
         dataAttributes: x,
-        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
-            paddingY: s ? 24 : 40,
-            paddingX: s ? 16 : 40,
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", {
-                className: _emptyStateCardCssMisticaJs.container,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            paddingY: l ? 24 : 40,
+            paddingX: l ? 16 : 40,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("section", {
+                className: _emptystatecardcssmistica.container,
                 "aria-label": f,
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 16,
                     children: [
-                        i != null ? i : a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                            className: _emptyStateCardCssMisticaJs.iconContainer,
-                            children: a
+                        m !== null && m !== void 0 ? m : o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            className: _emptystatecardcssmistica.iconContainer,
+                            children: o
                         }),
-                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
-                            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                                 space: 8,
                                 children: [
-                                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
+                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
                                         mobileSize: 18,
                                         mobileLineHeight: "24px",
                                         desktopSize: 20,
@@ -56,17 +58,17 @@ const V = (param)=>{
                                         weight: S.cardTitle.weight,
                                         children: n
                                     }),
-                                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                         regular: !0,
-                                        color: _skinContractCssMisticaJs.vars.colors.textSecondary,
+                                        color: _skincontractcssmistica.vars.colors.textSecondary,
                                         children: h
                                     })
                                 ]
                             })
                         }),
-                        (r || o || t) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
+                        (r || i || t) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
                             primaryButton: r,
-                            secondaryButton: o,
+                            secondaryButton: i,
                             link: t
                         })
                     ]
@@ -74,4 +76,4 @@ const V = (param)=>{
             })
         })
     });
-};
+}, V = z;

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

@@ -9,20 +9,36 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: ()=>n,
-    contentVariants: ()=>v,
-    iconContainer: ()=>e,
-    inverseBorder: ()=>f,
-    largeImage: ()=>_,
-    largeImageContainer: ()=>o,
-    smallImage: ()=>u,
-    vars: ()=>t
+    container: function() {
+        return n;
+    },
+    contentVariants: function() {
+        return v;
+    },
+    iconContainer: function() {
+        return e;
+    },
+    inverseBorder: function() {
+        return f;
+    },
+    largeImage: function() {
+        return _;
+    },
+    largeImageContainer: function() {
+        return o;
+    },
+    smallImage: function() {
+        return u;
+    },
+    vars: function() {
+        return t;
+    }
 });
-require("./sprinkles.css.ts.vanilla.js");
-require("./empty-state.css.ts.vanilla.js");
-var n = "_13fzrua2 _1y2v1nf5q _1y2v1nf5k", v = {
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./empty-state.css.ts.vanilla.css-mistica.js");
+var n = "_13fzrua2 _1y2v1nf64 _1y2v1nf5y", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, e = "_13fzrua9 _1y2v1nf8a _1y2v1nf8p", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf8d", o = "_13fzrua5", u = "_13fzruab _1y2v1nf5s", t = {
+}, e = "_13fzrua9 _1y2v1nf8o _1y2v1nf93", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nf8r", o = "_13fzrua5", u = "_13fzruab _1y2v1nf66", t = {
     backgroundColor: "var(--_13fzrua0)"
 };

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return t;
+    }
+});
+const t = "";

package/dist/empty-state.js

@@ -4,28 +4,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>Y
+    get: function() {
+        return Z;
+    }
 });
+const _jsxruntime = require("react/jsx-runtime");
 const _dynamic = require("@vanilla-extract/dynamic");
-const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-const _themeVariantContextJs = require("./theme-variant-context.js");
-const _buttonJs = require("./button.js");
-const _hooksJs = require("./hooks.js");
-const _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
-const _textJs = require("./text.js");
-const _buttonGroupJs = /*#__PURE__*/ _interopRequireDefault(require("./button-group.js"));
-const _emptyStateCssMisticaJs = require("./empty-state.css-mistica.js");
-const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
-const _aspectRatioSupportJs = require("./utils/aspect-ratio-support.js");
-const _domJs = require("./utils/dom.js");
-const _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-function _interopRequireDefault(obj) {
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _themevariantcontext = require("./theme-variant-context.js");
+const _button = require("./button.js");
+const _hooks = require("./hooks.js");
+const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
+const _text = require("./text.js");
+const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));
+const _emptystatecssmistica = require("./empty-state.css-mistica.js");
+const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+const _aspectratiosupport = require("./utils/aspect-ratio-support.js");
+const _dom = require("./utils/dom.js");
+const _sprinklescssmistica = require("./sprinkles.css-mistica.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -38,7 +40,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -48,7 +50,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -66,7 +68,7 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _objectSpreadProps(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -77,72 +79,72 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-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  } = (0, _hooksJs.useTheme)(), s = (0, _themeVariantContextJs.useIsInverseVariant)(), t = n ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("img", {
-        className: _emptyStateCssMisticaJs.smallImage,
+const G = (param)=>{
+    let { title: c , description: d , button: e , buttonLink: p , largeImageUrl: o , imageUrl: i , icon: m , "aria-label": f , dataAttributes: g  } = param;
+    const { isDarkMode: v  } = (0, _hooks.useTheme)(), s = (0, _themevariantcontext.useIsInverseVariant)(), h = i ? /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
+        className: _emptystatecssmistica.smallImage,
         alt: "",
-        src: n
-    }) : void 0, u = _objectSpreadProps(_objectSpread({}, (e == null ? void 0 : e.type) === _buttonJs.ButtonPrimary ? {
+        src: i
+    }) : void 0, u = _object_spread_props(_object_spread({}, (e == null ? void 0 : e.type) === _button.ButtonPrimary ? {
         primaryButton: e
     } : {
         secondaryButton: e
     }), {
-        link: f
+        link: p
     });
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
-        className: (0, _classnames.default)(_emptyStateCssMisticaJs.container, s ? _emptyStateCssMisticaJs.inverseBorder : (0, _sprinklesCssMisticaJs.sprinkles)({
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
+        className: (0, _classnames.default)(_emptystatecssmistica.container, s ? _emptystatecssmistica.inverseBorder : (0, _sprinklescssmistica.sprinkles)({
             border: "regular"
         })),
         style: (0, _dynamic.assignInlineVars)({
-            [_emptyStateCssMisticaJs.vars.backgroundColor]: s && !h ? _skinContractCssMisticaJs.vars.colors.backgroundBrand : _skinContractCssMisticaJs.vars.colors.backgroundContainer
+            [_emptystatecssmistica.vars.backgroundColor]: s && !v ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.backgroundContainer
         }),
-        "aria-label": v,
+        "aria-label": f,
         role: "region"
-    }, (0, _domJs.getPrefixedDataAttributes)(g, "EmptyState")), {
+    }, (0, _dom.getPrefixedDataAttributes)(g, "EmptyState")), {
         children: [
-            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     flex: 1
                 },
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 24,
-                    className: o ? _emptyStateCssMisticaJs.contentVariants.largeImage : _emptyStateCssMisticaJs.contentVariants.default,
+                    className: o ? _emptystatecssmistica.contentVariants.largeImage : _emptystatecssmistica.contentVariants.default,
                     children: [
-                        t != null ? t : l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                            className: _emptyStateCssMisticaJs.iconContainer,
-                            children: l
+                        h !== null && h !== void 0 ? h : m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            className: _emptystatecssmistica.iconContainer,
+                            children: m
                         }),
-                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+                        /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                             space: 16,
                             children: [
-                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text6, {
+                                /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
                                     as: "h1",
-                                    children: d
+                                    children: c
                                 }),
-                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
+                                /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                     regular: !0,
                                     as: "p",
-                                    color: s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.textSecondary,
-                                    children: p
+                                    color: s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.textSecondary,
+                                    children: d
                                 })
                             ]
                         }),
-                        e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, _objectSpread({}, u))
+                        e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, u))
                     ]
                 })
             }),
-            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     flex: 1,
                     position: "relative"
                 },
-                children: o && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_aspectRatioSupportJs.AspectRatioElement, {
+                children: o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioElement, {
                     aspectRatio: 16 / 9,
-                    className: _emptyStateCssMisticaJs.largeImageContainer,
+                    className: _emptystatecssmistica.largeImageContainer,
                     height: "100%",
-                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                        className: _emptyStateCssMisticaJs.largeImage,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: _emptystatecssmistica.largeImage,
                         style: {
                             backgroundImage: `url(${o})`
                         }
@@ -151,4 +153,4 @@ const Y = (param)=>{
             })
         ]
     }));
-};
+}, Z = G;

package/dist/fade-in.css-mistica.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "wrapper", {
     enumerable: true,
-    get: ()=>p
+    get: function() {
+        return p;
+    }
 });
-require("./fade-in.css.ts.vanilla.js");
+require("./fade-in.css.ts.vanilla.css-mistica.js");
 var p = "kq227n1";

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return a;
+    }
+});
+const a = "";