@telefonica/mistica 16.44.1 → 16.45.0

package/dist/button.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -6,42 +6,43 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    ButtonDanger: function() {
-        return zt;
+    get ButtonDanger () {
+        return Ot;
     },
-    ButtonLink: function() {
-        return Rt;
+    get ButtonLink () {
+        return Dt;
     },
-    ButtonLinkDanger: function() {
-        return St;
+    get ButtonLinkDanger () {
+        return zt;
     },
-    ButtonPrimary: function() {
-        return Vt;
+    get ButtonPrimary () {
+        return At;
     },
-    ButtonSecondary: function() {
-        return Dt;
+    get ButtonSecondary () {
+        return $t;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _spinner = /*#__PURE__*/ _interop_require_default(require("./spinner.js"));
-const _touchable = require("./touchable.js");
-const _themevariantcontext = require("./theme-variant-context.js");
-const _formcontext = require("./form-context.js");
-const _css = require("./utils/css.js");
-const _text = require("./text.js");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
-const _common = require("./utils/common.js");
-const _analytics = require("./utils/analytics.js");
-const _hooks = require("./hooks.js");
-const _utils = require("./skins/utils.js");
 const _buttoncssmistica = require("./button.css-mistica.js");
+const _formcontext = require("./form-context.js");
+const _hooks = require("./hooks.js");
 const _constants = require("./skins/constants.js");
+const _utils = require("./skins/utils.js");
+const _spinner = /*#__PURE__*/ _interop_require_default(require("./spinner.js"));
+const _text = require("./text.js");
+const _themevariantcontext = require("./theme-variant-context.js");
+const _touchable = require("./touchable.js");
+const _analytics = require("./utils/analytics.js");
+const _common = require("./utils/common.js");
+const _css = require("./utils/css.js");
+const _platform = require("./utils/platform.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -167,7 +168,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const mt = (param)=>{
+const ht = (param)=>{
     let { element: t, small: i } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
@@ -187,35 +188,35 @@ const mt = (param)=>{
     });
 }, $ = (param)=>{
     let { small: t, content: i, defaultIconSize: n } = param;
-    const a = (0, _utils.flattenChildren)(i), g = a.length, r = [];
-    let d = [];
+    const a = (0, _utils.flattenChildren)(i), h = a.length, r = [];
+    let s = [];
     const m = ()=>{
         r.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(mt, {
-                element: d,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ht, {
+                element: s,
                 small: t
             })
-        }, r.length)), d = [];
+        }, r.length)), s = [];
     };
-    return a.forEach((l, c)=>{
-        const u = c === 0, f = c === g - 1;
+    return a.forEach((l, g)=>{
+        const u = g === 0, c = g === h - 1;
         if (/*#__PURE__*/ _react.isValidElement(l)) {
-            d.length && m();
-            const E = l.props.size !== void 0 ? (0, _css.pxToRem)(l.props.size) : n;
+            s.length && m();
+            const d = l.props.size !== void 0 ? (0, _css.pxToRem)(l.props.size) : n;
             r.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
                     marginLeft: u ? 0 : _buttoncssmistica.iconMargin,
-                    marginRight: f ? 0 : _buttoncssmistica.iconMargin
+                    marginRight: c ? 0 : _buttoncssmistica.iconMargin
                 },
                 children: /*#__PURE__*/ _react.cloneElement(l, {
-                    size: E
+                    size: d
                 })
             }, r.length));
-        } else d.push(l), f && m();
+        } else s.push(l), c && m();
     }), r;
-}, ft = ()=>{
+}, gt = ()=>{
     const { skinName: t } = (0, _hooks.useTheme)();
     return t === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         width: "0.5em",
@@ -235,16 +236,16 @@ const mt = (param)=>{
             fill: "currentColor"
         })
     });
