@telefonica/mistica 14.15.0 → 14.16.0

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

@@ -81,16 +81,16 @@ import { jsxs as te, jsx as i } from "react/jsx-runtime";
 import * as s from "react";
 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 le } from "./text-field-components.css-mistica.js";
-import { Text3 as O } from "./text.js";
-import { isSafari as oe, isIos as ae, isRunningAcceptanceTest as B, isFirefox as de } from "./utils/platform.js";
-import { useAriaId as W, useScreenSize as ce, useTheme as j, useIsomorphicLayoutEffect as fe } from "./hooks.js";
-import T from "classnames";
-import { combineRefs as z } from "./utils/common.js";
-import { startIcon as he, prefix as me, 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";
-const I = /*#__PURE__*/ s.forwardRef((_param, J)=>{
-    var { error: c , helperText: A , label: n , inputProps: g , inputRef: y , defaultValue: o , value: t , onFocus: u , onBlur: p , inputComponent: h , prefix: m , startIcon: e , endIcon: a , endIconOverlay: x , shrinkLabel: D , multiline: L = !1 , focus: C , fieldRef: H , maxLength: S , id: K , autoComplete: M , fullWidth: G  } = _param, r = _object_without_properties(_param, [
+import { Text3 as I } from "./text.js";
+import { isSafari as oe, isRunningAcceptanceTest as q, isFirefox as ae } from "./utils/platform.js";
+import { useAriaId as O, useScreenSize as de, useTheme as B, useIsomorphicLayoutEffect as ce } from "./hooks.js";
+import A from "classnames";
+import { combineRefs as j } from "./utils/common.js";
+import { startIcon as fe, prefix as he, prefixWithLabel as ge, prefixWithoutLabel as me, fullWidth as ue, textArea as Se, textAreaWithLabel as pe, textAreaWithoutLabel as be, input as ye, inputWithLabel as Le, inputWithoutLabel as xe, inputFirefoxStyles as Ce, endIcon as Ae, menuItem as Te, menuItemSelected as Ee, suggestionsContainer as Re } from "./text-field-base.css-mistica.js";
+import { sprinkles as We } from "./sprinkles.css-mistica.js";
+import { vars as Ie } from "./skins/skin-contract.css-mistica.js";
+const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
+    var { error: c , helperText: T , label: n , inputProps: m , inputRef: y , defaultValue: o , value: t , onFocus: u , onBlur: S , inputComponent: h , prefix: g , startIcon: e , endIcon: a , endIconOverlay: L , shrinkLabel: z , multiline: x = !1 , focus: C , fieldRef: D , maxLength: p , id: G , autoComplete: H , fullWidth: K  } = _param, r = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -115,8 +115,8 @@ const I = /*#__PURE__*/ s.forwardRef((_param, J)=>{
         "fullWidth"
     ]);
     var _ref;
-    const F = W(K), [f, d] = s.useState(o != null && o.length || t != null && t.length ? "filled" : "default"), { isTabletOrSmaller: Q  } = ce(), [U, N] = s.useState((_ref = o == null ? void 0 : o.length) !== null && _ref !== void 0 ? _ref : 0), E = !!n || !r.required, w = j(), P = D || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, [X, Y] = s.useState("baseline");
-    fe(()=>{
+    const F = O(G), [f, d] = s.useState(o != null && o.length || t != null && t.length ? "filled" : "default"), { isTabletOrSmaller: J  } = de(), [Q, N] = s.useState((_ref = o == null ? void 0 : o.length) !== null && _ref !== void 0 ? _ref : 0), E = !!n || !r.required, U = B(), w = z || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, [X, Y] = s.useState("baseline");
+    ce(()=>{
         oe() && Y("initial");
     }, []), s.useEffect(()=>{
         f !== "focused" && t != null && t.length && (N(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && t != null && t.length && d("filled");
@@ -129,77 +129,77 @@ const I = /*#__PURE__*/ s.forwardRef((_param, J)=>{
     }, [
         r.autoFocus
     ]);
-    const Z = L ? "textarea" : "input", v = h ? {
+    const Z = x ? "textarea" : "input", $ = h ? {
         inputRef: y
     } : {
-        ref: z(J, y)
+        ref: j(M, y)
     }, b = _object_spread(_object_spread_props(_object_spread({}, r), {
-        maxLength: S,
-        autoComplete: M
-    }), g), k = P || f === "focused" || f === "filled", $ = k ? Q ? se : le : 1, V = {
+        maxLength: p,
+        autoComplete: H
+    }), m), P = w || f === "focused" || f === "filled", v = P ? J ? se : le : 1, V = {
         left: e ? 48 : R,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc(((100% - ${R + (e ? 48 : R)}px)) / ${$})`,
-        paddingRight: a && !k ? 36 : 0
-    }, _ = Oe({
+        width: `calc(((100% - ${R + (e ? 48 : R)}px)) / ${v})`,
+        paddingRight: a && !P ? 36 : 0
+    }, k = We({
         paddingRight: a ? 0 : 16,
-        paddingLeft: m ? 0 : e ? 48 : 12
-    }), ee = r.type === "password" && ae(w.platformOverrides) && !B(w.platformOverrides) ? "arial" : "inherit";
+        paddingLeft: g ? 0 : e ? 48 : 12
+    }), ee = r.type === "password" && !q(U.platformOverrides) ? "Lucida Grande, Arial, sans-serif" : "inherit";
     return /* @__PURE__ */ te(ie, {
         disabled: r.disabled,
         helperText: /* @__PURE__ */ i(ne, {
             error: c,
-            leftText: A,
-            rightText: L && S ? `${U}/${S}` : void 0
+            leftText: T,
+            rightText: x && p ? `${Q}/${p}` : void 0
         }),
-        multiline: L,
-        fullWidth: G,
-        fieldRef: H,
+        multiline: x,
+        fullWidth: K,
+        fieldRef: D,
         readOnly: r.readOnly,
         children: [
             e && /* @__PURE__ */ i("div", {
-                className: he,
+                className: fe,
                 children: e
             }),
-            m && /* @__PURE__ */ i("div", {
-                className: T(me, E ? ge : ue),
+            g && /* @__PURE__ */ i("div", {
+                className: A(he, E ? ge : me),
                 style: {
                     opacity: f === "default" ? 0 : 1,
                     alignSelf: X
                 },
-                children: /* @__PURE__ */ i(O, {
-                    color: We.colors.textSecondary,
+                children: /* @__PURE__ */ i(I, {
+                    color: Ie.colors.textSecondary,
                     regular: !0,
                     wordBreak: !1,
-                    children: m
+                    children: g
                 })
             }),
             /* @__PURE__ */ i("div", {
-                className: pe,
+                className: ue,
                 style: {
-                    alignSelf: m ? "baseline" : "initial"
+                    alignSelf: g ? "baseline" : "initial"
                 },
-                children: /* @__PURE__ */ i(O, {
+                children: /* @__PURE__ */ i(I, {
                     as: "div",
                     regular: !0,
-                    children: /*#__PURE__*/ s.createElement(h || Z, _object_spread(_object_spread_props(_object_spread({}, v, b), {
+                    children: /*#__PURE__*/ s.createElement(h || Z, _object_spread(_object_spread_props(_object_spread({}, $, b), {
                         id: F,
                         style: _object_spread_props(_object_spread({}, b.style), {
                             fontFamily: ee
                         }),
-                        className: L ? T(Se, E ? be : ye, _) : T(xe, E ? Le : Ce, _, {
-                            [Te]: de()
+                        className: x ? A(Se, E ? pe : be, k) : A(ye, E ? Le : xe, k, {
+                            [Ce]: ae()
                         }),
                         onFocus: (l)=>{
                             d("focused"), u == null || u(l);
                         },
                         onBlur: (l)=>{
-                            l.target.value.length > 0 ? d("filled") : d("default"), p == null || p(l);
+                            l.target.value.length > 0 ? d("filled") : d("default"), S == null || S(l);
                         },
                         onChange: (l)=>{
-                            var q;
-                            S === void 0 || l.target.value.length <= S ? (N(l.target.value.length), l.target.value.length > 0 && f !== "focused" && d("filled"), (q = b.onChange) == null || q.call(b, l)) : (l.stopPropagation(), l.preventDefault());
+                            var _;
+                            p === void 0 || l.target.value.length <= p ? (N(l.target.value.length), l.target.value.length > 0 && f !== "focused" && d("filled"), (_ = b.onChange) == null || _.call(b, l)) : (l.stopPropagation(), l.preventDefault());
                         },
                         defaultValue: o,
                         value: t
@@ -213,7 +213,7 @@ const I = /*#__PURE__*/ s.forwardRef((_param, J)=>{
                 error: c,
                 forId: F,
                 inputState: f,
-                shrinkLabel: P,
+                shrinkLabel: w,
                 optional: !r.required,
                 children: n
             }),
@@ -221,41 +221,41 @@ const I = /*#__PURE__*/ s.forwardRef((_param, J)=>{
                 className: Ae,
                 children: a
             }),
-            x
+            L
         ]
     });
-}), Fe = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), Ke = /*#__PURE__*/ s.forwardRef((_param, g)=>{
-    var { getSuggestions: c , id: A  } = _param, n = _object_without_properties(_param, [
+}), Oe = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), Ge = /*#__PURE__*/ s.forwardRef((_param, m)=>{
+    var { getSuggestions: c , id: T  } = _param, n = _object_without_properties(_param, [
         "getSuggestions",
         "id"
     ]);
-    const [y, o] = s.useState([]), t = s.useRef(null), { platformOverrides: u , texts: p  } = j(), h = W(A), m = W();
+    const [y, o] = s.useState([]), t = s.useRef(null), { platformOverrides: u , texts: S  } = B(), h = O(T), g = O();
     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, _object_spread_props(_object_spread({}, n), {
-            label: B(u) ? "" : n.label,
+        fallback: /* @__PURE__ */ i(W, _object_spread_props(_object_spread({}, n), {
+            label: q(u) ? "" : n.label,
             autoComplete: "off",
-            ref: g,
+            ref: m,
             id: h
         })),
-        children: /* @__PURE__ */ i(Fe, {
-            id: m,
+        children: /* @__PURE__ */ i(Oe, {
+            id: g,
             inputProps: _object_spread_props(_object_spread({}, n), {
                 id: h,
                 autoComplete: "off",
                 // @ts-expect-error Autosuggest expects slightly different types
                 onChange: (e, param)=>{
                     let { newValue: a  } = param;
-                    var x;
+                    var L;
                     e.target = _object_spread_props(_object_spread({}, e.target), {
                         value: a
                     }), e.currentTarget = _object_spread_props(_object_spread({}, e.currentTarget), {
                         value: a
-                    }), (x = n.onChange) == null || x.call(n, e);
+                    }), (L = n.onChange) == null || L.call(n, e);
                 }
             }),
-            renderInputComponent: (e)=>/* @__PURE__ */ i(I, _object_spread_props(_object_spread({}, e), {
-                    inputRef: z(t, n.inputRef, g)
+            renderInputComponent: (e)=>/* @__PURE__ */ i(W, _object_spread_props(_object_spread({}, e), {
+                    inputRef: j(t, n.inputRef, m)
                 })),
             suggestions: y,
             onSuggestionsFetchRequested: (param)=>{
@@ -268,10 +268,10 @@ const I = /*#__PURE__*/ s.forwardRef((_param, J)=>{
                 let { isHighlighted: a  } = param;
                 return i("div", {
                     role: "menuitem",
-                    className: T(Ee, {
-                        [Re]: a
+                    className: A(Te, {
+                        [Ee]: a
                     }),
-                    children: /* @__PURE__ */ i(O, {
+                    children: /* @__PURE__ */ i(I, {
                         regular: !0,
                         children: e
                     })
@@ -281,14 +281,14 @@ const I = /*#__PURE__*/ s.forwardRef((_param, J)=>{
                     style: {
                         width: t.current ? t.current.clientWidth + 2 : 0
                     },
-                    className: Ie,
-                    "aria-label": `${n.label} ${p.menuLabelSuffix}`,
+                    className: Re,
+                    "aria-label": `${n.label} ${S.menuLabelSuffix}`,
                     children: e.children
                 }))
         })
-    }) : /* @__PURE__ */ i(I, _object_spread_props(_object_spread({}, n), {
+    }) : /* @__PURE__ */ i(W, _object_spread_props(_object_spread({}, n), {
         id: h,
-        ref: g
+        ref: m
     }));
 });
-export { I as TextFieldBase, Ke as TextFieldBaseAutosuggest };
+export { W as TextFieldBase, Ge as TextFieldBaseAutosuggest };

package/dist-es/theme-context-provider.js

@@ -26,112 +26,113 @@ function _object_spread(target) {
     }
     return target;
 }
-import { jsx as r, jsxs as S, Fragment as y } from "react/jsx-runtime";
+import { jsx as r, jsxs as y, Fragment as A } from "react/jsx-runtime";
 import * as a from "react";
 import { assignInlineVars as N } from "@vanilla-extract/dynamic";
 import O from "./dialog.js";
-import L from "./screen-size-context-provider.js";
-import w from "./aria-id-getter-context.js";
-import { getTexts as F, dimensions as $, AnchorLink as h, NAVBAR_HEIGHT_MOBILE as V } from "./theme.js";
-import { getPlatform as D, isInsideNovumNativeApp as j } from "./utils/platform.js";
-import _ from "./theme-context.js";
-import { useIsomorphicLayoutEffect as B } from "./hooks.js";
-import z from "./tab-focus.js";
-import G from "./modal-context-provider.js";
-import { DocumentVisibilityProvider as q } from "./utils/document-visibility.js";
-import { AspectRatioSupportProvider as W } from "./utils/aspect-ratio-support.js";
-import { TrackingConfig as J } from "./utils/analytics.js";
-import { vars as K } from "./skins/skin-contract.css-mistica.js";
-import { fromHexToRgb as Q } from "./utils/color.js";
-import { defaultTextPresetsConfig as e, defaultBorderRadiiConfig as U } from "./skins/defaults.js";
-const X = "(prefers-color-scheme: dark)", Y = ()=>{
+import w from "./screen-size-context-provider.js";
+import F from "./aria-id-getter-context.js";
+import { getTexts as $, dimensions as V, getMisticaLinkComponent as j, NAVBAR_HEIGHT_MOBILE as _ } from "./theme.js";
+import { getPlatform as I, isInsideNovumNativeApp as h } from "./utils/platform.js";
+import B from "./theme-context.js";
+import { useIsomorphicLayoutEffect as z } from "./hooks.js";
+import G from "./tab-focus.js";
+import q from "./modal-context-provider.js";
+import { DocumentVisibilityProvider as W } from "./utils/document-visibility.js";
+import { AspectRatioSupportProvider as J } from "./utils/aspect-ratio-support.js";
+import { TrackingConfig as K } from "./utils/analytics.js";
+import { vars as Q } from "./skins/skin-contract.css-mistica.js";
+import { fromHexToRgb as U } from "./utils/color.js";
+import { defaultTextPresetsConfig as e, defaultBorderRadiiConfig as X } from "./skins/defaults.js";
+const Y = "(prefers-color-scheme: dark)", Z = ()=>{
     const [t, c] = a.useState(!1);
-    return B(()=>{
+    return z(()=>{
         if (!window.matchMedia) return;
-        const o = window.matchMedia(X), s = ()=>{
+        const o = window.matchMedia(Y), s = ()=>{
             c(o.matches);
         };
         return o.addListener(s), s(), ()=>o.removeListener(s);
     }, []), t;
-}, Z = ()=>(t)=>t, tt = (t)=>({
-        headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? V : t == null ? void 0 : t.headerMobileHeight
-    }), et = (param)=>{
+}, tt = ()=>(t)=>t, et = (t)=>({
+        headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _ : t == null ? void 0 : t.headerMobileHeight
+    }), rt = (param)=>{
     let { theme: t , children: c , as: o  } = param;
     var _t_colorScheme, _t_skin_borderRadii;
-    const s = a.useRef(1), I = a.useCallback(()=>`aria-id-hook-${s.current++}`, []), E = Y(), m = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", R = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), u = m === "auto" && E || m === "dark", k = u ? A : R, p = a.useMemo(()=>{
-        var i, n, d, x, f, P, b, g, M, T, C;
+    const s = a.useRef(1), E = a.useCallback(()=>`aria-id-hook-${s.current++}`, []), L = Z(), k = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", R = t.skin.colors, H = _object_spread({}, t.skin.colors, t.skin.darkModeColors), u = k === "auto" && L || k === "dark", m = u ? H : R, p = a.useMemo(()=>{
+        var i, n, d, x, f, v, P, g, M, C, T, D;
         const l = _object_spread({
-            platform: D(),
-            insideNovumNativeApp: j()
+            platform: I(),
+            insideNovumNativeApp: h()
         }, t.platformOverrides);
-        var _t_Link, _t_useHrefDecorator;
+        var _t_useHrefDecorator;
         return {
             skinName: t.skin.name,
             i18n: t.i18n,
             platformOverrides: l,
-            texts: _object_spread({}, F(t.i18n.locale), t.texts),
+            texts: _object_spread({}, $(t.i18n.locale), t.texts),
             analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _object_spread({}, $, tt(t.dimensions)),
+            dimensions: _object_spread({}, V, et(t.dimensions)),
             textPresets: {
                 text5: _object_spread({}, e.text5, (i = t.skin.textPresets) == null ? void 0 : i.text5),
                 text6: _object_spread({}, e.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
                 text7: _object_spread({}, e.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
                 text8: _object_spread({}, e.text8, (x = t.skin.textPresets) == null ? void 0 : x.text8),
                 text9: _object_spread({}, e.text9, (f = t.skin.textPresets) == null ? void 0 : f.text9),
-                text10: _object_spread({}, e.text10, (P = t.skin.textPresets) == null ? void 0 : P.text10),
-                cardTitle: _object_spread({}, e.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle),
+                text10: _object_spread({}, e.text10, (v = t.skin.textPresets) == null ? void 0 : v.text10),
+                cardTitle: _object_spread({}, e.cardTitle, (P = t.skin.textPresets) == null ? void 0 : P.cardTitle),
                 button: _object_spread({}, e.button, (g = t.skin.textPresets) == null ? void 0 : g.button),
                 link: _object_spread({}, e.link, (M = t.skin.textPresets) == null ? void 0 : M.link),
-                title1: _object_spread({}, e.title1, (T = t.skin.textPresets) == null ? void 0 : T.title1),
-                indicator: _object_spread({}, e.indicator, (C = t.skin.textPresets) == null ? void 0 : C.indicator)
+                title1: _object_spread({}, e.title1, (C = t.skin.textPresets) == null ? void 0 : C.title1),
+                indicator: _object_spread({}, e.indicator, (T = t.skin.textPresets) == null ? void 0 : T.indicator),
+                tabsLabel: _object_spread({}, e.tabsLabel, (D = t.skin.textPresets) == null ? void 0 : D.tabsLabel)
             },
-            Link: (_t_Link = t.Link) !== null && _t_Link !== void 0 ? _t_Link : h,
+            Link: j(t.Link),
             isDarkMode: u,
-            isIos: D(l) === "ios",
-            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : Z,
+            isIos: I(l) === "ios",
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : tt,
             useId: t.useId
         };
     }, [
         t,
         u
-    ]), H = Object.fromEntries(Object.entries(k).map((param)=>{
+    ]), S = Object.fromEntries(Object.entries(m).map((param)=>{
         let [l, i] = param;
         let n = "";
         if (i.startsWith("#")) {
-            const [d, x, f] = Q(i);
+            const [d, x, f] = U(i);
             n = `${d}, ${x}, ${f}`;
         }
         return [
             l,
             n
         ];
-    })), v = N(K, {
-        colors: k,
-        rawColors: H,
-        borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : U
+    })), b = N(Q, {
+        colors: m,
+        rawColors: S,
+        borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : X
     });
-    return /* @__PURE__ */ r(z, {
+    return /* @__PURE__ */ r(G, {
         disabled: !t.enableTabFocus,
-        children: /* @__PURE__ */ r(G, {
-            children: /* @__PURE__ */ r(_.Provider, {
+        children: /* @__PURE__ */ r(q, {
+            children: /* @__PURE__ */ r(B.Provider, {
                 value: p,
-                children: /* @__PURE__ */ r(J, {
+                children: /* @__PURE__ */ r(K, {
                     eventFormat: p.analytics.eventFormat,
-                    children: /* @__PURE__ */ r(W, {
-                        children: /* @__PURE__ */ r(q, {
-                            children: /* @__PURE__ */ r(w.Provider, {
-                                value: I,
-                                children: /* @__PURE__ */ r(L, {
+                    children: /* @__PURE__ */ r(J, {
+                        children: /* @__PURE__ */ r(W, {
+                            children: /* @__PURE__ */ r(F.Provider, {
+                                value: E,
+                                children: /* @__PURE__ */ r(w, {
                                     children: /* @__PURE__ */ r(O, {
                                         children: o ? /*#__PURE__*/ a.createElement(o, {
-                                            style: v
-                                        }, c) : /* @__PURE__ */ S(y, {
+                                            style: b
+                                        }, c) : /* @__PURE__ */ y(A, {
                                             children: [
                                                 (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ r("style", {
-                                                    children: `:root {${v}}`
+                                                    children: `:root {${b}}`
                                                 }),
                                                 c
                                             ]
@@ -145,5 +146,5 @@ const X = "(prefers-color-scheme: dark)", Y = ()=>{
             })
         })
     });
-}, bt = et;
-export { bt as default, Y as useIsOsDarkModeEnabled };
+}, gt = rt;
+export { gt as default, Z as useIsOsDarkModeEnabled };

package/dist-es/theme.js

@@ -77,8 +77,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as i } from "react/jsx-runtime";
-const t = {
+import { jsx as a } from "react/jsx-runtime";
+const l = {
     expirationDatePlaceholder: "MM/AA",
     togglePasswordVisibilityLabel: "Mostrar u ocultar contrase\xf1a",
     loading: "Cargando",
@@ -109,7 +109,7 @@ const t = {
     clearButton: "Borrar",
     carouselNextButton: "siguiente",
     carouselPrevButton: "anterior"
-}, o = {
+}, n = {
     expirationDatePlaceholder: "MM/YY",
     togglePasswordVisibilityLabel: "Toggle password visibility",
     loading: "Loading",
@@ -140,7 +140,7 @@ const t = {
     clearButton: "Clear",
     carouselNextButton: "next",
     carouselPrevButton: "previous"
-}, n = {
+}, d = {
     expirationDatePlaceholder: "MM/JJ",
     togglePasswordVisibilityLabel: "Passwort un-/sichtbar machen",
     loading: "Wird gespeichert",
@@ -171,7 +171,7 @@ const t = {
     clearButton: "L\xf6schen",
     carouselNextButton: "n\xe4chste",
     carouselPrevButton: "vorherige"
-}, l = {
+}, s = {
     expirationDatePlaceholder: "MM/AA",
     togglePasswordVisibilityLabel: "Mostrar ou ocultar senha",
     loading: "Carregando",
@@ -202,32 +202,81 @@ const t = {
     clearButton: "Apagar",
     carouselNextButton: "pr\xf3ximo",
     carouselPrevButton: "anterior"
-}, C = (r)=>{
+}, b = (r)=>{
     switch(r.toLocaleLowerCase().split(/[-_]/)[0]){
         case "es":
-            return t;
-        case "pt":
             return l;
+        case "pt":
+            return s;
         case "de":
-            return n;
+            return d;
         case "en":
-            return o;
+            return n;
         default:
-            return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${r}`), o;
+            return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${r}`), n;
     }
-}, d = 56, s = 80, m = {
-    headerMobileHeight: d,
-    headerDesktopHeight: s
-}, u = (_param)=>/* @__PURE__ */ {
-    var { to: r , innerRef: e  } = _param, a = _object_without_properties(_param, [
+}, c = 56, C = 80, E = {
+    headerMobileHeight: c,
+    headerDesktopHeight: C
+}, m = (_param)=>/* @__PURE__ */ {
+    var { to: r , innerRef: e  } = _param, o = _object_without_properties(_param, [
         "to",
         "innerRef"
     ]);
-    return i("a", _object_spread_props(_object_spread({
+    return a("a", _object_spread_props(_object_spread({
         ref: e,
         href: typeof r == "string" ? r : r == null ? void 0 : r.pathname
-    }, a), {
-        children: a.children
+    }, o), {
+        children: o.children
     }));
+}, u = (r)=>r, f = (r)=>(_param)=>/* @__PURE__ */ {
+        var { innerRef: e  } = _param, o = _object_without_properties(_param, [
+            "innerRef"
+        ]);
+        return a(r, _object_spread({
+            ref: e
+        }, o));
+    }, v = (r)=>(_param)=>/* @__PURE__ */ {
+        var { to: e , innerRef: o , children: t  } = _param, i = _object_without_properties(_param, [
+            "to",
+            "innerRef",
+            "children"
+        ]);
+        return a(r, {
+            href: e,
+            children: /* @__PURE__ */ a("a", _object_spread_props(_object_spread({
+                ref: o
+            }, i), {
+                children: t
+            }))
+        });
+    }, p = (r)=>(_param)=>/* @__PURE__ */ {
+        var { to: e , innerRef: o , children: t  } = _param, i = _object_without_properties(_param, [
+            "to",
+            "innerRef",
+            "children"
+        ]);
+        return a(r, _object_spread_props(_object_spread({
+            href: e,
+            ref: o
+        }, i), {
+            children: t
+        }));
+    }, h = (r)=>{
+    if (!r) return m;
+    if (typeof r == "function" || r.$$typeof) return r;
+    switch(r.type){
+        case "ReactRouter5":
+            return u(r.Component);
+        case "ReactRouter6":
+            return f(r.Component);
+        case "Next12":
+            return v(r.Component);
+        case "Next13":
+            return p(r.Component);
+        default:
+            const e = r.type;
+            throw new Error(`Invalid Link type: ${e}`);
+    }
 };
-export { u as AnchorLink, s as NAVBAR_HEIGHT_DESKTOP, d as NAVBAR_HEIGHT_MOBILE, m as dimensions, C as getTexts };
+export { C as NAVBAR_HEIGHT_DESKTOP, c as NAVBAR_HEIGHT_MOBILE, E as dimensions, h as getMisticaLinkComponent, b as getTexts };