@telefonica/mistica 16.42.2 → 16.43.1

package/dist-es/chip.js

@@ -51,86 +51,89 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as m, Fragment as V, jsx as e } from "react/jsx-runtime";
-import d from "classnames";
+import { jsxs as d, Fragment as V, jsx as e } from "react/jsx-runtime";
+import h from "classnames";
 import { useTheme as z } from "./hooks.js";
-import x from "./badge.js";
+import A from "./badge.js";
 import D from "./box.js";
 import { Text2 as $ } from "./text.js";
 import F from "./generated/mistica-icons/icon-close-regular.js";
-import { pxToRem as n } from "./utils/css.js";
-import { iconNavigationInverse as M, iconNavigation as O, iconActive as W, icon as k, chipVariants as u, chipWrapper as h, leftPadding as a, rightPadding as v, button as q, wrappedContent as E, interactive as G, interactiveChipOverlay as H } from "./chip.css-mistica.js";
-import { vars as J } from "./skins/skin-contract.css-mistica.js";
-import { useThemeVariant as K } from "./theme-variant-context.js";
-import Q, { BaseTouchable as S } from "./touchable.js";
-import { closeButtonLabel as U } from "./text-tokens.js";
-import { getPrefixedDataAttributes as A } from "./utils/dom.js";
-const X = (t)=>{
-    const { Icon: o, children: w, id: B, dataAttributes: N, badge: i, active: c, onClose: s, closeButtonLabel: T } = t, { texts: P, textPresets: y, t: L } = z(), f = K(), p = f === "alternative", g = f === "inverse", r = t.href || t.onPress || t.to, b = c !== void 0 || r, C = /* @__PURE__ */ m(V, {
+import { pxToRem as l } from "./utils/css.js";
+import { iconNavigationInverse as M, iconNavigation as O, iconActive as W, icon as k, chipVariants as u, chipWrapper as v, leftPadding as i, rightPadding as n, containerSmall as x, button as q, minimumInteractiveArea as E, wrappedContent as G, interactive as H, interactiveChipOverlay as J } from "./chip.css-mistica.js";
+import { vars as K } from "./skins/skin-contract.css-mistica.js";
+import { useThemeVariant as Q } from "./theme-variant-context.js";
+import U, { BaseTouchable as X } from "./touchable.js";
+import { closeButtonLabel as Y } from "./text-tokens.js";
+import { getPrefixedDataAttributes as B } from "./utils/dom.js";
+const Z = (t)=>{
+    const { Icon: r, children: N, id: T, dataAttributes: P, badge: o, active: c, onClose: s, closeButtonLabel: p } = t, { texts: y, textPresets: S, t: L } = z(), f = Q(), g = f === "alternative", I = f === "inverse", a = t.href || t.onPress || t.to, b = c !== void 0 || a, w = /* @__PURE__ */ d(V, {
         children: [
-            o && /* @__PURE__ */ e("div", {
-                className: c ? r ? g ? M : O : W : k,
-                children: /* @__PURE__ */ e(o, {
+            r && /* @__PURE__ */ e("div", {
+                className: c ? a ? I ? M : O : W : k,
+                children: /* @__PURE__ */ e(r, {
                     color: "currentColor",
-                    size: n(16)
+                    size: l(16)
                 })
             }),
             /* @__PURE__ */ e(D, {
-                paddingRight: i ? 8 : s ? 4 : 0,
+                paddingRight: o ? 8 : s ? 4 : 0,
                 children: /* @__PURE__ */ e($, {
-                    id: B,
-                    weight: y.indicator.weight,
+                    id: T,
+                    weight: S.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: w
+                    children: N
                 })
             })
         ]
-    }), l = _object_spread({
+    }), m = _object_spread({
         "component-name": "Chip",
         testid: "Chip"
-    }, N);
-    if (s) return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
-        className: d(p ? u.overAlternative : u.default, h, o ? a.withIcon : a.default, v.withIcon)
-    }, A(l)), {
+    }, P);
+    if (s) return /* @__PURE__ */ d("div", _object_spread_props(_object_spread({
+        className: h(g ? u.overAlternative : u.default, v, r ? t.small ? i.withIconSmall : i.withIcon : t.small ? i.small : i.default, t.small ? n.withIconSmall : n.withIcon, {
+            [x]: t.small
+        })
+    }, B(m)), {
         children: [
-            C,
-            /* @__PURE__ */ e(Q, {
+            w,
+            /* @__PURE__ */ e(U, {
                 style: {
                     display: "flex",
                     justifyContent: "center",
                     alignItems: "center",
-                    width: n(24),
-                    height: n(24)
+                    width: l(24),
+                    height: l(24)
                 },
-                "aria-label": T || P.closeButtonLabel || L(U),
+                "aria-label": p || y.closeButtonLabel || L(Y),
                 onPress: ()=>s(),
                 children: /* @__PURE__ */ e(F, {
-                    size: n(16),
-                    color: J.colors.neutralMedium
+                    size: l(16),
+                    color: K.colors.neutralMedium
                 })
             })
         ]
     }));
-    const j = ()=>i ? i === !0 ? /* @__PURE__ */ e(x, {}) : /* @__PURE__ */ e(x, {
-            value: i
-        }) : null, I = (R)=>/* @__PURE__ */ m("div", _object_spread_props(_object_spread({
-            className: d(u[c ? r ? g ? "navigationActiveInverse" : "navigationActive" : "active" : p ? "overAlternative" : "default"], r ? E : h, {
-                [G]: b
-            }, o ? a.withIcon : a.default, i ? v.withIcon : v.default)
-        }, A(R)), {
+    const j = ()=>o ? o === !0 ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(A, {
+            value: o
+        }) : null, C = (R)=>/* @__PURE__ */ d("div", _object_spread_props(_object_spread({
+            className: h(a ? E : void 0, u[c ? a ? I ? "navigationActiveInverse" : "navigationActive" : "active" : g ? "overAlternative" : "default"], a ? G : v, {
+                [H]: b,
+                [x]: t.small
+            }, r ? t.small ? i.withIconSmall : i.withIcon : t.small ? i.small : i.default, o ? t.small ? n.withIconSmall : n.withIcon : t.small ? n.small : n.default)
+        }, B(R)), {
             children: [
                 b && /* @__PURE__ */ e("div", {
-                    className: H
+                    className: J
                 }),
-                C,
+                w,
                 j()
             ]
         }));
-    return r ? /* @__PURE__ */ e(S, _object_spread_props(_object_spread({}, t), {
-        className: d(h, q),
-        dataAttributes: l,
-        children: I()
-    })) : I(l);
-}, de = X;
-export { de as default };
+    return a ? /* @__PURE__ */ e(X, _object_spread_props(_object_spread({}, t), {
+        className: h(v, q),
+        dataAttributes: m,
+        children: C()
+    })) : C(m);
+}, ut = Z;
+export { ut as default };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./circle.css.ts.vanilla.css-mistica.js";
-var y = "v16_42_2_1wpwyyp1 v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfk5 v16_42_2_1y2v1nfmg";
+var y = "v16_43_1_1wpwyyp1 v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfkb v16_43_1_1y2v1nfk5 v16_43_1_1y2v1nfmg";
 export { y as circle };

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

@@ -1,10 +1,10 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "../icon-button.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var f = 216, n = "v16_42_2_1x00fru4 v16_42_2_1x00fru2 v16_42_2_1y2v1nfcm v16_42_2_1y2v1nfdv v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk8 v16_42_2_1y2v1nfbj", a = {
-    default: "v16_42_2_1x00fruk",
-    mobile: "v16_42_2_1x00frul"
-}, t = "v16_42_2_1x00frut", o = "v16_42_2_1x00fruo", u = "v16_42_2_1x00frup v16_42_2_1x00fruo", y = "v16_42_2_1x00fru8 v16_42_2_1x00fru2 v16_42_2_1y2v1nfcm v16_42_2_1y2v1nfdv v16_42_2_1y2v1nf9y v16_42_2_1y2v1nfbj", i = "v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfl0", x = "v16_42_2_1x00frud v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfki v16_42_2_1y2v1nfk2", e = "v16_42_2_1x00frui", d = "v16_42_2_1x00frua v16_42_2_1y2v1nfa4 v16_42_2_1y2v1nfbj v16_42_2_1y2v1nfkj", m = "v16_42_2_1x00frux", c = "v16_42_2_1x00frus v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk1", b = "v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfdv", j = "v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfki v16_42_2_1y2v1nfkb v16_42_2_1y2v1nfm5", l = "v16_42_2_1x00frum", k = "v16_42_2_1x00fruu", p = "v16_42_2_1x00frub", g = "v16_42_2_1x00fru2 v16_42_2_1y2v1nfcm v16_42_2_1y2v1nfdv", s = "v16_42_2_1x00fruw", h = "v16_42_2_1x00fru5", w = "v16_42_2_1x00fru6", C = {
-    topActionsCount: "var(--v16_42_2_1x00fruv)"
-}, H = "v16_42_2_1y2v1nfa4";
+var f = 216, n = "v16_43_1_1x00fru4 v16_43_1_1x00fru2 v16_43_1_1y2v1nfcm v16_43_1_1y2v1nfdv v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk8 v16_43_1_1y2v1nfbj", a = {
+    default: "v16_43_1_1x00fruk",
+    mobile: "v16_43_1_1x00frul"
+}, t = "v16_43_1_1x00frut", o = "v16_43_1_1x00fruo", u = "v16_43_1_1x00frup v16_43_1_1x00fruo", y = "v16_43_1_1x00fru8 v16_43_1_1x00fru2 v16_43_1_1y2v1nfcm v16_43_1_1y2v1nfdv v16_43_1_1y2v1nf9y v16_43_1_1y2v1nfbj", i = "v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfl0", x = "v16_43_1_1x00frud v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfki v16_43_1_1y2v1nfk2", e = "v16_43_1_1x00frui", d = "v16_43_1_1x00frua v16_43_1_1y2v1nfa4 v16_43_1_1y2v1nfbj v16_43_1_1y2v1nfkj", m = "v16_43_1_1x00frux", c = "v16_43_1_1x00frus v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk1", b = "v16_43_1_1y2v1nfkb v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfdv", j = "v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfki v16_43_1_1y2v1nfkb v16_43_1_1y2v1nfm5", l = "v16_43_1_1x00frum", k = "v16_43_1_1x00fruu", p = "v16_43_1_1x00frub", g = "v16_43_1_1x00fru2 v16_43_1_1y2v1nfcm v16_43_1_1y2v1nfdv", s = "v16_43_1_1x00fruw", h = "v16_43_1_1x00fru5", w = "v16_43_1_1x00fru6", C = {
+    topActionsCount: "var(--v16_43_1_1x00fruv)"
+}, H = "v16_43_1_1y2v1nfa4";
 export { f as MIN_HEIGHT, n as actions, a as actionsVariants, t as adjustButtonLink, o as button, u as buttonMobile, y as cardContentStyle, i as container, x as dataCard, e as divider, d as extra, m as flexColumn, c as footerDirection, b as footerImage, j as footerText, l as marginRightAuto, k as marginRightButton, p as minHeight, g as paddingX, s as topActionsWithoutIcon, h as touchable, w as touchableCardHoverOverlay, C as vars, H as withPaddingTop };

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

@@ -78,53 +78,52 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as r, Fragment as N } from "react/jsx-runtime";
-import * as $ from "react";
-import { Boxed as rr } from "../boxed.js";
-import ar from "../stack.js";
-import { container as or, dataCard as er, MIN_HEIGHT as dr, touchable as nr, touchableCardHoverOverlay as tr, cardContentStyle as cr, minHeight as ir, topActionsWithoutIcon as sr, extra as mr, paddingX as hr, flexColumn as lr, divider as fr, actions as gr, actionsVariants as vr, marginRightButton as ur, buttonMobile as A, footerDirection as pr, marginRightAuto as yr, withPaddingTop as xr, footerImage as Nr, footerText as Br, adjustButtonLink as Tr, button as Cr, vars as wr } from "./advanced-data-card.css-mistica.js";
-import { vars as Ir } from "../image.css-mistica.js";
-import O from "../divider.js";
-import { Text as E, Text2 as v } from "../text.js";
-import { text4 as P } from "../text-props.js";
-import { vars as X } from "../skins/skin-contract.css-mistica.js";
-import V from "../box.js";
+import { jsxs as t, jsx as r, Fragment as T } from "react/jsx-runtime";
+import * as L from "react";
+import { Boxed as $ } from "../boxed.js";
+import rr from "../stack.js";
+import { container as ar, dataCard as er, MIN_HEIGHT as or, touchable as dr, touchableCardHoverOverlay as nr, cardContentStyle as tr, minHeight as sr, topActionsWithoutIcon as cr, extra as ir, paddingX as mr, flexColumn as hr, divider as lr, actions as fr, actionsVariants as gr, marginRightButton as vr, buttonMobile as P, footerDirection as ur, marginRightAuto as pr, withPaddingTop as yr, footerImage as xr, footerText as Nr, adjustButtonLink as Tr, button as Br, vars as Cr } from "./advanced-data-card.css-mistica.js";
+import { vars as wr } from "../image.css-mistica.js";
+import G from "../divider.js";
+import { useTextPresetSizes as Ir, Text as z, Text2 as v } from "../text.js";
+import { vars as O } from "../skins/skin-contract.css-mistica.js";
+import E from "../box.js";
 import Rr from "../touchable.js";
 import u from "classnames";
-import { useInnerText as W, useTheme as Dr } from "../hooks.js";
-import { getPrefixedDataAttributes as Hr } from "../utils/dom.js";
-import Fr from "../inline.js";
-import { applyCssVars as Y } from "../utils/css.js";
-import G from "../tag.js";
-import { isBiggerHeading as _ } from "../utils/headings.js";
-import { TopActions as Sr } from "../card-internal.js";
+import { useInnerText as V, useTheme as Sr } from "../hooks.js";
+import { getPrefixedDataAttributes as Dr } from "../utils/dom.js";
+import Hr from "../inline.js";
+import { applyCssVars as X } from "../utils/css.js";
+import W from "../tag.js";
+import { isBiggerHeading as Y } from "../utils/headings.js";
+import { TopActions as Fr } from "../card-internal.js";
 const jr = (param)=>{
-    let { headline: d, headlineRef: h, pretitle: n, pretitleAs: i, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: s, description: e, descriptionLinesMax: x } = param;
-    const { textPresets: m } = Dr();
+    let { headline: d, headlineRef: h, pretitle: n, pretitleAs: c, pretitleLinesMax: l, title: e, titleAs: s, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: o, descriptionLinesMax: N } = param;
+    const { textPresets: m } = Sr(), p = Ir("text4");
     return /** using flex instead of nested Stacks, this way we can rearrange texts so the DOM structure makes more sense for screen reader users */ /* @__PURE__ */ t("div", {
-        className: lr,
+        className: hr,
         children: [
-            _(c, i) ? /* @__PURE__ */ t(N, {
+            Y(s, c) ? /* @__PURE__ */ t(T, {
                 children: [
-                    o && /* @__PURE__ */ r("div", {
+                    e && /* @__PURE__ */ r("div", {
                         style: {
-                            paddingBottom: a || e ? 4 : 0
+                            paddingBottom: a || o ? 4 : 0
                         },
-                        children: /* @__PURE__ */ r(E, _object_spread_props(_object_spread({}, P), {
+                        children: /* @__PURE__ */ r(z, _object_spread_props(_object_spread({}, p), {
                             truncate: f,
                             weight: m.cardTitle.weight,
-                            as: c,
+                            as: s,
                             hyphens: "auto",
-                            children: o
+                            children: e
                         }))
                     }),
                     d && /* @__PURE__ */ r("div", {
                         ref: h,
                         style: {
                             order: -2,
-                            paddingBottom: n || o || a || e ? 4 : 0
+                            paddingBottom: n || e || a || o ? 4 : 0
                         },
-                        children: typeof d == "string" ? /* @__PURE__ */ r(G, {
+                        children: typeof d == "string" ? /* @__PURE__ */ r(W, {
                             type: "promo",
                             children: d
                         }) : d
@@ -132,26 +131,26 @@ const jr = (param)=>{
                     n && /* @__PURE__ */ r("div", {
                         style: {
                             order: -1,
-                            paddingBottom: o || a || e ? 4 : 0
+                            paddingBottom: e || a || o ? 4 : 0
                         },
                         children: /* @__PURE__ */ r(v, {
                             truncate: l,
-                            as: i,
+                            as: c,
                             regular: !0,
                             hyphens: "auto",
                             children: n
                         })
                     })
                 ]
-            }) : /* @__PURE__ */ t(N, {
+            }) : /* @__PURE__ */ t(T, {
                 children: [
                     n && /* @__PURE__ */ r("div", {
                         style: {
-                            paddingBottom: o || a || e ? 4 : 0
+                            paddingBottom: e || a || o ? 4 : 0
                         },
                         children: /* @__PURE__ */ r(v, {
                             truncate: l,
-                            as: i,
+                            as: c,
                             regular: !0,
                             hyphens: "auto",
                             children: n
@@ -161,84 +160,84 @@ const jr = (param)=>{
                         ref: h,
                         style: {
                             order: -1,
-                            paddingBottom: n || o || a || e ? 4 : 0
+                            paddingBottom: n || e || a || o ? 4 : 0
                         },
-                        children: typeof d == "string" ? /* @__PURE__ */ r(G, {
+                        children: typeof d == "string" ? /* @__PURE__ */ r(W, {
                             type: "promo",
                             children: d
                         }) : d
                     }),
-                    o && /* @__PURE__ */ r("div", {
+                    e && /* @__PURE__ */ r("div", {
                         style: {
-                            paddingBottom: a || e ? 4 : 0
+                            paddingBottom: a || o ? 4 : 0
                         },
-                        children: /* @__PURE__ */ r(E, _object_spread_props(_object_spread({}, P), {
+                        children: /* @__PURE__ */ r(z, _object_spread_props(_object_spread({}, p), {
                             truncate: f,
                             weight: m.cardTitle.weight,
-                            as: c,
+                            as: s,
                             hyphens: "auto",
-                            children: o
+                            children: e
                         }))
                     })
                 ]
             }),
             a && /* @__PURE__ */ r("div", {
                 style: {
-                    paddingBottom: e ? 4 : 0
+                    paddingBottom: o ? 4 : 0
                 },
                 children: /* @__PURE__ */ r(v, {
-                    truncate: s,
+                    truncate: i,
                     as: "div",
                     regular: !0,
                     hyphens: "auto",
                     children: a
                 })
             }),
-            e && /* @__PURE__ */ r(v, {
-                truncate: x,
+            o && /* @__PURE__ */ r(v, {
+                truncate: N,
                 as: "div",
                 regular: !0,
-                color: X.colors.textSecondary,
+                color: O.colors.textSecondary,
                 hyphens: "auto",
-                children: e
+                children: o
             })
         ]
     });
 }, Ar = (param)=>{
-    let { button: d, footerImage: h, footerText: n, footerTextLinesMax: i, buttonLink: l } = param;
-    const o = !!d, c = !!h, f = !!n, a = !!l, s = o && (c || f) && a, e = a && !s ? "178px" : "";
-    return /* @__PURE__ */ t(N, {
+    let { button: d, footerImage: h, footerText: n, footerTextLinesMax: c, buttonLink: l } = param;
+    const e = !!d, s = !!h, f = !!n, a = !!l, i = e && (s || f) && a, o = a && !i ? "178px" : "";
+    return /* @__PURE__ */ t(T, {
         children: [
             /* @__PURE__ */ r("div", {
-                className: fr,
-                children: /* @__PURE__ */ r(O, {})
+                className: lr,
+                children: /* @__PURE__ */ r(G, {})
             }),
             /* @__PURE__ */ t("div", {
-                className: u(gr, vr[s ? "mobile" : "default"]),
+                className: u(fr, gr[i ? "mobile" : "default"]),
                 children: [
-                    o && /* @__PURE__ */ r("div", {
-                        className: u(ur, A),
+                    e && /* @__PURE__ */ r("div", {
+                        className: u(vr, P),
                         children: d
                     }),
                     /* @__PURE__ */ t("div", {
-                        className: u(pr, s ? yr : xr),
+                        className: u(ur, i ? pr : yr),
                         children: [
-                            c && /* @__PURE__ */ r("div", {
-                                className: Nr,
+                            s && /* @__PURE__ */ r("div", {
+                                className: xr,
                                 children: /* @__PURE__ */ r("div", {
-                                    style: Y({
-                                        [Ir.mediaBorderRadius]: X.borderRadii.mediaSmall
+                                    style: X({
+                                        [wr.mediaBorderRadius]: O.borderRadii.mediaSmall
                                     }),
                                     children: h
                                 })
                             }),
                             f && /* @__PURE__ */ r("div", {
                                 style: {
-                                    maxWidth: e
+                                    maxWidth: o
                                 },
-                                className: Br,
+                                className: Nr,
                                 children: /* @__PURE__ */ r(v, {
-                                    truncate: i,
+                                    truncate: c,
                                     regular: !0,
                                     children: n
                                 })
@@ -246,15 +245,15 @@ const jr = (param)=>{
                         ]
                     }),
                     a && /* @__PURE__ */ r("div", {
-                        className: u(Tr, s ? Cr : A),
+                        className: u(Tr, i ? Br : P),
                         children: l
                     })
                 ]
             })
         ]
     });
-}, Er = /*#__PURE__*/ $.forwardRef((_param, K)=>{
-    var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: i, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: s, description: e, descriptionLinesMax: x, extra: m, extraDividerPadding: b = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: p, "aria-label": J, onClose: I } = _param, y = _object_without_properties(_param, [
+}, Pr = /*#__PURE__*/ L.forwardRef((_param, J)=>{
+    var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: c, pretitleLinesMax: l, title: e, titleAs: s = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: o, descriptionLinesMax: N, extra: m, extraDividerPadding: p = 24, noExtraDivider: _ = !1, button: B, footerImage: C, footerText: w, footerTextLinesMax: b, buttonLink: I, dataAttributes: k, actions: y, "aria-label": q, onClose: R } = _param, x = _object_without_properties(_param, [
         "stackingGroup",
         "headline",
         "pretitle",
@@ -280,81 +279,81 @@ const jr = (param)=>{
         "aria-label",
         "onClose"
     ]);
-    const g = !!y.href || !!y.onPress || !!y.to, M = {
+    const g = !!x.href || !!x.onPress || !!x.to, K = {
         button: B,
-        footerImage: T,
-        footerText: C,
-        footerTextLinesMax: q,
-        buttonLink: w
-    }, R = !!B || !!T || !!C || !!w, D = !!(m != null && m.length), Q = ((p == null ? void 0 : p.length) || 0) + (I ? 1 : 0), { text: H, ref: U } = W(), { text: F, ref: Z } = W(), S = J || (_(c, i) ? [
-        o,
+        footerImage: C,
+        footerText: w,
+        footerTextLinesMax: b,
+        buttonLink: I
+    }, S = !!B || !!C || !!w || !!I, D = !!(m != null && m.length), M = ((y == null ? void 0 : y.length) || 0) + (R ? 1 : 0), { text: H, ref: Q } = V(), { text: F, ref: U } = V(), j = q || (Y(s, c) ? [
+        e,
         H,
         n,
         a,
-        e,
+        o,
         F
     ] : [
         n,
         H,
-        o,
-        a,
         e,
+        a,
+        o,
         F
     ]).filter(Boolean).join(" ");
     return /* @__PURE__ */ t("section", _object_spread_props(_object_spread({
-        className: or
-    }, Hr(z, "AdvancedDataCard")), {
-        ref: K,
-        "aria-label": g ? void 0 : S,
+        className: ar
+    }, Dr(k, "AdvancedDataCard")), {
+        ref: J,
+        "aria-label": g ? void 0 : j,
         children: [
-            /* @__PURE__ */ t(rr, {
+            /* @__PURE__ */ t($, {
                 className: er,
                 width: "100%",
                 height: "100%",
-                minHeight: dr,
+                minHeight: or,
                 children: [
                     /* @__PURE__ */ t(Rr, _object_spread_props(_object_spread({
                         maybe: !0
-                    }, y), {
-                        "aria-label": g ? S : void 0,
-                        className: nr,
+                    }, x), {
+                        "aria-label": g ? j : void 0,
+                        className: dr,
                         children: [
                             g && /* @__PURE__ */ r("div", {
-                                className: tr
+                                className: nr
                             }),
                             /* @__PURE__ */ r("div", {
-                                className: u(cr, !R && !D ? ir : ""),
+                                className: u(tr, !S && !D ? sr : ""),
                                 "aria-hidden": g,
-                                children: /* @__PURE__ */ r(V, {
+                                children: /* @__PURE__ */ r(E, {
                                     paddingTop: 8,
-                                    children: /* @__PURE__ */ t(Fr, {
+                                    children: /* @__PURE__ */ t(Hr, {
                                         space: 0,
                                         children: [
-                                            /* @__PURE__ */ t(ar, {
+                                            /* @__PURE__ */ t(rr, {
                                                 space: 8,
                                                 children: [
                                                     d,
                                                     /* @__PURE__ */ r(jr, {
                                                         headline: h,
-                                                        headlineRef: U,
+                                                        headlineRef: Q,
                                                         pretitle: n,
-                                                        pretitleAs: i,
+                                                        pretitleAs: c,
                                                         pretitleLinesMax: l,
-                                                        title: o,
-                                                        titleAs: c,
+                                                        title: e,
+                                                        titleAs: s,
                                                         titleLinesMax: f,
                                                         subtitle: a,
-                                                        subtitleLinesMax: s,
-                                                        description: e,
-                                                        descriptionLinesMax: x
+                                                        subtitleLinesMax: i,
+                                                        description: o,
+                                                        descriptionLinesMax: N
                                                     })
                                                 ]
                                             }),
                                             !d && /* @__PURE__ */ r("div", {
-                                                style: Y({
-                                                    [wr.topActionsCount]: String(Q)
+                                                style: X({
+                                                    [Cr.topActionsCount]: String(M)
                                                 }),
-                                                className: sr
+                                                className: cr
                                             })
                                         ]
                                     })
@@ -366,32 +365,32 @@ const jr = (param)=>{
                                 }
                             }),
                             D && /* @__PURE__ */ r("div", {
-                                className: mr,
-                                ref: Z,
+                                className: ir,
+                                ref: U,
                                 "aria-hidden": g,
-                                children: m.map((L, j)=>/* @__PURE__ */ t("div", {
+                                children: m.map((Z, A)=>/* @__PURE__ */ t("div", {
                                         children: [
                                             /* @__PURE__ */ r("div", {
-                                                className: hr,
-                                                children: L
+                                                className: mr,
+                                                children: Z
                                             }),
-                                            j + 1 !== m.length && /* @__PURE__ */ r(V, {
-                                                paddingY: b,
-                                                children: !k && /* @__PURE__ */ r(O, {})
+                                            A + 1 !== m.length && /* @__PURE__ */ r(E, {
+                                                paddingY: p,
+                                                children: !_ && /* @__PURE__ */ r(G, {})
                                             })
                                         ]
-                                    }, j))
+                                    }, A))
                             })
                         ]
                     })),
-                    R && /* @__PURE__ */ r(Ar, _object_spread({}, M))
+                    S && /* @__PURE__ */ r(Ar, _object_spread({}, K))
                 ]
             }),
-            /* @__PURE__ */ r(Sr, {
-                actions: p,
-                onClose: I
+            /* @__PURE__ */ r(Fr, {
+                actions: y,
+                onClose: R
             })
         ]
     }));
-}), $r = Er;
-export { Er as AdvancedDataCard, $r as default };
+}), Lr = Pr;
+export { Pr as AdvancedDataCard, Lr as default };

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

@@ -1,4 +1,4 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./blocks.css.ts.vanilla.css-mistica.js";
-var v = "v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2", n = "v16_42_2_llrsen1";
+var v = "v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk2", n = "v16_43_1_llrsen1";
 export { v as column, n as rightContent };

package/dist-es/community/example-component.css-mistica.js

@@ -1,3 +1,3 @@
 import "./example-component.css.ts.vanilla.css-mistica.js";
-var m = "v16_42_2_jbmjs60";
+var m = "v16_43_1_jbmjs60";
 export { m as example };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./counter.css.ts.vanilla.css-mistica.js";
-var n = "v16_42_2_rijsns8 v16_42_2_1y2v1nf9o v16_42_2_1y2v1nfme v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfku v16_42_2_1y2v1nfla", r = "v16_42_2_rijsnse v16_42_2_1y2v1nfkt v16_42_2_1y2v1nfl9 v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfmm v16_42_2_1y2v1nf8g", s = "v16_42_2_rijsns6", a = "v16_42_2_rijsns3 v16_42_2_1y2v1nfmm v16_42_2_1y2v1nf4w v16_42_2_1y2v1nfjx v16_42_2_1y2v1nfn0", t = "v16_42_2_rijsnsc v16_42_2_rijsnsa v16_42_2_1y2v1nfjr", f = "v16_42_2_rijsnsa v16_42_2_1y2v1nfjr", j = "v16_42_2_rijsns4", y = "v16_42_2_rijsns0", i = "v16_42_2_rijsns1", o = "v16_42_2_rijsnsb v16_42_2_rijsnsa v16_42_2_1y2v1nfjr", e = "v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk5";
+var n = "v16_43_1_rijsns8 v16_43_1_1y2v1nf9o v16_43_1_1y2v1nfme v16_43_1_1y2v1nfjr v16_43_1_1y2v1nfku v16_43_1_1y2v1nfla", r = "v16_43_1_rijsnse v16_43_1_1y2v1nfkt v16_43_1_1y2v1nfl9 v16_43_1_1y2v1nfjr v16_43_1_1y2v1nfmm v16_43_1_1y2v1nf8g", s = "v16_43_1_rijsns6", a = "v16_43_1_rijsns3 v16_43_1_1y2v1nfmm v16_43_1_1y2v1nf4w v16_43_1_1y2v1nfjx v16_43_1_1y2v1nfn0", t = "v16_43_1_rijsnsc v16_43_1_rijsnsa v16_43_1_1y2v1nfjr", f = "v16_43_1_rijsnsa v16_43_1_1y2v1nfjr", j = "v16_43_1_rijsns4", y = "v16_43_1_rijsns0", i = "v16_43_1_rijsns1", o = "v16_43_1_rijsnsb v16_43_1_rijsnsa v16_43_1_1y2v1nfjr", e = "v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk5";
 export { n as button, r as buttonBackground, s as buttonContainer, a as counter, t as decreaseButtonIcon, f as defaultButtonIcon, j as disabled, y as hasTrashIcon, i as isButtonDisabled, o as trashButtonIcon, e as valueContainer };

package/dist-es/cover-hero.css-mistica.js

@@ -2,7 +2,7 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./carousel.css.ts.vanilla.css-mistica.js";
 import "./cover-hero.css.ts.vanilla.css-mistica.js";
-var r = "v16_42_2_moeazi9 v16_42_2_1y2v1nfkb", e = "v16_42_2_moeazi2 v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2 v16_42_2_1y2v1nfk5 v16_42_2_1y2v1nfkj v16_42_2_1y2v1nfn6 v16_42_2_1y2v1nfof", f = "v16_42_2_moeazi4 v16_42_2_1y2v1nfjq v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfkj", o = "v16_42_2_1y2v1nfjw v16_42_2_1y2v1nfk2", y = "v16_42_2_moeazi7", i = "v16_42_2_1y2v1nfjq", m = "v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfou v16_42_2_1y2v1nfkj v16_42_2_1y2v1nfl0", t = "v16_42_2_moeazic v16_42_2_1y2v1nfjr v16_42_2_1y2v1nfn6 v16_42_2_1y2v1nfnl v16_42_2_1y2v1nfkj v16_42_2_1y2v1nfl0", j = "v16_42_2_moeazi6", z = "v16_42_2_1y2v1nfjq", k = "v16_42_2_moeazie", l = {
-    aspectRatio: "var(--v16_42_2_moeazi0)"
-}, p = "v16_42_2_moeazi5";
+var r = "v16_43_1_moeazi9 v16_43_1_1y2v1nfkb", e = "v16_43_1_moeazi2 v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk2 v16_43_1_1y2v1nfk5 v16_43_1_1y2v1nfkj v16_43_1_1y2v1nfn6 v16_43_1_1y2v1nfof", f = "v16_43_1_moeazi4 v16_43_1_1y2v1nfjq v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfkj", o = "v16_43_1_1y2v1nfjw v16_43_1_1y2v1nfk2", y = "v16_43_1_moeazi7", i = "v16_43_1_1y2v1nfjq", m = "v16_43_1_1y2v1nfjr v16_43_1_1y2v1nfou v16_43_1_1y2v1nfkj v16_43_1_1y2v1nfl0", t = "v16_43_1_moeazic v16_43_1_1y2v1nfjr v16_43_1_1y2v1nfn6 v16_43_1_1y2v1nfnl v16_43_1_1y2v1nfkj v16_43_1_1y2v1nfl0", j = "v16_43_1_moeazi6", z = "v16_43_1_1y2v1nfjq", k = "v16_43_1_moeazie", l = {
+    aspectRatio: "var(--v16_43_1_moeazi0)"
+}, p = "v16_43_1_moeazi5";
 export { r as centered, e as coverHero, f as coverHeroContainer, o as flexColumn, y as hasSideExtra, i as mainContent, m as mediaLayer, t as mediaOverlay, j as minHeight, z as sideExtra, k as sixColumns, l as vars, p as withAspectRatio };