@telefonica/mistica 17.5.0 → 17.7.0

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

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get AdvancedDataCard () {
-        return Zr;
+        return pr;
     },
     get default () {
-        return Zr;
+        return pr;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -27,8 +27,8 @@ const _divider = /*#__PURE__*/ _interop_require_default(require("../divider.js")
 const _text = require("../text.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
 const _box = /*#__PURE__*/ _interop_require_default(require("../box.js"));
-const _touchable = /*#__PURE__*/ _interop_require_default(require("../touchable.js"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _touchable = /*#__PURE__*/ _interop_require_default(require("../touchable.js"));
 const _hooks = require("../hooks.js");
 const _dom = require("../utils/dom.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("../inline.js"));
@@ -36,6 +36,8 @@ const _css = require("../utils/css.js");
 const _tag = /*#__PURE__*/ _interop_require_default(require("../tag.js"));
 const _headings = require("../utils/headings.js");
 const _cardinternal = require("../card-internal.js");
+const _radiobutton = require("../radio-button.js");
+const _cardinternalcssmistica = require("../card-internal.css-mistica.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -161,86 +163,86 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const jr = (param)=>{
-    let { headline: t, headlineRef: m, pretitle: d, pretitleAs: i, pretitleLinesMax: h, title: e, titleAs: s, titleLinesMax: l, subtitle: a, subtitleLinesMax: c, description: o, descriptionLinesMax: x } = param;
-    const { textPresets: f } = (0, _hooks.useTheme)(), p = (0, _text.useTextPresetSizes)("text4");
+const Ze = (param)=>{
+    let { headline: t, headlineRef: s, pretitle: r, pretitleAs: i, pretitleLinesMax: m, title: n, titleAs: c, titleLinesMax: h, subtitle: a, subtitleLinesMax: l, description: o, descriptionLinesMax: N } = param;
+    const { textPresets: g } = (0, _hooks.useTheme)(), y = (0, _text.useTextPresetSizes)("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__ */ (0, _jsxruntime.jsxs)("div", {
         className: _advanceddatacardcssmistica.flexColumn,
         children: [
-            (0, _headings.isBiggerHeading)(s, i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            (0, _headings.isBiggerHeading)(c, i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
-                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             paddingBottom: a || o ? 4 : 0
                         },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, p), {
-                            truncate: l,
-                            weight: f.cardTitle.weight,
-                            as: s,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, y), {
+                            truncate: h,
+                            weight: g.cardTitle.weight,
+                            as: c,
                             hyphens: "auto",
-                            children: e
+                            children: n
                         }))
                     }),
                     t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        ref: m,
+                        ref: s,
                         style: {
                             order: -2,
-                            paddingBottom: d || e || a || o ? 4 : 0
+                            paddingBottom: r || n || a || o ? 4 : 0
                         },
                         children: typeof t == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
                             type: "promo",
                             children: t
                         }) : t
                     }),
-                    d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    r && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             order: -1,
-                            paddingBottom: e || a || o ? 4 : 0
+                            paddingBottom: n || a || o ? 4 : 0
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                            truncate: h,
+                            truncate: m,
                             as: i,
                             regular: !0,
                             hyphens: "auto",
-                            children: d
+                            children: r
                         })
                     })
                 ]
             }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
-                    d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    r && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
-                            paddingBottom: e || a || o ? 4 : 0
+                            paddingBottom: n || a || o ? 4 : 0
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                            truncate: h,
+                            truncate: m,
                             as: i,
                             regular: !0,
                             hyphens: "auto",
-                            children: d
+                            children: r
                         })
                     }),
                     t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        ref: m,
+                        ref: s,
                         style: {
                             order: -1,
-                            paddingBottom: d || e || a || o ? 4 : 0
+                            paddingBottom: r || n || a || o ? 4 : 0
                         },
                         children: typeof t == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
                             type: "promo",
                             children: t
                         }) : t
                     }),
