@telefonica/mistica 14.20.1 → 14.22.0

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

@@ -2,10 +2,10 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./grid-layout.css.ts.vanilla.css-mistica.js";
 import "./carousel.css.ts.vanilla.css-mistica.js";
-var f = "_1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn", r = "_1abcu7l _1abcu7b _1y2v1nfb4 _1y2v1nfco", e = "_1y2v1nfb4 _1y2v1nfbd", u = "_1y2v1nfd1 _1y2v1nfaz", l = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0", t = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0", s = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb4 _1y2v1nfco", w = "_1abcu713 _1y2v1nfb0 _1y2v1nffm _1y2v1nfb4 _1y2v1nfbd _1y2v1nfbr", m = "_1y2v1nfaz", h = "_1abcu7x _1y2v1nfbr _1y2v1nfbm", P = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0 _1y2v1nff7", p = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0 _1y2v1nfes", A = {
+var f = "_1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbx _1y2v1nfcd _1y2v1nfdo", r = "_1abcu7l _1abcu7b _1y2v1nfb5 _1y2v1nfcp", e = "_1y2v1nfb5 _1y2v1nfbe", u = "_1y2v1nfd2 _1y2v1nfaz", o = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", s = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0", l = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb5 _1y2v1nfcp", m = "_1abcu713 _1y2v1nfb0 _1y2v1nffr _1y2v1nfb5 _1y2v1nfbe _1y2v1nfbs", w = "_1y2v1nfaz", p = "_1abcu7x _1y2v1nfbs _1y2v1nfbn", x = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nffc", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo _1y2v1nf31 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdm _1y2v1nfb0 _1y2v1nfex", P = {
     itemsPerPageMobile: "var(--_1abcu7g)",
     itemsPerPageTablet: "var(--_1abcu7h)",
     itemsPerPageDesktop: "var(--_1abcu7i)",
     gap: "var(--_1abcu7j)"
 };
-export { f as bullet, b as bulletActive, y as bulletActiveInverse, c as bulletInverse, r as carousel, e as carouselBullets, u as carouselContainer, l as carouselItem, o as carouselNextArrowButton, t as carouselPrevArrowButton, s as carouselWithScroll, d as centeredCarousel, i as slideshow, w as slideshowBullets, m as slideshowContainer, h as slideshowItem, P as slideshowNextArrowButton, p as slideshowPrevArrowButton, A as vars };
+export { f as bullet, b as bulletActive, y as bulletActiveInverse, c as bulletInverse, r as carousel, e as carouselBullets, u as carouselContainer, o as carouselItem, t as carouselNextArrowButton, s as carouselPrevArrowButton, l as carouselWithScroll, d as centeredCarousel, i as slideshow, m as slideshowBullets, w as slideshowContainer, p as slideshowItem, x as slideshowNextArrowButton, h as slideshowPrevArrowButton, P as vars };

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

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./checkbox.css.ts.vanilla.css-mistica.js";
-var v = {
-    ios: "_1rz9b16 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30",
-    rest: "_1rz9b17 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30",
-    checked: "_1rz9b18 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30"
-}, n = "_1rz9b1a _1y2v1nfb6", r = "_1rz9b1b", y = "_1rz9b12 _1rz9b11 _1y2v1nfb7", f = "_1rz9b13 _1rz9b11 _1y2v1nfb7", e = "_1rz9b1c";
-export { v as boxVariant, n as check, r as checkChecked, y as checkboxContainer, f as checkboxContainerDisabled, e as disabled };
+var n = {
+    ios: "_1rz9b16 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
+    rest: "_1rz9b17 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30",
+    checked: "_1rz9b18 _1rz9b15 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfbn _1y2v1nfdz _1y2v1nf30"
+}, v = "_1rz9b1a _1y2v1nfb7", r = "_1rz9b1b", f = "_1rz9b12 _1rz9b11 _1y2v1nfb8", y = "_1rz9b13 _1rz9b11 _1y2v1nfb8", e = "_1rz9b1c";
+export { n as boxVariant, v as check, r as checkChecked, f as checkboxContainer, y as checkboxContainerDisabled, e as disabled };

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./chip.css.ts.vanilla.css-mistica.js";
-var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdm _1y2v1nf5y", t = {
+var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdn _1y2v1nf5y", t = {
     light: "cc7htnb cc7htn9",
     dark: "cc7htnc cc7htn9"
 }, f = {
-    default: "cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf31 _1y2v1nf1w",
-    overAlternative: "cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf38 _1y2v1nf1w",
-    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf16 _1y2v1nf5k"
+    default: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf31 _1y2v1nf1w",
+    overAlternative: "cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf38 _1y2v1nf1w",
+    active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb6 _1y2v1nfbe _1y2v1nfbk _1y2v1nfdm _1y2v1nf16 _1y2v1nf5k"
 }, y = "cc7htnd", _ = "cc7htne";
 export { c as button, t as chipInteractiveVariants, f as chipVariants, y as icon, _ as iconActive };

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 p = "_1wpwyyp1 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn";
-export { p as circle };
+var r = "_1wpwyyp1 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo";
+export { r as circle };

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