-}, ht = (param)=>{
-    let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: r, StartIcon: d, EndIcon: m, withChevron: l } = param;
-    const c = n ? _buttoncssmistica.iconSize.small : _buttoncssmistica.iconSize.default, u = n ? _buttoncssmistica.spinnerSize.small : _buttoncssmistica.spinnerSize.default, f = $({
+}, bt = (param)=>{
+    let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: h, setShouldRenderSpinner: r, StartIcon: s, EndIcon: m, withChevron: l, platformOverrides: g } = param;
+    const u = n ? _buttoncssmistica.iconSize.small : _buttoncssmistica.iconSize.default, c = n ? _buttoncssmistica.spinnerSize.small : _buttoncssmistica.spinnerSize.default, y = $({
         small: n,
         content: i,
-        defaultIconSize: c
-    }), s = $({
+        defaultIconSize: u
+    }), d = $({
         small: n,
         content: a,
-        defaultIconSize: c
+        defaultIconSize: u
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
@@ -252,15 +253,15 @@ const mt = (param)=>{
                 "aria-hidden": t ? !0 : void 0,
                 className: _buttoncssmistica.textContent,
                 children: [
-                    d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
                             marginRight: _buttoncssmistica.iconMargin
                         },
                         "data-testid": "startIcon",
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
-                            size: c,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(s, {
+                            size: u,
                             color: "currentColor"
                         })
                     }),
@@ -270,14 +271,14 @@ const mt = (param)=>{
                             alignItems: "baseline"
                         },
                         children: [
-                            f,
+                            y,
                             l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
                                     display: "flex",
                                     alignItems: "center",
                                     marginLeft: _buttoncssmistica.chevronMarginLeft
                                 },
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ft, {})
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(gt, {})
                             })
                         ]
                     }),
@@ -289,7 +290,7 @@ const mt = (param)=>{
                         },
                         "data-testid": "endIcon",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-                            size: c,
+                            size: u,
                             color: "currentColor"
                         })
                     })
@@ -299,28 +300,29 @@ const mt = (param)=>{
                 className: _buttoncssmistica.loadingFiller,
                 "aria-hidden": !0,
                 style: a ? {
-                    paddingLeft: u,
+                    paddingLeft: c,
                     paddingRight: `calc(${_buttoncssmistica.iconMargin} + 2 * ${n ? _buttoncssmistica.buttonPaddingX.small : _buttoncssmistica.buttonPaddingX.default})`
                 } : void 0,
-                children: s
+                children: d
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 "aria-hidden": t ? void 0 : !0,
                 className: _buttoncssmistica.loadingContent,
                 onTransitionEnd: ()=>{
-                    t !== g && r(t);
+                    t !== h && r(t);
                 },
                 children: [
-                    g ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
+                    h ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
                         "aria-hidden": !!a,
+                        "aria-live": (0, _platform.getPlatform)(g) === "android" ? "polite" : "off",
                         color: "currentcolor",
                         delay: "0s",
-                        size: u
+                        size: c
                     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             display: "inline-block",
-                            width: u,
-                            height: u
+                            width: c,
+                            height: c
                         }
                     }),
                     a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -328,34 +330,34 @@ const mt = (param)=>{
                         dataAttributes: {
                             testid: "loadingText"
                         },
-                        children: s
+                        children: d
                     }) : null
                 ]
             })
         ]
     });
