@telefonica/mistica 15.3.0 → 15.5.0

package/dist/chip.css-mistica.js

@@ -18,20 +18,26 @@ _export(exports, {
     chipVariants: function() {
         return f;
     },
-    icon: function() {
+    chipWrapper: function() {
         return y;
     },
-    iconActive: function() {
+    icon: function() {
         return _;
+    },
+    iconActive: function() {
+        return h;
+    },
+    wrappedContent: function() {
+        return a;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./chip.css.ts.vanilla.css-mistica.js");
-var c = "_1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfjs _1y2v1nf72", t = {
-    light: "cc7htnb cc7htn9",
-    dark: "cc7htnc cc7htn9"
+var c = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c", t = {
+    light: "cc7htnd cc7htnb",
+    dark: "cc7htne cc7htnb"
 }, f = {
-    default: "cc7htn1 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfjr _1y2v1nf3l _1y2v1nf23",
-    overAlternative: "cc7htn1 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfjr _1y2v1nf3s _1y2v1nf23",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfhb _1y2v1nfhj _1y2v1nfhp _1y2v1nfjr _1y2v1nf1a _1y2v1nf6b"
-}, y = "cc7htnd", _ = "cc7htne";
+    default: "cc7htn3 _1y2v1nfk1 _1y2v1nf3q _1y2v1nf26",
+    overAlternative: "cc7htn3 _1y2v1nfk1 _1y2v1nf3y _1y2v1nf26",
+    active: "cc7htna cc7htn4 cc7htn3 _1y2v1nfk1 _1y2v1nf1i _1y2v1nf6l"
+}, y = "_1y2v1nfhl _1y2v1nfht _1y2v1nfhz", _ = "cc7htnf", h = "cc7htng", a = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfht _1y2v1nfhz";

package/dist/chip.css.d.ts

@@ -1,3 +1,5 @@
+export declare const chipWrapper: string;
+export declare const wrappedContent: string;
 export declare const chipVariants: Record<"default" | "active" | "overAlternative", string>;
 export declare const button: string;
 export declare const chipInteractiveVariants: Record<"light" | "dark", string>;

package/dist/chip.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return te;
+        return ie;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -120,62 +120,62 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const $ = (e)=>{
-    const { Icon: l, children: x, id: P, dataAttributes: s, active: d, badge: r, onClose: m } = e, { texts: p, isDarkMode: T, textPresets: w } = (0, _hooks.useTheme)(), h = (0, _themevariantcontext.useThemeVariant)() === "alternative", u = l ? {
+const G = (e)=>{
+    const { Icon: d, children: w, id: T, dataAttributes: m, active: h, badge: i, onClose: u } = e, { texts: p, isDarkMode: N, textPresets: R } = (0, _hooks.useTheme)(), f = (0, _themevariantcontext.useThemeVariant)() === "alternative", g = d ? {
         mobile: 16,
         desktop: 8
     } : {
         mobile: 20,
         desktop: 12
-    }, R = {
+    }, E = {
         mobile: 20,
         desktop: 12
-    }, b = {
+    }, A = {
         mobile: 16,
         desktop: 8
-    }, E = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-            children: r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
-                value: r
+    }, I = ()=>i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+            children: i === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
+                value: i
             })
-        }) : null, f = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        }) : null, v = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: 4,
-                className: d ? _chipcssmistica.iconActive : _chipcssmistica.icon,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(l, {
+                className: h ? _chipcssmistica.iconActive : _chipcssmistica.icon,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
                     color: "currentColor",
                     size: (0, _css.pxToRem)(16)
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                paddingRight: r ? 8 : m ? 4 : 0,
+                paddingRight: i ? 8 : u ? 4 : 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    id: P,
-                    weight: w.indicator.weight,
+                    id: T,
+                    weight: R.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: x
+                    children: w
                 })
             })
         ]
     });