-                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             paddingBottom: a || o ? 4 : 0
                         },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, p), {
-                            truncate: l,
-                            weight: f.cardTitle.weight,
-                            as: s,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, y), {
+                            truncate: h,
+                            weight: g.cardTitle.weight,
+                            as: c,
                             hyphens: "auto",
-                            children: e
+                            children: n
                         }))
                     })
                 ]
@@ -250,7 +252,7 @@ const jr = (param)=>{
                     paddingBottom: o ? 4 : 0
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    truncate: c,
+                    truncate: l,
                     as: "div",
                     regular: !0,
                     hyphens: "auto",
@@ -258,7 +260,7 @@ const jr = (param)=>{
                 })
             }),
             o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                truncate: x,
+                truncate: N,
                 as: "div",
                 regular: !0,
                 color: _skincontractcssmistica.vars.colors.textSecondary,
@@ -267,9 +269,9 @@ const jr = (param)=>{
             })
         ]
     });
-}, Ar = (param)=>{
-    let { button: t, footerImage: m, footerText: d, footerTextLinesMax: i, buttonLink: h } = param;
-    const e = !!t, s = !!m, l = !!d, a = !!h, c = e && (s || l) && a, o = a && !c ? "178px" : "";
+}, ke = (param)=>{
+    let { button: t, footerImage: s, footerText: r, footerTextLinesMax: i, buttonLink: m } = param;
+    const n = !!t, c = !!s, h = !!r, a = !!m, l = n && (c || h) && a, o = a && !l ? "178px" : "";
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -277,25 +279,25 @@ const jr = (param)=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[c ? "mobile" : "default"]),
+                className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[l ? "mobile" : "default"]),
                 children: [
-                    e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(_advanceddatacardcssmistica.marginRightButton, _advanceddatacardcssmistica.buttonMobile),
                         children: t
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, c ? _advanceddatacardcssmistica.marginRightAuto : _advanceddatacardcssmistica.withPaddingTop),
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, l ? _advanceddatacardcssmistica.marginRightAuto : _advanceddatacardcssmistica.withPaddingTop),
                         children: [
-                            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _advanceddatacardcssmistica.footerImage,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                     style: (0, _css.applyCssVars)({
                                         [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
                                     }),
-                                    children: m
+                                    children: s
                                 })
                             }),
-                            l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
                                     maxWidth: o
                                 },
@@ -303,21 +305,25 @@ const jr = (param)=>{
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     truncate: i,
                                     regular: !0,
-                                    children: d
+                                    children: r
                                 })
                             })
                         ]
                     }),
                     a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, c ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
-                        children: h
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, l ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
+                        children: m
                     })
                 ]
             })
         ]
     });
