@telefonica/mistica 12.12.0 → 13.0.0

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

@@ -124,18 +124,19 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 import * as s from "react";
-import { FieldContainer as ne, HelperText as re, Label as se } from "./text-field-components.js";
-import { LABEL_LEFT_POSITION as R, LABEL_SCALE_MOBILE as oe, LABEL_SCALE_DESKTOP as le } from "./text-field-components.css-mistica.js";
+import { FieldContainer as ie, HelperText as ne, Label as re } from "./text-field-components.js";
+import { LABEL_LEFT_POSITION as R, LABEL_SCALE_MOBILE as se, LABEL_SCALE_DESKTOP as oe } from "./text-field-components.css-mistica.js";
 import { Text3 as O } from "./text.js";
-import { isSafari as ae, isIos as de, isRunningAcceptanceTest as z, isFirefox as ce } from "./utils/platform.js";
-import { useAriaId as W, useTheme as F, useScreenSize as fe, useIsomorphicLayoutEffect as he } from "./hooks.js";
+import { isSafari as le, isIos as ae, isRunningAcceptanceTest as j, isFirefox as de } from "./utils/platform.js";
+import { useAriaId as W, useScreenSize as ce, useTheme as z, useIsomorphicLayoutEffect as fe } from "./hooks.js";
 import T from "classnames";
 import { combineRefs as D } from "./utils/common.js";
-import { startIcon as me, prefix as ge, prefixWithLabel as ue, prefixWithoutLabel as Se, fullWidth as pe, textArea as be, textAreaWithLabel as ye, textAreaWithoutLabel as xe, input as Le, inputWithLabel as Ce, inputWithoutLabel as Te, inputFirefoxStyles as Ae, endIcon as Ee, menuItem as Re, menuItemSelected as Ie, suggestionsContainer as Oe } from "./text-field-base.css-mistica.js";
-import { sprinkles as We } from "./sprinkles.css-mistica.js";
+import { startIcon as me, prefix as he, prefixWithLabel as ge, prefixWithoutLabel as ue, fullWidth as pe, textArea as Se, textAreaWithLabel as be, textAreaWithoutLabel as ye, input as xe, inputWithLabel as Le, inputWithoutLabel as Ce, inputFirefoxStyles as Te, endIcon as Ae, menuItem as Ee, menuItemSelected as Re, suggestionsContainer as Ie } from "./text-field-base.css-mistica.js";
+import { sprinkles as Oe } from "./sprinkles.css-mistica.js";
+import { vars as We } from "./skins/skin-contract.css-mistica.js";
 import { jsxs as Fe, jsx as i } from "./_virtual/jsx-runtime.js";
 var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
