@telefonica/mistica 14.22.2 → 14.23.1

package/dist/sprinkles.css.d.ts

@@ -2,6 +2,7 @@ import { vars } from './skins/skin-contract.css';
 type ColorKeys = keyof typeof vars.colors;
 type ColorValues = (typeof vars.colors)[ColorKeys];
 export declare const sprinkles: ((props: {
+    readonly isolation?: "isolate" | undefined;
     readonly position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
     readonly display?: "flex" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
@@ -66,7 +67,7 @@ export declare const sprinkles: ((props: {
     color?: ColorValues | "transparent" | "inherit" | undefined;
     background?: `var(--${string})` | "transparent" | "inherit" | undefined;
 }) => string) & {
-    properties: Set<"background" | "border" | "alignItems" | "bottom" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "height" | "justifyContent" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "width" | "borderRadius" | "flex" | "overflow" | "padding" | "paddingX" | "paddingY">;
+    properties: Set<"background" | "border" | "alignItems" | "bottom" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "height" | "isolation" | "justifyContent" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "width" | "borderRadius" | "flex" | "overflow" | "padding" | "paddingX" | "paddingY">;
 };
 export type Sprinkles = Parameters<typeof sprinkles>[0];
 export {};

package/dist/stacking-group.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "moreItems", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stacking-group.css.ts.vanilla.css-mistica.js");
-var n = "_1y38nye1 _1y2v1nfb5 _1y2v1nfaz _1y2v1nfbe _1y2v1nfbk";
+var n = "_1y38nye1 _1y2v1nfb6 _1y2v1nfb0 _1y2v1nfbf _1y2v1nfbl";

package/dist/stepper.css-mistica.js

@@ -19,25 +19,25 @@ _export(exports, {
         return e;
     },
     barFilledReverseAnimation: function() {
-        return a;
+        return f;
     },
     currentNumber: function() {
-        return f;
+        return a;
     },
     iconAnimation: function() {
-        return y;
+        return b;
     },
     number: function() {
-        return b;
+        return y;
     },
     step: function() {
         return m;
     },
     stepIconNumber: function() {
-        return i;
+        return t;
     },
     stepper: function() {
-        return t;
+        return i;
     },
     textContainer: function() {
         return h;
@@ -48,6 +48,6 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stepper.css.ts.vanilla.css-mistica.js");
-var _ = "_14h93mqk _1y2v1nfcc _1y2v1nfbs _1y2v1nfe2 _1y2v1nfe5", r = "_14h93mqm _1y2v1nfcc _1y2v1nfbs _1y2v1nfe2 _1y2v1nfe5", e = "_14h93mqn", a = "_14h93mqp _1y2v1nfbu", f = "_14h93mqf", y = "_14h93mqc", b = "_14h93mqe _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfdo", m = "_14h93mq9 _1y2v1nfaz _1y2v1nfb6 _1y2v1nfbb _1y2v1nfbk", i = "_14h93mqb _1y2v1nfaz _1y2v1nfb5", t = "_14h93mq7 _1y2v1nfb5 _1y2v1nfdc", h = "_14h93mqh _1y2v1nfb0", q = {
+var _ = "_14h93mqk _1y2v1nfcd _1y2v1nfbt _1y2v1nfe3 _1y2v1nfe6", r = "_14h93mqm _1y2v1nfcd _1y2v1nfbt _1y2v1nfe3 _1y2v1nfe6", e = "_14h93mqn", f = "_14h93mqp _1y2v1nfbv", a = "_14h93mqf", b = "_14h93mqc", y = "_14h93mqe _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", m = "_14h93mq9 _1y2v1nfb0 _1y2v1nfb7 _1y2v1nfbc _1y2v1nfbl", t = "_14h93mqb _1y2v1nfb0 _1y2v1nfb6", i = "_14h93mq7 _1y2v1nfb6 _1y2v1nfdd", h = "_14h93mqh _1y2v1nfb1", q = {
     stepperMinHeight: "var(--_14h93mq0)"
 };

package/dist/switch-component.css-mistica.js

@@ -13,13 +13,13 @@ _export(exports, {
         return n;
     },
     barVariants: function() {
-        return f;
+        return p;
     },
     checkboxVariants: function() {
-        return v;
+        return f;
     },
     container: function() {
-        return p;
+        return v;
     },
     containerDisabled: function() {
         return q;
@@ -37,21 +37,21 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./switch-component.css.ts.vanilla.css-mistica.js");
 var n = {
-    default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
-    ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
-    checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo",
-    checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb0 _1y2v1nffk _1y2v1nfb7 _1y2v1nfdo"
+    default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb1 _1y2v1nffl _1y2v1nfb8 _1y2v1nfdp",
+    ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb1 _1y2v1nffl _1y2v1nfb8 _1y2v1nfdp",
+    checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb1 _1y2v1nffl _1y2v1nfb8 _1y2v1nfdp",
+    checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb1 _1y2v1nffl _1y2v1nfb8 _1y2v1nfdp"
+}, p = {
+    default: "q0hp3ai q0hp3ah _1y2v1nfb8",
+    ios: "q0hp3aj q0hp3ah _1y2v1nfb8",
+    checked: "q0hp3ak q0hp3ah _1y2v1nfb8",
+    checkedIos: "q0hp3al q0hp3ah _1y2v1nfb8"
 }, f = {
-    default: "q0hp3ai q0hp3ah _1y2v1nfb7",
-    ios: "q0hp3aj q0hp3ah _1y2v1nfb7",
-    checked: "q0hp3ak q0hp3ah _1y2v1nfb7",
-    checkedIos: "q0hp3al q0hp3ah _1y2v1nfb7"
-}, v = {
-    default: "q0hp3a6 _1y2v1nfb9 _1y2v1nfe4",
-    ios: "q0hp3a7 _1y2v1nfb9 _1y2v1nfe4",
-    disabled: "q0hp3a8 _1y2v1nfb9 _1y2v1nfe4",
-    disabledIos: "q0hp3a9 _1y2v1nfb9 _1y2v1nfe4"
-}, p = "q0hp3an q0hp3am", q = "q0hp3ao q0hp3am", y = "q0hp3ap", _ = {
-    default: "q0hp3ac q0hp3ab _1y2v1nfaz",
-    ios: "q0hp3ad q0hp3ab _1y2v1nfaz"
-}, b = "q0hp3af _1y2v1nfb7 _1y2v1nfe5";
+    default: "q0hp3a6 _1y2v1nfba _1y2v1nfe5",
+    ios: "q0hp3a7 _1y2v1nfba _1y2v1nfe5",
+    disabled: "q0hp3a8 _1y2v1nfba _1y2v1nfe5",
+    disabledIos: "q0hp3a9 _1y2v1nfba _1y2v1nfe5"
+}, v = "q0hp3an q0hp3am", q = "q0hp3ao q0hp3am", y = "q0hp3ap", _ = {
+    default: "q0hp3ac q0hp3ab _1y2v1nfb0",
+    ios: "q0hp3ad q0hp3ab _1y2v1nfb0"
+}, b = "q0hp3af _1y2v1nfb8 _1y2v1nfe6";

package/dist/tabs.css-mistica.js

@@ -28,19 +28,19 @@ _export(exports, {
         return o;
     },
     tabVariants: function() {
-        return r;
+        return t;
     },
     tabsContainer: function() {
-        return t;
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tabs.css.ts.vanilla.css-mistica.js");
-var v = "_1y2v1nfb4 _1y2v1nfb0 _1y2v1nfeq _1y2v1nffk _1y2v1nfcb _1y2v1nf45", y = "lgofm1g", _ = "lgofm13", a = "lgofm12 _1y2v1nfdg _1y2v1nfbs _1y2v1nfaz", e = "lgofm10", o = {
+var v = "_1y2v1nfb5 _1y2v1nfb1 _1y2v1nfer _1y2v1nffl _1y2v1nfcc _1y2v1nf45", y = "lgofm1g", _ = "lgofm13", a = "lgofm12 _1y2v1nfdh _1y2v1nfbt _1y2v1nfb0", e = "lgofm10", o = {
     noSelected: "_1y2v1nf1y",
     selected: "_1y2v1nf1w lgofm1b",
     selectedAnimating: "_1y2v1nf1w lgofm1c"
-}, r = {
-    default: "lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbn _1y2v1nfbk _1y2v1nfbe _1y2v1nfd4 _1y2v1nfdg _1y2v1nf5y",
-    fullWidth: "lgofm18 lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbn _1y2v1nfbk _1y2v1nfbe _1y2v1nfd4 _1y2v1nfdg _1y2v1nf5y"
-}, t = "_1y2v1nfdg _1y2v1nfbs _1y2v1nfb5";
+}, t = {
+    default: "lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb7 _1y2v1nfbo _1y2v1nfbl _1y2v1nfbf _1y2v1nfd5 _1y2v1nfdh _1y2v1nf5y",
+    fullWidth: "lgofm18 lgofm16 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb7 _1y2v1nfbo _1y2v1nfbl _1y2v1nfbf _1y2v1nfd5 _1y2v1nfdh _1y2v1nf5y"
+}, r = "_1y2v1nfdh _1y2v1nfbt _1y2v1nfb6";

package/dist/tag.css-mistica.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "tag", {
     enumerable: true,
     get: function() {
-        return _;
+        return y;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tag.css.ts.vanilla.css-mistica.js");
-var _ = "_1wy08671 _1y2v1nf65 _1y2v1nf7e _1y2v1nfb6 _1y2v1nfba _1y2v1nfbk _1y2v1nfbe _1y2v1nfd1 _1y2v1nfa2";
+var y = "_1wy08671 _1y2v1nf65 _1y2v1nf7e _1y2v1nfb7 _1y2v1nfbb _1y2v1nfbl _1y2v1nfbf _1y2v1nfd2 _1y2v1nfa2";

package/dist/text-field-base.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     endIcon: function() {
-        return y;
+        return n;
     },
     fullWidth: function() {
         return t;
@@ -40,10 +40,10 @@ _export(exports, {
         return b;
     },
     prefixWithoutLabel: function() {
-        return o;
+        return l;
     },
     startIcon: function() {
-        return l;
+        return o;
     },
     suggestionsContainer: function() {
         return u;
@@ -60,4 +60,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
-var y = "rhey4tf _1y2v1nf8q _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbk", t = "rhey4t4", e = "rhey4ta _1y2v1nfaz _1y2v1nfc9 rhey4t1 _1y2v1nfdn _1y2v1nfcq _1y2v1nf1w _1y2v1nfbs", r = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6e _1y2v1nf7n", a = "rhey4to _1y2v1nfck _1y2v1nfb5 _1y2v1nfbk _1y2v1nfe4", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf8t _1y2v1nfa5", b = "rhey4tl _1y2v1nf7h", o = "_1y2v1nf6e _1y2v1nf7n", l = "rhey4th _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfc9 _1y2v1nfb0", u = "rhey4tr _1y2v1nfb0", p = "rhey4t6 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q rhey4t1 _1y2v1nfdn _1y2v1nfcq _1y2v1nf1w _1y2v1nfbs", c = "rhey4t7", x = "rhey4t8";
+var n = "rhey4tf _1y2v1nf8q _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbl", t = "rhey4t4", e = "rhey4ta _1y2v1nfb0 _1y2v1nfca rhey4t1 _1y2v1nfdo _1y2v1nfcr _1y2v1nf1w _1y2v1nfbt", r = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6e _1y2v1nf7n", a = "rhey4to _1y2v1nfcl _1y2v1nfb6 _1y2v1nfbl _1y2v1nfe5", h = "_1y2v1nf3e", i = "rhey4tj _1y2v1nf8t _1y2v1nfa5", b = "rhey4tl _1y2v1nf7h", l = "_1y2v1nf6e _1y2v1nf7n", o = "rhey4th _1y2v1nf8t _1y2v1nfa2 _1y2v1nfb6 _1y2v1nfbl _1y2v1nfca _1y2v1nfb1", u = "rhey4tr _1y2v1nfb1", p = "rhey4t6 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q rhey4t1 _1y2v1nfdo _1y2v1nfcr _1y2v1nf1w _1y2v1nfbt", c = "rhey4t7", x = "rhey4t8";

package/dist/text-field-components.css-mistica.js

@@ -16,25 +16,25 @@ _export(exports, {
         return n;
     },
     LABEL_SCALE_DESKTOP: function() {
-        return a;
+        return e;
     },
     LABEL_SCALE_MOBILE: function() {
-        return e;
+        return f;
     },
     disabled: function() {
-        return f;
+        return a;
     },
     field: function() {
         return y;
     },
     fieldContainer: function() {
-        return l;
+        return i;
     },
     fieldMulti: function() {
-        return i;
+        return t;
     },
     fieldSingle: function() {
-        return t;
+        return l;
     },
     fullWidth: function() {
         return b;
@@ -66,4 +66,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
-var _ = 328, n = 12, a = 0.78, e = 0.75, f = "_15k6ur97", y = "_1y2v1nfe5 _1y2v1nfdm _1y2v1nfb5 _1y2v1nfdv _1y2v1nfaz", l = "_15k6ur96 _1y2v1nfb5 _1y2v1nfbb", i = "_15k6ur9e", t = "_15k6ur9d _1y2v1nfcl", b = "_1y2v1nfbs", u = "_1y2v1nf8t _1y2v1nfa5 _1y2v1nfb5", d = "_15k6ur9g", k = "_15k6ur91 _1y2v1nfb0 _1y2v1nfeb _1y2v1nfch _1y2v1nfb5 _1y2v1nfba _1y2v1nfeu", L = "_15k6ur93 _1y2v1nfe5 _1y2v1nfbo", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbs", h = "_15k6ur9i", o = "_15k6ur94";
+var _ = 328, n = 12, e = 0.78, f = 0.75, a = "_15k6ur97", y = "_1y2v1nfe6 _1y2v1nfdn _1y2v1nfb6 _1y2v1nfdw _1y2v1nfb0", i = "_15k6ur96 _1y2v1nfb6 _1y2v1nfbc", t = "_15k6ur9e", l = "_15k6ur9d _1y2v1nfcm", b = "_1y2v1nfbt", u = "_1y2v1nf8t _1y2v1nfa5 _1y2v1nfb6", d = "_15k6ur9g", k = "_15k6ur91 _1y2v1nfb1 _1y2v1nfec _1y2v1nfci _1y2v1nfb6 _1y2v1nfbb _1y2v1nfev", L = "_15k6ur93 _1y2v1nfe6 _1y2v1nfbp", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbt", h = "_15k6ur9i", o = "_15k6ur94";

package/dist/text-link.css-mistica.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
 var v = {
-    default: "_1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf27",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf28",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfbt _1y2v1nfb8 _1y2v1nfe4 _1y2v1nf27"
+    default: "_1m1n0pr1 _1y2v1nfbu _1y2v1nfb9 _1y2v1nfe5 _1y2v1nf27",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfbu _1y2v1nfb9 _1y2v1nfe5 _1y2v1nf28",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfbu _1y2v1nfb9 _1y2v1nfe5 _1y2v1nf27"
 };

package/dist/title.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
-type TitleProps = {
+export type TitleProps = {
     children: React.ReactNode;
     id?: string;
     right?: React.ReactNode;
@@ -11,4 +11,3 @@ type TitleProps = {
 export declare const Title1: ({ children, as, id, right, dataAttributes }: TitleProps) => React.ReactElement;
 export declare const Title2: ({ children, as, id, right, dataAttributes }: TitleProps) => React.ReactElement;
 export declare const Title3: ({ children, as, id, right, dataAttributes }: TitleProps) => React.ReactElement;
-export {};

package/dist/title.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     Title1: function() {
-        return H;
+        return P;
     },
     Title2: function() {
-        return L;
+        return A;
     },
     Title3: function() {
-        return A;
+        return S;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -25,6 +25,7 @@ const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _hooks = require("./hooks.js");
+const _dom = require("./utils/dom.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -97,68 +98,94 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 const m = (param)=>{
-    let { title: e , right: t , dataAttributes: o  } = param;
+    let { title: t , right: i , dataAttributes: o  } = param;
     const { textPresets: r  } = (0, _hooks.useTheme)();
-    return t ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
+    return i ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
         space: "between",
         alignItems: "baseline",
         dataAttributes: o,
         children: [
-            e,
+            t,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     weight: r.link.weight,
-                    children: t
+                    children: i
                 })
             })
         ]
-    }) : e;
-}, H = (param)=>{
-    let { children: e , as: t = "h3" , id: o , right: r , dataAttributes: s  } = param;
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(o)), {
+        children: t
+    }));
+}, P = (param)=>{
+    let { children: t , as: i = "h3" , id: o , right: r , dataAttributes: s  } = param;
     const { textPresets: n  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
             color: _skincontractcssmistica.vars.colors.textSecondary,
             transform: "uppercase",
             weight: n.title1.weight,
-            as: t,
+            as: i,
             id: o,
             wordBreak: !1,
-            children: e
+            children: t
         }),
         right: r,
         dataAttributes: _object_spread({
             "component-name": "Title1"
         }, s)
     });
-}, L = (param)=>{
-    let { children: e , as: t = "h3" , id: o , right: r , dataAttributes: s  } = param;
+}, A = (param)=>{
+    let { children: t , as: i = "h3" , id: o , right: r , dataAttributes: s  } = param;
     const { textPresets: n  } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.default, {
-            as: t,
+            as: i,
             id: o,
             mobileSize: n.title2.size.mobile,
             desktopSize: n.title2.size.desktop,
             weight: n.title2.weight,
             mobileLineHeight: n.title2.lineHeight.mobile,
             desktopLineHeight: n.title2.lineHeight.desktop,
-            children: e
+            children: t
         }),
         right: r,
         dataAttributes: _object_spread({
             "component-name": "Title2"
         }, s)
     });
-}, A = (param)=>/* @__PURE__ */ {
-    let { children: e , as: t = "h3" , id: o , right: r , dataAttributes: s  } = param;
+}, S = (param)=>/* @__PURE__ */ {
+    let { children: t , as: i = "h3" , id: o , right: r , dataAttributes: s  } = param;
     return (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
-            as: t,
+            as: i,
             id: o,
-            children: e
+            children: t
         }),
         right: r,
         dataAttributes: _object_spread({

package/dist/tooltip.css-mistica.js

@@ -16,13 +16,13 @@ _export(exports, {
         return t;
     },
     arrowLeft: function() {
-        return _;
+        return n;
     },
     arrowRight: function() {
-        return e;
+        return _;
     },
     arrowTop: function() {
-        return n;
+        return e;
     },
     arrowWrapper: function() {
         return f;
@@ -40,22 +40,22 @@ _export(exports, {
         return x;
     },
     exit: function() {
-        return y;
+        return h;
     },
     exitActive: function() {
-        return h;
+        return y;
     },
     fadeInBottomKeyframes: function() {
-        return m;
+        return i;
     },
     fadeInTopKeyframes: function() {
-        return i;
+        return m;
     },
     fadeInXKeyframes: function() {
-        return d;
+        return w;
     },
     textAlign: function() {
-        return w;
+        return d;
     },
     vars: function() {
         return c;
@@ -66,11 +66,11 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var v = "_1xhatbpb _1y2v1nfb0 _1y2v1nfeb _1y2v1nfby _1y2v1nfce _1y2v1nfdp _1y2v1nf31 _1y2v1nfdm", t = "_1xhatbpe", _ = "_1xhatbpf", e = "_1xhatbpd", n = "_1xhatbpc", f = "_1y2v1nfb0 _1y2v1nfc1 _1y2v1nfce _1y2v1nfe5 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb0 _1y2v1nfev _1y2v1nfbt _1y2v1nfdy _1y2v1nfdm", b = "_1xhatbpl", o = "_1xhatbpm", x = "_1xhatbpn", y = "_1xhatbpo", h = "_1xhatbpp", m = "_1xhatbp6", i = "_1xhatbp7", d = "_1xhatbp8", w = "_1xhatbpk", c = {
+var v = "_1xhatbpb _1y2v1nfb1 _1y2v1nfec _1y2v1nfbz _1y2v1nfcf _1y2v1nfdq _1y2v1nf31 _1y2v1nfdn", t = "_1xhatbpe", n = "_1xhatbpf", _ = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nfb1 _1y2v1nfc2 _1y2v1nfcf _1y2v1nfe6 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb1 _1y2v1nfew _1y2v1nfbu _1y2v1nfdz _1y2v1nfdn", b = "_1xhatbpl", o = "_1xhatbpm", x = "_1xhatbpn", h = "_1xhatbpo", y = "_1xhatbpp", i = "_1xhatbp6", m = "_1xhatbp7", w = "_1xhatbp8", d = "_1xhatbpk", c = {
     shadowAlpha: "var(--_1xhatbp0)",
     enterTransform: "var(--_1xhatbp1)",
     enterDoneTransform: "var(--_1xhatbp2)",
     exitTransform: "var(--_1xhatbp3)",
     enterActiveAnimationName: "var(--_1xhatbp4)",
     arrowBoxShadow: "var(--_1xhatbp5)"
-}, s = "_1y2v1nfb9";
+}, s = "_1y2v1nfba";

package/dist/touchable.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     base: function() {
-        return y;
+        return n;
     },
     notTouchable: function() {
         return f;
@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./touchable.css.ts.vanilla.css-mistica.js");
-var y = "mhti6u1 _1y2v1nfe4", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfe4 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb7 _1y2v1nfdn _1y2v1nfbs _1y2v1nf2y _1y2v1nf5y _1y2v1nfe6";
+var n = "mhti6u1 _1y2v1nfe5", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfe5 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb8 _1y2v1nfdo _1y2v1nfbt _1y2v1nf2y _1y2v1nf5y _1y2v1nfe7";

package/dist/utils/aspect-ratio-support.css-mistica.js

@@ -24,6 +24,6 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
-var a = "yqswj62", n = "_1y2v1nfbs _1y2v1nfc9 _1y2v1nfeb _1y2v1nfeq", y = {
+var a = "yqswj62", n = "_1y2v1nfbt _1y2v1nfca _1y2v1nfec _1y2v1nfer", y = {
     aspectRatio: "var(--yqswj60)"
-}, e = "_1y2v1nfe5 _1y2v1nfdk _1y2v1nfdl _1y2v1nfaz";
+}, e = "_1y2v1nfe6 _1y2v1nfdl _1y2v1nfdm _1y2v1nfb0";

package/dist/utils/helpers.d.ts

@@ -1,9 +1,22 @@
+/** These functions are copies of the ones located in webapp packages */
 type Debounced<T> = T & {
     cancel: () => void;
+    flush: () => void;
 };
+/**
+ * Creates a debounced function that delays invoking func until after wait milliseconds
+ * have elapsed since the last time the debounced function was invoked. The debounced function
+ * comes with a cancel method to cancel delayed func invocations and a flush method to immediately
+ * invoke them. The func is invoked with the last arguments provided to the debounced function.
+ * Subsequent calls to the debounced function return the result of the last func invocation.
+ */
 export declare const debounce: <T extends (...args: Array<any>) => any>(func: T, wait: number, options?: {
-    leading?: boolean;
-    maxWait?: number;
+    leading?: boolean | undefined;
+    trailing?: boolean | undefined;
+    maxWait?: number | undefined;
 }) => Debounced<T>;
+/**
+ * Performs a deep comparison between two values to determine if they are equivalent.
+ */
 export declare const isEqual: (a: unknown, b: unknown) => boolean;
 export {};

package/dist/utils/helpers.js

@@ -10,37 +10,46 @@ function _export(target, all) {
 }
 _export(exports, {
     debounce: function() {
-        return c;
+        return p;
     },
     isEqual: function() {
-        return a;
+        return x;
     }
 });
-const c = function(e, t) {
-    let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-    let i, r, f, o = !0;
-    const s = function() {
-        for(var _len = arguments.length, u = new Array(_len), _key = 0; _key < _len; _key++){
-            u[_key] = arguments[_key];
+const p = function(e, n) {
+    let r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    var _r_leading, _r_trailing;
+    const a = n, c = (_r_leading = r.leading) !== null && _r_leading !== void 0 ? _r_leading : !1, g = (_r_trailing = r.trailing) !== null && _r_trailing !== void 0 ? _r_trailing : !0, l = r.maxWait !== void 0 ? Math.max(r.maxWait, a) : void 0;
+    let o, d = 0, s = -1, f, i;
+    const y = (t)=>(d = t, o && (f = e(...o)), o = void 0, f), T = (t)=>{
+        const u = t - s, m = t - d;
+        return s < 0 || u >= n || u < 0 || l !== void 0 && m >= l;
+    }, I = (t)=>{
+        const u = t - s, m = t - d, h = n - u;
+        return l !== void 0 ? Math.min(h, l - m) : h;
+    }, k = (t)=>(i = void 0, g && o ? y(t) : (o = void 0, f)), v = ()=>{
+        const t = Date.now();
+        if (T(t)) return k(t);
+        i = setTimeout(v, I(t));
+    }, W = (t)=>(d = t, i = setTimeout(v, a), c ? y(t) : f), A = function() {
+        for(var _len = arguments.length, t = new Array(_len), _key = 0; _key < _len; _key++){
+            t[_key] = arguments[_key];
         }
-        if (i && clearTimeout(i), o && n.leading) {
-            o = !1, e(...u);
-            return;
+        const u = Date.now(), m = T(u);
+        if (o = t, s = u, m) {
+            if (i === void 0) return W(s);
+            if (l !== void 0) return i = setTimeout(v, a), y(s);
         }
-        f = u, !r && n.maxWait && (r = setTimeout(()=>{
-            e(...f), r = void 0, clearTimeout(i);
-        }, n.maxWait)), i = setTimeout(()=>{
-            e(...u), r && clearTimeout(r), i = void 0, r = void 0;
-        }, t);
+        return i === void 0 && (i = setTimeout(v, a)), f;
     };
-    return s.cancel = ()=>{
-        i && (clearTimeout(i), i = void 0), r && (clearTimeout(r), r = void 0);
-    }, s;
-}, l = (e)=>e === null ? !0 : !(typeof e == "object" || typeof e == "function"), a = (e, t)=>{
-    if (e === t) return !0;
-    if (l(e) || l(t) || typeof e != typeof t || typeof e == "function") return !1;
-    if (Array.isArray(e) || Array.isArray(t)) return Array.isArray(e) && Array.isArray(t) ? e.length === t.length && e.every((r, f)=>a(r, t[f])) : !1;
-    if (e instanceof Date || t instanceof Date) return e instanceof Date && t instanceof Date ? e.getTime() === t.getTime() : !1;
-    const n = Object.keys(e), i = Object.keys(t);
-    return n.length === i.length ? n.every((r)=>a(e[r], t[r])) : !1;
+    return A.cancel = ()=>{
+        i !== void 0 && (clearTimeout(i), i = void 0), d = 0, s = -1, o = void 0;
+    }, A.flush = ()=>i === void 0 ? f : k(Date.now()), A;
+}, D = (e)=>e === null ? !0 : !(typeof e == "object" || typeof e == "function"), x = (e, n)=>{
+    if (e === n) return !0;
+    if (D(e) || D(n) || typeof e != typeof n || typeof e == "function") return !1;
+    if (Array.isArray(e) || Array.isArray(n)) return Array.isArray(e) && Array.isArray(n) ? e.length === n.length && e.every((c, g)=>x(c, n[g])) : !1;
+    if (e instanceof Date || n instanceof Date) return e instanceof Date && n instanceof Date ? e.getTime() === n.getTime() : !1;
+    const r = Object.keys(e), a = Object.keys(n);
+    return r.length === a.length ? r.every((c)=>x(e[c], n[c])) : !1;
 };

package/dist/video.css-mistica.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "video", {
     enumerable: true,
     get: function() {
-        return f;
+        return y;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var f = "_1y2v1nfeb _1y2v1nfeq _1y2v1nfb7 _1y2v1nf5y _1y2v1nfdk _1y2v1nfdl _1y2v1nffz";
+var y = "_1y2v1nfec _1y2v1nfer _1y2v1nfb8 _1y2v1nf5y _1y2v1nfdl _1y2v1nfdm _1y2v1nfg0";

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var f = "_1y2v1nfe3 _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe _1y2v1nfe5", a = "_1y2v1nffz";
+var f = "_1y2v1nfe4 _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfe6", a = "_1y2v1nfg0";
 export { f as avatar, a as image };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./badge.css.ts.vanilla.css-mistica.js";
-var _ = "_17szrmd2 _1y2v1nfbx _1y2v1nfcd _1y2v1nf4f", n = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nfbx _1y2v1nfcd _1y2v1nf4f _1y2v1nfb5 _1y2v1nfbk _1y2v1nfbe", b = "_1y2v1nfb0", y = "_1y2v1nfaz _1y2v1nfb9";
-export { _ as badge, n as badgeBigNumber, f as badgeNumber, b as badgeWithChildren, y as container };
+var _ = "_17szrmd2 _1y2v1nfby _1y2v1nfce _1y2v1nf4f", f = "_17szrmd6", n = "_17szrmd4 _17szrmd2 _1y2v1nfby _1y2v1nfce _1y2v1nf4f _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf", b = "_1y2v1nfb1", y = "_1y2v1nfb0 _1y2v1nfba";
+export { _ as badge, f as badgeBigNumber, n as badgeNumber, b as badgeWithChildren, y as container };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var o = "_1y2v1nfdm";
+var o = "_1y2v1nfdn";
 export { o as boxBorder };

package/dist-es/button-group.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button-group.css.ts.vanilla.css-mistica.js";
-var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nfb6 _1y2v1nfbk _1y2v1nfba";
+var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nfb7 _1y2v1nfbl _1y2v1nfbb";
 export { r as buttonChild, t as buttons, v as container, _ as inline };