@telefonica/mistica 16.52.0 → 16.54.0

package/dist-es/text-tokens.js

@@ -58,12 +58,12 @@ const e = {
     en: "Check the following errors:",
     de: "Prüfe folgende Fehler:",
     pt: "Confira os seguintes erros:"
-}, m = {
+}, p = {
     es: "opcional",
     en: "optional",
     de: "optional",
     pt: "opcional"
-}, p = {
+}, m = {
     es: "Este campo es obligatorio",
     en: "This field is required",
     de: "Das ist ein Pflichtfeld",
@@ -103,17 +103,17 @@ const e = {
     en: "The CVV is the 3 digits of the back of your card",
     de: "Der CVV-Code besteht aus den 3 Ziffern auf der Kartenrückseite",
     pt: "O CVV são os 3  dígitos do reverso de seu cartão"
-}, V = {
+}, A = {
     es: "Si es American Express, añade los 4 dígitos del anverso",
     en: "If it's American Express, add the 4-digit number on the front of the card",
     de: "Bei American Express 4-stelligen Code auf der Rückseite hinzufügen",
     pt: "Se for American Express, adicione os 4 dígitos do anverso"
-}, A = {
+}, L = {
     es: "Fecha no válida",
     en: "Invalid date",
     de: "Datum ungültig",
     pt: "Data inválida"
-}, L = {
+}, V = {
     es: "No es un número de tarjeta válido",
     en: "The card number is not valid",
     de: "Kartennummer ungültig",
@@ -158,17 +158,17 @@ const e = {
     en: "Open navigation menu",
     de: "Navigationsmenü öffnen",
     pt: "Abrir menu de navegação"
-}, k = {
+}, D = {
     es: "Cerrar menú de navegación",
     en: "Close navigation menu",
     de: "Navigationsmenü schließen",
     pt: "Fechar menu de navegação"
-}, I = {
+}, k = {
     es: "Abrir submenú",
     en: "Open submenu",
     de: "Untermenü öffnen",
     pt: "Abrir submenu"
-}, D = {
+}, I = {
     es: "Ver todo",
     en: "See all",
     de: "Alle anzeigen",
@@ -203,52 +203,52 @@ const e = {
     en: "Restart automatic carousel",
     de: "Automatisches Karussell neu starten",
     pt: "Reiniciar carrossel automático"
-}, K = {
+}, H = {
     es: "Contenido siguiente",
     en: "Next slide",
     de: "Nächste Seite",
     pt: "Página seguinte"
-}, H = {
+}, K = {
     es: "Último contenido",
     en: "Last slide",
     de: "Letzte Seite",
     pt: "Última página"
-}, j = {
+}, q = {
     es: "Contenido anterior",
     en: "Previous slide",
     de: "Vorherige Seite",
     pt: "Página anterior"
-}, q = {
+}, j = {
     es: "Primer contenido",
     en: "First slide",
     de: "Erste Seite",
     pt: "Primeira página"
-}, W = {
+}, U = {
     es: "1$s de 2$s",
     en: "1$s of 2$s",
     de: "1$s von 2$s",
     pt: "1$s de 2$s"
-}, Z = {
+}, W = {
     es: "Reproducir",
     en: "Play",
     de: "Abspielen",
     pt: "Reproduzir"
-}, G = {
+}, Z = {
     es: "Pausar",
     en: "Pause",
     de: "Pausieren",
     pt: "Pausar"
-}, J = {
+}, G = {
     es: "Continuar",
     en: "Continue",
     de: "Fortfahren",
     pt: "Continuar"
-}, Q = {
+}, J = {
     es: "completo",
     en: "completed",
     de: "vollendet",
     pt: "concluído"
-}, U = {
+}, Q = {
     es: "Paso 1$s de 2$s",
     en: "Step 1$s of 2$s",
     de: "Schritt 1$s von 2$s",
@@ -328,12 +328,12 @@ const e = {
     en: "day",
     de: "Tag",
     pt: "dia"
-}, me = {
+}, pe = {
     es: "días",
     en: "days",
     de: "Tage",
     pt: "dias"
-}, pe = {
+}, me = {
     es: "hora",
     en: "hour",
     de: "Stunde",
@@ -373,17 +373,17 @@ const e = {
     en: "sec",
     de: "Sek.",
     pt: "seg"
-}, Ve = {
+}, Ae = {
     es: "Acciones",
     en: "Actions",
     de: "Aktionen",
     pt: "Ações"
-}, Ae = {
+}, Le = {
     es: "muy malo",
     en: "very bad",
     de: "sehr schlecht",
     pt: "muito ruim"
-}, Le = {
+}, Ve = {
     es: "malo",
     en: "bad",
     de: "schlecht",
@@ -423,5 +423,15 @@ const e = {
     en: "Skip links",
     de: "Direkt zum Inhalt",
     pt: "Acesso rápido"
+}, xe = {
+    es: "Eliminar archivo 1$s",
+    en: "Delete file 1$s",
+    de: "Datei löschen 1$s",
+    pt: "Excluir arquivo 1$s"
+}, De = {
+    es: "Archivos subidos",
+    en: "Files uploaded",
+    de: "Hochgeladene Dateien",
+    pt: "Arquivos enviados"
 };
-export { n as autocompleteEmptyCase, F as backNavigationBar, T as carouselEnableAutoplay, q as carouselFirstButton, H as carouselLastButton, K as carouselNextButton, W as carouselPageNumber, w as carouselPauseAutoplay, j as carouselPrevButton, O as carouselRegion, z as carouselReloadAutoplay, R as clearButton, B as closeButtonLabel, k as closeNavigationMenu, te as counterDecreaseLabel, ne as counterIncreaseLabel, ae as counterMaxValue, oe as counterMinValue, se as counterQuantity, ee as counterRemoveLabel, l as dialogAcceptButton, c as dialogCancelButton, o as disablePasswordVisibility, s as enablePasswordVisibility, t as expirationDatePlaceholder, h as formCreditCardCvvError, b as formCreditCardCvvLabel, V as formCreditCardCvvTooltipAmex, $ as formCreditCardCvvTooltipVisaMc, f as formCreditCardCvvTooltipVisaMcButtonClose, v as formCreditCardCvvTooltipVisaMcButtonOpen, A as formCreditCardExpirationError, C as formCreditCardExpirationLabel, L as formCreditCardNumberError, g as formCreditCardNumberLabel, S as formDateOutOfRangeError, E as formEmailError, u as formErrorsAlertMessage, p as formFieldErrorIsMandatory, m as formFieldOptionalLabelSuffix, M as formIbanError, P as formSearchClear, y as formTextMultilineMaxCount, i as linkOpensInCurrentPage, r as linkOpensInNewTab, a as loading, I as mainNavigationBarOpenSectionMenu, D as mainNavigationBarSectionSeeAll, N as menuLabelSuffix, Pe as meterSectionLabel, Be as meterTotalLabel, d as modalClose, x as openNavigationMenu, G as pauseIconButtonLabel, _ as pinFieldInputLabel, Z as playIconButtonLabel, Q as progressBarCompletedLabel, U as progressBarStepLabel, Le as ratingBadLabel, Ee as ratingGoodLabel, ye as ratingQuantitativeLabel, Se as ratingRegularLabel, Ae as ratingVeryBadLabel, Me as ratingVeryGoodLabel, e as searchFieldSuggestionsEmptyCase, J as sheetConfirmButton, Ne as skipLinkNavLabel, X as stepperCompletedStep, Y as stepperCurrentStep, Ve as tableActionsHeaderLabel, le as timerAnd, ue as timerDayLongLabel, me as timerDaysLongLabel, re as timerDaysShortLabel, fe as timerDisplayMinutesLabel, $e as timerDisplaySecondsLabel, pe as timerHourLongLabel, ge as timerHoursLongLabel, ie as timerHoursShortLabel, Ce as timerMinuteLongLabel, be as timerMinutesLongLabel, de as timerMinutesShortLabel, he as timerSecondLongLabel, ve as timerSecondsLongLabel, ce as timerSecondsShortLabel };
+export { n as autocompleteEmptyCase, F as backNavigationBar, T as carouselEnableAutoplay, j as carouselFirstButton, K as carouselLastButton, H as carouselNextButton, U as carouselPageNumber, w as carouselPauseAutoplay, q as carouselPrevButton, O as carouselRegion, z as carouselReloadAutoplay, R as clearButton, B as closeButtonLabel, D as closeNavigationMenu, te as counterDecreaseLabel, ne as counterIncreaseLabel, ae as counterMaxValue, oe as counterMinValue, se as counterQuantity, ee as counterRemoveLabel, l as dialogAcceptButton, c as dialogCancelButton, o as disablePasswordVisibility, s as enablePasswordVisibility, t as expirationDatePlaceholder, De as fileUploadListLabel, xe as fileUploadRemoveFile, h as formCreditCardCvvError, b as formCreditCardCvvLabel, A as formCreditCardCvvTooltipAmex, $ as formCreditCardCvvTooltipVisaMc, f as formCreditCardCvvTooltipVisaMcButtonClose, v as formCreditCardCvvTooltipVisaMcButtonOpen, L as formCreditCardExpirationError, C as formCreditCardExpirationLabel, V as formCreditCardNumberError, g as formCreditCardNumberLabel, S as formDateOutOfRangeError, E as formEmailError, u as formErrorsAlertMessage, m as formFieldErrorIsMandatory, p as formFieldOptionalLabelSuffix, M as formIbanError, P as formSearchClear, y as formTextMultilineMaxCount, i as linkOpensInCurrentPage, r as linkOpensInNewTab, a as loading, k as mainNavigationBarOpenSectionMenu, I as mainNavigationBarSectionSeeAll, N as menuLabelSuffix, Pe as meterSectionLabel, Be as meterTotalLabel, d as modalClose, x as openNavigationMenu, Z as pauseIconButtonLabel, _ as pinFieldInputLabel, W as playIconButtonLabel, J as progressBarCompletedLabel, Q as progressBarStepLabel, Ve as ratingBadLabel, Ee as ratingGoodLabel, ye as ratingQuantitativeLabel, Se as ratingRegularLabel, Le as ratingVeryBadLabel, Me as ratingVeryGoodLabel, e as searchFieldSuggestionsEmptyCase, G as sheetConfirmButton, Ne as skipLinkNavLabel, X as stepperCompletedStep, Y as stepperCurrentStep, Ae as tableActionsHeaderLabel, le as timerAnd, ue as timerDayLongLabel, pe as timerDaysLongLabel, re as timerDaysShortLabel, fe as timerDisplayMinutesLabel, $e as timerDisplaySecondsLabel, me as timerHourLongLabel, ge as timerHoursLongLabel, ie as timerHoursShortLabel, Ce as timerMinuteLongLabel, be as timerMinutesLongLabel, de as timerMinutesShortLabel, he as timerSecondLongLabel, ve as timerSecondsLongLabel, ce as timerSecondsShortLabel };

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

@@ -1,8 +1,8 @@
 /* empty css                                */ var r = {
-    mobileSize: "var(--v16_52_splu5g0)",
-    desktopSize: "var(--v16_52_splu5g1)",
-    mobileLineHeight: "var(--v16_52_splu5g2)",
-    desktopLineHeight: "var(--v16_52_splu5g3)",
-    lineClamp: "var(--v16_52_splu5g4)"
-}, _ = "v16_52_splu5g5", e = "v16_52_splu5g6", a = "v16_52_splu5g7", p = "v16_52_splu5g8", t = "v16_52_splu5g9";
+    mobileSize: "var(--v16_54_splu5g0)",
+    desktopSize: "var(--v16_54_splu5g1)",
+    mobileLineHeight: "var(--v16_54_splu5g2)",
+    desktopLineHeight: "var(--v16_54_splu5g3)",
+    lineClamp: "var(--v16_54_splu5g4)"
+}, _ = "v16_54_splu5g5", e = "v16_54_splu5g6", a = "v16_54_splu5g7", p = "v16_54_splu5g8", t = "v16_54_splu5g9";
 export { a as text, p as truncate, t as truncateToOneLine, r as vars, _ as withWordBreak, e as withoutWordBreak };

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

@@ -27,223 +27,262 @@ function _object_spread(target) {
     }
     return target;
 }
-import { jsxs as b, Fragment as C, jsx as s } from "react/jsx-runtime";
-import * as l from "react";
-import { assignInlineVars as g } from "@vanilla-extract/dynamic";
-import { DialogRoot as I } from "./dialog-context.js";
-import F from "./screen-size-context-provider.js";
-import { getMisticaLinkComponent as N, dimensions as j, NAVBAR_HEIGHT_MOBILE as z } from "./theme.js";
-import { isInsideNovumNativeApp as L, getPlatform as _ } from "./utils/platform.js";
-import A from "./theme-context.js";
-import { useIsomorphicLayoutEffect as T } from "./hooks.js";
-import B from "./tab-focus.js";
-import G from "./modal-context-provider.js";
-import W from "./tooltip-context-provider.js";
-import { DocumentVisibilityProvider as q } from "./utils/document-visibility.js";
-import { AspectRatioSupportProvider as K } from "./utils/aspect-ratio-support.js";
-import { TrackingConfig as Q } from "./utils/analytics.js";
-import { vars as h } from "./skins/skin-contract.css-mistica.js";
-import { fromHexToRgb as J } from "./utils/color.js";
-import { defaultTextPresetsConfig as U, defaultThemeVariantsConfig as X, defaultBorderRadiiConfig as E } from "./skins/defaults.js";
-import { isClientSide as H } from "./utils/environment.js";
+import { jsxs as x, Fragment as C, jsx as s } from "react/jsx-runtime";
+import * as a from "react";
+import { assignInlineVars as u } from "@vanilla-extract/dynamic";
+import { DialogRoot as F } from "./dialog-context.js";
+import N from "./screen-size-context-provider.js";
+import { getMisticaLinkComponent as z, dimensions as L, NAVBAR_HEIGHT_MOBILE as A } from "./theme.js";
+import { isInsideNovumNativeApp as B, getPlatform as O } from "./utils/platform.js";
+import G from "./theme-context.js";
+import { useIsomorphicLayoutEffect as P } from "./hooks.js";
+import W from "./tab-focus.js";
+import q from "./modal-context-provider.js";
+import K from "./tooltip-context-provider.js";
+import { DocumentVisibilityProvider as Q } from "./utils/document-visibility.js";
+import { AspectRatioSupportProvider as J } from "./utils/aspect-ratio-support.js";
+import { TrackingConfig as U } from "./utils/analytics.js";
+import { vars as g } from "./skins/skin-contract.css-mistica.js";
+import { fromHexToRgb as X } from "./utils/color.js";
+import { defaultTextPresetsConfig as Y, defaultThemeVariantsConfig as Z, defaultSpacing as ee, defaultBorderRadiiConfig as R } from "./skins/defaults.js";
+import { isClientSide as T } from "./utils/environment.js";
 import { PACKAGE_VERSION as S } from "./package-version.js";
-import { SnackbarRoot as Y } from "./snackbar-context.js";
-import { mapToWeight as P } from "./text.js";
-import { tabletOrSmaller as Z } from "./media-queries.css-mistica.js";
-import { themeVars as $ } from "./theme-context.css-mistica.js";
-import { localeToLanguage as ee } from "./utils/locale.js";
-if (process.env.NODE_ENV !== "production" && H()) {
+import { SnackbarRoot as te } from "./snackbar-context.js";
+import { mapToWeight as _ } from "./text.js";
+import { tabletOrSmaller as oe } from "./media-queries.css-mistica.js";
+import { themeVars as E } from "./theme-context.css-mistica.js";
+import { localeToLanguage as re } from "./utils/locale.js";
+if (process.env.NODE_ENV !== "production" && T()) {
     if (window.__mistica_version__ && window.__mistica_version__ !== S) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
     window.__mistica_version__ = S;
 }
-const re = "(prefers-color-scheme: dark)", te = ()=>{
-    const [e, c] = l.useState(!1);
-    return T(()=>{
+const ie = "(prefers-color-scheme: dark)", se = ()=>{
+    const [t, m] = a.useState(!1);
+    return P(()=>{
         if (!window.matchMedia) return;
-        const i = window.matchMedia(re), o = ()=>{
-            c(i.matches);
+        const n = window.matchMedia(ie), i = ()=>{
+            m(n.matches);
         };
-        return i.addEventListener("change", o), o(), ()=>{
-            i.removeEventListener("change", o);
+        return n.addEventListener("change", i), i(), ()=>{
+            n.removeEventListener("change", i);
         };
-    }, []), e;
-}, oe = ()=>(e)=>e, se = (e)=>({
-        headerMobileHeight: (e === null || e === void 0 ? void 0 : e.headerMobileHeight) === "mistica" ? z : e === null || e === void 0 ? void 0 : e.headerMobileHeight
-    }), ie = ()=>{
-    const e = l.useRef(null), [c, i] = l.useState(!1), [o, p] = l.useState(!0);
-    return T(()=>{
-        if (o) p(!1);
+    }, []), t;
+}, ne = ()=>(t)=>t, ae = (t)=>({
+        headerMobileHeight: (t === null || t === void 0 ? void 0 : t.headerMobileHeight) === "mistica" ? A : t === null || t === void 0 ? void 0 : t.headerMobileHeight
+    }), le = ()=>{
+    const t = a.useRef(null), [m, n] = a.useState(!1), [i, p] = a.useState(!0);
+    return P(()=>{
+        if (i) p(!1);
         else {
-            var _e_current;
-            const n = (_e_current = e.current) === null || _e_current === void 0 ? void 0 : _e_current.parentElement;
-            n && (n.style.isolation = "isolate", i(!0));
+            var _t_current;
+            const l = (_t_current = t.current) === null || _t_current === void 0 ? void 0 : _t_current.parentElement;
+            l && (l.style.isolation = "isolate", n(!0));
         }
     }, [
-        o
-    ]), c || !H() || o ? null : /* @__PURE__ */ s("div", {
-        ref: e,
+        i
+    ]), m || !T() || i ? null : /* @__PURE__ */ s("div", {
+        ref: t,
         style: {
             display: "none"
         }
     });
-}, O = (e)=>Object.fromEntries(Object.entries(e).map((param)=>{
-        let [c, i] = param;
-        let o = "";
-        if (i.startsWith("#")) {
-            const [p, n, u] = J(i);
-            o = `${p}, ${n}, ${u}`;
+}, V = (t)=>Object.fromEntries(Object.entries(t).map((param)=>{
+        let [m, n] = param;
+        let i = "";
+        if (n.startsWith("#")) {
+            const [p, l, f] = X(n);
+            i = `${p}, ${l}, ${f}`;
         }
         return [
-            c,
-            o
+            m,
+            i
         ];
-    })), Oe = (param)=>{
-    let { theme: e, children: c, as: i, withoutStyles: o = !1 } = param;
-    var _e_colorScheme;
-    const p = te(), n = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", u = e.skin.colors, f = _object_spread({}, e.skin.colors, e.skin.darkModeColors), v = n === "auto" && p || n === "dark", x = v ? f : u, w = ee(e.i18n.locale), M = l.useCallback(function(t) {
-        for(var _len = arguments.length, a = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
-            a[_key - 1] = arguments[_key];
+    })), De = (param)=>{
+    let { theme: t, children: m, as: n, withoutStyles: i = !1 } = param;
+    var _t_colorScheme;
+    const p = se(), l = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", f = t.skin.colors, b = _object_spread({}, t.skin.colors, t.skin.darkModeColors), h = l === "auto" && p || l === "dark", $ = h ? b : f, M = re(t.i18n.locale), w = a.useCallback(function(o) {
+        for(var _len = arguments.length, r = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+            r[_key - 1] = arguments[_key];
         }
-        const r = typeof t == "string" ? t : t[w] || t.en;
-        return a.length ? r.replace(/\d+\$s/g, (d)=>{
-            var _a_;
-            return String((_a_ = a[parseInt(d) - 1]) !== null && _a_ !== void 0 ? _a_ : d);
-        }) : r;
+        const e = typeof o == "string" ? o : o[M] || o.en;
+        return r.length ? e.replace(/\d+\$s/g, (d)=>{
+            var _r_;
+            return String((_r_ = r[parseInt(d) - 1]) !== null && _r_ !== void 0 ? _r_ : d);
+        }) : e;
     }, [
-        w
-    ]), m = l.useMemo(()=>{
-        const t = _object_spread({
-            platform: _(),
-            insideNovumNativeApp: L()
-        }, e.platformOverrides), a = Object.entries(U).map((param)=>{
+        M
+    ]), c = a.useMemo(()=>{
+        const o = _object_spread({
+            platform: O(),
+            insideNovumNativeApp: B()
+        }, t.platformOverrides), r = Object.entries(Y).map((param)=>{
             let [d, k] = param;
-            var _e_skin_textPresets;
+            var _t_skin_textPresets;
             return {
-                [d]: _object_spread({}, k, (_e_skin_textPresets = e.skin.textPresets) === null || _e_skin_textPresets === void 0 ? void 0 : _e_skin_textPresets[d])
+                [d]: _object_spread({}, k, (_t_skin_textPresets = t.skin.textPresets) === null || _t_skin_textPresets === void 0 ? void 0 : _t_skin_textPresets[d])
             };
-        }), r = Object.assign({}, ...a);
-        var _e_skin_borderRadii, _e_skin_themeVariants, _e_useHrefDecorator, _e_preventCopyInFormFields;
+        }), e = Object.assign({}, ...r);
+        var _t_skin_borderRadii, _t_skin_spacing, _t_skin_themeVariants, _t_useHrefDecorator, _t_preventCopyInFormFields;
         return {
-            skinName: e.skin.name,
-            i18n: _object_spread({}, e.i18n),
-            platformOverrides: t,
-            texts: _object_spread({}, e.texts),
+            skinName: t.skin.name,
+            i18n: _object_spread({}, t.i18n),
+            platformOverrides: o,
+            texts: _object_spread({}, t.texts),
             analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
-            }, e.analytics),
-            colorValues: x,
-            dimensions: _object_spread({}, j, se(e.dimensions)),
-            borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : E,
-            textPresets: r,
-            themeVariants: (_e_skin_themeVariants = e.skin.themeVariants) !== null && _e_skin_themeVariants !== void 0 ? _e_skin_themeVariants : X,
-            Link: N(e.Link),
-            isDarkMode: v,
-            isIos: _(t) === "ios",
-            useHrefDecorator: (_e_useHrefDecorator = e.useHrefDecorator) !== null && _e_useHrefDecorator !== void 0 ? _e_useHrefDecorator : oe,
-            t: M,
-            preventCopyInFormFields: (_e_preventCopyInFormFields = e.preventCopyInFormFields) !== null && _e_preventCopyInFormFields !== void 0 ? _e_preventCopyInFormFields : !1
+            }, t.analytics),
+            colorValues: $,
+            dimensions: _object_spread({}, L, ae(t.dimensions)),
+            borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : R,
+            textPresets: e,
+            spacing: (_t_skin_spacing = t.skin.spacing) !== null && _t_skin_spacing !== void 0 ? _t_skin_spacing : ee,
+            themeVariants: (_t_skin_themeVariants = t.skin.themeVariants) !== null && _t_skin_themeVariants !== void 0 ? _t_skin_themeVariants : Z,
+            Link: z(t.Link),
+            isDarkMode: h,
+            isIos: O(o) === "ios",
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : ne,
+            t: w,
+            preventCopyInFormFields: (_t_preventCopyInFormFields = t.preventCopyInFormFields) !== null && _t_preventCopyInFormFields !== void 0 ? _t_preventCopyInFormFields : !1
         };
     }, [
-        x,
-        e,
-        v,
-        M
-    ]), V = l.useMemo(()=>{
-        const t = Object.entries(m.textPresets).map((param)=>{
-            let [a, r] = param;
+        $,
+        t,
+        h,
+        w
+    ]), D = a.useMemo(()=>{
+        const o = Object.entries(c.textPresets).map((param)=>{
+            let [r, e] = param;
             return {
-                [a]: _object_spread({}, r.weight && {
-                    weight: String(P[r.weight])
-                }, r.size && {
-                    size: `${r.size.desktop}px`
-                }, r.lineHeight && {
-                    lineHeight: `${r.lineHeight.desktop}px`
+                [r]: _object_spread({}, e.weight && {
+                    weight: String(_[e.weight])
+                }, e.size && {
+                    size: `${e.size.desktop}px`
+                }, e.lineHeight && {
+                    lineHeight: `${e.lineHeight.desktop}px`
                 })
             };
         });
-        return Object.assign({}, ...t);
+        return Object.assign({}, ...o);
     }, [
-        m
-    ]), y = l.useMemo(()=>{
-        const t = Object.entries(m.textPresets).map((param)=>{
-            let [a, r] = param;
+        c
+    ]), H = a.useMemo(()=>{
+        const o = Object.entries(c.textPresets).map((param)=>{
+            let [r, e] = param;
             return {
-                [a]: _object_spread({}, r.weight && {
-                    weight: String(P[r.weight])
-                }, r.size && {
-                    size: `${r.size.mobile}px`
-                }, r.lineHeight && {
-                    lineHeight: `${r.lineHeight.mobile}px`
+                [r]: _object_spread({}, e.weight && {
+                    weight: String(_[e.weight])
+                }, e.size && {
+                    size: `${e.size.mobile}px`
+                }, e.lineHeight && {
+                    lineHeight: `${e.lineHeight.mobile}px`
                 })
             };
         });
-        return Object.assign({}, ...t);
+        return Object.assign({}, ...o);
     }, [
-        m
-    ]), R = (t)=>{
-        if (o || process.env.NODE_ENV === "test" && !process.env.SSR_TEST) return null;
-        const a = O(u), r = O(f), [d, k] = n === "auto" || n === "light" ? [
-            u,
-            a
-        ] : [
+        c
+    ]), y = a.useMemo(()=>{
+        const o = Object.entries(c.spacing).map((param)=>{
+            let [r, e] = param;
+            return {
+                [r]: _object_spread({}, "top" in e && {
+                    top: `${e.top.desktop}px`
+                }, "right" in e && {
+                    right: `${e.right.desktop}px`
+                }, "bottom" in e && {
+                    bottom: `${e.bottom.desktop}px`
+                }, "left" in e && {
+                    left: `${e.left.desktop}px`
+                })
+            };
+        });
+        return Object.assign({}, ...o);
+    }, [
+        c
+    ]), I = a.useMemo(()=>{
+        const o = Object.entries(c.spacing).map((param)=>{
+            let [r, e] = param;
+            return {
+                [r]: _object_spread({}, "top" in e && {
+                    top: `${e.top.mobile}px`
+                }, "right" in e && {
+                    right: `${e.right.mobile}px`
+                }, "bottom" in e && {
+                    bottom: `${e.bottom.mobile}px`
+                }, "left" in e && {
+                    left: `${e.left.mobile}px`
+                })
+            };
+        });
+        return Object.assign({}, ...o);
+    }, [
+        c
+    ]), v = (o)=>{
+        if (i || process.env.NODE_ENV === "test" && !process.env.SSR_TEST) return null;
+        const r = V(f), e = V(b), [d, k] = l === "auto" || l === "light" ? [
             f,
             r
-        ], D = n === "auto" ? `@media (prefers-color-scheme: dark) {
-                    ${t} {
-                        ${g(h.colors, f)};
-                        ${g(h.rawColors, r)}
+        ] : [
+            b,
+            e
+        ], j = l === "auto" ? `@media (prefers-color-scheme: dark) {
+                    ${o} {
+                        ${u(g.colors, b)};
+                        ${u(g.rawColors, e)}
                     }
                 }` : "";
-        var _e_skin_borderRadii;
+        var _t_skin_borderRadii;
         return /* @__PURE__ */ s("style", {
             children: `
-                ${t} {
-                    ${g(h, {
+                ${o} {
+                    ${u(g, {
                 colors: d,
                 rawColors: k,
-                textPresets: V,
-                borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : E
+                textPresets: D,
+                borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : R,
+                spacing: y
             })}
                 }
-                @media ${Z} {
-                    ${t} {
-                        ${g(h.textPresets, y)}
+                @media ${oe} {
+                    ${o} {
+                        ${u(g.textPresets, H)}
+                        ${u(g.spacing, I)}
                     }
                 }
-                ${D}
+                ${j}
             `
         });
     };
-    return /* @__PURE__ */ b(C, {
+    return /* @__PURE__ */ x(C, {
         children: [
-            /* @__PURE__ */ s(B, {
-                disabled: !e.enableTabFocus,
-                children: /* @__PURE__ */ s(G, {
-                    children: /* @__PURE__ */ s(W, {
-                        children: /* @__PURE__ */ s(A.Provider, {
-                            value: m,
-                            children: /* @__PURE__ */ s(Q, {
-                                eventFormat: m.analytics.eventFormat,
-                                children: /* @__PURE__ */ s(K, {
-                                    children: /* @__PURE__ */ s(q, {
-                                        children: /* @__PURE__ */ s(F, {
-                                            children: /* @__PURE__ */ s(I, {
-                                                children: /* @__PURE__ */ s(Y, {
-                                                    children: i ? /* @__PURE__ */ b(C, {
+            /* @__PURE__ */ s(W, {
+                disabled: !t.enableTabFocus,
+                children: /* @__PURE__ */ s(q, {
+                    children: /* @__PURE__ */ s(K, {
+                        children: /* @__PURE__ */ s(G.Provider, {
+                            value: c,
+                            children: /* @__PURE__ */ s(U, {
+                                eventFormat: c.analytics.eventFormat,
+                                children: /* @__PURE__ */ s(J, {
+                                    children: /* @__PURE__ */ s(Q, {
+                                        children: /* @__PURE__ */ s(N, {
+                                            children: /* @__PURE__ */ s(F, {
+                                                children: /* @__PURE__ */ s(te, {
+                                                    children: n ? /* @__PURE__ */ x(C, {
                                                         children: [
-                                                            R(`.${$}`),
-                                                            /*#__PURE__*/ l.createElement(i, {
+                                                            v(`.${E}`),
+                                                            /*#__PURE__*/ a.createElement(n, {
                                                                 style: {
                                                                     isolation: "isolate"
                                                                 },
-                                                                className: o ? void 0 : $
-                                                            }, c)
+                                                                className: i ? void 0 : E
+                                                            }, m)
                                                         ]
-                                                    }) : /* @__PURE__ */ b(C, {
+                                                    }) : /* @__PURE__ */ x(C, {
                                                         children: [
-                                                            R(":root"),
-                                                            c
+                                                            v(":root"),
+                                                            m
                                                         ]
                                                     })
                                                 })
@@ -256,8 +295,8 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
                     })
                 })
             }),
-            !i && /* @__PURE__ */ s(ie, {})
+            !n && /* @__PURE__ */ s(le, {})
         ]
     });
 };
-export { Oe as default, te as useIsOsDarkModeEnabled };
+export { De as default, se as useIsOsDarkModeEnabled };

package/dist-es/theme-context.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                         */ var a = "v16_52_pa0wjc0";
+/* empty css                                         */ var a = "v16_54_pa0wjc0";
 export { a as themeVars };