-}, Zr = /*#__PURE__*/ _react.forwardRef((_param, J)=>{
-    var { stackingGroup: t, headline: m, pretitle: d, pretitleAs: i, pretitleLinesMax: h, title: e, titleAs: s = "h3", titleLinesMax: l, subtitle: a, subtitleLinesMax: c, description: o, descriptionLinesMax: x, slot: f, slotDividerPadding: p = 24, noSlotDivider: _ = !1, button: T, footerImage: B, footerText: C, footerTextLinesMax: b, buttonLink: w, dataAttributes: k, actions: S, "aria-label": q, onClose: I } = _param, y = _object_without_properties(_param, [
+}, pr = /*#__PURE__*/ _react.forwardRef((_param, ae)=>{
+    var { selected: t, checkbox: s, switch: r, radioValue: i, stackingGroup: m, headline: n, pretitle: c, pretitleAs: h, pretitleLinesMax: a, title: l, titleAs: o = "h3", titleLinesMax: N, subtitle: g, subtitleLinesMax: y, description: T, descriptionLinesMax: k, slot: B, slotDividerPadding: L = 24, noSlotDivider: P = !1, button: I, footerImage: R, footerText: w, footerTextLinesMax: $, buttonLink: H, dataAttributes: ee, actions: D, "aria-label": re, onClose: F } = _param, C = _object_without_properties(_param, [
+        "selected",
+        "checkbox",
+        "switch",
+        "radioValue",
         "stackingGroup",
         "headline",
         "pretitle",
@@ -343,34 +349,100 @@ const jr = (param)=>{
         "aria-label",
         "onClose"
     ]);
-    const g = !!y.href || !!y.onPress || !!y.to, K = {
-        button: T,
-        footerImage: B,
-        footerText: C,
-        footerTextLinesMax: b,
-        buttonLink: w
-    }, R = !!T || !!B || !!C || !!w, H = !!(f === null || f === void 0 ? void 0 : f.length), M = ((S === null || S === void 0 ? void 0 : S.length) || 0) + (I ? 1 : 0), { text: D, ref: Q } = (0, _hooks.useInnerText)(), { text: F, ref: U } = (0, _hooks.useInnerText)(), j = q || ((0, _headings.isBiggerHeading)(s, i) ? [
-        e,
-        D,
-        d,
-        a,
-        o,
-        F
+    const { isChecked: j, toggleChecked: oe } = (0, _cardinternal.useControlState)(r || s), te = (0, _radiobutton.useRadioContext)(), u = !!r || !!s || i !== void 0, A = r || s ? j : i !== void 0 ? te.selectedValue === i : t, { isIos: ne } = (0, _hooks.useTheme)(), v = u || !!C.href || !!C.onPress || !!C.to, de = {
+        button: I,
+        footerImage: R,
+        footerText: w,
+        footerTextLinesMax: $,
+        buttonLink: H
+    }, O = !!I || !!R || !!w || !!H, W = !!(B === null || B === void 0 ? void 0 : B.length), se = u ? 1 : ((D === null || D === void 0 ? void 0 : D.length) || 0) + (F ? 1 : 0), { text: z, ref: ie } = (0, _hooks.useInnerText)(), { text: E, ref: ce } = (0, _hooks.useInnerText)(), S = re || ((0, _headings.isBiggerHeading)(o, h) ? [
+        l,
+        z,
+        c,
+        g,
+        T,
+        E
     ] : [
-        d,
-        D,
-        e,
-        a,
-        o,
-        F
-    ]).filter(Boolean).join(" ");
+        c,
+        z,
+        l,
+        g,
+        T,
+        E
+    ]).filter(Boolean).join(" "), G = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            v && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _advanceddatacardcssmistica.touchableCardHoverOverlay
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !O && !W ? _advanceddatacardcssmistica.minHeight : ""),
+                "aria-hidden": v && !u,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    paddingTop: 8,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
+                        space: 0,
+                        children: [
+                            /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                                space: 8,
+                                children: [
+                                    m,
+                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(Ze, {
+                                        headline: n,
+                                        headlineRef: ie,
+                                        pretitle: c,
+                                        pretitleAs: h,
+                                        pretitleLinesMax: a,
+                                        title: l,
+                                        titleAs: o,
+                                        titleLinesMax: N,
+                                        subtitle: g,
+                                        subtitleLinesMax: y,
+                                        description: T,
+                                        descriptionLinesMax: k
+                                    })
+                                ]
+                            }),
+                            !m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                style: (0, _css.applyCssVars)({
+                                    [_advanceddatacardcssmistica.vars.topActionsCount]: String(se)
+                                }),
+                                className: (0, _classnames.default)(_advanceddatacardcssmistica.topActionsWithoutIcon, r && _advanceddatacardcssmistica.switchSpace[ne ? "ios" : "default"])
+                            })
+                        ]
+                    })
+                })
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                style: {
+                    flexGrow: 1
+                }
+            }),
+            W && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _advanceddatacardcssmistica.slot,
+                ref: ce,
+                "aria-hidden": v && !u,
+                children: B.map((le, V)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                        children: [
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: _advanceddatacardcssmistica.paddingX,
+                                children: le
+                            }),
+                            V + 1 !== B.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                                paddingY: L,
+                                children: !P && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
+                            })
+                        ]
+                    }, V))
+            })
+        ]
+    });
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
-        className: _advanceddatacardcssmistica.container
+        className: (0, _classnames.default)(_advanceddatacardcssmistica.container, A && _cardinternalcssmistica.selectionOutline, A && _cardinternalcssmistica.selectionOutlineColor.default)
     }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
         testid: "AdvancedDataCard"
