@telefonica/mistica 15.2.1 → 15.4.0

package/dist-es/switch-component.js

@@ -52,7 +52,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { jsx as s, Fragment as x, jsxs as h } from "react/jsx-runtime";
-import * as f from "react";
+import * as b from "react";
 import { debounce as I } from "./utils/helpers.js";
 import { SPACE as C } from "./utils/keys.js";
 import { useControlProps as D } from "./form-context.js";
@@ -60,34 +60,34 @@ import { Text3 as S } from "./text.js";
 import V from "./inline.js";
 import { useTheme as y, useAriaId as g } from "./hooks.js";
 import { getPrefixedDataAttributes as A } from "./utils/dom.js";
-import { containerDisabled as E, container as P, interactiveArea as p, disabled as j, checkboxVariants as K, switchCheckboxContainerVariants as M, switchCheckboxLabel as R, barVariants as T, ballVariants as $ } from "./switch-component.css-mistica.js";
-const F = (e)=>{
-    const { isIos: l, isDarkMode: u } = y(), o = g(e["aria-labelledby"]), { defaultValue: b, value: c, onChange: a, focusableRef: k, disabled: t } = D({
+import { containerDisabled as E, container as P, interactiveArea as j, disabled as K, checkboxVariants as M, switchCheckboxContainerVariants as R, switchCheckboxLabel as T, barVariants as $, ballVariants as F } from "./switch-component.css-mistica.js";
+const L = (e)=>{
+    const { isIos: d, isDarkMode: f } = y(), n = g(e["aria-labelledby"]), { defaultValue: u, value: l, onChange: a, focusableRef: k, disabled: i } = D({
         name: e.name,
         value: e.checked,
         defaultValue: e.defaultChecked,
         onChange: e.onChange,
         disabled: e.disabled
-    }), [d, v] = f.useState(!!b), r = c !== null && c !== void 0 ? c : d, N = f.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : I((i)=>{
-            a == null || a(i);
+    }), [c, v] = b.useState(!!u), r = l !== null && l !== void 0 ? l : c, N = b.useMemo(()=>process.env.NODE_ENV === "test" ? (t)=>a == null ? void 0 : a(t) : I((t)=>{
+            a == null || a(t);
         }, 300), [
         a
-    ]), n = ()=>{
-        c !== void 0 ? a == null || a(!c) : (v(!d), N(!d));
-    }, w = (i)=>{
-        i.key === C && (i.preventDefault(), i.stopPropagation(), n());
+    ]), o = ()=>{
+        l !== void 0 ? a == null || a(!l) : (v(!c), N(!c));
+    }, w = (t)=>{
+        t.key === C && (t.preventDefault(), t.stopPropagation(), o());
     }, m = /* @__PURE__ */ s("div", {
-        className: K[l ? t ? "disabledIos" : "ios" : t ? "disabled" : "default"],
+        className: M[d ? i ? "disabledIos" : "ios" : i ? "disabled" : "default"],
         children: /* @__PURE__ */ s("div", {
-            className: M[l ? "ios" : "default"],
+            className: R[d ? "ios" : "default"],
             children: /* @__PURE__ */ h("div", {
-                className: R,
+                className: T,
                 children: [
                     /* @__PURE__ */ s("span", {
-                        className: T[l ? r ? "checkedIos" : u ? "iosDark" : "ios" : r ? "checked" : "default"]
+                        className: $[d ? r ? "checkedIos" : f ? "iosDark" : "ios" : r ? "checked" : "default"]
                     }),
                     /* @__PURE__ */ s("span", {
-                        className: $[l ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
+                        className: F[d ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
                     })
                 ]
             })
@@ -97,41 +97,42 @@ const F = (e)=>{
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
     /* @__PURE__ */ s("span", _object_spread_props(_object_spread({
         role: "switch",
-        "aria-checked": c !== null && c !== void 0 ? c : d,
-        onClick: (i)=>{
-            i.stopPropagation(), t || n();
+        "aria-checked": l !== null && l !== void 0 ? l : c,
+        onClick: (t)=>{
+            t.stopPropagation(), i || o();
         },
-        onKeyDown: t ? void 0 : w,
-        tabIndex: t ? void 0 : 0,
+        onKeyDown: i ? void 0 : w,
+        tabIndex: i ? void 0 : 0,
         ref: k,
-        className: t ? E : P,
-        "aria-disabled": t,
-        "aria-labelledby": o
+        className: i ? E : P,
+        "aria-disabled": i,
+        "aria-label": e["aria-label"],
+        "aria-labelledby": e["aria-label"] ? void 0 : n
     }, A(e.dataAttributes, "Switch")), {
         children: e.render ? /* @__PURE__ */ s(x, {
             children: e.render({
                 controlElement: m,
-                labelId: o,
-                disabled: !!t,
-                checked: c !== null && c !== void 0 ? c : d
+                labelId: n,
+                disabled: !!i,
+                checked: l !== null && l !== void 0 ? l : c
             })
         }) : /* @__PURE__ */ h(V, {
             space: 16,
             alignItems: "center",
-            className: p,
+            className: j,
             children: [
                 m,
                 e.children && /* @__PURE__ */ s(S, {
                     regular: !0,
                     as: "div",
-                    id: o,
+                    id: n,
                     children: /* @__PURE__ */ s("span", {
-                        className: t ? j : "",
+                        className: i ? K : "",
                         children: e.children
                     })
                 })
             ]
         })
     })));
-}, Q = F;
-export { Q as default };
+}, U = L;
+export { U as default };

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

@@ -1,17 +1,17 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tabs.css.ts.vanilla.css-mistica.js";
-var v = "_1y2v1nfh9 _1y2v1nfh5 _1y2v1nfkw _1y2v1nflq _1y2v1nfig", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjl _1y2v1nfhx _1y2v1nfh4", l = "lgofm10", r = "lgofm11", a = {
+var f = "_1y2v1nfhj _1y2v1nfhf _1y2v1nfl6 _1y2v1nfm0 _1y2v1nfiq", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjv _1y2v1nfi7 _1y2v1nfhe", a = "lgofm10", r = "lgofm11", l = {
     default: "lgofm1a",
     inverse: "lgofm1b"
 }, o = {
-    noSelected: "_1y2v1nf25",
-    noSelectedInverse: "_1y2v1nf26",
+    noSelected: "_1y2v1nf28",
+    noSelectedInverse: "_1y2v1nf29",
     selected: "lgofm1g",
     selectedInverse: "lgofm1h",
     selectedAnimating: "lgofm1i",
     selectedAnimatingInverse: "lgofm1j"
 }, t = {
-    default: "lgofm17 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhb _1y2v1nfhs _1y2v1nfhp _1y2v1nfhj _1y2v1nfj9 _1y2v1nfjl _1y2v1nf72",
-    fullWidth: "lgofm19 lgofm17 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhb _1y2v1nfhs _1y2v1nfhp _1y2v1nfhj _1y2v1nfj9 _1y2v1nfjl _1y2v1nf72"
-}, m = "_1y2v1nfjl _1y2v1nfhx _1y2v1nfha";
-export { v as animatedLine, e as icon, y as inner, _ as outer, l as outerBorder, r as outerBorderInverse, a as tabHover, o as tabSelectionVariants, t as tabVariants, m as tabsContainer };
+    default: "lgofm17 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhl _1y2v1nfi2 _1y2v1nfhz _1y2v1nfht _1y2v1nfjj _1y2v1nfjv _1y2v1nf7c",
+    fullWidth: "lgofm19 lgofm17 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhl _1y2v1nfi2 _1y2v1nfhz _1y2v1nfht _1y2v1nfjj _1y2v1nfjv _1y2v1nf7c"
+}, i = "_1y2v1nfjv _1y2v1nfi7 _1y2v1nfhk";
+export { f as animatedLine, e as icon, y as inner, _ as outer, a as outerBorder, r as outerBorderInverse, l as tabHover, o as tabSelectionVariants, t as tabVariants, i as tabsContainer };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tag.css.ts.vanilla.css-mistica.js";
-var y = "_1wy08671 _1y2v1nf79 _1y2v1nf8i _1y2v1nfhb _1y2v1nfhf _1y2v1nfhp _1y2v1nfhj _1y2v1nfj6";
-export { y as tag };
+var _ = "_1wy08671 _1y2v1nf7j _1y2v1nf8s _1y2v1nfhl _1y2v1nfhp _1y2v1nfhz _1y2v1nfht _1y2v1nfjg";
+export { _ as tag };

package/dist-es/tag.js

@@ -62,8 +62,8 @@ import { sprinkles as a } from "./sprinkles.css-mistica.js";
 import { vars as b } from "./skins/skin-contract.css-mistica.js";
 import w from "classnames";
 import { useTheme as A } from "./hooks.js";
-import N from "./badge.js";
-const { colors: t } = b, P = (param)=>{
+import P from "./badge.js";
+const { colors: t } = b, V = (param)=>{
     let { Icon: e, children: i, dataAttributes: m, type: l = "promo", badge: n } = param;
     const { textPresets: d } = A(), p = T(), o = n === !0 ? void 0 : n || 0;
     if (!i) return null;
@@ -128,7 +128,7 @@ const { colors: t } = b, P = (param)=>{
                         className: a({
                             display: "inline-flex"
                         }),
-                        children: /* @__PURE__ */ r(N, {
+                        children: /* @__PURE__ */ r(P, {
                             value: o
                         })
                     })
@@ -136,5 +136,5 @@ const { colors: t } = b, P = (param)=>{
             })
         ]
     }));
-}, I = P;
+}, I = V;
 export { I as default };

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

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
-var n = "rhey4t8", v = "rhey4th _1y2v1nf9r _1y2v1nfha _1y2v1nfhp", a = 12, y = "rhey4tr", h = 4, f = 11, i = 15, _ = "rhey4t4", l = "rhey4t7", d = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfh4 rhey4t1 _1y2v1nfjs _1y2v1nfiv _1y2v1nf23 _1y2v1nfhx", p = "rhey4tb", u = "rhey4tc", c = "rhey4td", m = "rhey4tn _1y2v1nfha _1y2v1nfhp _1y2v1nfka", x = "_1y2v1nf3y", s = "rhey4tl _1y2v1nfb6", b = "rhey4tj _1y2v1nfb6 _1y2v1nfha _1y2v1nfhp _1y2v1nfie _1y2v1nfh5", I = "rhey4tq _1y2v1nfh5", g = "rhey4t6 _1y2v1nf73 _1y2v1nf8c rhey4t1 _1y2v1nfjs _1y2v1nfiv _1y2v1nf23 _1y2v1nfhx", L = "rhey4te", W = "rhey4tf";
-export { n as emptyDateValue, v as endIconContainer, a as fieldElementsGap, y as fieldEndIconContainer, h as fieldEndIconGap, f as fieldLeftPadding, i as fieldRightPadding, _ as fullWidth, l as hiddenDatePlaceholder, d as iconButtonSize, o as input, p as inputFirefoxStyles, u as inputWithLabel, c as inputWithoutLabel, m as menuItem, x as menuItemSelected, s as prefix, b as startIcon, I as suggestionsContainer, g as textArea, L as textAreaWithLabel, W as textAreaWithoutLabel };
+var n = "rhey4t8", v = "rhey4th _1y2v1nfa1 _1y2v1nfhk _1y2v1nfhz", y = 12, a = "rhey4tr", f = 4, h = 11, i = 15, _ = "rhey4t4", d = "rhey4t7", l = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfhe rhey4t1 _1y2v1nfk2 _1y2v1nfj5 _1y2v1nf26 _1y2v1nfi7", p = "rhey4tb", u = "rhey4tc", m = "rhey4td", c = "rhey4tn _1y2v1nfhk _1y2v1nfhz _1y2v1nfkk", b = "_1y2v1nf44", g = "rhey4tl _1y2v1nfbg", k = "rhey4tj _1y2v1nfbg _1y2v1nfhk _1y2v1nfhz _1y2v1nfio _1y2v1nfhf", x = "rhey4tq _1y2v1nfhf", s = "rhey4t6 _1y2v1nf7d _1y2v1nf8m rhey4t1 _1y2v1nfk2 _1y2v1nfj5 _1y2v1nf26 _1y2v1nfi7", I = "rhey4te", L = "rhey4tf";
+export { n as emptyDateValue, v as endIconContainer, y as fieldElementsGap, a as fieldEndIconContainer, f as fieldEndIconGap, h as fieldLeftPadding, i as fieldRightPadding, _ as fullWidth, d as hiddenDatePlaceholder, l as iconButtonSize, o as input, p as inputFirefoxStyles, u as inputWithLabel, m as inputWithoutLabel, c as menuItem, b as menuItemSelected, g as prefix, k as startIcon, x as suggestionsContainer, s as textArea, I as textAreaWithLabel, L as textAreaWithoutLabel };

package/dist-es/text-field-base.js

@@ -82,14 +82,14 @@ import { jsx as n, jsxs as ie } from "react/jsx-runtime";
 import * as d from "react";
 import { FieldContainer as ne, HelperText as ae, Label as re } from "./text-field-components.js";
 import { LABEL_SCALE_MOBILE as le, LABEL_SCALE_DESKTOP as oe } from "./text-field-components.css-mistica.js";
-import { Text3 as N } from "./text.js";
+import { Text3 as F } from "./text.js";
 import { isFirefox as de, isRunningAcceptanceTest as se } from "./utils/platform.js";
 import { useAriaId as L, useScreenSize as ce, useIsomorphicLayoutEffect as fe, useTheme as ue } from "./hooks.js";
 import v from "classnames";
 import { combineRefs as k } from "./utils/common.js";
 import { startIcon as me, prefix as he, inputWithLabel as _, inputWithoutLabel as G, fullWidth as ge, fieldRightPadding as j, fieldLeftPadding as T, textArea as pe, textAreaWithLabel as Se, textAreaWithoutLabel as xe, input as be, inputFirefoxStyles as ye, hiddenDatePlaceholder as Ce, emptyDateValue as Ee, endIconContainer as Ie, menuItem as Re, menuItemSelected as Te, suggestionsContainer as ve, fieldEndIconContainer as Le, fieldElementsGap as Ae, iconButtonSize as $e, fieldEndIconGap as We } from "./text-field-base.css-mistica.js";
-import { vars as Ne } from "./skins/skin-contract.css-mistica.js";
-import { InternalToggleIconButton as Fe, InternalIconButton as we } from "./icon-button.js";
+import { vars as Fe } from "./skins/skin-contract.css-mistica.js";
+import { InternalToggleIconButton as Ne, InternalIconButton as we } from "./icon-button.js";
 import { ThemeVariant as Pe } from "./theme-variant-context.js";
 import { iconSize as Oe } from "./icon-button.css-mistica.js";
 const Be = (o, f)=>{
@@ -100,7 +100,7 @@ const Be = (o, f)=>{
     let { hasBackgroundColor: o = !0, onPress: f, onChange: i, disabled: m, Icon: g, checkedProps: r, uncheckedProps: a, "aria-label": h } = param;
     return /* @__PURE__ */ n("div", {
         className: Le,
-        children: r ? /* @__PURE__ */ n(Fe, {
+        children: r ? /* @__PURE__ */ n(Ne, {
             checkedProps: _object_spread_props(_object_spread({}, r), {
                 "aria-label": r["aria-label"] || ""
             }),
@@ -119,7 +119,7 @@ const Be = (o, f)=>{
         })
     });
 }, W = /*#__PURE__*/ d.forwardRef((_param, U)=>{
-    var { error: o, helperText: f, label: i, inputProps: m, inputRef: g, defaultValue: r, value: a, onFocus: h, onBlur: x, inputComponent: p, prefix: b, startIcon: t, endIcon: u, endIconOverlay: S, shrinkLabel: F, multiline: R = !1, focus: y, fieldRef: H, maxLength: C, id: K, autoComplete: M, fullWidth: J, dataAttributes: Q } = _param, l = _object_without_properties(_param, [
+    var { error: o, helperText: f, label: i, inputProps: m, inputRef: g, defaultValue: r, value: a, onFocus: h, onBlur: x, inputComponent: p, prefix: b, startIcon: t, endIcon: u, endIconOverlay: S, shrinkLabel: N, multiline: R = !1, focus: y, fieldRef: H, maxLength: C, id: K, autoComplete: M, fullWidth: J, dataAttributes: Q } = _param, l = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -167,7 +167,7 @@ const Be = (o, f)=>{
     }, I = _object_spread(_object_spread_props(_object_spread({}, l), {
         maxLength: C,
         autoComplete: M
-    }), m), $ = `calc(${Oe.default} + ${Ae}px)`, q = `calc(${$e} + ${We}px)`, V = F || s === "focused" || s === "filled" ? X ? le : oe : 1, ee = {
+    }), m), $ = `calc(${Oe.default} + ${Ae}px)`, q = `calc(${$e} + ${We}px)`, V = N || s === "focused" || s === "filled" ? X ? le : oe : 1, ee = {
         left: `calc(${T}px + ${t ? $ : "0px"})`,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
@@ -198,8 +198,8 @@ const Be = (o, f)=>{
                     style: {
                         opacity: s === "default" ? 0 : 1
                     },
-                    children: /* @__PURE__ */ n(N, {
-                        color: Ne.colors.textSecondary,
+                    children: /* @__PURE__ */ n(F, {
+                        color: Fe.colors.textSecondary,
                         regular: !0,
                         wordBreak: !1,
                         children: b
@@ -207,7 +207,7 @@ const Be = (o, f)=>{
                 }),
                 /* @__PURE__ */ n("div", {
                     className: ge,
-                    children: /* @__PURE__ */ n(N, {
+                    children: /* @__PURE__ */ n(F, {
                         as: "div",
                         regular: !0,
                         children: /*#__PURE__*/ d.createElement(p || Y, _object_spread(_object_spread_props(_object_spread({}, Z, I), {
@@ -249,7 +249,7 @@ const Be = (o, f)=>{
                     error: o,
                     forId: w,
                     inputState: s,
-                    shrinkLabel: F,
+                    shrinkLabel: N,
                     optional: !l.required,
                     children: i
                 }),
@@ -308,7 +308,7 @@ const Be = (o, f)=>{
                     className: v(Re, {
                         [Te]: u
                     }),
-                    children: /* @__PURE__ */ n(N, {
+                    children: /* @__PURE__ */ n(F, {
                         regular: !0,
                         children: t
                     })

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

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
-var n = 328, f = 0.78, e = 0.75, h = "_15k6ur97", t = "_1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4", y = "_15k6ur96 _1y2v1nfha _1y2v1nfhg", i = "_1y2v1nfhx", k = "_1y2v1nf9x _1y2v1nfb9 _1y2v1nfha", l = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfh5 _1y2v1nfha _1y2v1nfhf", o = "_15k6ur93 _1y2v1nfkb _1y2v1nfht", d = "_15k6ur9e", x = "_15k6ur99 _1y2v1nfhx", L = "_15k6ur9f", p = "_15k6ur94";
-export { n as DEFAULT_WIDTH, f as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, h as disabled, t as field, y as fieldContainer, i as fullWidth, k as helperContainer, l as helperText, u as labelContainer, o as labelText, d as leftText, x as normalWidth, L as rightText, p as shrinked };
+var a = 328, f = 0.78, e = 0.75, k = "_15k6ur97", i = "_1y2v1nfkl _1y2v1nfk1 _1y2v1nfhk _1y2v1nfka _1y2v1nfhe", y = "_15k6ur96 _1y2v1nfhk _1y2v1nfhq", t = "_1y2v1nfi7", l = "_1y2v1nfa7 _1y2v1nfbj _1y2v1nfhk", h = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfhf _1y2v1nfhk _1y2v1nfhp", o = "_15k6ur93 _1y2v1nfkl _1y2v1nfi3", d = "_15k6ur9e", p = "_15k6ur99 _1y2v1nfi7", L = "_15k6ur9f", E = "_15k6ur94";
+export { a as DEFAULT_WIDTH, f as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, k as disabled, i as field, y as fieldContainer, t as fullWidth, l as helperContainer, h as helperText, u as labelContainer, o as labelText, d as leftText, p as normalWidth, L as rightText, E as shrinked };

package/dist-es/text-field-components.js

@@ -51,32 +51,32 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as m, jsx as o, Fragment as g } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as y } from "react/jsx-runtime";
 import * as x from "react";
 import c from "classnames";
-import { useIsInverseVariant as y } from "./theme-variant-context.js";
+import { useIsInverseVariant as N } from "./theme-variant-context.js";
 import { useTheme as C } from "./hooks.js";
 import { Text1 as v } from "./text.js";
 import { labelContainer as k, shrinked as S, labelText as I, helperText as b, leftText as F, rightText as E, fieldContainer as L, fullWidth as P, normalWidth as W, disabled as j, field as w, helperContainer as A } from "./text-field-components.css-mistica.js";
-import { sprinkles as N } from "./sprinkles.css-mistica.js";
+import { sprinkles as T } from "./sprinkles.css-mistica.js";
 import { vars as e } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as D } from "./utils/dom.js";
 const J = (param)=>{
-    let { shrinkLabel: t, forId: s, inputState: r, error: l, children: i, style: n, optional: a } = param;
-    const f = t || r === "focused" || r === "filled", [u, h] = x.useState("initial"), { texts: d } = C();
+    let { shrinkLabel: o, forId: s, inputState: r, error: l, children: i, style: n, optional: a } = param;
+    const f = o || r === "focused" || r === "filled", [u, h] = x.useState("initial"), { texts: d } = C();
     x.useEffect(()=>{
-        const T = setTimeout(()=>{
+        const g = setTimeout(()=>{
             process.env.NODE_ENV !== "test" && h("transform 150ms, width 150ms");
         });
         return ()=>{
-            clearTimeout(T);
+            clearTimeout(g);
         };
     }, []);
     let p = e.colors.textSecondary;
-    return l && r !== "default" ? p = e.colors.error : r === "focused" && (p = e.colors.controlActivated), /* @__PURE__ */ m("label", {
+    return l && r !== "default" ? p = e.colors.error : r === "focused" && (p = e.colors.textActivated), /* @__PURE__ */ m("label", {
         className: c(k, {
             [S]: f
-        }, N({
+        }, T({
             color: p
         })),
         htmlFor: s,
@@ -84,7 +84,7 @@ const J = (param)=>{
             transition: u
         }),
         children: [
-            /* @__PURE__ */ o("span", {
+            /* @__PURE__ */ t("span", {
                 className: I,
                 children: i
             }),
@@ -98,23 +98,23 @@ const J = (param)=>{
         ]
     });
 }, K = (param)=>{
-    let { leftText: t, rightText: s, error: r, id: l } = param;
-    const i = y(), n = i ? e.colors.textPrimaryInverse : r ? e.colors.error : e.colors.textSecondary, a = i ? e.colors.textPrimaryInverse : e.colors.textSecondary;
-    return /* @__PURE__ */ m(g, {
+    let { leftText: o, rightText: s, error: r, id: l } = param;
+    const i = N(), n = i ? e.colors.textPrimaryInverse : r ? e.colors.error : e.colors.textSecondary, a = i ? e.colors.textPrimaryInverse : e.colors.textSecondary;
+    return /* @__PURE__ */ m(y, {
         children: [
-            t && /* @__PURE__ */ o("div", {
+            o && /* @__PURE__ */ t("div", {
                 className: c(b, F),
-                children: /* @__PURE__ */ o(v, {
+                children: /* @__PURE__ */ t(v, {
                     color: n,
                     regular: !0,
                     as: "p",
                     id: l,
-                    children: t
+                    children: o
                 })
             }),
-            s && /* @__PURE__ */ o("div", {
+            s && /* @__PURE__ */ t("div", {
                 className: c(b, E),
-                children: /* @__PURE__ */ o(v, {
+                children: /* @__PURE__ */ t(v, {
                     color: a,
                     regular: !0,
                     as: "p",
@@ -124,7 +124,7 @@ const J = (param)=>{
         ]
     });
 }, M = (param)=>{
-    let { multiline: t, disabled: s, children: r, helperText: l, className: i, fieldRef: n, fullWidth: a, readOnly: f, dataAttributes: u } = param;
+    let { multiline: o, disabled: s, children: r, helperText: l, className: i, fieldRef: n, fullWidth: a, readOnly: f, dataAttributes: u } = param;
     return(// eslint-disable-next-line jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
         className: c(L, a ? P : W, {
@@ -132,18 +132,18 @@ const J = (param)=>{
         }),
         onClick: (h)=>{
             var d;
-            (d = h.currentTarget.querySelector(t ? "textarea" : "input")) == null || d.focus();
+            (d = h.currentTarget.querySelector(o ? "textarea" : "input")) == null || d.focus();
         }
     }, D(u)), {
         children: [
-            /* @__PURE__ */ o("div", {
-                className: c(w, N({
+            /* @__PURE__ */ t("div", {
+                className: c(w, T({
                     background: f ? e.colors.neutralLow : e.colors.backgroundContainer
                 }), i),
                 ref: n,
                 children: r
             }),
-            l && /* @__PURE__ */ o("div", {
+            l && /* @__PURE__ */ t("div", {
                 className: A,
                 children: l
             })

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

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-link.css.ts.vanilla.css-mistica.js";
 var v = {
-    default: "_1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2e",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2f",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2e"
+    default: "_1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2j",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2k",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2j"
 };
 export { v as variants };

package/dist-es/text-link.js

@@ -84,9 +84,9 @@ import l from "classnames";
 import { useTheme as p } from "./hooks.js";
 import { useIsInverseVariant as k } from "./theme-variant-context.js";
 import { useForm as d } from "./form-context.js";
-import { getTextFromChildren as n } from "./utils/common.js";
+import { getTextFromChildren as o } from "./utils/common.js";
 import { useTrackingConfig as T, eventNames as x, eventCategories as I, eventActions as y } from "./utils/analytics.js";
-import { variants as o } from "./text-link.css-mistica.js";
+import { variants as n } from "./text-link.css-mistica.js";
 const E = (_param)=>{
     var { children: t, className: r = "", disabled: a, style: s } = _param, e = _object_without_properties(_param, [
         "children",
@@ -97,11 +97,11 @@ const E = (_param)=>{
     const i = k(), { isDarkMode: m } = p(), { formStatus: c } = d(), { eventFormat: f } = T(), u = ()=>f === "google-analytics-4" ? {
             name: x.userInteraction,
             component_type: "link",
-            component_copy: n(t)
+            component_copy: o(t)
         } : {
             category: I.userInteraction,
             action: y.linkTapped,
-            label: n(t)
+            label: o(t)
         };
     var _e_trackingEvent;
     return /* @__PURE__ */ v(g, _object_spread_props(_object_spread({}, e), {
@@ -109,7 +109,7 @@ const E = (_param)=>{
         as: e.onPress ? "a" : void 0,
         trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? u() : void 0,
         disabled: a || c === "sending",
-        className: l(i ? m ? o.inverseDark : o.inverseLight : o.default, r),
+        className: l(i ? m ? n.inverseDark : n.inverseLight : n.default, r),
         style: s,
         children: t
     }));