-}, k = /*#__PURE__*/ _react.forwardRef((t, i)=>{
+}, T = /*#__PURE__*/ _react.forwardRef((t, i)=>{
     var _t_withChevron;
-    const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: a, formId: g } = (0, _formcontext.useForm)(), r = (0, _themevariantcontext.useThemeVariant)(), { loadingText: d } = t, m = !!t.submit, l = a === "sending", { isDarkMode: c } = (0, _hooks.useTheme)(), [u, f] = _react.useState(!1), s = t.showSpinner || l && m || u, E = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [I, R] = _react.useState(!!s);
+    const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: a, formId: h } = (0, _formcontext.useForm)(), r = (0, _themevariantcontext.useThemeVariant)(), { loadingText: s } = t, m = !!t.submit, l = a === "sending", { isDarkMode: g, platformOverrides: u } = (0, _hooks.useTheme)(), [c, y] = _react.useState(!1), d = t.showSpinner || l && m || c, _ = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [I, R] = _react.useState(!!d);
     _react.useEffect(()=>{
-        s && !I && R(!0);
+        d && !I && R(!0);
     }, [
-        s,
+        d,
         I,
         a
     ]);
     var _t_trackingEvent;
-    const O = ()=>{
-        let b, h;
+    const W = ()=>{
+        let b, f;
         switch(t.buttonType){
             case "link":
-                b = "link", h = _analytics.eventActions.linkTapped;
+                b = "link", f = _analytics.eventActions.linkTapped;
                 break;
             case "linkDanger":
-                b = "danger_link", h = _analytics.eventActions.linkTapped;
+                b = "danger_link", f = _analytics.eventActions.linkTapped;
                 break;
             default:
-                b = `${t.buttonType}_button`, h = `${t.buttonType}_button_tapped`;
+                b = `${t.buttonType}_button`, f = `${t.buttonType}_button_tapped`;
                 break;
         }
         return n === "google-analytics-4" ? {
@@ -364,14 +366,14 @@ const mt = (param)=>{
             component_copy: (0, _common.getTextFromChildren)(t.children)
         } : {
             category: _analytics.eventCategories.userInteraction,
-            action: h,
+            action: f,
             label: (0, _common.getTextFromChildren)(t.children)
         };
-    }, S = t.buttonType.startsWith("link") ? _buttoncssmistica.linkMinWidth : _buttoncssmistica.buttonMinWidth, T = t.buttonType === "linkDanger" && c && r === "brand" ? "linkDangerDark" : t.buttonType, y = {
+    }, S = t.buttonType.startsWith("link") ? _buttoncssmistica.linkMinWidth : _buttoncssmistica.buttonMinWidth, B = t.buttonType === "linkDanger" && g && r === "brand" ? "linkDangerDark" : t.buttonType, L = {
         ref: i,
-        className: (0, _classnames.default)(r === "media" ? _buttoncssmistica.overMediaButtonVariants[T] : r === "brand" ? _buttoncssmistica.overBrandButtonVariants[T] : r === "negative" ? _buttoncssmistica.overNegativeButtonVariants[T] : _buttoncssmistica.buttonVariants[T], t.className, {
+        className: (0, _classnames.default)(r === "media" ? _buttoncssmistica.overMediaButtonVariants[B] : r === "brand" ? _buttoncssmistica.overBrandButtonVariants[B] : r === "negative" ? _buttoncssmistica.overNegativeButtonVariants[B] : _buttoncssmistica.buttonVariants[B], t.className, {
             [_buttoncssmistica.small]: t.small,
-            [_buttoncssmistica.isLoading]: s
+            [_buttoncssmistica.isLoading]: d
         }),
         style: _object_spread(_object_spread_props(_object_spread({}, (0, _css.applyCssVars)({
             [_buttoncssmistica.buttonVars.minWidth]: t.small ? S.small : S.default
@@ -385,7 +387,7 @@ const mt = (param)=>{
         } : void 0), {
             cursor: t.fake ? "pointer" : void 0
         }), t.style),
-        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? O() : void 0,
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? W() : void 0,
         dataAttributes: t.dataAttributes,
         "aria-label": t["aria-label"],
         "aria-labelledby": t["aria-labelledby"],
@@ -396,42 +398,43 @@ const mt = (param)=>{
         "aria-description": t["aria-description"],
         "aria-describedby": t["aria-describedby"],
         tabIndex: t.tabIndex,
-        children: ht({
-            showSpinner: s,
+        children: bt({
+            showSpinner: d,
             shouldRenderSpinner: I,
             setShouldRenderSpinner: R,
             children: t.children,
-            loadingText: d,
+            loadingText: s,
             small: t.small,
             StartIcon: t.StartIcon,
             EndIcon: t.EndIcon,
-            withChevron: E
+            withChevron: _,
+            platformOverrides: u
         }),
-        disabled: t.disabled || s || l,
+        disabled: t.disabled || d || l,
         role: t.role
     };
     if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
     if (t.fake) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread({
         maybe: !0
-    }, y));
+    }, L));
     if (t.submit) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread({
         type: "submit",
-        formId: g,
+        formId: h,
         onPress: ()=>{}
-    }, y));
-    if (t.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
+    }, L));
+    if (t.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, L), {
         onPress: (b)=>{
-            const h = t.onPress(b);
-            h && (f(!0), h.finally(()=>f(!1)));
+            const f = t.onPress(b);
+            f && (y(!0), f.finally(()=>y(!1)));
         }
     }));
-    if (t.to || t.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
+    if (t.to || t.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, L), {
         to: t.to,
         newTab: t.newTab,
         fullPageOnWebView: t.fullPageOnWebView,
         onNavigate: t.onNavigate
     }));