@@ -1,7 +1,7 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbg _1y2v1nf7t", _ = {
+var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbh _1y2v1nf7t", _ = {
     default: "_1x00frui",
     mobile: "_1x00fruj"
-}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbq _1y2v1nfba _1y2v1nfbr _1y2v1nfc8 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb4 _1y2v1nfb9", x = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfbj _1y2v1nfdd", b = "_1x00fru6", e = "_1x00fruk", d = "_1y2v1nff5", c = "_1x00fru9", g = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", l = "_1x00fru5 _1y2v1nfc8 _1y2v1nfba";
-export { v as actions, _ as actionsVariants, n as adjustButtonLink, a as button, t as buttonMobile, y as cardContentStyle, u as dataCard, o as divider, i as footerDirection, x as footerText, b as hoverEffect, e as marginRightAuto, d as marginRightButton, c as minHeight, g as paddingX, l as touchableContainer };
+}, a = "_1x00frup", n = "_1x00frul", t = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t _1y2v1nfaz", y = "_1y2v1nfaz _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbb _1y2v1nfbs _1y2v1nfc9 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb5 _1y2v1nfba", x = "_1y2v1nfb5 _1y2v1nfbr _1y2v1nfbk _1y2v1nfde", b = "_1x00fruk", e = "_1y2v1nffa", d = "_1x00fru9", l = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", c = "_1x00fru5", g = "_1x00fru6", h = "_1x00fru4";
+export { v as actions, _ as actionsVariants, a as adjustButtonLink, n as button, t as buttonMobile, u as cardContentStyle, y as dataCard, o as divider, i as footerDirection, x as footerText, b as marginRightAuto, e as marginRightButton, d as minHeight, l as paddingX, c as touchable, g as touchableCardOverlay, h as touchableContainer };

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

@@ -50,47 +50,47 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as t, jsx as e, Fragment as G } from "react/jsx-runtime";
-import * as M from "react";
-import { Boxed as U } from "../boxed.js";
-import { sprinkles as N } from "../sprinkles.css-mistica.js";
-import T from "../stack.js";
-import { dataCard as V, touchableContainer as X, hoverEffect as Y, cardContentStyle as Z, minHeight as q, paddingX as J, divider as K, actions as Q, actionsVariants as $, marginRightButton as ee, buttonMobile as R, footerDirection as te, marginRightAuto as re, footerText as ae, adjustButtonLink as ie, button as oe } from "./advanced-data-card.css-mistica.js";
+import { jsx as e, jsxs as t, Fragment as M } from "react/jsx-runtime";
+import * as U from "react";
+import { Boxed as V } from "../boxed.js";
+import { sprinkles as T } from "../sprinkles.css-mistica.js";
+import x from "../stack.js";
+import { dataCard as X, touchableContainer as Y, touchable as Z, touchableCardOverlay as q, cardContentStyle as J, minHeight as K, paddingX as Q, divider as $, actions as ee, actionsVariants as te, marginRightButton as re, buttonMobile as R, footerDirection as ae, marginRightAuto as ie, footerText as oe, adjustButtonLink as ne, button as se } from "./advanced-data-card.css-mistica.js";
 import F from "../divider.js";