-    if (r) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
-        className: h ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default,
-        paddingLeft: u,
-        paddingRight: b
-    }, (0, _dom.getPrefixedDataAttributes)(s, "Chip")), {
+    if (i) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
+        className: (0, _classnames.default)(f ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
+        paddingLeft: g,
+        paddingRight: A
+    }, (0, _dom.getPrefixedDataAttributes)(m, "Chip")), {
         children: [
-            f,
-            E()
+            v,
+            I()
         ]
     }));
-    if (m) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
-        className: h ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default,
-        paddingLeft: u,
-        paddingRight: b
-    }, (0, _dom.getPrefixedDataAttributes)(s, "Chip")), {
+    if (u) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
+        className: (0, _classnames.default)(f ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
+        paddingLeft: g,
+        paddingRight: A
+    }, (0, _dom.getPrefixedDataAttributes)(m, "Chip")), {
         children: [
-            f,
+            v,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                 style: {
                     display: "flex",
@@ -185,7 +185,7 @@ const $ = (e)=>{
                     height: (0, _css.pxToRem)(24)
                 },
                 "aria-label": p.closeButtonLabel,
-                onPress: ()=>m(),
+                onPress: ()=>u(),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
                     size: (0, _css.pxToRem)(16),
                     color: _skincontractcssmistica.vars.colors.neutralMedium
@@ -193,34 +193,36 @@ const $ = (e)=>{
             })
         ]
     }));
-    const I = d !== void 0 || e.href || e.onPress || e.to, a = _object_spread({
+    const B = h !== void 0 || e.href || e.onPress || e.to, o = _object_spread({
         "component-name": "Chip"
-    }, s), o = (B)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[d ? "active" : h ? "overAlternative" : "default"], {
-                [_chipcssmistica.chipInteractiveVariants[T ? "dark" : "light"]]: I
+    }, m), c = (V)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[h ? "active" : f ? "overAlternative" : "default"], e.href || e.onPress || e.to ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
+                [_chipcssmistica.chipInteractiveVariants[N ? "dark" : "light"]]: B
             }),
-            paddingLeft: u,
-            paddingRight: R,
-            dataAttributes: B,
-            children: f
+            paddingLeft: g,
+            paddingRight: E,
+            dataAttributes: V,
+            children: v
         });
     return e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-        className: _chipcssmistica.button,
+        className: (0, _classnames.default)(_chipcssmistica.chipWrapper, _chipcssmistica.button),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
-        dataAttributes: a,
-        children: o()
+        dataAttributes: o,
+        children: c()
     }) : e.to ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
-        dataAttributes: a,
-        children: o()
+        dataAttributes: o,
+        className: _chipcssmistica.chipWrapper,
+        children: c()
     }) : e.href ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
-        dataAttributes: a,
-        children: o()
-    }) : o(a);
-}, te = $;
+        dataAttributes: o,
+        className: _chipcssmistica.chipWrapper,
+        children: c()
+    }) : c(o);
+}, ie = G;

package/dist/circle.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "circle", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./circle.css.ts.vanilla.css-mistica.js");
-var r = "_1wpwyyp1 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt";
+var r = "_1wpwyyp1 _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3";

