@telefonica/mistica 15.20.0 → 16.0.0

package/dist/dialog.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Ie;
+        return Me;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -28,6 +28,7 @@ const _modalcontextprovider = require("./modal-context-provider.js");
 const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _dialogcssmistica = require("./dialog.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+const _texttokens = require("./text-tokens.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -153,17 +154,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), ue = (t)=>{
-    const { texts: i } = (0, _hooks.useTheme)(), { className: u, title: r, message: f, icon: o, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: g = i.dialogCancelButton, acceptText: m = i.dialogAcceptButton, onCancel: h, onAccept: C, destructive: B = !1 } = t, d = t.type === "dialog", p = d && !!t.link || l || s, y = {
-        onPress: C || (()=>{}),
-        children: m,
+const fe = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), ge = (t)=>{
+    const { texts: r, t: u } = (0, _hooks.useTheme)(), { className: f, title: i, message: h, asset: o, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(_texttokens.dialogCancelButton), acceptText: p = r.dialogAcceptButton || u(_texttokens.dialogAcceptButton), onCancel: c, onAccept: y, destructive: R = !1 } = t, m = t.type === "dialog", C = m && !!t.link || l || s, B = {
+        onPress: y || (()=>{}),
+        children: p,
         // @deprecated - testid should be removed but many webapp tests depend on this
         dataAttributes: {
             testid: "dialog-accept-button"
         }
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(_dialogcssmistica.variants[d ? "dialog" : "default"], u),
+        className: (0, _classnames.default)(_dialogcssmistica.variants[m ? "dialog" : "default"], f),
         children: [
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
@@ -174,15 +175,15 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                     })
                 })
             }),
-            r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 16,
-                children: d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
+                children: m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
                     as: "h2",
-                    children: r
+                    children: i
                 }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
                     regular: !0,
                     as: "h2",
-                    children: r
+                    children: i
                 })
             }),
             t.subtitle && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -201,24 +202,24 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             regular: !0,
-                            children: f
+                            children: h
                         }),
-                        c
+                        d
                     ]
                 })
             }),
-            p && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            C && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _dialogcssmistica.dialogActions,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
-                    link: d ? t.link : void 0,
-                    primaryButton: l ? B ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
+                    link: m ? t.link : void 0,
+                    primaryButton: l ? R ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
                         tabIndex: 1
-                    }, y)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
+                    }, B)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
                         tabIndex: 1
-                    }, y)) : void 0,
+                    }, B)) : void 0,
                     secondaryButton: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
                         tabIndex: 2,
-                        onPress: h || (()=>{}),
+                        onPress: c || (()=>{}),
                         dataAttributes: {
                             testid: "dialog-cancel-button"
                         },
@@ -228,42 +229,44 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
             })
         ]
     });