-import { Text2 as f, Text as ne } from "../text.js";
+import { Text2 as f, Text as ce } from "../text.js";
 import { vars as y } from "../skins/skin-contract.css-mistica.js";
 import v from "../box.js";
-import se from "../touchable.js";
-import h from "classnames";
-import { CardActionsGroup as ce, TOP_ACTION_BUTTON_SIZE as de } from "../card.js";
-import { useTheme as le } from "../hooks.js";
-import { getPrefixedDataAttributes as he } from "../utils/dom.js";
-import me from "../inline.js";
-const pe = (param)=>{
-    let { headline: i , pretitle: a , pretitleAs: n = "p" , pretitleLinesMax: m , title: s , titleAs: c = "h3" , titleLinesMax: d , subtitle: l , subtitleLinesMax: o , description: r , descriptionLinesMax: p  } = param;
-    const { textPresets: x  } = le();
-    return /* @__PURE__ */ t(T, {
+import de from "../touchable.js";
+import u from "classnames";
+import { CardActionsGroup as le, TOP_ACTION_BUTTON_SIZE as he } from "../card.js";
+import { useTheme as me } from "../hooks.js";
+import { getPrefixedDataAttributes as pe } from "../utils/dom.js";
+import ue from "../inline.js";
+const ge = (param)=>{
+    let { headline: i , pretitle: a , pretitleAs: n = "p" , pretitleLinesMax: h , title: s , titleAs: c = "h3" , titleLinesMax: d , subtitle: l , subtitleLinesMax: o , description: r , descriptionLinesMax: m  } = param;
+    const { textPresets: N  } = me();
+    return /* @__PURE__ */ t(x, {
         space: 4,
         children: [
             i,
-            /* @__PURE__ */ t(T, {
+            /* @__PURE__ */ t(x, {
                 space: 4,
                 children: [
                     a && /* @__PURE__ */ e(f, {
                         color: y.colors.textPrimary,
-                        truncate: m,
+                        truncate: h,
                         as: n,
                         regular: !0,
                         hyphens: "auto",
                         children: a
                     }),
-                    /* @__PURE__ */ e(ne, {
+                    /* @__PURE__ */ e(ce, {
                         mobileSize: 18,
                         mobileLineHeight: "24px",
                         desktopSize: 20,
                         desktopLineHeight: "28px",
                         truncate: d,
-                        weight: x.cardTitle.weight,
+                        weight: N.cardTitle.weight,
                         as: c,
                         hyphens: "auto",
                         children: s
@@ -106,7 +106,7 @@ const pe = (param)=>{
                 ]
             }),
             r && /* @__PURE__ */ e(f, {
-                truncate: p,
+                truncate: m,
                 as: "p",
                 regular: !0,
                 color: y.colors.textSecondary,
@@ -115,30 +115,30 @@ const pe = (param)=>{
             })
         ]
     });
-}, ue = (param)=>{
-    let { button: i , footerImage: a , footerText: n , footerTextLinesMax: m , buttonLink: s  } = param;
-    const c = !!i, d = !!a, l = !!n, o = !!s, r = c && (d || l) && o, p = o && !r ? "178px" : "";
-    return /* @__PURE__ */ t(G, {
+}, fe = (param)=>{
+    let { button: i , footerImage: a , footerText: n , footerTextLinesMax: h , buttonLink: s  } = param;
+    const c = !!i, d = !!a, l = !!n, o = !!s, r = c && (d || l) && o, m = o && !r ? "178px" : "";
+    return /* @__PURE__ */ t(M, {
         children: [
             /* @__PURE__ */ e("div", {
-                className: K,
+                className: $,
                 children: /* @__PURE__ */ e(F, {})
             }),
             /* @__PURE__ */ t("div", {
-                className: h(Q, $[r ? "mobile" : "default"]),
+                className: u(ee, te[r ? "mobile" : "default"]),
                 children: [
                     c && /* @__PURE__ */ e("div", {
-                        className: h(ee, R),
+                        className: u(re, R),
                         children: i
                     }),
                     /* @__PURE__ */ t("div", {
-                        className: h(te, r ? re : N({
+                        className: u(ae, r ? ie : T({
                             paddingTop: 16
                         })),
                         children: [
                             d && /* @__PURE__ */ e(v, {
                                 paddingRight: 16,
-                                className: N({
+                                className: T({
                                     alignItems: "center",
                                     display: "flex"
                                 }),
@@ -146,11 +146,11 @@ const pe = (param)=>{
                             }),
                             l && /* @__PURE__ */ e("div", {
                                 style: {
-                                    maxWidth: p
+                                    maxWidth: m
                                 },
-                                className: ae,
+                                className: oe,
                                 children: /* @__PURE__ */ e(f, {
-                                    truncate: m,
+                                    truncate: h,
                                     regular: !0,
                                     children: n
                                 })
@@ -158,112 +158,116 @@ const pe = (param)=>{
                         ]
                     }),
                     o && /* @__PURE__ */ e("div", {
-                        className: h(ie, r ? oe : R),
+                        className: u(ne, r ? se : R),
                         children: s
                     })
                 ]
             })
         ]
     });
-}, ge = /*#__PURE__*/ M.forwardRef((param, O)=>{
-    let { onPress: i , stackingGroup: a , headline: n , pretitle: m , pretitleAs: s , pretitleLinesMax: c , title: d , titleAs: l , titleLinesMax: o , subtitle: r , subtitleLinesMax: p , description: x , descriptionLinesMax: P , extra: u , extraDividerPadding: j = 24 , button: C , footerImage: b , footerText: A , footerTextLinesMax: k , buttonLink: B , dataAttributes: E , actions: g , "aria-label": H , onClose: S  } = param;
-    const _ = {
-        button: C,
-        footerImage: b,
+}, ve = /*#__PURE__*/ U.forwardRef((param, _)=>{
+    let { onPress: i , stackingGroup: a , headline: n , pretitle: h , pretitleAs: s , pretitleLinesMax: c , title: d , titleAs: l , titleLinesMax: o , subtitle: r , subtitleLinesMax: m , description: N , descriptionLinesMax: P , extra: p , extraDividerPadding: O = 24 , button: b , footerImage: C , footerText: A , footerTextLinesMax: j , buttonLink: B , dataAttributes: k , actions: g , "aria-label": H , onClose: S  } = param;
+    const z = !!i, E = {
+        button: b,
+        footerImage: C,
         footerText: A,
-        footerTextLinesMax: k,
+        footerTextLinesMax: j,
         buttonLink: B
-    }, w = !!C || !!b || !!A || !!B, D = !!(u != null && u.length), z = ((g == null ? void 0 : g.length) || 0) + (S ? 1 : 0), L = {
+    }, w = !!b || !!C || !!A || !!B, D = !!(p != null && p.length), L = ((g == null ? void 0 : g.length) || 0) + (S ? 1 : 0), W = {
         marginRight: -16,
         marginTop: -24,
-        width: de * z
+        width: he * L
     };
-    return /* @__PURE__ */ t("section", _object_spread_props(_object_spread({
-        className: N({
+    return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({
+        className: T({
             position: "relative",
             height: "100%"
         })
-    }, he(E, "AdvancedDataCard")), {
-        ref: O,
-        children: [
-            /* @__PURE__ */ t(U, {
-                className: V,
-                height: "100%",
-                children: [
-                    /* @__PURE__ */ t(se, {
-                        onPress: i,
-                        tabIndex: 0,
-                        maybe: !0,
-                        className: h(X, {
-                            [Y]: !!i
-                        }),
-                        "aria-label": H,
-                        children: [
-                            /* @__PURE__ */ e("div", {
-                                className: h(Z, !w && !D ? q : ""),
-                                children: /* @__PURE__ */ e(v, {
-                                    paddingTop: 8,
-                                    children: /* @__PURE__ */ t(me, {
-                                        space: 0,
-                                        children: [
-                                            /* @__PURE__ */ t(T, {
-                                                space: 8,
-                                                children: [
-                                                    a,
-                                                    /* @__PURE__ */ e(pe, {
-                                                        headline: n,
-                                                        pretitle: m,
-                                                        pretitleAs: s,
-                                                        pretitleLinesMax: c,
-                                                        title: d,
-                                                        titleAs: l,
-                                                        titleLinesMax: o,
-                                                        subtitle: r,
-                                                        subtitleLinesMax: p,
-                                                        description: x,
-                                                        descriptionLinesMax: P
-                                                    })
-                                                ]
-                                            }),
-                                            !a && /* @__PURE__ */ e("div", {
-                                                style: L
-                                            })
-                                        ]
+    }, pe(k, "AdvancedDataCard")), {
+        ref: _,
+        children: /* @__PURE__ */ t(V, {
+            className: X,
+            children: [
+                /* @__PURE__ */ t("div", {
+                    className: Y,
+                    children: [
+                        /* @__PURE__ */ t(de, {
+                            onPress: i,
+                            tabIndex: 0,
+                            maybe: !0,
+                            className: Z,
+                            "aria-label": H,
+                            children: [
+                                z && /* @__PURE__ */ e("div", {
+                                    className: q
+                                }),
+                                /* @__PURE__ */ e("div", {
+                                    className: u(J, !w && !D ? K : ""),
+                                    children: /* @__PURE__ */ e(v, {
+                                        paddingTop: 8,
+                                        children: /* @__PURE__ */ t(ue, {
+                                            space: 0,
+                                            children: [
+                                                /* @__PURE__ */ t(x, {
+                                                    space: 8,
+                                                    children: [
+                                                        a,
+                                                        /* @__PURE__ */ e(ge, {
+                                                            headline: n,
+                                                            pretitle: h,
+                                                            pretitleAs: s,
+                                                            pretitleLinesMax: c,
+                                                            title: d,
+                                                            titleAs: l,
+                                                            titleLinesMax: o,
+                                                            subtitle: r,
+                                                            subtitleLinesMax: m,
+                                                            description: N,
+                                                            descriptionLinesMax: P
+                                                        })
+                                                    ]
+                                                }),
+                                                !a && /* @__PURE__ */ e("div", {
+                                                    style: W
+                                                })
+                                            ]
+                                        })
                                     })
+                                }),
+                                /* @__PURE__ */ e("div", {
+                                    style: {
+                                        flexGrow: 1
+                                    }
+                                }),
+                                D && /* @__PURE__ */ e(v, {
+                                    paddingTop: 16,
+                                    paddingBottom: 24,
+                                    width: "100%",
+                                    children: p.map((G, I)=>/* @__PURE__ */ t("div", {
+                                            children: [
+                                                /* @__PURE__ */ e("div", {
+                                                    className: Q,
+                                                    children: G
+                                                }),
+                                                I + 1 !== p.length && /* @__PURE__ */ e(v, {
+                                                    paddingY: O,
+                                                    children: /* @__PURE__ */ e(F, {})
+                                                })
+                                            ]
+                                        }, I))
                                 })
-                            }),
-                            /* @__PURE__ */ e("div", {
-                                style: {
-                                    flexGrow: 1
-                                }
-                            }),
-                            D && /* @__PURE__ */ e(v, {
-                                paddingTop: 16,
-                                paddingBottom: 24,
-                                width: "100%",
-                                children: u.map((W, I)=>/* @__PURE__ */ t("div", {
-                                        children: [
-                                            /* @__PURE__ */ e("div", {
-                                                className: J,
-                                                children: W
-                                            }),
-                                            I + 1 !== u.length && /* @__PURE__ */ e(v, {
-                                                paddingY: j,
-                                                children: /* @__PURE__ */ e(F, {})
-                                            })
-                                        ]
-                                    }, I))
-                            })
-                        ]
-                    }),
-                    w && /* @__PURE__ */ e(ue, _object_spread({}, _))
-                ]
-            }),
-            /* @__PURE__ */ e(ce, {
-                actions: g,
-                onClose: S
-            })
-        ]
+                            ]
+                        }),
+                        /* @__PURE__ */ e(le, {
+                            actions: g,
+                            onClose: S,
+                            padding: 7
+                        })
+                    ]
+                }),
+                w && /* @__PURE__ */ e(fe, _object_spread({}, E))
+            ]
+        })
     }));
-}), Fe = ge;
-export { ge as AdvancedDataCard, Fe as default };
+}), Oe = ve;
+export { ve as AdvancedDataCard, Oe 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 t = "_1y2v1nfb4 _1y2v1nfba", o = "llrsen1";
+var t = "_1y2v1nfb5 _1y2v1nfbb", o = "llrsen1";
 export { t as column, o as rightContent };

package/dist-es/community/blocks.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import p from "../stack.js";
 import { column as x, rightContent as y } from "./blocks.css-mistica.js";
-import { Text2 as i, Text5 as f, Text8 as h, Text3 as v } from "../text.js";
+import { Text2 as n, Text5 as f, Text8 as h, Text3 as v } from "../text.js";
 import { vars as c } from "../skins/skin-contract.css-mistica.js";
 import s from "../inline.js";
 import u from "../box.js";
@@ -20,12 +20,12 @@ const g = (param)=>{
                 color: c.colors.textPrimary,
                 children: o
             }),
-            l && l.map((t, n)=>/* @__PURE__ */ r(i, {
+            l && l.map((t, i)=>/* @__PURE__ */ r(n, {
                     regular: !0,
                     color: c.colors.textSecondary,
                     as: "p",
                     children: t
-                }, n))
+                }, i))
         ]
     });
 }, L = (param)=>/* @__PURE__ */ {
@@ -38,12 +38,12 @@ const g = (param)=>{
             children: [
                 o && /* @__PURE__ */ r(u, {
                     paddingRight: 32,
-                    children: /* @__PURE__ */ r(i, {
+                    children: /* @__PURE__ */ r(n, {
                         regular: !0,
                         children: o
                     })
                 }),
-                e || /* @__PURE__ */ r(i, {
+                e || /* @__PURE__ */ r(n, {
                     regular: !0,
                     color: c.colors.textSecondary,
                     children: l
@@ -60,7 +60,7 @@ const g = (param)=>{
             alignItems: "center",
             children: [
                 o,
-                /* @__PURE__ */ r(i, {
+                /* @__PURE__ */ r(n, {
                     regular: !0,
                     color: c.colors.textSecondary,
                     children: e
@@ -69,7 +69,7 @@ const g = (param)=>{
         })
     });
 }, q = (param)=>/* @__PURE__ */ {
-    let { title: o , description: e , secondaryValue: l , value: t , valueColor: n = c.colors.textPrimary , "aria-label": d  } = param;
+    let { title: o , description: e , secondaryValue: l , value: t , valueColor: i = c.colors.textPrimary , "aria-label": d  } = param;
     return a(s, {
         space: "between",
         alignItems: "flex-end",
@@ -82,13 +82,13 @@ const g = (param)=>{
             /* @__PURE__ */ a("div", {
                 className: B(x, y),
                 children: [
-                    /* @__PURE__ */ r(i, {
+                    /* @__PURE__ */ r(n, {
                         regular: !0,
                         color: c.colors.textSecondary,
                         children: l
                     }),
                     /* @__PURE__ */ r(f, {
-                        color: n,
+                        color: i,
                         children: t
                     })
                 ]
@@ -96,7 +96,7 @@ const g = (param)=>{
         ]
     });
 }, z = (param)=>/* @__PURE__ */ {
-    let { headline: o , mainHeading: e , secondHeading: l , secondaryValue: t , title: n , description: d , valueColor: m = c.colors.textPrimary , "aria-label": b  } = param;
+    let { headline: o , mainHeading: e , secondHeading: l , secondaryValue: t , title: i , description: d , valueColor: m = c.colors.textPrimary , "aria-label": b  } = param;
     return a("div", {
         "aria-label": b,
         children: [
@@ -115,7 +115,7 @@ const g = (param)=>{
                                 color: m,
                                 children: e.value
                             }),
-                            /* @__PURE__ */ r(i, {
+                            /* @__PURE__ */ r(n, {
                                 regular: !0,
                                 color: c.colors.textSecondary,
                                 children: e.text
@@ -130,7 +130,7 @@ const g = (param)=>{
                                 color: m,
                                 children: l.value
                             }),
-                            /* @__PURE__ */ r(i, {
+                            /* @__PURE__ */ r(n, {
                                 regular: !0,
                                 color: c.colors.textSecondary,
                                 children: l.text
@@ -143,22 +143,22 @@ const g = (param)=>{
                     })
                 ]
             }),
-            n || d ? /* @__PURE__ */ r(u, {
+            i || d ? /* @__PURE__ */ r(u, {
                 paddingTop: 8,
                 children: /* @__PURE__ */ r(g, {
-                    title: n,
+                    title: i,
                     description: d
                 })
             }) : null
         ]
     });
 }, A = (param)=>/* @__PURE__ */ {
-    let { title: o , value: e , description: l , valueColor: t = c.colors.textPrimary , "aria-label": n  } = param;
+    let { title: o , value: e , description: l , valueColor: t = c.colors.textPrimary , "aria-label": i  } = param;
     return a("div", {
-        "aria-label": n,
+        "aria-label": i,
         className: x,
         children: [
-            /* @__PURE__ */ r(i, {
+            /* @__PURE__ */ r(n, {
                 regular: !0,
                 color: c.colors.textPrimary,
                 children: o
@@ -173,7 +173,7 @@ const g = (param)=>{
         ]
     });
 }, D = (param)=>/* @__PURE__ */ {
-    let { title: o , stackingGroup: e , progressPercent: l , reverse: t , heading: n , description: d , "aria-label": m  } = param;
+    let { title: o , stackingGroup: e , progressPercent: l , reverse: t , heading: i , description: d , "aria-label": m  } = param;
     return r("div", {
         "aria-label": m,
         children: /* @__PURE__ */ a(p, {
@@ -185,7 +185,7 @@ const g = (param)=>{
                     children: [
                         /* @__PURE__ */ r(u, {
                             paddingRight: 32,
-                            children: /* @__PURE__ */ r(i, {
+                            children: /* @__PURE__ */ r(n, {
                                 regular: !0,
                                 children: o
                             })
@@ -193,7 +193,7 @@ const g = (param)=>{
                         e
                     ]
                 }),
-                l && /* @__PURE__ */ r(S, {
+                l !== void 0 && /* @__PURE__ */ r(S, {
                     progressPercent: l,
                     reverse: t
                 }),
@@ -202,17 +202,17 @@ const g = (param)=>{
                     alignItems: "baseline",
                     children: [
                         /* @__PURE__ */ r(h, {
-                            color: n.valueColor || c.colors.textPrimary,
-                            children: n.value
+                            color: i.valueColor || c.colors.textPrimary,
+                            children: i.value
                         }),
-                        /* @__PURE__ */ r(i, {
+                        /* @__PURE__ */ r(n, {
                             regular: !0,
                             color: c.colors.textSecondary,
-                            children: n.text
+                            children: i.text
                         })
                     ]
                 }),
-                d && /* @__PURE__ */ r(i, {
+                d && /* @__PURE__ */ r(n, {
                     regular: !0,
                     color: c.colors.textSecondary,
                     children: d