package/dist/community/advanced-data-card.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     actions: function() {
-        return n;
+        return v;
     },
     actionsVariants: function() {
-        return v;
+        return _;
     },
     adjustButtonLink: function() {
-        return _;
+        return n;
     },
     button: function() {
         return t;
@@ -28,10 +28,10 @@ _export(exports, {
         return o;
     },
     dataCard: function() {
-        return x;
+        return i;
     },
     divider: function() {
-        return i;
+        return x;
     },
     footerDirection: function() {
         return y;
@@ -46,36 +46,39 @@ _export(exports, {
         return b;
     },
     minHeight: function() {
+        return c;
+    },
+    minHeightBox: function() {
         return d;
     },
     paddingX: function() {
-        return c;
+        return m;
     },
     topActionsWithoutIcon: function() {
         return l;
     },
     touchableArea: function() {
-        return m;
+        return p;
     },
     touchableCardOverlay: function() {
-        return p;
+        return s;
     },
     touchableContainer: function() {
-        return s;
+        return g;
     },
     vars: function() {
-        return g;
+        return j;
     },
     zindex: function() {
-        return C;
+        return k;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("../icon-button.css.ts.vanilla.css-mistica.js");
 require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
-var n = "_1x00fru3 _1x00fru1 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfhw _1y2v1nfhm _1y2v1nf8x", v = {
-    default: "_1x00fruk",
-    mobile: "_1x00frul"
-}, _ = "_1x00frur", t = "_1x00frun", u = "_1x00fruo _1x00frun", o = "_1x00fru9 _1x00fru1 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nf7c _1y2v1nf8x", x = "_1x00frud _1y2v1nfh4 _1y2v1nfha _1y2v1nfhw _1y2v1nfhg _1y2v1nfhx _1y2v1nfie _1x00frub", i = "_1x00frui", y = "_1x00fruq _1y2v1nfha _1y2v1nfhf", e = "_1y2v1nfha _1y2v1nfhw _1y2v1nfhp _1y2v1nfjj", h = "_1x00frum", b = "_1x00frus", d = "_1x00frub", c = "_1x00fru1 _1y2v1nfa0 _1y2v1nfb9", l = "_1x00fruu", m = "_1x00fru4", p = "_1x00fru7", s = "_1x00fru5", g = {
-    topActionsCount: "var(--_1x00frut)"
-}, C = "_1x00frua";
+var v = "_1x00fru3 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhw _1y2v1nf97", _ = {
+    default: "_1x00frul",
+    mobile: "_1x00frum"
+}, n = "_1x00frus", t = "_1x00fruo", u = "_1x00frup _1x00fruo", o = "_1x00fru9 _1x00fru1 _1y2v1nfaa _1y2v1nfbj _1y2v1nf7m _1y2v1nf97", i = "_1x00frue _1y2v1nfhe _1y2v1nfhk _1y2v1nfi6 _1y2v1nfhq _1y2v1nfi7 _1y2v1nfio _1x00frub", x = "_1x00fruj", y = "_1x00frur _1y2v1nfhk _1y2v1nfhp", e = "_1y2v1nfhk _1y2v1nfi6 _1y2v1nfhz _1y2v1nfjt", h = "_1x00frun", b = "_1x00frut", c = "_1x00frub", d = "_1x00fruc", m = "_1x00fru1 _1y2v1nfaa _1y2v1nfbj", l = "_1x00fruv", p = "_1x00fru4", s = "_1x00fru7", g = "_1x00fru5", j = {
+    topActionsCount: "var(--_1x00fruu)"
+}, k = "_1x00frua";

package/dist/community/advanced-data-card.css.d.ts

@@ -7,6 +7,7 @@ export declare const touchableCardOverlay: string;
 export declare const cardContentStyle: string;
 export declare const zindex: string;
 export declare const minHeight: string;
+export declare const minHeightBox: string;
 export declare const dataCard: string;
 export declare const cardActionIconButton: string;
 export declare const cardAction: string;

package/dist/community/advanced-data-card.d.ts

@@ -37,7 +37,7 @@ type AdvancedDataCardProps = MaybeTouchableCard<{
     subtitleLinesMax?: number;
     description?: string;
     descriptionLinesMax?: number;
-    extra?: Array<RendersNullableElement<AllowedExtra>>;
+    extra?: ReadonlyArray<RendersNullableElement<AllowedExtra>>;
     extraDividerPadding?: 8 | 24;
     button?: RendersNullableElement<typeof ButtonPrimary>;
     footerImage?: RendersNullableElement<typeof Image>;
@@ -45,7 +45,7 @@ type AdvancedDataCardProps = MaybeTouchableCard<{
     footerTextLinesMax?: number;
     buttonLink?: RendersNullableElement<typeof ButtonLink>;
     dataAttributes?: DataAttributes;
-    actions?: Array<CardAction | React.ReactElement>;
+    actions?: ReadonlyArray<CardAction | React.ReactElement>;
     'aria-label'?: string;
     onClose?: () => void;
 }>;

package/dist/community/advanced-data-card.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     AdvancedDataCard: function() {
-        return xe;
+        return Ce;
     },
     default: function() {
-        return We;
+        return Ee;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -160,8 +160,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ye = (_param)=>{
-    var { headline: a, pretitle: i, pretitleAs: n = "p", pretitleLinesMax: p, title: d, titleAs: c = "h3", titleLinesMax: l, subtitle: m, subtitleLinesMax: o, description: r, descriptionLinesMax: u, ariaLabel: x } = _param, s = _object_without_properties(_param, [
+const xe = (_param)=>{
+    var { headline: a, pretitle: i, pretitleAs: n = "p", pretitleLinesMax: p, title: d, titleAs: c = "h3", titleLinesMax: l, subtitle: m, subtitleLinesMax: o, description: r, descriptionLinesMax: u, ariaLabel: y } = _param, s = _object_without_properties(_param, [
         "headline",
         "pretitle",
         "pretitleAs",
@@ -185,7 +185,7 @@ const ye = (_param)=>{
                 maybe: !0,
                 className: (0, _classnames.default)(_advanceddatacardcssmistica.touchableArea)
             }, s), {
-                "aria-label": x,
+                "aria-label": y,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {})
             })),
             i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -225,7 +225,7 @@ const ye = (_param)=>{
             })
         ]
     });
-}, Ne = (param)=>{
+}, ye = (param)=>{
     let { button: a, footerImage: i, footerText: n, footerTextLinesMax: p, buttonLink: d } = param;
     const c = !!a, l = !!i, m = !!n, o = !!d, r = c && (l || m) && o, u = o && !r ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
@@ -280,8 +280,8 @@ const ye = (_param)=>{
             })
         ]
     });
-}, xe = /*#__PURE__*/ _react.forwardRef((_param, E)=>{
-    var { stackingGroup: a, headline: i, pretitle: n, pretitleAs: p, pretitleLinesMax: d, title: c, titleAs: l, titleLinesMax: m, subtitle: o, subtitleLinesMax: r, description: u, descriptionLinesMax: x, extra: s, extraDividerPadding: C = 24, button: A, footerImage: T, footerText: B, footerTextLinesMax: V, buttonLink: R, dataAttributes: W, actions: g, "aria-label": S, onClose: D } = _param, f = _object_without_properties(_param, [
+}, Ce = /*#__PURE__*/ _react.forwardRef((_param, E)=>{
+    var { stackingGroup: a, headline: i, pretitle: n, pretitleAs: p, pretitleLinesMax: d, title: c, titleAs: l, titleLinesMax: m, subtitle: o, subtitleLinesMax: r, description: u, descriptionLinesMax: y, extra: s, extraDividerPadding: C = 24, button: B, footerImage: R, footerText: S, footerTextLinesMax: V, buttonLink: D, dataAttributes: W, actions: g, "aria-label": w, onClose: F } = _param, f = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -307,12 +307,12 @@ const ye = (_param)=>{
         "onClose"
     ]);
     const G = !!f.href || !!f.onPress || !!f.to, L = {
-        button: A,
-        footerImage: T,
-        footerText: B,
+        button: B,
+        footerImage: R,
+        footerText: S,
         footerTextLinesMax: V,
-        buttonLink: R
-    }, w = !!A || !!T || !!B || !!R, F = !!(s != null && s.length), M = ((g == null ? void 0 : g.length) || 0) + (D ? 1 : 0);
+        buttonLink: D
+    }, b = !!B || !!R || !!S || !!D, A = !!(s != null && s.length), M = ((g == null ? void 0 : g.length) || 0) + (F ? 1 : 0);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
         className: (0, _sprinklescssmistica.sprinkles)({
             position: "relative",
@@ -320,7 +320,7 @@ const ye = (_param)=>{
         })
     }, (0, _dom.getPrefixedDataAttributes)(W, "AdvancedDataCard")), {
         ref: E,
-        "aria-label": S,
+        "aria-label": w,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
             className: _advanceddatacardcssmistica.dataCard,
             children: [
@@ -331,9 +331,10 @@ const ye = (_param)=>{
                             className: _advanceddatacardcssmistica.touchableCardOverlay
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !w && !F ? _advanceddatacardcssmistica.minHeight : ""),
+                            className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !b && !A ? _advanceddatacardcssmistica.minHeight : ""),
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingTop: 8,
+                                className: !b && !A ? "" : _advanceddatacardcssmistica.minHeightBox,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                                     space: 0,
                                     children: [
@@ -341,7 +342,7 @@ const ye = (_param)=>{
                                             space: 8,
                                             children: [
                                                 a,
-                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(ye, _object_spread({
+                                                /* @__PURE__ */ (0, _jsxruntime.jsx)(xe, _object_spread({
                                                     headline: i,
                                                     pretitle: n,
                                                     pretitleAs: p,
@@ -352,8 +353,8 @@ const ye = (_param)=>{
                                                     subtitle: o,
                                                     subtitleLinesMax: r,
                                                     description: u,
-                                                    descriptionLinesMax: x,
-                                                    ariaLabel: S
+                                                    descriptionLinesMax: y,
+                                                    ariaLabel: w
                                                 }, f))
                                             ]
                                         }),
@@ -372,33 +373,33 @@ const ye = (_param)=>{
                                 flexGrow: 1
                             }
                         }),
-                        F && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        A && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingTop: 16,
                             paddingBottom: 24,
                             width: "100%",
                             className: _advanceddatacardcssmistica.zindex,
-                            children: s.map((O, I)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                            children: s.map((O, H)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                     children: [
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: _advanceddatacardcssmistica.paddingX,
                                             children: O
                                         }),
-                                        I + 1 !== s.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                        H + 1 !== s.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                             paddingY: C,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                                         })
                                     ]
-                                }, I))
+                                }, H))
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
                             actions: g,