-    }, k))), {
-        ref: J,
-        "aria-label": g ? void 0 : j,
+    }, ee))), {
+        ref: ae,
+        "aria-label": v ? void 0 : S,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
                 className: _advanceddatacardcssmistica.dataCard,
@@ -378,83 +450,33 @@ const jr = (param)=>{
                 height: "100%",
                 minHeight: _advanceddatacardcssmistica.MIN_HEIGHT,
                 children: [
-                    /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.default, _object_spread_props(_object_spread({
+                    u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_cardinternal.CardWithControl, _object_spread_props(_object_spread({
                         maybe: !0
-                    }, y), {
-                        "aria-label": g ? j : void 0,
+                    }, s ? {
+                        checkbox: s
+                    } : r ? {
+                        switch: r
+                    } : {
+                        radioValue: i !== null && i !== void 0 ? i : ""
+                    }), {
+                        checked: j,
+                        onChange: oe,
+                        "aria-label": S,
+                        className: (0, _classnames.default)(_advanceddatacardcssmistica.touchable, _advanceddatacardcssmistica.selectionTouchable),
+                        children: G
+                    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, _object_spread_props(_object_spread({
+                        maybe: !0
+                    }, C), {
+                        "aria-label": v ? S : void 0,
                         className: _advanceddatacardcssmistica.touchable,
-                        children: [
-                            g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                className: _advanceddatacardcssmistica.touchableCardHoverOverlay
-                            }),
-                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !R && !H ? _advanceddatacardcssmistica.minHeight : ""),
-                                "aria-hidden": g,
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                    paddingTop: 8,
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
-                                        space: 0,
-                                        children: [
-                                            /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
-                                                space: 8,
-                                                children: [
-                                                    t,
-                                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(jr, {
-                                                        headline: m,
-                                                        headlineRef: Q,
-                                                        pretitle: d,
-                                                        pretitleAs: i,
-                                                        pretitleLinesMax: h,
-                                                        title: e,
-                                                        titleAs: s,
-                                                        titleLinesMax: l,
-                                                        subtitle: a,
-                                                        subtitleLinesMax: c,
-                                                        description: o,
-                                                        descriptionLinesMax: x
-                                                    })
-                                                ]
-                                            }),
-                                            !t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                                style: (0, _css.applyCssVars)({
-                                                    [_advanceddatacardcssmistica.vars.topActionsCount]: String(M)
-                                                }),
-                                                className: _advanceddatacardcssmistica.topActionsWithoutIcon
-                                            })
-                                        ]
-                                    })
-                                })
-                            }),
-                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                style: {
-                                    flexGrow: 1
-                                }
-                            }),
-                            H && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                className: _advanceddatacardcssmistica.slot,
-                                ref: U,
-                                "aria-hidden": g,
-                                children: f.map((Z, A)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                                        children: [
-                                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                                className: _advanceddatacardcssmistica.paddingX,
-                                                children: Z
-                                            }),
-                                            A + 1 !== f.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
-                                                paddingY: p,
-                                                children: !_ && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
-                                            })
-                                        ]
-                                    }, A))
-                            })
-                        ]
+                        children: G
                     })),
-                    R && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ar, _object_spread({}, K))
+                    O && /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, _object_spread({}, de))
                 ]
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_cardinternal.TopActions, {
-                actions: S,
-                onClose: I
+                actions: D,
+                onClose: F
             })
         ]
     }));

package/dist/community/ai-card.css-mistica.js