-    if (t.href || t.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
+    if (t.href || t.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, L), {
         href: t.href,
         newTab: t.newTab,
         loadOnTop: t.loadOnTop,
@@ -439,12 +442,12 @@ const mt = (param)=>{
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Rt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
+}), Dt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
     var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonLink",
             testid: "ButtonLink"
@@ -456,12 +459,12 @@ const mt = (param)=>{
         ref: a,
         buttonType: "link"
     }));
-}), St = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
+}), zt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
     var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonLinkDanger",
             testid: "ButtonLinkDanger"
@@ -474,11 +477,11 @@ const mt = (param)=>{
         ref: a,
         buttonType: "linkDanger"
     }));
-}), Vt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+}), At = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonPrimary",
             testid: "ButtonPrimary"
@@ -487,11 +490,11 @@ const mt = (param)=>{
         ref: n,
         buttonType: "primary"
     }));
-}), Dt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+}), $t = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonSecondary",
             testid: "ButtonSecondary"
@@ -500,11 +503,11 @@ const mt = (param)=>{
         ref: n,
         buttonType: "secondary"
     }));
-}), zt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+}), Ot = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonDanger",
             testid: "ButtonDanger"

package/dist/callout.css-mistica.js

@@ -5,38 +5,38 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    background: function() {
-        return e;
+    get background () {
+        return g;
     },
-    closeButtonContainer: function() {
-        return r;
+    get closeButtonContainer () {
+        return m;
     },
-    closeButtonContainerSize: function() {
+    get closeButtonContainerSize () {
         return a;
     },
-    container: function() {
-        return f;
+    get container () {
+        return n;
     },
-    content: function() {
-        return y;
+    get content () {
+        return e;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./callout.css.ts.vanilla.css-mistica.js");
-var e = {
-    "default-over-brand": "v16_44_1_1y2v1nf7u",
-    "default-over-negative": "v16_44_1_1y2v1nf7u",
-    "default-over-alternative": "v16_44_1_1y2v1nf7u",
-    "default-over-default": "v16_44_1_1y2v1nf84",
-    "default-over-media": "v16_44_1_1y2v1nf7u",
-    "brand-over-brand": "v16_44_1_1y2v1nf81",
-    "brand-over-negative": "v16_44_1_1y2v1nf81",
-    "brand-over-alternative": "v16_44_1_1y2v1nf7y",
-    "brand-over-default": "v16_44_1_1y2v1nf7y",
-    "brand-over-media": "v16_44_1_1y2v1nf7y"
-}, r = "v16_44_1_14g0jmy5 v16_44_1_1y2v1nfph v16_44_1_1y2v1nftq", a = "v16_44_1_14g0jmy6", f = "v16_44_1_14g0jmy1 v16_44_1_1y2v1nffu v16_44_1_1y2v1nfh3 v16_44_1_1y2v1nfic v16_44_1_1y2v1nfjl v16_44_1_1y2v1nfpm v16_44_1_1y2v1nfse v16_44_1_1y2v1nfsq", y = "v16_44_1_14g0jmy3 v16_44_1_1y2v1nfq8 v16_44_1_1y2v1nfpg";
+var n = "v16_45_14g0jmy1 v16_45_14g0jmy0 v16_45_1y2v1nffu v16_45_1y2v1nfh3 v16_45_1y2v1nfic v16_45_1y2v1nfjl v16_45_1y2v1nfpm v16_45_1y2v1nfse v16_45_1y2v1nfsq", e = "v16_45_14g0jmy3 v16_45_14g0jmy2 v16_45_1y2v1nfq8 v16_45_1y2v1nfpg", m = "v16_45_14g0jmy5 v16_45_14g0jmy4 v16_45_1y2v1nfph v16_45_1y2v1nftq", a = "v16_45_14g0jmy6", g = {
+    "default-over-brand": "v16_45_14g0jmyh v16_45_14g0jmy7 v16_45_1y2v1nf7u",
+    "default-over-negative": "v16_45_14g0jmyi v16_45_14g0jmy8 v16_45_1y2v1nf7u",
+    "default-over-alternative": "v16_45_14g0jmyj v16_45_14g0jmy9 v16_45_1y2v1nf7u",
+    "default-over-default": "v16_45_14g0jmyk v16_45_14g0jmya v16_45_1y2v1nf84",
+    "default-over-media": "v16_45_14g0jmyl v16_45_14g0jmyb v16_45_1y2v1nf7u",
+    "brand-over-brand": "v16_45_14g0jmym v16_45_14g0jmyc v16_45_1y2v1nf81",
+    "brand-over-negative": "v16_45_14g0jmyn v16_45_14g0jmyd v16_45_1y2v1nf81",
+    "brand-over-alternative": "v16_45_14g0jmyo v16_45_14g0jmye v16_45_1y2v1nf7y",
+    "brand-over-default": "v16_45_14g0jmyp v16_45_14g0jmyf v16_45_1y2v1nf7y",
+    "brand-over-media": "v16_45_14g0jmyq v16_45_14g0jmyg v16_45_1y2v1nf7y"
+};

package/dist/callout.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/dist/card-cover.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    CoverCard: function() {
+    get CoverCard () {
         return M;
     },
-    DisplayMediaCard: function() {
+    get DisplayMediaCard () {
         return h;
     },
-    PosterCard: function() {
+    get PosterCard () {
         return x;
     }
 });
@@ -132,7 +132,7 @@ const M = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
         type: "cover",
         size: r
     }, i));
-}), x = /*#__PURE__*/ _react.forwardRef((_param, w)=>/* @__PURE__ */ {
+}), x = /*#__PURE__*/ _react.forwardRef((_param, w)=>{
     var { size: r = "default", /** @deprecated use variant */ isInverse: e, variant: i, /** @deprecated use topActions */ actions: o, topActions: s, /** @deprecated use slot */ extra: p, slot: f, /** @deprecated use imageSrc or imageSrcSet */ backgroundImage: t, /** @deprecated use videoSrc */ backgroundVideo: n, /** @deprecated use imageSrc */ poster: C, videoSrc: v, imageSrc: y, imageSrcSet: l, /** @deprecated use videoRef */ backgroundVideoRef: S, videoRef: R, /** @deprecated use buttonPrimary */ button: A, buttonPrimary: P, dataAttributes: c } = _param, m = _object_without_properties(_param, [
         "size",
         "isInverse",
@@ -154,7 +154,7 @@ const M = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
         "dataAttributes"
     ]);
     var _ref;
-    return (0, _jsxruntime.jsx)(M, _object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(M, _object_spread({
         ref: w,
         size: r,
         variant: i || (e ? "inverse" : void 0),

package/dist/card-data.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DataCard: function() {
+    get DataCard () {
         return i;
     },
-    DisplayDataCard: function() {
+    get DisplayDataCard () {
         return A;
     },
-    SnapCard: function() {
+    get SnapCard () {
         return y;
     }
 });