@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/dialog.js

@@ -78,247 +78,247 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as w, Fragment as L } from "react/jsx-runtime";
+import { jsx as e, jsxs as E, Fragment as M } from "react/jsx-runtime";
 import * as n from "react";
-import E from "classnames";
-import { ButtonDanger as O, ButtonPrimary as S, ButtonSecondary as M } from "./button.js";
-import { Portal as _ } from "./portal.js";
-import j from "./focus-trap.js";
-import F from "./generated/mistica-icons/icon-close-regular.js";
-import { InternalIconButton as V } from "./icon-button.js";
-import { isWebViewBridgeAvailable as W, nativeConfirm as z, nativeAlert as K } from "@tef-novum/webview-bridge";
+import A from "classnames";
+import { ButtonDanger as _, ButtonPrimary as j, ButtonSecondary as F } from "./button.js";
+import { Portal as V } from "./portal.js";
+import W from "./focus-trap.js";
+import z from "./generated/mistica-icons/icon-close-regular.js";
+import { InternalIconButton as K } from "./icon-button.js";
+import { isWebViewBridgeAvailable as U, nativeConfirm as Y, nativeAlert as q } from "@tef-novum/webview-bridge";
 import { useTheme as D } from "./hooks.js";
-import U from "./button-layout.js";
-import { Text5 as Y, Text4 as A, Text3 as q } from "./text.js";
-import { ESC as G } from "./utils/keys.js";
-import k from "./box.js";
-import { isRunningAcceptanceTest as H } from "./utils/platform.js";
-import { useSetModalStateEffect as J } from "./modal-context-provider.js";
-import Q from "./stack.js";
-import { ANIMATION_DURATION_MS as X, wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as ne, modalCloseButtonContainer as oe, variants as ae, iconContainer as re, dialogContent as ie, dialogActions as se } from "./dialog.css-mistica.js";
-import { vars as le } from "./skins/skin-contract.css-mistica.js";
-const ce = ()=>process.env.NODE_ENV !== "test" && !H(), ue = (t)=>{
-    const { texts: l } = D(), { className: m, title: i, message: g, icon: a, extra: r, showCancelButton: s, showAcceptButton: c, cancelText: d = l.dialogCancelButton, acceptText: h = l.dialogAcceptButton, onCancel: u, onAccept: C, destructive: B = !1 } = t, f = t.type === "dialog", p = f && !!t.link || c || s, y = {
-        onPress: C || (()=>{}),
-        children: h,
+import G from "./button-layout.js";
+import { Text5 as H, Text4 as I, Text3 as J } from "./text.js";
+import { ESC as Q } from "./utils/keys.js";
+import w from "./box.js";
+import { isRunningAcceptanceTest as X } from "./utils/platform.js";
+import { useSetModalStateEffect as Z } from "./modal-context-provider.js";
+import $ from "./stack.js";
+import { ANIMATION_DURATION_MS as ee, wrapper as te, modalOpacityLayer as ne, closedOpactityLayer as oe, modalContent as ae, closedModalContent as re, modalCloseButtonContainer as ie, variants as se, iconContainer as le, dialogContent as ce, dialogActions as de } from "./dialog.css-mistica.js";
+import { vars as ue } from "./skins/skin-contract.css-mistica.js";
+import { modalClose as me, dialogCancelButton as P, dialogAcceptButton as O } from "./text-tokens.js";
+const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (t)=>{
+    const { texts: r, t: u } = D(), { className: f, title: i, message: h, asset: o, extra: d, showCancelButton: s, showAcceptButton: l, cancelText: g = r.dialogCancelButton || u(P), acceptText: p = r.dialogAcceptButton || u(O), 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__ */ w("div", {
-        className: E(ae[f ? "dialog" : "default"], m),
+    return /* @__PURE__ */ E("div", {
+        className: A(se[m ? "dialog" : "default"], f),
         children: [
-            a && /* @__PURE__ */ e(k, {
+            o && /* @__PURE__ */ e(w, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ e("div", {
-                    className: re,
-                    children: /*#__PURE__*/ n.cloneElement(a, {
+                    className: le,
+                    children: /*#__PURE__*/ n.cloneElement(o, {
                         size: "100%"
                     })
                 })
             }),
-            i && /* @__PURE__ */ e(k, {
+            i && /* @__PURE__ */ e(w, {
                 paddingBottom: 16,
-                children: f ? /* @__PURE__ */ e(Y, {
+                children: m ? /* @__PURE__ */ e(H, {
                     as: "h2",
                     children: i
-                }) : /* @__PURE__ */ e(A, {
+                }) : /* @__PURE__ */ e(I, {
                     regular: !0,
                     as: "h2",
                     children: i
                 })
             }),
-            t.subtitle && /* @__PURE__ */ e(k, {
+            t.subtitle && /* @__PURE__ */ e(w, {
                 paddingBottom: 16,
-                children: /* @__PURE__ */ e(A, {
+                children: /* @__PURE__ */ e(I, {
                     regular: !0,
                     as: "h2",
                     children: t.subtitle
                 })
             }),
             /* @__PURE__ */ e("div", {
-                className: ie,
-                children: /* @__PURE__ */ w(Q, {
+                className: ce,
+                children: /* @__PURE__ */ E($, {
                     space: 16,
                     children: [
-                        /* @__PURE__ */ e(q, {
-                            color: le.colors.textSecondary,
+                        /* @__PURE__ */ e(J, {
+                            color: ue.colors.textSecondary,
                             regular: !0,
-                            children: g
+                            children: h
                         }),
-                        r
+                        d
                     ]
                 })
             }),
-            p && /* @__PURE__ */ e("div", {
-                className: se,
-                children: /* @__PURE__ */ e(U, {
-                    link: f ? t.link : void 0,
-                    primaryButton: c ? B ? /* @__PURE__ */ e(O, _object_spread({
+            C && /* @__PURE__ */ e("div", {
+                className: de,
+                children: /* @__PURE__ */ e(G, {
+                    link: m ? t.link : void 0,
+                    primaryButton: l ? R ? /* @__PURE__ */ e(_, _object_spread({
                         tabIndex: 1
-                    }, y)) : /* @__PURE__ */ e(S, _object_spread({
+                    }, B)) : /* @__PURE__ */ e(j, _object_spread({
                         tabIndex: 1
-                    }, y)) : void 0,
-                    secondaryButton: s ? /* @__PURE__ */ e(M, {
+                    }, B)) : void 0,
+                    secondaryButton: s ? /* @__PURE__ */ e(F, {
                         tabIndex: 2,
-                        onPress: u || (()=>{}),
+                        onPress: c || (()=>{}),
                         dataAttributes: {
                             testid: "dialog-cancel-button"
                         },
-                        children: d
+                        children: g
                     }) : void 0
                 })
             })
         ]
     });
-}, de = (param)=>{
-    let { type: t, message: l, title: m, acceptText: i, cancelText: g, destructive: a, onAccept: r, onCancel: s, onDestroy: c } = param;
-    return t === "confirm" ? z({
-        message: l,
-        title: m,
-        cancelText: g,
-        acceptText: i,
-        destructive: a
-    }).then((d)=>{
-        d ? r == null || r() : s == null || s(), c();
-    }) : K({
-        message: l,
-        title: m,
-        buttonText: i
+}, 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" ? Y({
+        message: r,
+        title: u,
+        cancelText: i,
+        acceptText: f,
+        destructive: h
+    }).then((l)=>{
+        l ? o == null || o() : d == null || d(), s();
+    }) : q({
+        message: r,
+        title: u,
+        buttonText: f
     }).then(()=>{
-        r == null || r(), c();
+        o == null || o(), s();
     });
-}, me = (param)=>{
-    let { type: t, onAccept: l, onCancel: m, onDestroy: i, acceptText: g, cancelText: a, message: r, title: s, destructive: c } = param;
-    const { texts: d } = D(), h = n.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 } = D(), p = n.useRef({
         type: t,
-        onAccept: l,
-        onCancel: m,
-        onDestroy: i,
-        acceptText: g || d.dialogAcceptButton,
-        cancelText: a || d.dialogCancelButton,
-        message: r,
-        title: s,
-        destructive: c
-    }), u = n.useRef(!1);
+        onAccept: r,
+        onCancel: u,
+        onDestroy: f,
+        acceptText: i || l.dialogAcceptButton || g(O),
+        cancelText: h || l.dialogCancelButton || g(P),
+        message: o,
+        title: d,
+        destructive: s
+    }), c = n.useRef(!1);
     return n.useEffect(()=>{
-        u.current || (u.current = !0, de(h.current).finally(()=>{
-            u.current = !1;
+        c.current || (c.current = !0, he(p.current).finally(()=>{
+            c.current = !1;
         }));
-    }, []), /* @__PURE__ */ e(L, {});
-}, Ie = (t)=>{
-    J();
-    const l = n.useRef(null), { texts: m } = D(), [i, g] = n.useState(!1), a = n.useRef(!1), r = n.useRef(!1), [s, c] = n.useState(!1), d = n.useRef(!1), h = n.useRef(ce() ? X : 0), u = t.type !== "dialog" && W(), C = t.type === "dialog", B = t.type === "alert", { onAccept: f, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
+    }, []), /* @__PURE__ */ e(M, {});
+}, Me = (t)=>{
+    Z();
+    const r = n.useRef(null), { texts: u, t: f } = D(), [i, h] = n.useState(!1), o = n.useRef(!1), d = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), p = n.useRef(fe() ? ee : 0), c = t.type !== "dialog" && U(), y = t.type === "dialog", R = t.type === "alert", { onAccept: m, onCancel: C, onDestroy: B } = t, L = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
     n.useEffect(()=>{
-        const o = setTimeout(()=>{
-            a.current || c(!0);
-        }, h.current);
+        const a = setTimeout(()=>{
+            o.current || l(!0);
+        }, p.current);
         return ()=>{
-            clearTimeout(o);
+            clearTimeout(a);
         };
     }, []);
-    const x = n.useCallback(()=>{
-        r.current || (r.current = !0, d.current ? f == null || f() : p == null || p(), y());
+    const N = n.useCallback(()=>{
+        d.current || (d.current = !0, g.current ? m == null || m() : C == null || C(), B());
     }, [
-        f,
-        p,
-        y
-    ]), R = n.useCallback(()=>{
-        let o;
-        return !a.current && s && (a.current = !0, c(!1), g(!0), o = setTimeout(x, h.current)), ()=>{
-            o && clearTimeout(o);
+        m,
+        C,
+        B
+    ]), x = n.useCallback(()=>{
+        let a;
+        return !o.current && s && (o.current = !0, l(!1), h(!0), a = setTimeout(N, p.current)), ()=>{
+            a && clearTimeout(a);
         };
     }, [
-        x,
+        N,
         s
-    ]), N = n.useCallback(()=>{
-        d.current = !0, R();
+    ]), T = n.useCallback(()=>{
+        g.current = !0, x();
     }, [
-        R
+        x
     ]), b = n.useCallback(()=>{
-        d.current = !1, R();
+        g.current = !1, x();
     }, [
-        R
+        x
     ]), v = n.useCallback(()=>{
-        a.current || (B ? N() : b());
+        o.current || (R ? T() : b());
     }, [
-        N,
+        T,
         b,
-        B
-    ]), T = n.useCallback((o)=>{
-        o.key === G && (o.stopPropagation(), o.preventDefault(), v());
+        R
+    ]), k = n.useCallback((a)=>{
+        a.key === Q && (a.stopPropagation(), a.preventDefault(), v());
     }, [
         v
     ]);
     n.useEffect(()=>{
-        if (!u) return document.addEventListener("keydown", T), ()=>{
-            document.removeEventListener("keydown", T);
+        if (!c) return document.addEventListener("keydown", k), ()=>{
+            document.removeEventListener("keydown", k);
         };
     }, [
-        T,
-        u
+        k,
+        c
     ]), n.useEffect(()=>{
-        if (!u) return window.addEventListener("popstate", v), ()=>{
+        if (!c) return window.addEventListener("popstate", v), ()=>{
             window.removeEventListener("popstate", v);
         };
     }, [
         v,
-        u
+        c
     ]);
-    const P = n.useCallback((o)=>{
-        o.stopPropagation(), C && b();
+    const S = n.useCallback((a)=>{
+        a.stopPropagation(), y && b();
     }, [
-        C,
+        y,
         b
     ]);
-    var _t_closeButtonLabel;
-    return u ? /* @__PURE__ */ e(me, _object_spread({}, t)) : /* @__PURE__ */ e(_, {
-        className: Z,
-        children: /* @__PURE__ */ e(j, {
+    return c ? /* @__PURE__ */ e(pe, _object_spread({}, t)) : /* @__PURE__ */ e(V, {
+        className: te,
+        children: /* @__PURE__ */ e(W, {
             children: /* @__PURE__ */ e("div", {
-                onClick: P,
-                className: E($, {
-                    [ee]: i
+                onClick: S,
+                className: A(ne, {
+                    [oe]: i
                 }),
                 "data-testid": "dialog-overlay",
                 "aria-hidden": i || !s,
                 children: /* @__PURE__ */ e("div", {
                     role: "dialog",
-                    onClick: (o)=>o.stopPropagation(),
+                    onClick: (a)=>a.stopPropagation(),
                     "data-component-name": "Dialog",
-                    children: /* @__PURE__ */ w("div", {
-                        ref: l,
-                        onAnimationEnd: (o)=>{
-                            o.target === l.current && (a.current || c(!0));
+                    children: /* @__PURE__ */ E("div", {
+                        ref: r,
+                        onAnimationEnd: (a)=>{
+                            a.target === r.current && (o.current || l(!0));
                         },
-                        onTransitionEnd: (o)=>{
-                            o.target === l.current && a.current && x();
+                        onTransitionEnd: (a)=>{
+                            a.target === r.current && o.current && N();
                         },
-                        className: E(te, {
-                            [ne]: i
+                        className: A(ae, {
+                            [re]: i
                         }),
                         children: [
-                            C && /* @__PURE__ */ e("div", {
-                                className: oe,
-                                children: /* @__PURE__ */ e(V, {
+                            y && /* @__PURE__ */ e("div", {
+                                className: ie,
+                                children: /* @__PURE__ */ e(K, {
                                     onPress: v,
-                                    "aria-label": (_t_closeButtonLabel = t.closeButtonLabel) !== null && _t_closeButtonLabel !== void 0 ? _t_closeButtonLabel : m.modalClose || m.closeButtonLabel,
+                                    "aria-label": t.closeButtonLabel || u.modalClose || f(me),
                                     bleedLeft: !0,
                                     bleedRight: !0,
                                     bleedY: !0,
-                                    Icon: F
+                                    Icon: z
                                 })
                             }),
-                            /* @__PURE__ */ e(ue, _object_spread_props(_object_spread({}, I), {
+                            /* @__PURE__ */ e(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
                             }))
                         ]
                     })
@@ -327,4 +327,4 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), ue = (t)=>{
         })
     });
 };
-export { Ie as default };
+export { Me as default };

package/dist-es/divider.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "./theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "./theme-variant-context.js";
 import { variants as i } from "./divider.css-mistica.js";
 const t = ()=>{
     const r = s();

package/dist-es/email-field.js

@@ -78,12 +78,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as A } from "react/jsx-runtime";
-import { useFieldProps as M } from "./form-context.js";
-import { useTheme as g } from "./hooks.js";
-import { TextFieldBaseAutosuggest as y } from "./text-field-base.js";
-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, [
+import { jsx as y } from "react/jsx-runtime";
+import { useFieldProps as A } from "./form-context.js";
+import { useTheme as I } from "./hooks.js";
+import { TextFieldBaseAutosuggest as g } from "./text-field-base.js";
+import { formFieldErrorIsMandatory as T, formEmailError as V } from "./text-tokens.js";
+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",
@@ -98,27 +99,27 @@ const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, T = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: s } = g(), F = M({
-        name: n,
-        value: c,
-        defaultValue: f,
-        processValue: (e)=>e.trim(),
-        helperText: m,
-        optional: r,
+    const { texts: o, t: s } = I(), x = A({
+        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(V) : e ? "" : o.formFieldErrorIsMandatory || s(T),
         onChange: l,
-        onChangeValue: a
+        onChangeValue: f
     });
-    return /* @__PURE__ */ A(y, _object_spread_props(_object_spread({}, p, F), {
+    return /* @__PURE__ */ y(g, _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;
-export { L as default };
+}, q = b;
+export { q as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./empty-state-card.css.ts.vanilla.css-mistica.js";
-var n = "_1azor6p0", o = "_1azor6p4 _1y2v1nfij _1y2v1nfiz", i = "_1azor6p2 _1y2v1nfhm _1y2v1nfj1";
-export { n as container, o as iconContainer, i as image };
+var n = "_1azor6p4 _1y2v1nfij _1y2v1nfiz", o = "_1azor6p0", i = "_1azor6p2 _1y2v1nfhm _1y2v1nfj1";
+export { n as assetContainer, o as container, i as image };

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

@@ -58,10 +58,10 @@ import { useTheme as y } from "./hooks.js";
 import c from "./stack.js";
 import { Text as E, textProps as N, Text2 as u } from "./text.js";
 import B from "./button-group.js";
-import { container as C, iconContainer as T, image as k } from "./empty-state-card.css-mistica.js";
+import { container as C, assetContainer as T, image as k } from "./empty-state-card.css-mistica.js";
 import { vars as v } from "./skins/skin-contract.css-mistica.js";
 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 } = y();
     let m;

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./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)"
 };
-export { n as container, v as contentVariants, e as iconContainer, f as inverseBorder, _ as largeImage, o as largeImageContainer, u as smallImage, i as vars };
+export { e as assetContainer, n as container, v as contentVariants, f as inverseBorder, _ as largeImage, o as largeImageContainer, t as smallImage, u as vars };

package/dist-es/empty-state.js

@@ -53,20 +53,20 @@ function _object_spread_props(target, source) {
 }
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import x from "classnames";
-import { useIsInverseVariant as k } from "./theme-variant-context.js";
+import { useIsInverseOrMediaVariant as k } from "./theme-variant-context.js";
 import { ButtonPrimary as B } from "./button.js";
 import { useTheme as C } from "./hooks.js";
 import n from "./stack.js";
 import { Text6 as I, Text3 as N } from "./text.js";
 import S from "./button-group.js";
-import { container as b, inverseBorder as E, vars as T, contentVariants as l, iconContainer as V, largeImageContainer as $, largeImage as j, smallImage as A } from "./empty-state.css-mistica.js";
+import { container as b, inverseBorder as E, vars as T, contentVariants as l, assetContainer as V, largeImageContainer as $, largeImage as j, smallImage as A } from "./empty-state.css-mistica.js";
 import { vars as a } from "./skins/skin-contract.css-mistica.js";
 import { AspectRatioContainer as D } from "./utils/aspect-ratio-support.js";
-import { getPrefixedDataAttributes as P } from "./utils/dom.js";
-import { sprinkles as R } from "./sprinkles.css-mistica.js";
-import { applyCssVars as w } from "./utils/css.js";
-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;
+import { getPrefixedDataAttributes as M } from "./utils/dom.js";
+import { sprinkles as P } from "./sprinkles.css-mistica.js";
+import { applyCssVars as R } from "./utils/css.js";
+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 } = C(), t = k(), v = i ? /* @__PURE__ */ r("img", {
         className: A,
         alt: "",
@@ -79,15 +79,15 @@ const G = (param)=>{
         link: f
     });
     return /* @__PURE__ */ s("div", _object_spread_props(_object_spread({
-        className: x(b, t ? E : R({
+        className: x(b, t ? E : P({
             border: "regular"
         })),
-        style: w({
+        style: R({
             [T.backgroundColor]: t && !u ? a.colors.backgroundBrand : a.colors.backgroundContainer
         }),
         "aria-label": g,
         role: "region"
-    }, P(h, "EmptyState")), {
+    }, M(h, "EmptyState")), {
         children: [
             /* @__PURE__ */ r("div", {
                 style: {
@@ -105,14 +105,14 @@ const G = (param)=>{
                             space: 16,
                             children: [
                                 /* @__PURE__ */ r(I, {
-                                    as: p,
+                                    as: d,
                                     children: c
                                 }),
                                 /* @__PURE__ */ r(N, {
                                     regular: !0,
                                     as: "p",
                                     color: t ? a.colors.inverse : a.colors.textSecondary,
-                                    children: d
+                                    children: p
                                 })
                             ]
                         }),
@@ -140,5 +140,5 @@ const G = (param)=>{
             })
         ]
     }));
-}, _ = G;
+}, _ = w;
 export { _ as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./feedback.css.ts.vanilla.css-mistica.js";
-var r = "gx6h6af", n = "gx6h6a4 _1y2v1nfhk _1y2v1nfio _1y2v1nfi7 _1y2v1nfhq", t = "gx6h6a0", v = "gx6h6a1", x = "gx6h6a2", h = "gx6h6ae", o = "gx6h6ab gx6h6aa", g = "gx6h6ac gx6h6aa", i = "gx6h6ad gx6h6aa", p = "_1y2v1nfij _1y2v1nfiz", d = "gx6h6a5", f = "gx6h6a6";
-export { r as backgroundBrand, n as container, t as desktopContainer, v as desktopContent, x as desktopImage, h as feedbackData, o as feedbackTextAppearFast, g as feedbackTextAppearMedium, i as feedbackTextAppearSlow, p as iconContainer, d as innerContainer, f as innerContainerWithButtons };
+var r = "_1y2v1nfij _1y2v1nfiz", n = "gx6h6af", t = "gx6h6a4 _1y2v1nfhk _1y2v1nfio _1y2v1nfi7 _1y2v1nfhq", v = "gx6h6a0", x = "gx6h6a1", h = "gx6h6a2", g = "gx6h6ae", o = "gx6h6ab gx6h6aa", i = "gx6h6ac gx6h6aa", p = "gx6h6ad gx6h6aa", d = "gx6h6a5", f = "gx6h6a6";
+export { r as assetContainer, n as backgroundBrand, t as container, v as desktopContainer, x as desktopContent, h as desktopImage, g as feedbackData, o as feedbackTextAppearFast, i as feedbackTextAppearMedium, p as feedbackTextAppearSlow, d as innerContainer, f as innerContainerWithButtons };