@@ -10,39 +10,39 @@ function _export(target, all) {
 }
 _export(exports, {
     get caret () {
-        return i;
+        return m;
     },
     get caretBlinking () {
         return f;
     },
     get caretHidden () {
-        return o;
+        return w;
     },
     get container () {
-        return a;
+        return n;
     },
     get containerInteractive () {
-        return p;
+        return a;
     },
     get ghost () {
-        return s;
+        return p;
     },
     get slot () {
-        return e;
+        return d;
     },
     get textLine () {
-        return d;
+        return t;
     },
     get textWrapper () {
-        return m;
+        return e;
     },
     get vars () {
-        return t;
+        return r;
     },
     get visibleContent () {
-        return w;
+        return s;
     }
 });
-/* empty css                                                */ /* empty css                                          */ /* empty css                                      */ /* empty css                                   */ var t = {
-    borderColorVar: "var(--v17_5_19dwsmp0)"
-}, a = "v17_5_19dwsmp2 v17_5_19dwsmp1 v17_5_1y2v1nfhm v17_5_1y2v1nfiv v17_5_1y2v1nfk4 v17_5_1y2v1nfld v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfs1", p = "v17_5_19dwsmp3", d = "v17_5_19dwsmp5 v17_5_19dwsmp4 v17_5_1y2v1nfre v17_5_1y2v1nfrt", e = "v17_5_19dwsmp7 v17_5_19dwsmp6 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn", m = "v17_5_19dwsmp8", s = "v17_5_19dwsmpa v17_5_19dwsmp9", w = "v17_5_19dwsmp9", i = "v17_5_19dwsmpc", o = "v17_5_19dwsmpd", f = "v17_5_19dwsmpe";
+/* empty css                                      */ /* empty css                                   */ var r = {
+    borderColorVar: "var(--v17_7_19dwsmp0)"
+}, n = "v17_7_19dwsmp2 v17_7_19dwsmp1 v17_7_1y2v1nfhm v17_7_1y2v1nfiv v17_7_1y2v1nfk4 v17_7_1y2v1nfld v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfs1", a = "v17_7_19dwsmp3", t = "v17_7_19dwsmp5 v17_7_19dwsmp4 v17_7_1y2v1nfre v17_7_1y2v1nfrt", d = "v17_7_19dwsmp7 v17_7_19dwsmp6 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn", e = "v17_7_19dwsmp8", p = "v17_7_19dwsmpa v17_7_19dwsmp9", s = "v17_7_19dwsmp9", m = "v17_7_19dwsmpc", w = "v17_7_19dwsmpd", f = "v17_7_19dwsmpe";

package/dist/community/ai-card.js

@@ -274,7 +274,7 @@ const K = [
                 className: _aicardcssmistica.textLine,
                 "aria-hidden": "true",
                 style: M,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
                     color: _skincontractcssmistica.vars.colors.textPrimary,
                     as: "span",

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

@@ -16,4 +16,4 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                      */ /* empty css                                  */ var _ = "v17_5_llrsen0 v17_5_1y2v1nfre v17_5_1y2v1nfrk", n = "v17_5_llrsen1";
+/* empty css                                      */ /* empty css                                  */ var _ = "v17_7_llrsen0 v17_7_1y2v1nfre v17_7_1y2v1nfrk", n = "v17_7_llrsen1";

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

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "example", {
         return e;
     }
 });
-/* empty css                                             */ var e = "v17_5_1xqw7a70";
+/* empty css                                             */ var e = "v17_7_1xqw7a70";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "example", {
     enumerable: true,
     get: function() {
-        return m;
+        return r;
     }
 });
-/* empty css                                             */ var m = "v17_5_jbmjs60";
+/* empty css                                                */ /* empty css                                             */ var r = "v17_7_jbmjs60";

package/dist/counter.css-mistica.js