-    var c = _param.error, A = _param.helperText, n = _param.label, g = _param.inputProps, y = _param.inputRef, o = _param.defaultValue, t = _param.value, u = _param.onFocus, S = _param.onBlur, f = _param.inputComponent, h = _param.prefix, e = _param.startIcon, a = _param.endIcon, x = _param.endIconOverlay, H = _param.shrinkLabel, tmp = _param.multiline, L = tmp === void 0 ? !1 : tmp, C = _param.focus, K = _param.fieldRef, p = _param.maxLength, M = _param.id, G = _param.autoComplete, J = _param.fullWidth, r = _objectWithoutProperties(_param, [
+    var c = _param.error, A = _param.helperText, n = _param.label, g = _param.inputProps, y = _param.inputRef, o = _param.defaultValue, t = _param.value, u = _param.onFocus, p = _param.onBlur, f = _param.inputComponent, m = _param.prefix, e = _param.startIcon, a = _param.endIcon, x = _param.endIconOverlay, H = _param.shrinkLabel, tmp = _param.multiline, L = tmp === void 0 ? !1 : tmp, C = _param.focus, K = _param.fieldRef, S = _param.maxLength, M = _param.id, G = _param.autoComplete, J = _param.fullWidth, r = _objectWithoutProperties(_param, [
         "error",
         "helperText",
         "label",
@@ -159,14 +160,14 @@ var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
         "autoComplete",
         "fullWidth"
     ]);
-    var B;
-    var N = W(M), ref = _slicedToArray(s.useState((o == null ? void 0 : o.length) || (t == null ? void 0 : t.length) ? "filled" : "default"), 2), m = ref[0], d = ref[1], ref1 = F(), U = ref1.colors, ref2 = fe(), X = ref2.isTabletOrSmaller, ref3 = _slicedToArray(s.useState((B = o == null ? void 0 : o.length) != null ? B : 0), 2), Y = ref3[0], w = ref3[1], E = !!n || !r.required, P = F(), k = H || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, ref4 = _slicedToArray(s.useState("baseline"), 2), Z = ref4[0], $ = ref4[1];
-    he(function() {
-        ae() && $("initial");
+    var q;
+    var F = W(M), ref = _slicedToArray(s.useState((o == null ? void 0 : o.length) || (t == null ? void 0 : t.length) ? "filled" : "default"), 2), h = ref[0], d = ref[1], ref1 = ce(), U = ref1.isTabletOrSmaller, ref2 = _slicedToArray(s.useState((q = o == null ? void 0 : o.length) != null ? q : 0), 2), X = ref2[0], N = ref2[1], E = !!n || !r.required, w = z(), P = H || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, ref3 = _slicedToArray(s.useState("baseline"), 2), Y = ref3[0], Z = ref3[1];
+    fe(function() {
+        le() && Z("initial");
     }, []), s.useEffect(function() {
-        m !== "focused" && (t == null ? void 0 : t.length) && (w(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && (t == null ? void 0 : t.length) && d("filled");
+        h !== "focused" && (t == null ? void 0 : t.length) && (N(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && (t == null ? void 0 : t.length) && d("filled");
     }, [
-        m,
+        h,
         t,
         C
     ]), s.useEffect(function() {
@@ -174,27 +175,27 @@ var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
     }, [
         r.autoFocus
     ]);
-    var v = L ? "textarea" : "input", V = f ? {
+    var v = L ? "textarea" : "input", $ = f ? {
         inputRef: y
     } : {
         ref: D(Q, y)
     }, b = _objectSpread(_objectSpreadProps(_objectSpread({}, r), {
-        maxLength: p,
+        maxLength: S,
         autoComplete: G
-    }), g), _ = k || m === "focused" || m === "filled", ee = _ ? X ? oe : le : 1, te = {
+    }), g), k = P || h === "focused" || h === "filled", V = k ? U ? se : oe : 1, ee = {
         left: e ? 48 : R,
-        width: "calc(((100% - ".concat(R + (e ? 48 : R), "px)) / ").concat(ee, ")"),
-        paddingRight: a && !_ ? 36 : 0
-    }, q = We({
+        width: "calc(((100% - ".concat(R + (e ? 48 : R), "px)) / ").concat(V, ")"),
+        paddingRight: a && !k ? 36 : 0
+    }, _ = Oe({
         paddingRight: a ? 0 : 16,
-        paddingLeft: h ? 0 : e ? 48 : 12
-    }), ie = r.type === "password" && de(P.platformOverrides) && !z(P.platformOverrides) ? "arial" : "inherit";
-    return /* @__PURE__ */ Fe(ne, {
+        paddingLeft: m ? 0 : e ? 48 : 12
+    }), te = r.type === "password" && ae(w.platformOverrides) && !j(w.platformOverrides) ? "arial" : "inherit";
+    return /* @__PURE__ */ Fe(ie, {
         disabled: r.disabled,
-        helperText: /* @__PURE__ */ i(re, {
+        helperText: /* @__PURE__ */ i(ne, {
             error: c,
             leftText: A,
-            rightText: L && p ? "".concat(Y, "/").concat(p) : void 0
+            rightText: L && S ? "".concat(X, "/").concat(S) : void 0
         }),
         multiline: L,
         fullWidth: J,
@@ -205,42 +206,42 @@ var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
                 className: me,
                 children: e
             }),
-            h && /* @__PURE__ */ i("div", {
-                className: T(ge, E ? ue : Se),
+            m && /* @__PURE__ */ i("div", {
+                className: T(he, E ? ge : ue),
                 style: {
-                    opacity: m === "default" ? 0 : 1,
-                    alignSelf: Z
+                    opacity: h === "default" ? 0 : 1,
+                    alignSelf: Y
                 },
                 children: /* @__PURE__ */ i(O, {
-                    color: U.textSecondary,
+                    color: We.colors.textSecondary,
                     regular: !0,
                     wordBreak: !1,
-                    children: h
+                    children: m
                 })
             }),
             /* @__PURE__ */ i("div", {
                 className: pe,
                 style: {
-                    alignSelf: h ? "baseline" : "initial"
+                    alignSelf: m ? "baseline" : "initial"
                 },
                 children: /* @__PURE__ */ i(O, {
                     as: "div",
                     regular: !0,
-                    children: /*#__PURE__*/ s.createElement(f || v, _objectSpread(_objectSpreadProps(_objectSpread({}, V, b), {
-                        id: N,
+                    children: /*#__PURE__*/ s.createElement(f || v, _objectSpread(_objectSpreadProps(_objectSpread({}, $, b), {
+                        id: F,
                         style: _objectSpreadProps(_objectSpread({}, b.style), {
-                            fontFamily: ie
+                            fontFamily: te
                         }),
-                        className: L ? T(be, E ? ye : xe, q) : T(Le, E ? Ce : Te, q, _defineProperty({}, Ae, ce())),
+                        className: L ? T(Se, E ? be : ye, _) : T(xe, E ? Le : Ce, _, _defineProperty({}, Te, de())),
                         onFocus: function(l) {
                             d("focused"), u == null || u(l);
                         },
                         onBlur: function(l) {
-                            l.target.value.length > 0 ? d("filled") : d("default"), S == null || S(l);
+                            l.target.value.length > 0 ? d("filled") : d("default"), p == null || p(l);
                         },
                         onChange: function(l) {
-                            var j;
-                            p === void 0 || l.target.value.length <= p ? (w(l.target.value.length), (j = b.onChange) == null || j.call(b, l)) : (l.stopPropagation(), l.preventDefault());
+                            var B;
+                            S === void 0 || l.target.value.length <= S ? (N(l.target.value.length), (B = b.onChange) == null || B.call(b, l)) : (l.stopPropagation(), l.preventDefault());
                         },
                         defaultValue: o,
                         value: t
@@ -249,17 +250,17 @@ var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
                     }))
                 })
             }),
-            n && /* @__PURE__ */ i(se, {
-                style: te,
+            n && /* @__PURE__ */ i(re, {
+                style: ee,
                 error: c,
-                forId: N,
-                inputState: m,
-                shrinkLabel: k,
+                forId: F,
+                inputState: h,
+                shrinkLabel: P,
                 optional: !r.required,
                 children: n
             }),
             a && /* @__PURE__ */ i("div", {
-                className: Ee,
+                className: Ae,
                 children: a
             }),
             x
@@ -267,22 +268,22 @@ var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
     });
 }), Ne = /*#__PURE__*/ s.lazy(function() {
     return import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest");
-}), Ke = /*#__PURE__*/ s.forwardRef(function(_param, g) {
+}), Me = /*#__PURE__*/ s.forwardRef(function(_param, g) {
     var c = _param.getSuggestions, A = _param.id, n = _objectWithoutProperties(_param, [
         "getSuggestions",
         "id"
     ]);
-    var ref = _slicedToArray(s.useState([]), 2), y = ref[0], o = ref[1], t = s.useRef(null), ref1 = F(), u = ref1.platformOverrides, S = ref1.texts, f = W(A), h = W();
+    var ref = _slicedToArray(s.useState([]), 2), y = ref[0], o = ref[1], t = s.useRef(null), ref1 = z(), u = ref1.platformOverrides, p = ref1.texts, f = W(A), m = W();
     if (c && (n.value === void 0 || n.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
     return c ? /* @__PURE__ */ i(s.Suspense, {
         fallback: /* @__PURE__ */ i(I, _objectSpreadProps(_objectSpread({}, n), {
-            label: z(u) ? "" : n.label,
+            label: j(u) ? "" : n.label,
             autoComplete: "off",
             ref: g,
             id: f
         })),
         children: /* @__PURE__ */ i(Ne, {
-            id: h,
+            id: m,
             inputProps: _objectSpreadProps(_objectSpread({}, n), {
                 id: f,
                 autoComplete: "off",
@@ -316,7 +317,7 @@ var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
                 var a = param.isHighlighted;
                 return /* @__PURE__ */ i("div", {
                     role: "menuitem",
-                    className: T(Re, _defineProperty({}, Ie, a)),
+                    className: T(Ee, _defineProperty({}, Re, a)),
                     children: /* @__PURE__ */ i(O, {
                         regular: !0,
                         children: e
@@ -328,8 +329,8 @@ var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
                     style: {
                         width: t.current ? t.current.clientWidth + 2 : 0
                     },
-                    className: Oe,
-                    "aria-label": "".concat(n.label, " ").concat(S.menuLabelSuffix),
+                    className: Ie,
+                    "aria-label": "".concat(n.label, " ").concat(p.menuLabelSuffix),
                     children: e.children
                 }));
             }
@@ -339,4 +340,4 @@ var I = /*#__PURE__*/ s.forwardRef(function(_param, Q) {
         ref: g
     }));
 });
-export { I as TextFieldBase, Ke as TextFieldBaseAutosuggest };
+export { I as TextFieldBase, Me as TextFieldBaseAutosuggest };

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

@@ -97,56 +97,56 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 import * as u from "react";
-import c from "classnames";
-import { useIsInverseVariant as g } from "./theme-variant-context.js";
-import { useTheme as x } from "./hooks.js";
+import a from "classnames";
+import { useIsInverseVariant as y } from "./theme-variant-context.js";
+import { useTheme as g } from "./hooks.js";
 import { Text1 as h } from "./text.js";
 import { labelContainer as C, shrinked as S, labelText as k, helperContainer as I, helperText as p, leftText as E, rightText as F, fieldContainer as L, fullWidth as W, normalWidth as j, disabled as w, field as A, fieldMulti as O, fieldSingle as P } from "./text-field-components.css-mistica.js";
-import { sprinkles as v } from "./sprinkles.css-mistica.js";
-import { vars as a } from "./skins/skin-contract.css-mistica.js";
-import { jsxs as d, jsx as l } from "./_virtual/jsx-runtime.js";
+import { sprinkles as x } from "./sprinkles.css-mistica.js";
+import { vars as e } from "./skins/skin-contract.css-mistica.js";
+import { jsxs as c, jsx as l } from "./_virtual/jsx-runtime.js";
 var B = function(param) {
-    var o = param.shrinkLabel, t = param.forId, r = param.inputState, s = param.error, e = param.children, i = param.style, n = param.optional;
-    var m = o || r === "focused" || r === "filled", ref = _slicedToArray(u.useState(""), 2), T = ref[0], b = ref[1], ref1 = x(), N = ref1.texts;
+    var o = param.shrinkLabel, s = param.forId, r = param.inputState, t = param.error, i = param.children, n = param.style, d = param.optional;
+    var m = o || r === "focused" || r === "filled", ref = _slicedToArray(u.useState(""), 2), v = ref[0], T = ref[1], ref1 = g(), b = ref1.texts;
     u.useEffect(function() {
-        var y = setTimeout(function() {
-            process.env.NODE_ENV !== "test" && b("transform 150ms, width 150ms");
+        var N = setTimeout(function() {
+            process.env.NODE_ENV !== "test" && T("transform 150ms, width 150ms");
         });
         return function() {
-            clearTimeout(y);
+            clearTimeout(N);
         };
     }, []);
-    var f = a.colors.textSecondary;
-    return s && r !== "default" ? f = a.colors.error : r === "focused" && (f = a.colors.controlActivated), /* @__PURE__ */ d("label", {
-        className: c(C, _defineProperty({}, S, m), v({
+    var f = e.colors.textSecondary;
+    return t && r !== "default" ? f = e.colors.error : r === "focused" && (f = e.colors.controlActivated), /* @__PURE__ */ c("label", {
+        className: a(C, _defineProperty({}, S, m), x({
             color: f
         })),
-        htmlFor: t,
-        style: _objectSpreadProps(_objectSpread({}, i), {
-            transition: T
+        htmlFor: s,
+        style: _objectSpreadProps(_objectSpread({}, n), {
+            transition: v
         }),
         children: [
             /* @__PURE__ */ l("span", {
                 className: k,
-                children: e
+                children: i
             }),
-            n ? /* @__PURE__ */ d("span", {
+            d ? /* @__PURE__ */ c("span", {
                 children: [
                     "\xa0(",
-                    N.formFieldOptionalLabelSuffix,
+                    b.formFieldOptionalLabelSuffix,
                     ")"
                 ]
             }) : null
         ]
     });
 }, G = function(param) {
-    var o = param.leftText, t = param.rightText, r = param.error;
-    var s = g(), ref = x(), e = ref.colors, i = s ? e.textPrimaryInverse : r ? e.error : e.textSecondary, n = s ? e.textPrimaryInverse : e.textSecondary;
-    return /* @__PURE__ */ d("div", {
+    var o = param.leftText, s = param.rightText, r = param.error;
+    var t = y(), i = t ? e.colors.textPrimaryInverse : r ? e.colors.error : e.colors.textSecondary, n = t ? e.colors.textPrimaryInverse : e.colors.textSecondary;
+    return /* @__PURE__ */ c("div", {
         className: I,
         children: [
             o && /* @__PURE__ */ l("div", {
-                className: c(p, E),
+                className: a(p, E),
                 children: /* @__PURE__ */ l(h, {
                     color: i,
                     regular: !0,
@@ -154,30 +154,30 @@ var B = function(param) {
                     children: o
                 })
             }),
-            t && /* @__PURE__ */ l("div", {
-                className: c(p, F),
+            s && /* @__PURE__ */ l("div", {
+                className: a(p, F),
                 children: /* @__PURE__ */ l(h, {
                     color: n,
                     regular: !0,
                     as: "p",
-                    children: t
+                    children: s
                 })
             })
         ]
     });
 }, J = function(param) {
-    var o = param.multiline, t = param.disabled, r = param.children, s = param.helperText, e = param.className, i = param.fieldRef, n = param.fullWidth, m = param.readOnly;
-    return /* @__PURE__ */ d("div", {
-        className: c(L, n ? W : j, _defineProperty({}, w, t)),
+    var o = param.multiline, s = param.disabled, r = param.children, t = param.helperText, i = param.className, n = param.fieldRef, d = param.fullWidth, m = param.readOnly;
+    return /* @__PURE__ */ c("div", {
+        className: a(L, d ? W : j, _defineProperty({}, w, s)),
         children: [
             /* @__PURE__ */ l("div", {
-                className: c(A, o ? O : P, v({
-                    background: m ? a.colors.neutralLow : a.colors.backgroundContainer
-                }), e),
-                ref: i,
+                className: a(A, o ? O : P, x({
+                    background: m ? e.colors.neutralLow : e.colors.backgroundContainer
+                }), i),
+                ref: n,
                 children: r
             }),
-            s
+            t
         ]
     });
 };

package/dist-es/text-link.js

@@ -77,45 +77,41 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { variants as o } from "./text-link.css-mistica.js";
-import { BaseTouchable as g } from "./touchable.js";
-import p from "classnames";
+import { variants as n } from "./text-link.css-mistica.js";
+import { BaseTouchable as l } from "./touchable.js";
+import g from "classnames";
 import { useTheme as k } from "./hooks.js";
-import { useIsInverseVariant as d } from "./theme-variant-context.js";
-import { useForm as T } from "./form-context.js";
-import { getTextFromChildren as a } from "./utils/common.js";
-import { useTrackingConfig as x, eventNames as I, eventCategories as y, eventActions as E } from "./utils/analytics.js";
-import { pxToRem as b } from "./utils/css.js";
-import { jsx as C } from "./_virtual/jsx-runtime.js";
-var B = function(_param) {
-    var t = _param.children, tmp = _param.className, i = tmp === void 0 ? "" : tmp, s = _param.small, m = _param.disabled, r = _param.style, e = _objectWithoutProperties(_param, [
+import { useIsInverseVariant as p } from "./theme-variant-context.js";
+import { useForm as d } from "./form-context.js";
+import { getTextFromChildren as o } from "./utils/common.js";
+import { useTrackingConfig as T, eventNames as I, eventCategories as x, eventActions as y } from "./utils/analytics.js";
+import { jsx as E } from "./_virtual/jsx-runtime.js";
+var A = function(_param) {
+    var t = _param.children, tmp = _param.className, a = tmp === void 0 ? "" : tmp, s = _param.disabled, i = _param.style, e = _objectWithoutProperties(_param, [
         "children",
         "className",
-        "small",
         "disabled",
         "style"
     ]);
-    var n;
-    var c = d(), ref = k(), f = ref.isDarkMode, ref1 = T(), v = ref1.formStatus, ref2 = x(), u = ref2.eventFormat, l = function() {
-        return u === "google-analytics-4" ? {
+    var r;
+    var m = p(), ref = k(), c = ref.isDarkMode, ref1 = d(), f = ref1.formStatus, ref2 = T(), v = ref2.eventFormat, u = function() {
+        return v === "google-analytics-4" ? {
             name: I.userInteraction,
             component_type: "link",
-            component_copy: a(t)
+            component_copy: o(t)
         } : {
-            category: y.userInteraction,
-            action: E.linkTapped,
-            label: a(t)
+            category: x.userInteraction,
+            action: y.linkTapped,
+            label: o(t)
         };
     };
-    return /* @__PURE__ */ C(g, _objectSpreadProps(_objectSpread({}, e), {
+    return /* @__PURE__ */ E(l, _objectSpreadProps(_objectSpread({}, e), {
         as: e.onPress ? "a" : void 0,
-        trackingEvent: (n = e.trackingEvent) != null ? n : e.trackEvent ? l() : void 0,
-        disabled: m || v === "sending",
-        className: p(c ? f ? o.inverseDark : o.inverseLight : o.default, i),
-        style: s ? _objectSpreadProps(_objectSpread({}, r), {
-            fontSize: b(14)
-        }) : r,
+        trackingEvent: (r = e.trackingEvent) != null ? r : e.trackEvent ? u() : void 0,
+        disabled: s || f === "sending",
+        className: g(m ? c ? n.inverseDark : n.inverseLight : n.default, a),
+        style: i,
         children: t
     }));
 };
-export { B as default };
+export { A as default };

package/dist-es/text.js

@@ -77,57 +77,57 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import * as R from "react";
-import j from "classnames";
-import { assignInlineVars as L } from "@vanilla-extract/dynamic";
-import { useIsInverseVariant as B } from "./theme-variant-context.js";
-import { pxToRem as p } from "./utils/css.js";
-import { getPrefixedDataAttributes as E } from "./utils/dom.js";
-import { useTheme as s } from "./hooks.js";
+import * as O from "react";
+import R from "classnames";
+import { assignInlineVars as k } from "@vanilla-extract/dynamic";
+import { useIsInverseVariant as j } from "./theme-variant-context.js";
+import { pxToRem as x } from "./utils/css.js";
+import { getPrefixedDataAttributes as B } from "./utils/dom.js";
+import { useTheme as m } from "./hooks.js";
 import { vars as r } from "./skins/skin-contract.css-mistica.js";
-import { text as N, withWordBreak as $, withoutWordBreak as q, truncateToOneLine as F, truncateToMoreThanOneLine as G, vars as a } from "./text.css-mistica.js";
+import { text as E, withWordBreak as N, withoutWordBreak as $, truncateToOneLine as q, truncateToMoreThanOneLine as F, vars as a } from "./text.css-mistica.js";
 import { jsx as o } from "./_virtual/jsx-runtime.js";
-var J = {
+var G = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, K = function(e) {
+}, J = function(e) {
     return e === !0 ? 1 : e || "initial";
 }, n = function(param) {
-    var e = param.weight, tmp = param.color, t = tmp === void 0 ? r.colors.textPrimary : tmp, i = param.decoration, m = param.truncate, f = param.transform, tmp1 = param.wordBreak, h = tmp1 === void 0 ? !0 : tmp1, z = param.hyphens, tmp2 = param.as, w = tmp2 === void 0 ? "span" : tmp2, g = param.children, c = param.size, tmp3 = param.mobileSize, u = tmp3 === void 0 ? c : tmp3, tmp4 = param.desktopSize, d = tmp4 === void 0 ? c : tmp4, b = param.lineHeight, tmp5 = param.mobileLineHeight, T = tmp5 === void 0 ? b : tmp5, tmp6 = param.desktopLineHeight, S = tmp6 === void 0 ? b : tmp6, H = param.letterSpacing, v = param.textAlign, P = param.id, y = param.role, A = param["aria-level"], I = param.dataAttributes;
-    var k;
+    var e = param.weight, tmp = param.color, t = tmp === void 0 ? r.colors.textPrimary : tmp, i = param.decoration, s = param.truncate, L = param.transform, tmp1 = param.wordBreak, g = tmp1 === void 0 ? !0 : tmp1, f = param.hyphens, tmp2 = param.as, z = tmp2 === void 0 ? "span" : tmp2, l = param.children, h = param.size, tmp3 = param.mobileSize, c = tmp3 === void 0 ? h : tmp3, tmp4 = param.desktopSize, u = tmp4 === void 0 ? h : tmp4, d = param.lineHeight, tmp5 = param.mobileLineHeight, b = tmp5 === void 0 ? d : tmp5, tmp6 = param.desktopLineHeight, T = tmp6 === void 0 ? d : tmp6, w = param.letterSpacing, H = param.textAlign, v = param.id, A = param.role, P = param["aria-level"], y = param.dataAttributes;
+    var S;
     var _obj;
-    var W = B(), V = K(m), ref = s(), x = ref.colors, C = (_obj = {}, _defineProperty(_obj, r.colors.textPrimary, r.colors.textPrimaryInverse), _defineProperty(_obj, r.colors.textSecondary, r.colors.textSecondaryInverse), _defineProperty(_obj, r.colors.textLink, r.colors.textLinkInverse), _defineProperty(_obj, x.textPrimary, x.textPrimaryInverse), _defineProperty(_obj, x.textSecondary, x.textSecondaryInverse), _defineProperty(_obj, x.textLink, x.textLinkInverse), _obj);
-    if (!g && g !== 0) return null;
+    var I = j(), W = J(s), V = (_obj = {}, _defineProperty(_obj, r.colors.textPrimary, r.colors.textPrimaryInverse), _defineProperty(_obj, r.colors.textSecondary, r.colors.textSecondaryInverse), _defineProperty(_obj, r.colors.textLink, r.colors.textLinkInverse), _obj);
+    if (!l && l !== 0) return null;
     var _obj1, _obj2;
-    var D = j(N, h ? $ : q, (_obj1 = {}, _defineProperty(_obj1, F, m === 1 || m === !0), _defineProperty(_obj1, G, m && m > 1), _obj1)), M = L((_obj2 = {}, _defineProperty(_obj2, a.mobileSize, u ? p(u) : ""), _defineProperty(_obj2, a.mobileLineHeight, T ? p(T) : ""), _defineProperty(_obj2, a.desktopSize, d ? p(d) : ""), _defineProperty(_obj2, a.desktopLineHeight, S ? p(S) : ""), _obj2)), O = m ? L(_defineProperty({}, a.lineClamp, String(V))) : {};
-    return /*#__PURE__*/ R.createElement(w, _objectSpreadProps(_objectSpread({
-        className: D,
-        id: P,
-        role: y,
-        "aria-level": A
-    }, E(I)), {
-        style: _objectSpreadProps(_objectSpread({}, M, O), {
-            hyphens: z,
-            letterSpacing: H,
-            fontWeight: e ? J[e] : "inherit",
-            textTransform: f || "inherit",
+    var C = R(E, g ? N : $, (_obj1 = {}, _defineProperty(_obj1, q, s === 1 || s === !0), _defineProperty(_obj1, F, s && s > 1), _obj1)), D = k((_obj2 = {}, _defineProperty(_obj2, a.mobileSize, c ? x(c) : ""), _defineProperty(_obj2, a.mobileLineHeight, b ? x(b) : ""), _defineProperty(_obj2, a.desktopSize, u ? x(u) : ""), _defineProperty(_obj2, a.desktopLineHeight, T ? x(T) : ""), _obj2)), M = s ? k(_defineProperty({}, a.lineClamp, String(W))) : {};
+    return /*#__PURE__*/ O.createElement(z, _objectSpreadProps(_objectSpread({
+        className: C,
+        id: v,
+        role: A,
+        "aria-level": P
+    }, B(y)), {
+        style: _objectSpreadProps(_objectSpread({}, D, M), {
+            hyphens: f,
+            letterSpacing: w,
+            fontWeight: e ? G[e] : "inherit",
+            textTransform: L || "inherit",
             textDecoration: i != null ? i : "inherit",
-            overflowWrap: h ? "anywhere" : "inherit",
-            color: W && (k = C[t]) != null ? k : t,
-            textAlign: v
+            overflowWrap: g ? "anywhere" : "inherit",
+            color: I && (S = V[t]) != null ? S : t,
+            textAlign: H
         })
-    }), g);
-}, l = function(e) {
+    }), l);
+}, p = function(e) {
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
-}, oe = function(_param) {
+}, ie = function(_param) {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    var ref = s(), i = ref.textPresets;
+    var ref = m(), i = ref.textPresets;
     return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
@@ -138,11 +138,11 @@ var J = {
             "component-name": "Text10"
         }, e)
     }, t));
-}, ne = function(_param) {
+}, oe = function(_param) {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    var ref = s(), i = ref.textPresets;
+    var ref = m(), i = ref.textPresets;
     return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
@@ -153,11 +153,11 @@ var J = {
             "component-name": "Text9"
         }, e)
     }, t));
-}, re = function(_param) {
+}, ne = function(_param) {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    var ref = s(), i = ref.textPresets;
+    var ref = m(), i = ref.textPresets;
     return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 32,
         mobileLineHeight: "40px",
@@ -168,11 +168,11 @@ var J = {
             "component-name": "Text8"
         }, e)
     }, t));
-}, se = function(_param) {
+}, re = function(_param) {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    var ref = s(), i = ref.textPresets;
+    var ref = m(), i = ref.textPresets;
     return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 28,
         mobileLineHeight: "32px",
@@ -183,11 +183,11 @@ var J = {
             "component-name": "Text7"
         }, e)
     }, t));
-}, me = function(_param) {
+}, se = function(_param) {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    var ref = s(), i = ref.textPresets;
+    var ref = m(), i = ref.textPresets;
     return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 24,
         mobileLineHeight: "32px",
@@ -198,11 +198,11 @@ var J = {
             "component-name": "Text6"
         }, e)
     }, t));
-}, xe = function(_param) {
+}, me = function(_param) {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    var ref = s(), i = ref.textPresets;
+    var ref = m(), i = ref.textPresets;
     return /* @__PURE__ */ o(n, _objectSpread({
         mobileSize: 22,
         mobileLineHeight: "24px",
@@ -222,12 +222,12 @@ var J = {
         mobileLineHeight: "24px",
         desktopSize: 20,
         desktopLineHeight: "28px",
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _objectSpread({
             "component-name": "Text4"
         }, e)
     }, t));
-}, pe = function(_param) /* @__PURE__ */ {
+}, xe = function(_param) /* @__PURE__ */ {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
@@ -235,12 +235,12 @@ var J = {
         mobileSize: 16,
         desktopSize: 18,
         lineHeight: "24px",
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _objectSpread({
             "component-name": "Text3"
         }, e)
     }, t));
-}, le = function(_param) /* @__PURE__ */ {
+}, pe = function(_param) /* @__PURE__ */ {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
@@ -249,12 +249,12 @@ var J = {
         mobileLineHeight: "20px",
         desktopSize: 16,
         desktopLineHeight: "24px",
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _objectSpread({
             "component-name": "Text2"
         }, e)
     }, t));
-}, ge = function(_param) /* @__PURE__ */ {
+}, le = function(_param) /* @__PURE__ */ {
     var e = _param.dataAttributes, t = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
@@ -263,10 +263,10 @@ var J = {
         mobileLineHeight: "16px",
         desktopSize: 14,
         desktopLineHeight: "20px",
-        weight: l(t),
+        weight: p(t),
         dataAttributes: _objectSpread({
             "component-name": "Text1"
         }, e)
     }, t));
 };
-export { n as Text, ge as Text1, oe as Text10, le as Text2, pe as Text3, ae as Text4, xe as Text5, me as Text6, se as Text7, re as Text8, ne as Text9, n as default };
+export { n as Text, le as Text1, ie as Text10, pe as Text2, xe as Text3, ae as Text4, me as Text5, se as Text6, re as Text7, ne as Text8, oe as Text9, n as default };