@telefonica/mistica 14.36.1 → 14.37.0

package/dist/sprinkles.css.d.ts

@@ -48,6 +48,26 @@ export declare const sprinkles: ((props: {
         tablet?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
         desktop?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
     }) | undefined;
+    columnGap?: (0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | {
+        mobile?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+        tablet?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+        desktop?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    }) | undefined;
+    rowGap?: (0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | {
+        mobile?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+        tablet?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+        desktop?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    }) | undefined;
+    gridColumnGap?: (0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | {
+        mobile?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+        tablet?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+        desktop?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    }) | undefined;
+    gridRowGap?: (0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | {
+        mobile?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+        tablet?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+        desktop?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    }) | undefined;
     padding?: (0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | {
         mobile?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
         tablet?: 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
@@ -67,7 +87,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" | "isolation" | "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" | "columnGap" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "height" | "isolation" | "justifyContent" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "top" | "width" | "borderRadius" | "flex" | "overflow" | "padding" | "gridColumnGap" | "gridRowGap" | "paddingX" | "paddingY">;
 };
 export type Sprinkles = Parameters<typeof sprinkles>[0];
 export {};

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "moreItems", {
     enumerable: true,
     get: function() {
-        return r;
+        return g;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stacking-group.css.ts.vanilla.css-mistica.js");
-var r = "_1y38nye1 _1y2v1nfba _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbp";
+var g = "_1y38nye1 _1y2v1nfgg _1y2v1nfga _1y2v1nfgp _1y2v1nfgv";

package/dist/stepper.css-mistica.js

@@ -19,35 +19,35 @@ _export(exports, {
         return a;
     },
     barFilledReverseAnimation: function() {
-        return b;
+        return f;
     },
     currentNumber: function() {
-        return e;
+        return h;
     },
     iconAnimation: function() {
-        return f;
+        return m;
     },
     number: function() {
         return y;
     },
     step: function() {
-        return m;
+        return e;
     },
     stepIconNumber: function() {
-        return h;
+        return i;
     },
     stepper: function() {
-        return t;
+        return g;
     },
     textContainer: function() {
-        return i;
+        return t;
     },
     vars: function() {
-        return p;
+        return q;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stepper.css.ts.vanilla.css-mistica.js");
-var _ = "_14h93mqk _1y2v1nfch _1y2v1nfbx _1y2v1nfe7 _1y2v1nfeb", r = "_14h93mqm _1y2v1nfch _1y2v1nfbx _1y2v1nfe7 _1y2v1nfeb", a = "_14h93mqn", b = "_14h93mqp _1y2v1nfbz", e = "_14h93mqf", f = "_14h93mqc", y = "_14h93mqe _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", m = "_14h93mq9 _1y2v1nfb4 _1y2v1nfbb _1y2v1nfbg _1y2v1nfbp", h = "_14h93mqb _1y2v1nfb4 _1y2v1nfba", t = "_14h93mq7 _1y2v1nfba _1y2v1nfdh", i = "_14h93mqh _1y2v1nfb5", p = {
+var _ = "_14h93mqk _1y2v1nfhn _1y2v1nfh3 _1y2v1nfjd _1y2v1nfjh", r = "_14h93mqm _1y2v1nfhn _1y2v1nfh3 _1y2v1nfjd _1y2v1nfjh", a = "_14h93mqn", f = "_14h93mqp _1y2v1nfh5", h = "_14h93mqf", m = "_14h93mqc", y = "_14h93mqe _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz", e = "_14h93mq9 _1y2v1nfga _1y2v1nfgh _1y2v1nfgm _1y2v1nfgv", i = "_14h93mqb _1y2v1nfga _1y2v1nfgg", g = "_14h93mq7 _1y2v1nfgg _1y2v1nfin", t = "_14h93mqh _1y2v1nfgb", q = {
     stepperMinHeight: "var(--_14h93mq0)"
 };

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

@@ -13,45 +13,45 @@ _export(exports, {
         return n;
     },
     barVariants: function() {
-        return f;
+        return v;
     },
     checkboxVariants: function() {
-        return v;
+        return p;
     },
     container: function() {
-        return p;
+        return f;
     },
     containerDisabled: function() {
         return q;
     },
     disabled: function() {
-        return e;
+        return i;
     },
     switchCheckboxContainerVariants: function() {
-        return b;
+        return y;
     },
     switchCheckboxLabel: function() {
-        return y;
+        return _;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./switch-component.css.ts.vanilla.css-mistica.js");
 var n = {
-    default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb5 _1y2v1nffq _1y2v1nfbc _1y2v1nfdt",
-    ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb5 _1y2v1nffq _1y2v1nfbc _1y2v1nfdt",
-    checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb5 _1y2v1nffq _1y2v1nfbc _1y2v1nfdt",
-    checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb5 _1y2v1nffq _1y2v1nfbc _1y2v1nfdt"
-}, f = {
-    default: "q0hp3ai q0hp3ah _1y2v1nfbc",
-    ios: "q0hp3aj q0hp3ah _1y2v1nfbc",
-    checked: "q0hp3ak q0hp3ah _1y2v1nfbc",
-    checkedIos: "q0hp3al q0hp3ah _1y2v1nfbc"
+    default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfgb _1y2v1nfkw _1y2v1nfgi _1y2v1nfiz",
+    ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfgb _1y2v1nfkw _1y2v1nfgi _1y2v1nfiz",
+    checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfgb _1y2v1nfkw _1y2v1nfgi _1y2v1nfiz",
+    checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfgb _1y2v1nfkw _1y2v1nfgi _1y2v1nfiz"
 }, v = {
-    default: "q0hp3a6 _1y2v1nfbe _1y2v1nfea",
-    ios: "q0hp3a7 _1y2v1nfbe _1y2v1nfea",
-    disabled: "q0hp3a8 _1y2v1nfbe _1y2v1nfea",
-    disabledIos: "q0hp3a9 _1y2v1nfbe _1y2v1nfea"
-}, p = "q0hp3an q0hp3am", q = "q0hp3ao q0hp3am", e = "q0hp3ap", b = {
-    default: "q0hp3ac q0hp3ab _1y2v1nfb4",
-    ios: "q0hp3ad q0hp3ab _1y2v1nfb4"
-}, y = "q0hp3af _1y2v1nfbc _1y2v1nfeb";
+    default: "q0hp3ai q0hp3ah _1y2v1nfgi",
+    ios: "q0hp3aj q0hp3ah _1y2v1nfgi",
+    checked: "q0hp3ak q0hp3ah _1y2v1nfgi",
+    checkedIos: "q0hp3al q0hp3ah _1y2v1nfgi"
+}, p = {
+    default: "q0hp3a6 _1y2v1nfgk _1y2v1nfjg",
+    ios: "q0hp3a7 _1y2v1nfgk _1y2v1nfjg",
+    disabled: "q0hp3a8 _1y2v1nfgk _1y2v1nfjg",
+    disabledIos: "q0hp3a9 _1y2v1nfgk _1y2v1nfjg"
+}, f = "q0hp3an q0hp3am", q = "q0hp3ao q0hp3am", i = "q0hp3ap", y = {
+    default: "q0hp3ac q0hp3ab _1y2v1nfga",
+    ios: "q0hp3ad q0hp3ab _1y2v1nfga"
+}, _ = "q0hp3af _1y2v1nfgi _1y2v1nfjh";

package/dist/tabs.css-mistica.js

@@ -16,19 +16,19 @@ _export(exports, {
         return e;
     },
     inner: function() {
-        return y;
+        return r;
     },
     outer: function() {
-        return _;
+        return y;
     },
     outerBorder: function() {
-        return r;
+        return _;
     },
     outerBorderInverse: function() {
-        return a;
+        return g;
     },
     tabHover: function() {
-        return l;
+        return a;
     },
     tabSelectionVariants: function() {
         return o;
@@ -37,22 +37,22 @@ _export(exports, {
         return t;
     },
     tabsContainer: function() {
-        return b;
+        return l;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tabs.css.ts.vanilla.css-mistica.js");
-var v = "_1y2v1nfb9 _1y2v1nfb5 _1y2v1nfew _1y2v1nffq _1y2v1nfcg", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfdl _1y2v1nfbx _1y2v1nfb4", r = "lgofm10", a = "lgofm11", l = {
+var v = "_1y2v1nfgf _1y2v1nfgb _1y2v1nfk2 _1y2v1nfkw _1y2v1nfhm", e = "lgofm1q", r = "lgofm14", y = "lgofm13 _1y2v1nfir _1y2v1nfh3 _1y2v1nfga", _ = "lgofm10", g = "lgofm11", a = {
     default: "lgofm1a",
     inverse: "lgofm1b"
 }, o = {
-    noSelected: "_1y2v1nf20",
-    noSelectedInverse: "_1y2v1nf21",
+    noSelected: "_1y2v1nf23",
+    noSelectedInverse: "_1y2v1nf24",
     selected: "lgofm1g",
     selectedInverse: "lgofm1h",
     selectedAnimating: "lgofm1i",
     selectedAnimatingInverse: "lgofm1j"
 }, t = {
-    default: "lgofm17 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbb _1y2v1nfbs _1y2v1nfbp _1y2v1nfbj _1y2v1nfd9 _1y2v1nfdl _1y2v1nf62",
-    fullWidth: "lgofm19 lgofm17 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbb _1y2v1nfbs _1y2v1nfbp _1y2v1nfbj _1y2v1nfd9 _1y2v1nfdl _1y2v1nf62"
-}, b = "_1y2v1nfdl _1y2v1nfbx _1y2v1nfba";
+    default: "lgofm17 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgh _1y2v1nfgy _1y2v1nfgv _1y2v1nfgp _1y2v1nfif _1y2v1nfir _1y2v1nf68",
+    fullWidth: "lgofm19 lgofm17 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgh _1y2v1nfgy _1y2v1nfgv _1y2v1nfgp _1y2v1nfif _1y2v1nfir _1y2v1nf68"
+}, l = "_1y2v1nfir _1y2v1nfh3 _1y2v1nfgg";

package/dist/tag.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "tag", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tag.css.ts.vanilla.css-mistica.js");
-var y = "_1wy08671 _1y2v1nf69 _1y2v1nf7i _1y2v1nfbb _1y2v1nfbf _1y2v1nfbp _1y2v1nfbj _1y2v1nfd6 _1y2v1nfa6";
+var y = "_1wy08671 _1y2v1nf6f _1y2v1nf7o _1y2v1nfgh _1y2v1nfgl _1y2v1nfgv _1y2v1nfgp _1y2v1nfic _1y2v1nfac";

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

@@ -13,16 +13,16 @@ _export(exports, {
         return n;
     },
     fullWidth: function() {
-        return e;
+        return r;
     },
     input: function() {
-        return r;
+        return t;
     },
     inputFirefoxStyles: function() {
-        return t;
+        return f;
     },
     inputWithLabel: function() {
-        return f;
+        return e;
     },
     inputWithoutLabel: function() {
         return _;
@@ -37,10 +37,10 @@ _export(exports, {
         return i;
     },
     prefixWithLabel: function() {
-        return b;
+        return g;
     },
     prefixWithoutLabel: function() {
-        return p;
+        return o;
     },
     startIcon: function() {
         return l;
@@ -49,15 +49,15 @@ _export(exports, {
         return u;
     },
     textArea: function() {
-        return o;
+        return p;
     },
     textAreaWithLabel: function() {
         return x;
     },
     textAreaWithoutLabel: function() {
-        return c;
+        return b;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
-var n = "rhey4tf _1y2v1nf8u _1y2v1nfa9 _1y2v1nfba _1y2v1nfbp", e = "rhey4t4", r = "rhey4ta _1y2v1nfb4 _1y2v1nfce rhey4t1 _1y2v1nfds _1y2v1nfcv _1y2v1nf1y _1y2v1nfbx", t = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6i _1y2v1nf7r", a = "rhey4to _1y2v1nfcp _1y2v1nfba _1y2v1nfbp _1y2v1nfea", h = "_1y2v1nf3g", i = "rhey4tj _1y2v1nf8x _1y2v1nfa9", b = "rhey4tl _1y2v1nf7l", p = "_1y2v1nf6i _1y2v1nf7r", l = "rhey4th _1y2v1nf8x _1y2v1nfa6 _1y2v1nfba _1y2v1nfbp _1y2v1nfce _1y2v1nfb5", u = "rhey4tr _1y2v1nfb5", o = "rhey4t6 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u rhey4t1 _1y2v1nfds _1y2v1nfcv _1y2v1nf1y _1y2v1nfbx", x = "rhey4t7", c = "rhey4t8";
+var n = "rhey4tf _1y2v1nf90 _1y2v1nfaf _1y2v1nfgg _1y2v1nfgv", r = "rhey4t4", t = "rhey4ta _1y2v1nfga _1y2v1nfhk rhey4t1 _1y2v1nfiy _1y2v1nfi1 _1y2v1nf21 _1y2v1nfh3", f = "rhey4tb", e = "rhey4tc", _ = "_1y2v1nf6o _1y2v1nf7x", a = "rhey4to _1y2v1nfhv _1y2v1nfgg _1y2v1nfgv _1y2v1nfjg", h = "_1y2v1nf3j", i = "rhey4tj _1y2v1nf93 _1y2v1nfaf", g = "rhey4tl _1y2v1nf7r", o = "_1y2v1nf6o _1y2v1nf7x", l = "rhey4th _1y2v1nf93 _1y2v1nfac _1y2v1nfgg _1y2v1nfgv _1y2v1nfhk _1y2v1nfgb", u = "rhey4tr _1y2v1nfgb", p = "rhey4t6 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 rhey4t1 _1y2v1nfiy _1y2v1nfi1 _1y2v1nf21 _1y2v1nfh3", x = "rhey4t7", b = "rhey4t8";

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

@@ -13,13 +13,13 @@ _export(exports, {
         return _;
     },
     LABEL_LEFT_POSITION: function() {
-        return a;
+        return n;
     },
     LABEL_SCALE_DESKTOP: function() {
-        return n;
+        return f;
     },
     LABEL_SCALE_MOBILE: function() {
-        return f;
+        return a;
     },
     disabled: function() {
         return e;
@@ -34,36 +34,36 @@ _export(exports, {
         return l;
     },
     fieldSingle: function() {
-        return b;
+        return g;
     },
     fullWidth: function() {
         return t;
     },
     helperContainer: function() {
-        return u;
+        return h;
     },
     helperText: function() {
         return k;
     },
     labelContainer: function() {
-        return d;
+        return u;
     },
     labelText: function() {
         return L;
     },
     leftText: function() {
-        return E;
+        return d;
     },
     normalWidth: function() {
-        return T;
+        return E;
     },
     rightText: function() {
-        return h;
+        return T;
     },
     shrinked: function() {
-        return x;
+        return o;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
-var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4", i = "_15k6ur96 _1y2v1nfba _1y2v1nfbg", l = "_15k6ur9e", b = "_15k6ur9d _1y2v1nfcq", t = "_1y2v1nfbx", u = "_1y2v1nf8x _1y2v1nfa9 _1y2v1nfba", k = "_15k6ur9g", d = "_15k6ur91 _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcm _1y2v1nfba _1y2v1nfbf _1y2v1nff0", L = "_15k6ur93 _1y2v1nfeb _1y2v1nfbt", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbx", h = "_15k6ur9i", x = "_15k6ur94";
+var _ = 328, n = 12, f = 0.78, a = 0.75, e = "_15k6ur97", y = "_1y2v1nfjh _1y2v1nfix _1y2v1nfgg _1y2v1nfj6 _1y2v1nfga", i = "_15k6ur96 _1y2v1nfgg _1y2v1nfgm", l = "_15k6ur9e", g = "_15k6ur9d _1y2v1nfhw", t = "_1y2v1nfh3", h = "_1y2v1nf93 _1y2v1nfaf _1y2v1nfgg", k = "_15k6ur9g", u = "_15k6ur91 _1y2v1nfgb _1y2v1nfjn _1y2v1nfhs _1y2v1nfgg _1y2v1nfgl _1y2v1nfk6", L = "_15k6ur93 _1y2v1nfjh _1y2v1nfgz", d = "_15k6ur9h", E = "_15k6ur99 _1y2v1nfh3", T = "_15k6ur9i", o = "_15k6ur94";

package/dist/text-field-components.js

@@ -128,83 +128,87 @@ function _object_spread_props(target, source) {
     return target;
 }
 const G = (param)=>{
-    let { shrinkLabel: l, forId: s, inputState: r, error: o, children: i, style: n, optional: d } = param;
-    const m = l || r === "focused" || r === "filled", [v, b] = _react.useState("initial"), { texts: N } = (0, _hooks.useTheme)();
+    let { shrinkLabel: o, forId: l, inputState: r, error: t, children: i, style: n, optional: m } = param;
+    const f = o || r === "focused" || r === "filled", [u, c] = _react.useState("initial"), { texts: b } = (0, _hooks.useTheme)();
     _react.useEffect(()=>{
-        const T = setTimeout(()=>{
-            process.env.NODE_ENV !== "test" && b("transform 150ms, width 150ms");
+        const g = setTimeout(()=>{
+            process.env.NODE_ENV !== "test" && c("transform 150ms, width 150ms");
         });
         return ()=>{
-            clearTimeout(T);
+            clearTimeout(g);
         };
     }, []);
-    let f = _skincontractcssmistica.vars.colors.textSecondary;
-    return o && r !== "default" ? f = _skincontractcssmistica.vars.colors.error : r === "focused" && (f = _skincontractcssmistica.vars.colors.controlActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
+    let h = _skincontractcssmistica.vars.colors.textSecondary;
+    return t && r !== "default" ? h = _skincontractcssmistica.vars.colors.error : r === "focused" && (h = _skincontractcssmistica.vars.colors.controlActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
         className: (0, _classnames.default)(_textfieldcomponentscssmistica.labelContainer, {
-            [_textfieldcomponentscssmistica.shrinked]: m
+            [_textfieldcomponentscssmistica.shrinked]: f
         }, (0, _sprinklescssmistica.sprinkles)({
-            color: f
+            color: h
         })),
-        htmlFor: s,
+        htmlFor: l,
         style: _object_spread_props(_object_spread({}, n), {
-            transition: v
+            transition: u
         }),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                 className: _textfieldcomponentscssmistica.labelText,
                 children: i
             }),
-            d ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
+            m ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
                 children: [
                     "\xa0(",
-                    N.formFieldOptionalLabelSuffix,
+                    b.formFieldOptionalLabelSuffix,
                     ")"
                 ]
             }) : null
         ]
     });
 }, J = (param)=>{
-    let { leftText: l, rightText: s, error: r } = param;
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), i = o ? _skincontractcssmistica.vars.colors.textPrimaryInverse : r ? _skincontractcssmistica.vars.colors.error : _skincontractcssmistica.vars.colors.textSecondary, n = o ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary;
+    let { leftText: o, rightText: l, error: r } = param;
+    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = t ? _skincontractcssmistica.vars.colors.textPrimaryInverse : r ? _skincontractcssmistica.vars.colors.error : _skincontractcssmistica.vars.colors.textSecondary, n = t ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_textfieldcomponentscssmistica.helperText, _textfieldcomponentscssmistica.leftText),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                     color: i,
                     regular: !0,
                     as: "p",
-                    children: l
+                    children: o
                 })
             }),
-            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_textfieldcomponentscssmistica.helperText, _textfieldcomponentscssmistica.rightText),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                     color: n,
                     regular: !0,
                     as: "p",
-                    children: s
+                    children: l
                 })
             })
         ]
     });
 }, K = (param)=>/* @__PURE__ */ {
-    let { multiline: l, disabled: s, children: r, helperText: o, className: i, fieldRef: n, fullWidth: d, readOnly: m } = param;
+    let { multiline: o, disabled: l, children: r, helperText: t, className: i, fieldRef: n, fullWidth: m, readOnly: f } = param;
     return (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(_textfieldcomponentscssmistica.fieldContainer, d ? _textfieldcomponentscssmistica.fullWidth : _textfieldcomponentscssmistica.normalWidth, {
-            [_textfieldcomponentscssmistica.disabled]: s
+        className: (0, _classnames.default)(_textfieldcomponentscssmistica.fieldContainer, m ? _textfieldcomponentscssmistica.fullWidth : _textfieldcomponentscssmistica.normalWidth, {
+            [_textfieldcomponentscssmistica.disabled]: l
         }),
+        onClick: (u)=>{
+            var c;
+            o && ((c = u.currentTarget.querySelector("textarea")) == null || c.focus());
+        },
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(_textfieldcomponentscssmistica.field, l ? _textfieldcomponentscssmistica.fieldMulti : _textfieldcomponentscssmistica.fieldSingle, (0, _sprinklescssmistica.sprinkles)({
-                    background: m ? _skincontractcssmistica.vars.colors.neutralLow : _skincontractcssmistica.vars.colors.backgroundContainer
+                className: (0, _classnames.default)(_textfieldcomponentscssmistica.field, o ? _textfieldcomponentscssmistica.fieldMulti : _textfieldcomponentscssmistica.fieldSingle, (0, _sprinklescssmistica.sprinkles)({
+                    background: f ? _skincontractcssmistica.vars.colors.neutralLow : _skincontractcssmistica.vars.colors.backgroundContainer
                 }), i),
                 ref: n,
                 children: r
             }),
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _textfieldcomponentscssmistica.helperContainer,
-                children: o
+                children: t
             })
         ]
     });

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 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf29",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf2a",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf29"
+    default: "_1m1n0pr1 _1y2v1nfh4 _1y2v1nfgj _1y2v1nfjg _1y2v1nf2c",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfh4 _1y2v1nfgj _1y2v1nfjg _1y2v1nf2d",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfh4 _1y2v1nfgj _1y2v1nfjg _1y2v1nf2c"
 };

package/dist/theme.d.ts

@@ -106,7 +106,7 @@ export type ThemeConfig = Readonly<{
         headerMobileHeight: number | 'mistica';
     }>;
     Link?: LinkComponent | {
-        type: 'ReactRouter5' | 'ReactRouter6' | 'Next12' | 'Next13';
+        type: 'ReactRouter5' | 'ReactRouter6' | 'Next12' | 'Next13' | 'Next14';
         Component: React.ComponentType<any>;
     };
     useHrefDecorator?: () => (href: string) => string;

package/dist/theme.js

@@ -348,6 +348,7 @@ const l = {
         case "Next12":
             return p(e.Component);
         case "Next13":
+        case "Next14":
             return b(e.Component);
         default:
             const r = e.type;

package/dist/tooltip.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     arrow: function() {
-        return v;
+        return a;
     },
     arrowContainer: function() {
-        return a;
+        return v;
     },
     container: function() {
         return _;
@@ -22,18 +22,18 @@ _export(exports, {
         return y;
     },
     tooltip: function() {
-        return e;
+        return o;
     },
     tooltipCenter: function() {
-        return o;
+        return r;
     },
     tooltipTransitionClasses: function() {
-        return r;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var v = "_1xhatbpa _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb5 _1y2v1nfeh _1y2v1nf33", a = "_1xhatbp8 _1y2v1nfb5 _1y2v1nfc5 _1y2v1nfeb", _ = "_1xhatbp1 _1y2v1nfb5", y = "_1xhatbp5 _1y2v1nfb4 _1y2v1nfd4 _1y2v1nfeb", e = "_1xhatbp3 _1y2v1nfb4 _1y2v1nfe3 _1y2v1nf33", o = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbp", r = {
+var a = "_1xhatbpa _1y2v1nfh9 _1y2v1nfhp _1y2v1nfgb _1y2v1nfjn _1y2v1nf36", v = "_1xhatbp8 _1y2v1nfgb _1y2v1nfhb _1y2v1nfjh", _ = "_1xhatbp1 _1y2v1nfgb", y = "_1xhatbp5 _1y2v1nfga _1y2v1nfia _1y2v1nfjh", o = "_1xhatbp3 _1y2v1nfga _1y2v1nfj9 _1y2v1nf36", r = "_1y2v1nfgg _1y2v1nfgm _1y2v1nfgv", f = {
     entering: {
         opacity: 1
     },

package/dist/touchable.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     base: function() {
-        return f;
+        return y;
     },
     notTouchable: function() {
-        return y;
+        return f;
     },
     touchable: function() {
         return _;
@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./touchable.css.ts.vanilla.css-mistica.js");
-var f = "mhti6u1 _1y2v1nfea", y = "mhti6u4", _ = "mhti6u1 _1y2v1nfea _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbc _1y2v1nfds _1y2v1nfbx _1y2v1nf30 _1y2v1nf62 _1y2v1nfec";
+var y = "mhti6u1 _1y2v1nfjg", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfjg _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nfh3 _1y2v1nf33 _1y2v1nf68 _1y2v1nfji";

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

@@ -16,14 +16,14 @@ _export(exports, {
         return n;
     },
     vars: function() {
-        return e;
+        return y;
     },
     wrapper: function() {
-        return y;
+        return f;
     }
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
-var a = "yqswj62", n = "_1y2v1nfbx _1y2v1nfce _1y2v1nfeh _1y2v1nfew", e = {
+var a = "yqswj62", n = "_1y2v1nfh3 _1y2v1nfhk _1y2v1nfjn _1y2v1nfk2", y = {
     aspectRatio: "var(--yqswj60)"
-}, y = "_1y2v1nfeb _1y2v1nfdp _1y2v1nfdq _1y2v1nfb4";
+}, f = "_1y2v1nfjh _1y2v1nfiv _1y2v1nfiw _1y2v1nfga";

package/dist/utils/aspect-ratio-support.d.ts

@@ -8,7 +8,7 @@ export declare const useSupportsAspectRatio: () => boolean;
 type AspectRatioContainerProps = {
     width?: number | string;
     height?: number | string;
-    aspectRatio: number;
+    aspectRatio?: number;
     children: React.ReactNode;
     as?: React.ComponentType<any> | string;
     style?: React.CSSProperties;

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

@@ -140,7 +140,8 @@ const u = /*#__PURE__*/ _react.createContext(!0), x = (param)=>{
 }, N = ()=>_react.useContext(u), W = (t)=>{
     const o = N(), s = typeof t.width != "number" && typeof t.height != "number" && t.aspectRatio !== 0, e = s ? t.aspectRatio : void 0;
     let i = t.width, a = t.height;
-    t.width !== void 0 && t.height !== void 0 ? (i = t.width, a = t.height) : typeof t.width == "number" ? a = t.aspectRatio !== 0 ? t.width / t.aspectRatio : void 0 : typeof t.height == "number" ? i = t.aspectRatio !== 0 ? t.height * t.aspectRatio : void 0 : i = t.width || "100%";
+    var _t_aspectRatio, _t_aspectRatio1;
+    t.width !== void 0 && t.height !== void 0 ? (i = t.width, a = t.height) : typeof t.width == "number" ? a = t.aspectRatio !== 0 ? t.width / ((_t_aspectRatio = t.aspectRatio) !== null && _t_aspectRatio !== void 0 ? _t_aspectRatio : 1) : void 0 : typeof t.height == "number" ? i = t.aspectRatio !== 0 ? t.height * ((_t_aspectRatio1 = t.aspectRatio) !== null && _t_aspectRatio1 !== void 0 ? _t_aspectRatio1 : 1) : void 0 : i = t.width || "100%";
     var _t_as;
     const c = s && !o, r = /*#__PURE__*/ _react.createElement((_t_as = t.as) !== null && _t_as !== void 0 ? _t_as : "div", _object_spread({
         className: (0, _classnames.default)(t.className, _aspectratiosupportcssmistica.container, {

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 n;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var f = "_1y2v1nfeh _1y2v1nfew _1y2v1nfbc _1y2v1nf62 _1y2v1nfdp _1y2v1nfdq _1y2v1nfg5";
+var n = "_1y2v1nfjn _1y2v1nfk2 _1y2v1nfgi _1y2v1nf68 _1y2v1nfiv _1y2v1nfiw _1y2v1nflb";