@@ -43,4 +43,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var n = "v17_5_rijsns0", s = "v17_5_rijsns1", r = "v17_5_rijsns3 v17_5_rijsns2 v17_5_1y2v1nfu4 v17_5_1y2v1nf8z v17_5_1y2v1nfrf v17_5_1y2v1nfui", i = "v17_5_rijsns4", a = "v17_5_rijsns5 v17_5_1y2v1nfr8 v17_5_1y2v1nfre v17_5_1y2v1nfrn", t = "v17_5_rijsns6", f = "v17_5_rijsns8 v17_5_rijsns7 v17_5_1y2v1nfh6 v17_5_1y2v1nftw v17_5_1y2v1nfr9 v17_5_1y2v1nfsc v17_5_1y2v1nfss", y = "v17_5_rijsnsa v17_5_rijsns9 v17_5_1y2v1nfr9", j = "v17_5_rijsnsb v17_5_rijsnsa v17_5_rijsns9 v17_5_1y2v1nfr9", o = "v17_5_rijsnsc v17_5_rijsnsa v17_5_rijsns9 v17_5_1y2v1nfr9", e = "v17_5_rijsnse v17_5_rijsnsd v17_5_1y2v1nfsb v17_5_1y2v1nfsr v17_5_1y2v1nfr9 v17_5_1y2v1nfu4 v17_5_1y2v1nfes";
+/* empty css                                     */ /* empty css                                   */ var n = "v17_7_rijsns0", s = "v17_7_rijsns1", r = "v17_7_rijsns3 v17_7_rijsns2 v17_7_1y2v1nfu4 v17_7_1y2v1nf8z v17_7_1y2v1nfrf v17_7_1y2v1nfui", i = "v17_7_rijsns4", a = "v17_7_rijsns5 v17_7_1y2v1nfr8 v17_7_1y2v1nfre v17_7_1y2v1nfrn", t = "v17_7_rijsns6", f = "v17_7_rijsns8 v17_7_rijsns7 v17_7_1y2v1nfh6 v17_7_1y2v1nftw v17_7_1y2v1nfr9 v17_7_1y2v1nfsc v17_7_1y2v1nfss", y = "v17_7_rijsnsa v17_7_rijsns9 v17_7_1y2v1nfr9", j = "v17_7_rijsnsb v17_7_rijsnsa v17_7_rijsns9 v17_7_1y2v1nfr9", o = "v17_7_rijsnsc v17_7_rijsnsa v17_7_rijsns9 v17_7_1y2v1nfr9", e = "v17_7_rijsnse v17_7_rijsnsd v17_7_1y2v1nfsb v17_7_1y2v1nfsr v17_7_1y2v1nfr9 v17_7_1y2v1nfu4 v17_7_1y2v1nfes";

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