-                            onClose: D,
+                            onClose: F,
                             padding: 15
                         })
                     ]
                 }),
-                w && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne, _object_spread({}, L))
+                b && /* @__PURE__ */ (0, _jsxruntime.jsx)(ye, _object_spread({}, L))
             ]
         })
     }));
-}), We = xe;
+}), Ee = Ce;

package/dist/community/blocks.css-mistica.js

@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./blocks.css.ts.vanilla.css-mistica.js");
-var t = "_1y2v1nfha _1y2v1nfhg", o = "llrsen1";
+var t = "_1y2v1nfhk _1y2v1nfhq", o = "llrsen1";

package/dist/community/blocks.js

@@ -19,10 +19,10 @@ _export(exports, {
         return J;
     },
     RowBlock: function() {
-        return z;
+        return q;
     },
     SimpleBlock: function() {
-        return A;
+        return z;
     },
     ValueBlock: function() {
         return F;
@@ -44,7 +44,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const p = (param)=>{
+const g = (param)=>{
     let { title: a, description: e } = param;
     const l = typeof e == "string" ? [
         e
@@ -65,7 +65,7 @@ const p = (param)=>{
                 }, i))
         ]
     });
-}, z = (param)=>{
+}, q = (param)=>{
     let { title: a, stackingGroup: e, description: l, "aria-label": t } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         "aria-label": t,
@@ -83,12 +83,14 @@ const p = (param)=>{
                 e || /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
                     color: _skincontractcssmistica.vars.colors.textSecondary,
+                    textAlign: "right",
+                    as: "div",
                     children: l
                 })
             ]
         })
     });