-}, de = (param)=>{
-    let { type: t, message: i, title: u, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
+}, he = (param)=>{
+    let { type: t, message: r, title: u, acceptText: f, cancelText: i, destructive: h, onAccept: o, onCancel: d, onDestroy: s } = param;
     return t === "confirm" ? (0, _webviewbridge.nativeConfirm)({
-        message: i,
+        message: r,
         title: u,
-        cancelText: f,
-        acceptText: r
+        cancelText: i,
+        acceptText: f,
+        destructive: h
     }).then((l)=>{
-        l ? o == null || o() : c == null || c(), s();
+        l ? o == null || o() : d == null || d(), s();
     }) : (0, _webviewbridge.nativeAlert)({
-        message: i,
+        message: r,
         title: u,
-        buttonText: r
+        buttonText: f
     }).then(()=>{
         o == null || o(), s();
     });
-}, me = (param)=>{
-    let { type: t, onAccept: i, onCancel: u, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
-    const { texts: l } = (0, _hooks.useTheme)(), g = _react.useRef({
+}, pe = (param)=>{
+    let { type: t, onAccept: r, onCancel: u, onDestroy: f, acceptText: i, cancelText: h, message: o, title: d, destructive: s } = param;
+    const { texts: l, t: g } = (0, _hooks.useTheme)(), p = _react.useRef({
         type: t,
-        onAccept: i,
+        onAccept: r,
         onCancel: u,
-        onDestroy: r,
-        acceptText: f || l.dialogAcceptButton,
-        cancelText: o || l.dialogCancelButton,
-        message: c,
-        title: s
-    }), m = _react.useRef(!1);
+        onDestroy: f,
+        acceptText: i || l.dialogAcceptButton || g(_texttokens.dialogAcceptButton),
+        cancelText: h || l.dialogCancelButton || g(_texttokens.dialogCancelButton),
+        message: o,
+        title: d,
+        destructive: s
+    }), c = _react.useRef(!1);
     return _react.useEffect(()=>{
-        m.current || (m.current = !0, de(g.current).finally(()=>{
-            m.current = !1;
+        c.current || (c.current = !0, he(p.current).finally(()=>{
+            c.current = !1;
         }));
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
-}, Ie = (t)=>{
+}, Me = (t)=>{
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const i = _react.useRef(null), { texts: u } = (0, _hooks.useTheme)(), [r, f] = _react.useState(!1), o = _react.useRef(!1), c = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), m = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), h = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), C = t.type === "dialog", B = t.type === "alert", { onAccept: d, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
+    const r = _react.useRef(null), { texts: u, t: f } = (0, _hooks.useTheme)(), [i, h] = _react.useState(!1), o = _react.useRef(!1), d = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), p = _react.useRef(fe() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), c = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
@@ -271,108 +274,107 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
     _react.useEffect(()=>{
         const a = setTimeout(()=>{
             o.current || l(!0);
-        }, m.current);
+        }, p.current);
         return ()=>{
             clearTimeout(a);
         };
     }, []);
-    const x = _react.useCallback(()=>{
-        c.current || (c.current = !0, g.current ? d == null || d() : p == null || p(), y());
+    const N = _react.useCallback(()=>{
+        d.current || (d.current = !0, g.current ? m == null || m() : C == null || C(), B());
     }, [
-        d,
-        p,
-        y
-    ]), R = _react.useCallback(()=>{
+        m,
+        C,
+        B
+    ]), x = _react.useCallback(()=>{
         let a;
-        return !o.current && s && (o.current = !0, l(!1), f(!0), a = setTimeout(x, m.current)), ()=>{
+        return !o.current && s && (o.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
             a && clearTimeout(a);
         };
     }, [
-        x,
+        N,
         s
-    ]), N = _react.useCallback(()=>{
-        g.current = !0, R();
+    ]), T = _react.useCallback(()=>{
+        g.current = !0, x();
     }, [
-        R
+        x
     ]), b = _react.useCallback(()=>{
-        g.current = !1, R();
+        g.current = !1, x();
     }, [
-        R
+        x
     ]), v = _react.useCallback(()=>{
-        o.current || (B ? N() : b());
+        o.current || (R ? T() : b());
     }, [
-        N,
+        T,
         b,
-        B
-    ]), T = _react.useCallback((a)=>{
+        R
+    ]), k = _react.useCallback((a)=>{
         a.key === _keys.ESC && (a.stopPropagation(), a.preventDefault(), v());
     }, [
         v
     ]);
     _react.useEffect(()=>{
-        if (!h) return document.addEventListener("keydown", T), ()=>{
-            document.removeEventListener("keydown", T);
+        if (!c) return document.addEventListener("keydown", k), ()=>{
+            document.removeEventListener("keydown", k);
         };
     }, [
-        T,
-        h
+        k,
+        c
     ]), _react.useEffect(()=>{
-        if (!h) return window.addEventListener("popstate", v), ()=>{
+        if (!c) return window.addEventListener("popstate", v), ()=>{
             window.removeEventListener("popstate", v);
         };
     }, [
         v,
-        h
+        c
     ]);
-    const P = _react.useCallback((a)=>{
-        a.stopPropagation(), C && b();
+    const S = _react.useCallback((a)=>{
+        a.stopPropagation(), y && b();
     }, [
-        C,
+        y,
         b
     ]);
-    var _t_closeButtonLabel;
-    return h ? /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+    return c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(pe, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: _dialogcssmistica.wrapper,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                onClick: P,
+                onClick: S,
                 className: (0, _classnames.default)(_dialogcssmistica.modalOpacityLayer, {
-                    [_dialogcssmistica.closedOpactityLayer]: r
+                    [_dialogcssmistica.closedOpactityLayer]: i
                 }),
                 "data-testid": "dialog-overlay",
-                "aria-hidden": r || !s,
+                "aria-hidden": i || !s,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     role: "dialog",
                     onClick: (a)=>a.stopPropagation(),
                     "data-component-name": "Dialog",
                     children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        ref: i,
+                        ref: r,
                         onAnimationEnd: (a)=>{
-                            a.target === i.current && (o.current || l(!0));
+                            a.target === r.current && (o.current || l(!0));
                         },
                         onTransitionEnd: (a)=>{
-                            a.target === i.current && o.current && x();
+                            a.target === r.current && o.current && N();
                         },
                         className: (0, _classnames.default)(_dialogcssmistica.modalContent, {
-                            [_dialogcssmistica.closedModalContent]: r
+                            [_dialogcssmistica.closedModalContent]: i
                         }),
                         children: [
-                            C && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _dialogcssmistica.modalCloseButtonContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
                                     onPress: v,
-                                    "aria-label": (_t_closeButtonLabel = t.closeButtonLabel) !== null && _t_closeButtonLabel !== void 0 ? _t_closeButtonLabel : u.modalClose || u.closeButtonLabel,
+                                    "aria-label": t.closeButtonLabel || u.modalClose || f(_texttokens.modalClose),
                                     bleedLeft: !0,
                                     bleedRight: !0,
                                     bleedY: !0,
                                     Icon: _iconcloseregular.default
                                 })
                             }),
-                            /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, _object_spread_props(_object_spread({}, I), {
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)(ge, _object_spread_props(_object_spread({}, L), {
                                 showAcceptButton: t.type !== "dialog" || !!t.onAccept,
                                 showCancelButton: t.type === "confirm" || t.type === "dialog" && !!t.onCancel,
                                 onCancel: b,
-                                onAccept: N
+                                onAccept: T
                             }))
                         ]
                     })

package/dist/divider.d.ts

@@ -1,5 +1,3 @@
-import * as React from 'react';
-declare const Divider: React.FC<{
-    children?: void;
-}>;
+/// <reference types="react" />
+declare const Divider: () => JSX.Element;
 export default Divider;

package/dist/divider.js

@@ -13,7 +13,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _themevariantcontext = require("./theme-variant-context.js");
 const _dividercssmistica = require("./divider.css-mistica.js");
 const t = ()=>{
-    const r = (0, _themevariantcontext.useIsInverseVariant)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: _dividercssmistica.variants[r ? "inverse" : "default"]
     });

package/dist/double-field.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type CreditCardExpirationField from './credit-card-expiration-field';
 import type CvvField from './cvv-field';
 import type DateField from './date-field';
@@ -16,5 +16,5 @@ type Props = {
     children: Field | [Field, Field];
     layout?: '50/50' | '40/60' | '60/40';
 };
-declare const DoubleField: React.FC<Props>;
+declare const DoubleField: ({ children, fullWidth, layout }: Props) => JSX.Element;
 export default DoubleField;

package/dist/email-field.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { CommonFormFieldProps } from './text-field-base';
 export interface EmailFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
     getSuggestions?: (value: string) => Array<string>;
 }
-declare const EmailField: React.FC<EmailFieldProps>;
+declare const EmailField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue, onBlur, value, autoComplete, defaultValue, dataAttributes, ...rest }: EmailFieldProps) => JSX.Element;
 export default EmailField;

package/dist/email-field.js

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return L;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _formcontext = require("./form-context.js");
 const _hooks = require("./hooks.js");
 const _textfieldbase = require("./text-field-base.js");
+const _texttokens = require("./text-tokens.js");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,8 +93,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, T = (_param)=>{
-    var { disabled: o, error: i, helperText: m, name: n, optional: r, validate: t, onChange: l, onChangeValue: a, onBlur: u, value: c, autoComplete: d = "email", defaultValue: f, dataAttributes: E } = _param, p = _object_without_properties(_param, [
+const $ = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, b = (_param)=>{
+    var { disabled: m, error: i, helperText: n, name: a, optional: e, validate: t, onChange: l, onChangeValue: f, onBlur: d, value: u, autoComplete: E = "email", defaultValue: c, dataAttributes: p } = _param, F = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -108,26 +109,26 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, T = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: s } = (0, _hooks.useTheme)(), F = (0, _formcontext.useFieldProps)({
-        name: n,
-        value: c,
-        defaultValue: f,
-        processValue: (e)=>e.trim(),
-        helperText: m,
-        optional: r,
+    const { texts: o, t: s } = (0, _hooks.useTheme)(), x = (0, _formcontext.useFieldProps)({
+        name: a,
+        value: u,
+        defaultValue: c,
+        processValue: (r)=>r.trim(),
+        helperText: n,
+        optional: e,
         error: i,
-        disabled: o,
-        onBlur: u,
-        validate: (e, x)=>e ? I.test(e) ? t == null ? void 0 : t(e, x) : s.formEmailError : r ? "" : s.formFieldErrorIsMandatory,
+        disabled: m,
+        onBlur: d,
+        validate: (r, M)=>r ? $.test(r) ? t == null ? void 0 : t(r, M) : o.formEmailError || s(_texttokens.formEmailError) : e ? "" : o.formFieldErrorIsMandatory || s(_texttokens.formFieldErrorIsMandatory),
         onChange: l,
-        onChangeValue: a
+        onChangeValue: f
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, p, F), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, F, x), {
         type: "email",
         inputMode: "email",
-        autoComplete: d,
+        autoComplete: E,
         dataAttributes: _object_spread({
             "component-name": "EmailField"
-        }, E)
+        }, p)
     }));
-}, L = T;
+}, q = b;

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

@@ -9,10 +9,10 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: function() {
+    assetContainer: function() {
         return n;
     },
-    iconContainer: function() {
+    container: function() {
         return o;
     },
     image: function() {
@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state-card.css.ts.vanilla.css-mistica.js");
-var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nfij _1y2v1nfiz", i = "_1azor6p2 _1y2v1nfhm _1y2v1nfj1";
+var n = "_1azor6p4 _1y2v1nfij _1y2v1nfiz", o = "_1azor6p0", i = "_1azor6p2 _1y2v1nfhm _1y2v1nfj1";

package/dist/empty-state-card.css.d.ts

@@ -1,3 +1,3 @@
 export declare const container: string;
 export declare const image: string;
-export declare const iconContainer: string;
+export declare const assetContainer: string;

package/dist/empty-state-card.d.ts

@@ -14,13 +14,13 @@ interface CommonProps {
     dataAttributes?: DataAttributes;
 }
 interface IconProps extends CommonProps {
-    icon: React.ReactElement;
+    asset: React.ReactElement;
     imageUrl?: undefined;
 }
 interface ImageProps extends CommonProps {
     imageUrl: string;
-    icon?: undefined;
+    asset?: undefined;
 }
 type Props = IconProps | ImageProps;
-declare const EmptyStateCard: React.FC<Props>;
+declare const EmptyStateCard: ({ title, titleAs, description, button, secondaryButton, buttonLink, asset, imageUrl, "aria-label": ariaLabel, dataAttributes, }: Props) => JSX.Element;
 export default EmptyStateCard;

package/dist/empty-state-card.js

@@ -76,7 +76,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 const j = (param)=>{
-    let { title: d, titleAs: n = "h3", description: h, button: e, secondaryButton: t, buttonLink: o, icon: a, imageUrl: i, "aria-label": f, dataAttributes: x } = param;
+    let { title: d, titleAs: n = "h3", description: h, button: e, secondaryButton: t, buttonLink: o, asset: a, imageUrl: i, "aria-label": f, dataAttributes: x } = param;
     var s;
     const { textPresets: g } = (0, _hooks.useTheme)();
     let m;
@@ -102,7 +102,7 @@ const j = (param)=>{
                     space: 16,
                     children: [
                         m !== null && m !== void 0 ? m : a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: _emptystatecardcssmistica.iconContainer,
+                            className: _emptystatecardcssmistica.assetContainer,
                             children: a
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {

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

@@ -9,15 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    assetContainer: function() {
+        return e;
+    },
     container: function() {
         return n;
     },
     contentVariants: function() {
         return v;
     },
-    iconContainer: function() {
-        return e;
-    },
     inverseBorder: function() {
         return f;
     },
@@ -28,17 +28,17 @@ _export(exports, {
         return o;
     },
     smallImage: function() {
-        return u;
+        return t;
     },
     vars: function() {
-        return i;
+        return u;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state.css.ts.vanilla.css-mistica.js");
-var n = "_13fzrua2 _1y2v1nfhk _1y2v1nf7c", v = {
+var e = "_13fzrua9 _1y2v1nfil _1y2v1nfj1", n = "_13fzrua2 _1y2v1nfhk _1y2v1nf7c", v = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, e = "_13fzrua9 _1y2v1nfil _1y2v1nfj1", f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfio", o = "_13fzrua5", u = "_13fzruab _1y2v1nfhm", i = {
+}, f = "_13fzruac", _ = "_13fzrua7 _1y2v1nfio", o = "_13fzrua5", t = "_13fzruab _1y2v1nfhm", u = {
     backgroundColor: "var(--_13fzrua0)"
 };

package/dist/empty-state.css.d.ts

@@ -5,6 +5,6 @@ export declare const container: string;
 export declare const contentVariants: Record<"default" | "largeImage", string>;
 export declare const largeImageContainer: string;
 export declare const largeImage: string;
-export declare const iconContainer: string;
+export declare const assetContainer: string;
 export declare const smallImage: string;
 export declare const inverseBorder: string;

package/dist/empty-state.d.ts

@@ -15,18 +15,18 @@ interface BaseProps {
 interface ImageProps extends BaseProps {
     imageUrl: string;
     largeImageUrl?: undefined;
-    icon?: undefined;
+    asset?: undefined;
 }
 interface LargeImageProps extends BaseProps {
     largeImageUrl: string;
     imageUrl?: undefined;
-    icon?: undefined;
+    asset?: undefined;
 }
 interface IconProps extends BaseProps {
-    icon: React.ReactElement;
+    asset: React.ReactElement;
     imageUrl?: undefined;
     largeImageUrl?: undefined;
 }
 type Props = IconProps | ImageProps | LargeImageProps;
-declare const EmptyState: React.FC<Props>;
+declare const EmptyState: ({ title, titleAs, description, button, buttonLink, largeImageUrl, imageUrl, asset, "aria-label": ariaLabel, dataAttributes, }: Props) => JSX.Element;
 export default EmptyState;

package/dist/empty-state.js

@@ -80,9 +80,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const G = (param)=>{
-    let { title: c, titleAs: p = "h1", description: d, button: e, buttonLink: f, largeImageUrl: o, imageUrl: i, icon: m, "aria-label": g, dataAttributes: h } = param;
-    const { isDarkMode: u } = (0, _hooks.useTheme)(), t = (0, _themevariantcontext.useIsInverseVariant)(), v = i ? /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
+const w = (param)=>{
+    let { title: c, titleAs: d = "h1", description: p, button: e, buttonLink: f, largeImageUrl: o, imageUrl: i, asset: m, "aria-label": g, dataAttributes: h } = param;
+    const { isDarkMode: u } = (0, _hooks.useTheme)(), t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = i ? /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
         className: _emptystatecssmistica.smallImage,
         alt: "",
         src: i
@@ -113,21 +113,21 @@ const G = (param)=>{
                     className: o ? _emptystatecssmistica.contentVariants.largeImage : _emptystatecssmistica.contentVariants.default,
                     children: [
                         v !== null && v !== void 0 ? v : m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: _emptystatecssmistica.iconContainer,
+                            className: _emptystatecssmistica.assetContainer,
                             children: m
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                             space: 16,
                             children: [
                                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
-                                    as: p,
+                                    as: d,
                                     children: c
                                 }),
                                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                     regular: !0,
                                     as: "p",
                                     color: t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.textSecondary,
-                                    children: d
+                                    children: p
                                 })
                             ]
                         }),
@@ -155,4 +155,4 @@ const G = (param)=>{
             })
         ]
     }));
-}, _ = G;
+}, _ = w;

package/dist/fade-in.d.ts

@@ -7,5 +7,5 @@ type Props = {
     duration?: string;
     dataAttributes?: DataAttributes;
 };
-declare const FadeIn: React.FC<Props>;
+declare const FadeIn: ({ children, className, duration, delay, dataAttributes, }: Props) => JSX.Element;
 export default FadeIn;