@@ -50,5 +50,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                             */ /* empty css                                    */ /* empty css                                      */ var r = {
-    aspectRatio: "var(--v17_5_moeazi0)"
-}, o = "v17_5_moeazi2 v17_5_moeazi1 v17_5_1y2v1nfr8 v17_5_1y2v1nfre v17_5_1y2v1nfrk v17_5_1y2v1nfrn v17_5_1y2v1nfs1 v17_5_1y2v1nfuo v17_5_1y2v1nfvx", i = "v17_5_moeazi4 v17_5_moeazi3 v17_5_1y2v1nfr8 v17_5_1y2v1nfre v17_5_1y2v1nfs1", n = "v17_5_moeazi5", m = "v17_5_moeazi6", f = "v17_5_moeazi7", y = "v17_5_moeazi9 v17_5_moeazi8 v17_5_1y2v1nfrt", t = "v17_5_moeazia v17_5_1y2v1nfr9 v17_5_1y2v1nfwc v17_5_1y2v1nfs1 v17_5_1y2v1nfsi", z = "v17_5_moeazic v17_5_moeazib v17_5_1y2v1nfr9 v17_5_1y2v1nfuo v17_5_1y2v1nfv3 v17_5_1y2v1nfs1 v17_5_1y2v1nfsi", s = "v17_5_moeazid v17_5_1y2v1nfr8", c = "v17_5_moeazie", p = "v17_5_moeazif v17_5_1y2v1nfr8", d = "v17_5_moeazig v17_5_1y2v1nfre v17_5_1y2v1nfrk";
+    aspectRatio: "var(--v17_7_moeazi0)"
+}, o = "v17_7_moeazi2 v17_7_moeazi1 v17_7_1y2v1nfr8 v17_7_1y2v1nfre v17_7_1y2v1nfrk v17_7_1y2v1nfrn v17_7_1y2v1nfs1 v17_7_1y2v1nfuo v17_7_1y2v1nfvx", i = "v17_7_moeazi4 v17_7_moeazi3 v17_7_1y2v1nfr8 v17_7_1y2v1nfre v17_7_1y2v1nfs1", n = "v17_7_moeazi5", m = "v17_7_moeazi6", f = "v17_7_moeazi7", y = "v17_7_moeazi9 v17_7_moeazi8 v17_7_1y2v1nfrt", t = "v17_7_moeazia v17_7_1y2v1nfr9 v17_7_1y2v1nfwc v17_7_1y2v1nfs1 v17_7_1y2v1nfsi", z = "v17_7_moeazic v17_7_moeazib v17_7_1y2v1nfr9 v17_7_1y2v1nfuo v17_7_1y2v1nfv3 v17_7_1y2v1nfs1 v17_7_1y2v1nfsi", s = "v17_7_moeazid v17_7_1y2v1nfr8", c = "v17_7_moeazie", p = "v17_7_moeazif v17_7_1y2v1nfr8", d = "v17_7_moeazig v17_7_1y2v1nfre v17_7_1y2v1nfrk";

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

@@ -22,7 +22,7 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                                    */ var y = "v17_5_yvyo3q0", o = "v17_5_yvyo3q4 v17_5_yvyo3q2 v17_5_yvyo3q1 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfsi v17_5_yvyo3q3 v17_5_1y2v1nfr9", r = "v17_5_yvyo3q5 v17_5_yvyo3q2 v17_5_yvyo3q1 v17_5_1y2v1nfre v17_5_1y2v1nfrt v17_5_1y2v1nfrn v17_5_1y2v1nfsi", f = {
-    default: "v17_5_yvyo3qa v17_5_yvyo3q7 v17_5_yvyo3q6 v17_5_1y2v1nfr8 v17_5_yvyo3q8",
-    backface: "v17_5_yvyo3qb v17_5_yvyo3q7 v17_5_yvyo3q6 v17_5_1y2v1nfr8 v17_5_yvyo3q9"
+/* empty css                                     */ /* empty css                                                    */ var y = "v17_7_yvyo3q0", o = "v17_7_yvyo3q4 v17_7_yvyo3q2 v17_7_yvyo3q1 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfsi v17_7_yvyo3q3 v17_7_1y2v1nfr9", r = "v17_7_yvyo3q5 v17_7_yvyo3q2 v17_7_yvyo3q1 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfsi", f = {
+    default: "v17_7_yvyo3qa v17_7_yvyo3q7 v17_7_yvyo3q6 v17_7_1y2v1nfr8 v17_7_yvyo3q8",
+    backface: "v17_7_yvyo3qb v17_7_yvyo3q7 v17_7_yvyo3q6 v17_7_1y2v1nfr8 v17_7_yvyo3q9"
 };

package/dist/date-field.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "iconContainer", {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v17_5_1pntndu0";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v17_7_1pntndu0";

package/dist/date-time-picker.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "reactDatePicker", {
         return e;
     }
 });
-/* empty css                                            */ var e = "v17_5_c0yqjy0";
+/* empty css                                            */ var e = "v17_7_c0yqjy0";

package/dist/dialog.css-mistica.js