-}, A = (param)=>{
+}, z = (param)=>{
     let { image: a, description: e, "aria-label": l } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         "aria-label": l,
@@ -117,7 +119,7 @@ const p = (param)=>{
         alignItems: "flex-end",
         "aria-label": d,
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
                 title: a,
                 description: e
             }),
@@ -188,7 +190,7 @@ const p = (param)=>{
             }),
             i || d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingTop: 8,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
                     title: i,
                     description: d
                 })
@@ -210,7 +212,7 @@ const p = (param)=>{
                 color: t,
                 children: e
             }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
                 description: l
             })
         ]

package/dist/counter.css-mistica.js

@@ -10,22 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     button: function() {
-        return s;
+        return v;
     },
     buttonBackground: function() {
-        return v;
+        return s;
     },
     buttonContainer: function() {
-        return a;
+        return f;
     },
     counter: function() {
-        return i;
+        return a;
     },
     decreaseButtonIcon: function() {
-        return t;
+        return i;
     },
     defaultButtonIcon: function() {
-        return f;
+        return t;
     },
     disabled: function() {
         return y;
@@ -37,12 +37,12 @@ _export(exports, {
         return o;
     },
     trashButtonIcon: function() {
-        return j;
+        return e;
     },
     valueContainer: function() {
-        return e;
+        return h;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./counter.css.ts.vanilla.css-mistica.js");
-var s = "rijsns8 _1y2v1nf72 _1y2v1nfjs _1y2v1nfh5 _1y2v1nfi8 _1y2v1nfio", v = "rijsnse _1y2v1nfi7 _1y2v1nfin _1y2v1nfh5 _1y2v1nfjz _1y2v1nf6b", a = "rijsns6", i = "rijsns3 _1y2v1nfjz _1y2v1nf3l _1y2v1nfhb _1y2v1nfkb", t = "rijsnsc rijsnsa _1y2v1nfh5", f = "rijsnsa _1y2v1nfh5", y = "rijsns4", _ = "rijsns0", o = "rijsns1", j = "rijsnsb rijsnsa _1y2v1nfh5", e = "_1y2v1nfh4 _1y2v1nfha _1y2v1nfhj";
+var v = "rijsns8 _1y2v1nf7c _1y2v1nfk2 _1y2v1nfhf _1y2v1nfii _1y2v1nfiy", s = "rijsnse _1y2v1nfih _1y2v1nfix _1y2v1nfhf _1y2v1nfk9 _1y2v1nf6l", f = "rijsns6", a = "rijsns3 _1y2v1nfk9 _1y2v1nf3q _1y2v1nfhl _1y2v1nfkl", i = "rijsnsc rijsnsa _1y2v1nfhf", t = "rijsnsa _1y2v1nfhf", y = "rijsns4", _ = "rijsns0", o = "rijsns1", e = "rijsnsb rijsnsa _1y2v1nfhf", h = "_1y2v1nfhe _1y2v1nfhk _1y2v1nfht";

package/dist/credit-card-number-field.css-mistica.js

@@ -13,18 +13,18 @@ _export(exports, {
         return f;
     },
     flipBack: function() {
-        return n;
+        return o;
     },
     flipFront: function() {
-        return a;
+        return n;
     },
     variants: function() {
-        return o;
+        return _;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./credit-card-number-field.css.ts.vanilla.css-mistica.js");
-var f = "yvyo3q0", n = "yvyo3q5 yvyo3q2 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfie", a = "yvyo3q2 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfie _1y2v1nfh5", o = {
-    default: "yvyo3q7 _1y2v1nfh4 yvyo3q8",
-    backface: "yvyo3q7 _1y2v1nfh4 yvyo3q9"
+var f = "yvyo3q0", o = "yvyo3q5 yvyo3q2 _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfio", n = "yvyo3q2 _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfio _1y2v1nfhf", _ = {
+    default: "yvyo3q7 _1y2v1nfhe yvyo3q8",
+    backface: "yvyo3q7 _1y2v1nfhe yvyo3q9"
 };