@@ -43,7 +43,7 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v17_5_3dl29l3 v17_5_3dl29l2 v17_5_1y2v1nfr8", y = "v17_5_3dl29l5 v17_5_3dl29l4 v17_5_1y2v1nfra v17_5_1y2v1nfre v17_5_1y2v1nfrn v17_5_1y2v1nfrt v17_5_1y2v1nfrk v17_5_1y2v1nfuo v17_5_1y2v1nfvi v17_5_1y2v1nfvx v17_5_1y2v1nfv3 v17_5_1y2v1nf9c", f = "v17_5_3dl29l6", d = "v17_5_3dl29l8 v17_5_3dl29l7 v17_5_1y2v1nfhm v17_5_1y2v1nfiv v17_5_1y2v1nfk4 v17_5_1y2v1nfld v17_5_1y2v1nfr9 v17_5_1y2v1nfuo v17_5_1y2v1nfvi", r = "v17_5_3dl29la v17_5_3dl29l9 v17_5_1y2v1nf8l v17_5_1y2v1nfu6", a = "v17_5_3dl29lb", o = {
-    dialog: "v17_5_3dl29lg v17_5_3dl29ld v17_5_3dl29lc v17_5_1y2v1nfre v17_5_1y2v1nfrk v17_5_1y2v1nfrq v17_5_3dl29le v17_5_1y2v1nfka v17_5_1y2v1nflj v17_5_1y2v1nfhy v17_5_1y2v1nfj1",
-    default: "v17_5_3dl29lh v17_5_3dl29ld v17_5_3dl29lc v17_5_1y2v1nfre v17_5_1y2v1nfrk v17_5_1y2v1nfrq v17_5_3dl29lf v17_5_1y2v1nfhs v17_5_1y2v1nfj1 v17_5_1y2v1nfka v17_5_1y2v1nflj"
-}, t = "v17_5_3dl29lj v17_5_3dl29li v17_5_1y2v1nfs0 v17_5_1y2v1nfte", e = "v17_5_3dl29ll v17_5_3dl29lk v17_5_1y2v1nfhs", i = "v17_5_3dl29lm";
+/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v17_7_3dl29l3 v17_7_3dl29l2 v17_7_1y2v1nfr8", y = "v17_7_3dl29l5 v17_7_3dl29l4 v17_7_1y2v1nfra v17_7_1y2v1nfre v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrk v17_7_1y2v1nfuo v17_7_1y2v1nfvi v17_7_1y2v1nfvx v17_7_1y2v1nfv3 v17_7_1y2v1nf9c", f = "v17_7_3dl29l6", d = "v17_7_3dl29l8 v17_7_3dl29l7 v17_7_1y2v1nfhm v17_7_1y2v1nfiv v17_7_1y2v1nfk4 v17_7_1y2v1nfld v17_7_1y2v1nfr9 v17_7_1y2v1nfuo v17_7_1y2v1nfvi", r = "v17_7_3dl29la v17_7_3dl29l9 v17_7_1y2v1nf8l v17_7_1y2v1nfu6", a = "v17_7_3dl29lb", o = {
+    dialog: "v17_7_3dl29lg v17_7_3dl29ld v17_7_3dl29lc v17_7_1y2v1nfre v17_7_1y2v1nfrk v17_7_1y2v1nfrq v17_7_3dl29le v17_7_1y2v1nfka v17_7_1y2v1nflj v17_7_1y2v1nfhy v17_7_1y2v1nfj1",
+    default: "v17_7_3dl29lh v17_7_3dl29ld v17_7_3dl29lc v17_7_1y2v1nfre v17_7_1y2v1nfrk v17_7_1y2v1nfrq v17_7_3dl29lf v17_7_1y2v1nfhs v17_7_1y2v1nfj1 v17_7_1y2v1nfka v17_7_1y2v1nflj"
+}, t = "v17_7_3dl29lj v17_7_3dl29li v17_7_1y2v1nfs0 v17_7_1y2v1nfte", e = "v17_7_3dl29ll v17_7_3dl29lk v17_7_1y2v1nfhs", i = "v17_7_3dl29lm";