@telefonica/mistica 12.8.0 → 12.9.0

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

@@ -1,250 +1,172 @@
-function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _objectSpread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { JssProvider } from "react-jss";
-import { createGenerateId } from "jss";
-import { getJss } from "./jss";
-import DialogRoot from "./dialog";
-import ScreenSizeContextProvider from "./screen-size-context-provider";
-import { createMediaQueries } from "./utils/media-queries";
-import { PACKAGE_VERSION } from "./package-version";
-import AriaIdGetterContext from "./aria-id-getter-context";
-import { isServerSide } from "./utils/environment";
-import { AnchorLink, mediaQueriesConfig, dimensions, getTexts } from "./theme";
-import { getPlatform, isInsideNovumNativeApp } from "./utils/platform";
-import ThemeContext from "./theme-context";
-import { useIsomorphicLayoutEffect } from "./hooks";
-import TabFocus from "./tab-focus";
-import ModalContextProvider from "./modal-context-provider";
-import { DocumentVisibilityProvider } from "./utils/document-visibility";
-import { AspectRatioSupportProvider } from "./utils/aspect-ratio-support";
-import { TrackingConfig } from "./utils/analytics";
-var darkModeMedia = "(prefers-color-scheme: dark)";
-export var useIsOsDarkModeEnabled = function() {
-    var ref = _slicedToArray(React.useState(false), 2), isDarkMode = ref[0], setIsDarkMode = ref[1];
-    useIsomorphicLayoutEffect(function() {
-        if (!window.matchMedia) {
-            return;
-        }
-        var mq = window.matchMedia(darkModeMedia);
-        var listener = function() {
-            setIsDarkMode(mq.matches);
-        };
-        mq.addListener(listener);
-        listener();
-        return function() {
-            return mq.removeListener(listener);
-        };
-    }, []);
-    return isDarkMode;
-};
-// This counter will increment with every new instance of ThemeContextProvider in the app. In a typical app we don't need more than
-// one instance of ThemeContextProvider. But some apps may depend on libs that use Mistica too, so there may be more than one instance
-// in those cases. We use this counter to avoid class name collisions in those cases.
-var nextJssInstanceId = 0;
-var generateId = function() {
-    if (process.env.NODE_ENV === "test") {
-        // in tests classnames are just the classame, whithout ids
-        return function(r) {
-            return r.key;
-        };
-    }
-    if (isServerSide()) {
-        // this makes jss to create a new generator in each jss instance
-        return undefined;
-    }
-    // in frontend, use the same generator for all JssProvider renders, this way we avoid classname collisions
-    return createGenerateId();
-}();
-var useDefaultHrefDecorator = function() {
-    return function(href) {
-        return href;
+import * as r from "react";
+import { JssProvider as T } from "react-jss";
+import { assignInlineVars as _ } from "@vanilla-extract/dynamic";
+import { createGenerateId as V } from "jss";
+import { getJss as H } from "./jss.js";
+import L from "./dialog.js";
+import F from "./screen-size-context-provider.js";
+import { createMediaQueries as R } from "./utils/media-queries.js";
+import { PACKAGE_VERSION as G } from "./package-version.js";
+import $ from "./aria-id-getter-context.js";
+import { isServerSide as N } from "./utils/environment.js";
+import { getTexts as j, dimensions as J, AnchorLink as Q, NAVBAR_HEIGHT_MOBILE as q } from "./theme.js";
+import { getPlatform as D, isInsideNovumNativeApp as z } from "./utils/platform.js";
+import B from "./theme-context.js";
+import { useIsomorphicLayoutEffect as K } from "./hooks.js";
+import U from "./tab-focus.js";
+import W from "./modal-context-provider.js";
+import { DocumentVisibilityProvider as X } from "./utils/document-visibility.js";
+import { AspectRatioSupportProvider as Y } from "./utils/aspect-ratio-support.js";
+import { TrackingConfig as Z } from "./utils/analytics.js";
+import { vars as tt } from "./skins/skin-contract.css-mistica.js";
+import { jsx as e, jsxs as C, Fragment as et } from "./_virtual/jsx-runtime.js";
+import { mediaQueriesConfig as rt } from "./media-queries.css-mistica.js";
+const ot = `._1y2v1nf0{color:var(--_1vqcj1i0)}._1y2v1nf1{color:var(--_1vqcj1i1)}._1y2v1nf2{color:var(--_1vqcj1i2)}._1y2v1nf3{color:var(--_1vqcj1i3)}._1y2v1nf4{color:var(--_1vqcj1i4)}._1y2v1nf5{color:var(--_1vqcj1i5)}._1y2v1nf6{color:var(--_1vqcj1i6)}._1y2v1nf7{color:var(--_1vqcj1i7)}._1y2v1nf8{color:var(--_1vqcj1i8)}._1y2v1nf9{color:var(--_1vqcj1i9)}._1y2v1nfa{color:var(--_1vqcj1ia)}._1y2v1nfb{color:var(--_1vqcj1ib)}._1y2v1nfc{color:var(--_1vqcj1ic)}._1y2v1nfd{color:var(--_1vqcj1id)}._1y2v1nfe{color:var(--_1vqcj1ie)}._1y2v1nff{color:var(--_1vqcj1if)}._1y2v1nfg{color:var(--_1vqcj1ig)}._1y2v1nfh{color:var(--_1vqcj1ih)}._1y2v1nfi{color:var(--_1vqcj1ii)}._1y2v1nfj{color:var(--_1vqcj1ij)}._1y2v1nfk{color:var(--_1vqcj1ik)}._1y2v1nfl{color:var(--_1vqcj1il)}._1y2v1nfm{color:var(--_1vqcj1im)}._1y2v1nfn{color:var(--_1vqcj1in)}._1y2v1nfo{color:var(--_1vqcj1io)}._1y2v1nfp{color:var(--_1vqcj1ip)}._1y2v1nfq{color:var(--_1vqcj1iq)}._1y2v1nfr{color:var(--_1vqcj1ir)}._1y2v1nfs{color:var(--_1vqcj1is)}._1y2v1nft{color:var(--_1vqcj1it)}._1y2v1nfu{color:var(--_1vqcj1iu)}._1y2v1nfv{color:var(--_1vqcj1iv)}._1y2v1nfw{color:var(--_1vqcj1iw)}._1y2v1nfx{color:var(--_1vqcj1ix)}._1y2v1nfy{color:var(--_1vqcj1iy)}._1y2v1nfz{color:var(--_1vqcj1iz)}._1y2v1nf10{color:var(--_1vqcj1i10)}._1y2v1nf11{color:var(--_1vqcj1i11)}._1y2v1nf12{color:var(--_1vqcj1i12)}._1y2v1nf13{color:var(--_1vqcj1i13)}._1y2v1nf14{color:var(--_1vqcj1i14)}._1y2v1nf15{color:var(--_1vqcj1i15)}._1y2v1nf16{color:var(--_1vqcj1i16)}._1y2v1nf17{color:var(--_1vqcj1i17)}._1y2v1nf18{color:var(--_1vqcj1i18)}._1y2v1nf19{color:var(--_1vqcj1i19)}._1y2v1nf1a{color:var(--_1vqcj1i1a)}._1y2v1nf1b{color:var(--_1vqcj1i1b)}._1y2v1nf1c{color:var(--_1vqcj1i1c)}._1y2v1nf1d{color:var(--_1vqcj1i1d)}._1y2v1nf1e{color:var(--_1vqcj1i1e)}._1y2v1nf1f{color:var(--_1vqcj1i1f)}._1y2v1nf1g{color:var(--_1vqcj1i1g)}._1y2v1nf1h{color:var(--_1vqcj1i1h)}._1y2v1nf1i{color:var(--_1vqcj1i1i)}._1y2v1nf1j{color:var(--_1vqcj1i1j)}._1y2v1nf1k{color:var(--_1vqcj1i1k)}._1y2v1nf1l{color:var(--_1vqcj1i1l)}._1y2v1nf1m{color:var(--_1vqcj1i1m)}._1y2v1nf1n{color:var(--_1vqcj1i1n)}._1y2v1nf1o{color:var(--_1vqcj1i1o)}._1y2v1nf1p{color:var(--_1vqcj1i1p)}._1y2v1nf1q{color:var(--_1vqcj1i1q)}._1y2v1nf1r{color:var(--_1vqcj1i1r)}._1y2v1nf1s{color:var(--_1vqcj1i1s)}._1y2v1nf1t{color:var(--_1vqcj1i1t)}._1y2v1nf1u{color:var(--_1vqcj1i1u)}._1y2v1nf1v{color:var(--_1vqcj1i1v)}._1y2v1nf1w{color:var(--_1vqcj1i1w)}._1y2v1nf1x{color:var(--_1vqcj1i1x)}._1y2v1nf1y{color:var(--_1vqcj1i1y)}._1y2v1nf1z{color:var(--_1vqcj1i1z)}._1y2v1nf20{color:var(--_1vqcj1i20)}._1y2v1nf21{color:var(--_1vqcj1i21)}._1y2v1nf22{color:var(--_1vqcj1i22)}._1y2v1nf23{color:var(--_1vqcj1i23)}._1y2v1nf24{color:var(--_1vqcj1i24)}._1y2v1nf25{color:var(--_1vqcj1i25)}._1y2v1nf26{color:var(--_1vqcj1i26)}._1y2v1nf27{color:var(--_1vqcj1i27)}._1y2v1nf28{color:var(--_1vqcj1i28)}._1y2v1nf29{color:var(--_1vqcj1i29)}._1y2v1nf2a{color:var(--_1vqcj1i2a)}._1y2v1nf2b{color:var(--_1vqcj1i2b)}._1y2v1nf2c{color:transparent}._1y2v1nf2d{background-color:var(--_1vqcj1i0)}._1y2v1nf2e{background-color:var(--_1vqcj1i1)}._1y2v1nf2f{background-color:var(--_1vqcj1i2)}._1y2v1nf2g{background-color:var(--_1vqcj1i3)}._1y2v1nf2h{background-color:var(--_1vqcj1i4)}._1y2v1nf2i{background-color:var(--_1vqcj1i5)}._1y2v1nf2j{background-color:var(--_1vqcj1i6)}._1y2v1nf2k{background-color:var(--_1vqcj1i7)}._1y2v1nf2l{background-color:var(--_1vqcj1i8)}._1y2v1nf2m{background-color:var(--_1vqcj1i9)}._1y2v1nf2n{background-color:var(--_1vqcj1ia)}._1y2v1nf2o{background-color:var(--_1vqcj1ib)}._1y2v1nf2p{background-color:var(--_1vqcj1ic)}._1y2v1nf2q{background-color:var(--_1vqcj1id)}._1y2v1nf2r{background-color:var(--_1vqcj1ie)}._1y2v1nf2s{background-color:var(--_1vqcj1if)}._1y2v1nf2t{background-color:var(--_1vqcj1ig)}._1y2v1nf2u{background-color:var(--_1vqcj1ih)}._1y2v1nf2v{background-color:var(--_1vqcj1ii)}._1y2v1nf2w{background-color:var(--_1vqcj1ij)}._1y2v1nf2x{background-color:var(--_1vqcj1ik)}._1y2v1nf2y{background-color:var(--_1vqcj1il)}._1y2v1nf2z{background-color:var(--_1vqcj1im)}._1y2v1nf30{background-color:var(--_1vqcj1in)}._1y2v1nf31{background-color:var(--_1vqcj1io)}._1y2v1nf32{background-color:var(--_1vqcj1ip)}._1y2v1nf33{background-color:var(--_1vqcj1iq)}._1y2v1nf34{background-color:var(--_1vqcj1ir)}._1y2v1nf35{background-color:var(--_1vqcj1is)}._1y2v1nf36{background-color:var(--_1vqcj1it)}._1y2v1nf37{background-color:var(--_1vqcj1iu)}._1y2v1nf38{background-color:var(--_1vqcj1iv)}._1y2v1nf39{background-color:var(--_1vqcj1iw)}._1y2v1nf3a{background-color:var(--_1vqcj1ix)}._1y2v1nf3b{background-color:var(--_1vqcj1iy)}._1y2v1nf3c{background-color:var(--_1vqcj1iz)}._1y2v1nf3d{background-color:var(--_1vqcj1i10)}._1y2v1nf3e{background-color:var(--_1vqcj1i11)}._1y2v1nf3f{background-color:var(--_1vqcj1i12)}._1y2v1nf3g{background-color:var(--_1vqcj1i13)}._1y2v1nf3h{background-color:var(--_1vqcj1i14)}._1y2v1nf3i{background-color:var(--_1vqcj1i15)}._1y2v1nf3j{background-color:var(--_1vqcj1i16)}._1y2v1nf3k{background-color:var(--_1vqcj1i17)}._1y2v1nf3l{background-color:var(--_1vqcj1i18)}._1y2v1nf3m{background-color:var(--_1vqcj1i19)}._1y2v1nf3n{background-color:var(--_1vqcj1i1a)}._1y2v1nf3o{background-color:var(--_1vqcj1i1b)}._1y2v1nf3p{background-color:var(--_1vqcj1i1c)}._1y2v1nf3q{background-color:var(--_1vqcj1i1d)}._1y2v1nf3r{background-color:var(--_1vqcj1i1e)}._1y2v1nf3s{background-color:var(--_1vqcj1i1f)}._1y2v1nf3t{background-color:var(--_1vqcj1i1g)}._1y2v1nf3u{background-color:var(--_1vqcj1i1h)}._1y2v1nf3v{background-color:var(--_1vqcj1i1i)}._1y2v1nf3w{background-color:var(--_1vqcj1i1j)}._1y2v1nf3x{background-color:var(--_1vqcj1i1k)}._1y2v1nf3y{background-color:var(--_1vqcj1i1l)}._1y2v1nf3z{background-color:var(--_1vqcj1i1m)}._1y2v1nf40{background-color:var(--_1vqcj1i1n)}._1y2v1nf41{background-color:var(--_1vqcj1i1o)}._1y2v1nf42{background-color:var(--_1vqcj1i1p)}._1y2v1nf43{background-color:var(--_1vqcj1i1q)}._1y2v1nf44{background-color:var(--_1vqcj1i1r)}._1y2v1nf45{background-color:var(--_1vqcj1i1s)}._1y2v1nf46{background-color:var(--_1vqcj1i1t)}._1y2v1nf47{background-color:var(--_1vqcj1i1u)}._1y2v1nf48{background-color:var(--_1vqcj1i1v)}._1y2v1nf49{background-color:var(--_1vqcj1i1w)}._1y2v1nf4a{background-color:var(--_1vqcj1i1x)}._1y2v1nf4b{background-color:var(--_1vqcj1i1y)}._1y2v1nf4c{background-color:var(--_1vqcj1i1z)}._1y2v1nf4d{background-color:var(--_1vqcj1i20)}._1y2v1nf4e{background-color:var(--_1vqcj1i21)}._1y2v1nf4f{background-color:var(--_1vqcj1i22)}._1y2v1nf4g{background-color:var(--_1vqcj1i23)}._1y2v1nf4h{background-color:var(--_1vqcj1i24)}._1y2v1nf4i{background-color:var(--_1vqcj1i25)}._1y2v1nf4j{background-color:var(--_1vqcj1i26)}._1y2v1nf4k{background-color:var(--_1vqcj1i27)}._1y2v1nf4l{background-color:var(--_1vqcj1i28)}._1y2v1nf4m{background-color:var(--_1vqcj1i29)}._1y2v1nf4n{background-color:var(--_1vqcj1i2a)}._1y2v1nf4o{background-color:var(--_1vqcj1i2b)}._1y2v1nf4p{background-color:transparent}._1y2v1nf4q{position:relative}._1y2v1nf4r{position:absolute}._1y2v1nf4s{position:fixed}._1y2v1nf4t{position:static}._1y2v1nf4u{display:none}._1y2v1nf4v{display:flex}._1y2v1nf4w{display:inline-flex}._1y2v1nf4x{display:block}._1y2v1nf4y{display:inline}._1y2v1nf4z{display:inline-block}._1y2v1nf50{flex-direction:row}._1y2v1nf51{flex-direction:column}._1y2v1nf52{justify-content:stretch}._1y2v1nf53{justify-content:flex-start}._1y2v1nf54{justify-content:center}._1y2v1nf55{justify-content:flex-end}._1y2v1nf56{justify-content:space-around}._1y2v1nf57{justify-content:space-between}._1y2v1nf58{align-items:stretch}._1y2v1nf59{align-items:flex-start}._1y2v1nf5a{align-items:center}._1y2v1nf5b{align-items:flex-end}._1y2v1nf5c{flex-shrink:0}._1y2v1nf5d{flex-grow:0}._1y2v1nf5e{flex-grow:1}._1y2v1nf5f{flex:1}._1y2v1nf5g{padding-top:0}._1y2v1nf5h{padding-top:2px}._1y2v1nf5i{padding-top:4px}._1y2v1nf5j{padding-top:8px}._1y2v1nf5k{padding-top:12px}._1y2v1nf5l{padding-top:16px}._1y2v1nf5m{padding-top:24px}._1y2v1nf5n{padding-top:32px}._1y2v1nf5o{padding-top:40px}._1y2v1nf5p{padding-top:48px}._1y2v1nf5q{padding-top:56px}._1y2v1nf5r{padding-top:64px}._1y2v1nf5s{padding-top:72px}._1y2v1nf5t{padding-top:80px}._1y2v1nf5u{padding-bottom:0}._1y2v1nf5v{padding-bottom:2px}._1y2v1nf5w{padding-bottom:4px}._1y2v1nf5x{padding-bottom:8px}._1y2v1nf5y{padding-bottom:12px}._1y2v1nf5z{padding-bottom:16px}._1y2v1nf60{padding-bottom:24px}._1y2v1nf61{padding-bottom:32px}._1y2v1nf62{padding-bottom:40px}._1y2v1nf63{padding-bottom:48px}._1y2v1nf64{padding-bottom:56px}._1y2v1nf65{padding-bottom:64px}._1y2v1nf66{padding-bottom:72px}._1y2v1nf67{padding-bottom:80px}._1y2v1nf68{padding-left:0}._1y2v1nf69{padding-left:2px}._1y2v1nf6a{padding-left:4px}._1y2v1nf6b{padding-left:8px}._1y2v1nf6c{padding-left:12px}._1y2v1nf6d{padding-left:16px}._1y2v1nf6e{padding-left:24px}._1y2v1nf6f{padding-left:32px}._1y2v1nf6g{padding-left:40px}._1y2v1nf6h{padding-left:48px}._1y2v1nf6i{padding-left:56px}._1y2v1nf6j{padding-left:64px}._1y2v1nf6k{padding-left:72px}._1y2v1nf6l{padding-left:80px}._1y2v1nf6m{padding-right:0}._1y2v1nf6n{padding-right:2px}._1y2v1nf6o{padding-right:4px}._1y2v1nf6p{padding-right:8px}._1y2v1nf6q{padding-right:12px}._1y2v1nf6r{padding-right:16px}._1y2v1nf6s{padding-right:24px}._1y2v1nf6t{padding-right:32px}._1y2v1nf6u{padding-right:40px}._1y2v1nf6v{padding-right:48px}._1y2v1nf6w{padding-right:56px}._1y2v1nf6x{padding-right:64px}._1y2v1nf6y{padding-right:72px}._1y2v1nf6z{padding-right:80px}._1y2v1nf70{box-sizing:border-box;width:100%}._1y2v1nf71{box-sizing:border-box;width:0}._1y2v1nf72{box-sizing:border-box;width:2px}._1y2v1nf73{box-sizing:border-box;width:4px}._1y2v1nf74{box-sizing:border-box;width:8px}._1y2v1nf75{box-sizing:border-box;width:12px}._1y2v1nf76{box-sizing:border-box;width:16px}._1y2v1nf77{box-sizing:border-box;width:24px}._1y2v1nf78{box-sizing:border-box;width:32px}._1y2v1nf79{box-sizing:border-box;width:40px}._1y2v1nf7a{box-sizing:border-box;width:48px}._1y2v1nf7b{box-sizing:border-box;width:56px}._1y2v1nf7c{box-sizing:border-box;width:64px}._1y2v1nf7d{box-sizing:border-box;width:72px}._1y2v1nf7e{box-sizing:border-box;width:80px}._1y2v1nf7f{box-sizing:border-box;height:0}._1y2v1nf7g{box-sizing:border-box;height:2px}._1y2v1nf7h{box-sizing:border-box;height:4px}._1y2v1nf7i{box-sizing:border-box;height:8px}._1y2v1nf7j{box-sizing:border-box;height:12px}._1y2v1nf7k{box-sizing:border-box;height:16px}._1y2v1nf7l{box-sizing:border-box;height:24px}._1y2v1nf7m{box-sizing:border-box;height:32px}._1y2v1nf7n{box-sizing:border-box;height:40px}._1y2v1nf7o{box-sizing:border-box;height:48px}._1y2v1nf7p{box-sizing:border-box;height:56px}._1y2v1nf7q{box-sizing:border-box;height:64px}._1y2v1nf7r{box-sizing:border-box;height:72px}._1y2v1nf7s{box-sizing:border-box;height:80px}._1y2v1nf7t{box-sizing:border-box;min-width:0}._1y2v1nf7u{box-sizing:border-box;min-width:2px}._1y2v1nf7v{box-sizing:border-box;min-width:4px}._1y2v1nf7w{box-sizing:border-box;min-width:8px}._1y2v1nf7x{box-sizing:border-box;min-width:12px}._1y2v1nf7y{box-sizing:border-box;min-width:16px}._1y2v1nf7z{box-sizing:border-box;min-width:24px}._1y2v1nf80{box-sizing:border-box;min-width:32px}._1y2v1nf81{box-sizing:border-box;min-width:40px}._1y2v1nf82{box-sizing:border-box;min-width:48px}._1y2v1nf83{box-sizing:border-box;min-width:56px}._1y2v1nf84{box-sizing:border-box;min-width:64px}._1y2v1nf85{box-sizing:border-box;min-width:72px}._1y2v1nf86{box-sizing:border-box;min-width:80px}._1y2v1nf87{box-sizing:border-box;min-height:0}._1y2v1nf88{box-sizing:border-box;min-height:2px}._1y2v1nf89{box-sizing:border-box;min-height:4px}._1y2v1nf8a{box-sizing:border-box;min-height:8px}._1y2v1nf8b{box-sizing:border-box;min-height:12px}._1y2v1nf8c{box-sizing:border-box;min-height:16px}._1y2v1nf8d{box-sizing:border-box;min-height:24px}._1y2v1nf8e{box-sizing:border-box;min-height:32px}._1y2v1nf8f{box-sizing:border-box;min-height:40px}._1y2v1nf8g{box-sizing:border-box;min-height:48px}._1y2v1nf8h{box-sizing:border-box;min-height:56px}._1y2v1nf8i{box-sizing:border-box;min-height:64px}._1y2v1nf8j{box-sizing:border-box;min-height:72px}._1y2v1nf8k{box-sizing:border-box;min-height:80px}._1y2v1nf8l{border:1px solid var(--_1vqcj1ib)}._1y2v1nf8m{border-radius:50%}._1y2v1nf8n{border-radius:2px}._1y2v1nf8o{border-radius:4px}._1y2v1nf8p{border-radius:8px}._1y2v1nf8q{border-radius:16px}._1y2v1nf8r{cursor:pointer}._1y2v1nf8s{overflow:hidden}._1y2v1nf8t{top:0}._1y2v1nf8u{top:2px}._1y2v1nf8v{top:4px}._1y2v1nf8w{top:8px}._1y2v1nf8x{top:12px}._1y2v1nf8y{top:16px}._1y2v1nf8z{top:24px}._1y2v1nf90{top:32px}._1y2v1nf91{top:40px}._1y2v1nf92{top:48px}._1y2v1nf93{top:56px}._1y2v1nf94{top:64px}._1y2v1nf95{top:72px}._1y2v1nf96{top:80px}._1y2v1nf97{left:0}._1y2v1nf98{left:2px}._1y2v1nf99{left:4px}._1y2v1nf9a{left:8px}._1y2v1nf9b{left:12px}._1y2v1nf9c{left:16px}._1y2v1nf9d{left:24px}._1y2v1nf9e{left:32px}._1y2v1nf9f{left:40px}._1y2v1nf9g{left:48px}._1y2v1nf9h{left:56px}._1y2v1nf9i{left:64px}._1y2v1nf9j{left:72px}._1y2v1nf9k{left:80px}._1y2v1nf9l{right:0}._1y2v1nf9m{right:2px}._1y2v1nf9n{right:4px}._1y2v1nf9o{right:8px}._1y2v1nf9p{right:12px}._1y2v1nf9q{right:16px}._1y2v1nf9r{right:24px}._1y2v1nf9s{right:32px}._1y2v1nf9t{right:40px}._1y2v1nf9u{right:48px}._1y2v1nf9v{right:56px}._1y2v1nf9w{right:64px}._1y2v1nf9x{right:72px}._1y2v1nf9y{right:80px}._1y2v1nf9z{bottom:0}._1y2v1nfa0{bottom:2px}._1y2v1nfa1{bottom:4px}._1y2v1nfa2{bottom:8px}._1y2v1nfa3{bottom:12px}._1y2v1nfa4{bottom:16px}._1y2v1nfa5{bottom:24px}._1y2v1nfa6{bottom:32px}._1y2v1nfa7{bottom:40px}._1y2v1nfa8{bottom:48px}._1y2v1nfa9{bottom:56px}._1y2v1nfaa{bottom:64px}._1y2v1nfab{bottom:72px}._1y2v1nfac{bottom:80px}.o7bjb01{transition:visibility .3s;visibility:hidden}.o7bjb02{visibility:visible}.o7bjb04{max-width:800px;min-width:360px;box-sizing:border-box;min-height:48px;padding:14px 16px;bottom:24px;z-index:1000;opacity:0;transform:translateY(100px);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.o7bjb07{opacity:1;transform:initial;-webkit-animation-duration:.3s;animation-duration:.3s}.o7bjb09{margin:-6px -8px -6px 16px;font-weight:500;font-size:1rem;line-height:24px;padding:4px 8px;white-space:nowrap;box-sizing:border-box;width:auto}.o7bjb0a{margin-top:18px;margin-left:0;align-self:flex-end}@media only screen and (max-width: 1023px),(max-height: 549px){.o7bjb04{left:8px;right:8px;bottom:8px;box-sizing:border-box;min-width:0}}@media only screen and (min-height: 550px) and (min-width: 1024px){.o7bjb09{margin-left:48px}}._17szrmd2{top:-2px;right:-6px;border-radius:50%;box-shadow:0 0 0 1.5px var(--_1vqcj1ic)}._17szrmd4{top:-8px;right:-9px;width:18px;box-sizing:border-box;height:18px;font-size:12px;font-weight:500}._17szrmd6{box-sizing:border-box;width:24px;right:-14px;border-radius:24px}.f1g4uj1{object-fit:cover}._1wy08671{vertical-align:middle;border-radius:50px}
+`, st = "(prefers-color-scheme: dark)", it = () => {
+  const [t, n] = r.useState(!1);
+  return K(() => {
+    if (!window.matchMedia)
+      return;
+    const o = window.matchMedia(st), s = () => {
+      n(o.matches);
     };
+    return o.addListener(s), s(), () => o.removeListener(s);
+  }, []), t;
 };
-var defaultTextPresetsConfig = {
-    text5: {
-        weight: "light"
-    },
-    text6: {
-        weight: "light"
-    },
-    text7: {
-        weight: "light"
-    },
-    text8: {
-        weight: "light"
-    },
-    text9: {
-        weight: "light"
-    },
-    text10: {
-        weight: "light"
-    }
-};
-var ThemeContextProvider = function(param) {
-    var theme = param.theme, children = param.children, providerId = param.providerId;
-    var ref6 = _slicedToArray(React.useState(function() {
-        if (providerId) {
-            return providerId;
-        } else {
-            return isServerSide() ? 0 : nextJssInstanceId++;
+let nt = 0;
+const at = (() => {
+  if (process.env.NODE_ENV === "test")
+    return (t) => t.key;
+  if (!N())
+    return V();
+})(), ct = () => (t) => t, i = {
+  text5: {
+    weight: "light"
+  },
+  text6: {
+    weight: "light"
+  },
+  text7: {
+    weight: "light"
+  },
+  text8: {
+    weight: "light"
+  },
+  text9: {
+    weight: "light"
+  },
+  text10: {
+    weight: "light"
+  }
+}, lt = (t) => ({
+  headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? q : t == null ? void 0 : t.headerMobileHeight
+}), Ot = ({
+  theme: t,
+  children: n,
+  providerId: o,
+  as: s
+}) => {
+  const [c] = r.useState(() => o || (N() ? 0 : nt++)), S = r.useMemo(() => process.env.NODE_ENV === "test" ? "" : `mistica-${G.replace(/\./g, "-")}_${c}_`, [c]), b = r.useRef(1), A = r.useCallback(() => `aria-id-hook-${b.current++}`, []), l = it(), a = r.useMemo(() => {
+    var u, p, g, k, v, h, M, P, E, I;
+    const m = (u = t.colorScheme) != null ? u : "light", w = t.skin.colors, y = {
+      ...t.skin.colors,
+      ...t.skin.darkModeColors
+    }, x = m === "auto" && l || m === "dark", O = x ? y : w, f = {
+      platform: D(),
+      insideNovumNativeApp: z(),
+      ...t.platformOverrides
+    };
+    return {
+      skinName: t.skin.name,
+      i18n: t.i18n,
+      platformOverrides: f,
+      texts: {
+        ...j(t.i18n.locale),
+        ...t.texts
+      },
+      analytics: {
+        logEvent: () => Promise.resolve(),
+        eventFormat: "universal-analytics",
+        ...t.analytics
+      },
+      dimensions: {
+        ...J,
+        ...lt(t.dimensions)
+      },
+      mq: R((p = t.mediaQueries) != null ? p : rt),
+      colors: O,
+      textPresets: {
+        text5: {
+          ...i.text5,
+          ...(g = t.skin.textPresets) == null ? void 0 : g.text5
+        },
+        text6: {
+          ...i.text6,
+          ...(k = t.skin.textPresets) == null ? void 0 : k.text6
+        },
+        text7: {
+          ...i.text7,
+          ...(v = t.skin.textPresets) == null ? void 0 : v.text7
+        },
+        text8: {
+          ...i.text8,
+          ...(h = t.skin.textPresets) == null ? void 0 : h.text8
+        },
+        text9: {
+          ...i.text9,
+          ...(M = t.skin.textPresets) == null ? void 0 : M.text9
+        },
+        text10: {
+          ...i.text10,
+          ...(P = t.skin.textPresets) == null ? void 0 : P.text10
         }
-    }), 1), instanceId = ref6[0];
-    var classNamePrefix = React.useMemo(function() {
-        return process.env.NODE_ENV === "test" ? "" : "mistica-".concat(PACKAGE_VERSION.replace(/\./g, "-"), "_").concat(instanceId, "_");
-    }, [
-        instanceId
-    ]);
-    var nextAriaId = React.useRef(1);
-    var getAriaId = React.useCallback(function() {
-        return "aria-id-hook-".concat(nextAriaId.current++);
-    }, []);
-    var isOsDarkModeEnabled = useIsOsDarkModeEnabled();
-    var contextTheme = React.useMemo(function() {
-        var ref, ref1, ref2, ref3, ref4, ref5;
-        var _colorScheme;
-        // TODO: In next major version we could change this to "auto" by default
-        var colorScheme = (_colorScheme = theme.colorScheme) !== null && _colorScheme !== void 0 ? _colorScheme : "light";
-        var lightColors = theme.skin.colors;
-        var darkColors = _objectSpread({}, theme.skin.colors, theme.skin.darkModeColors);
-        var isDarkModeEnabled = colorScheme === "auto" && isOsDarkModeEnabled || colorScheme === "dark";
-        var colors = isDarkModeEnabled ? darkColors : lightColors;
-        var platformOverrides = _objectSpread({
-            platform: getPlatform(),
-            insideNovumNativeApp: isInsideNovumNativeApp()
-        }, theme.platformOverrides);
-        var _mediaQueries, _Link, _useHrefDecorator;
-        return {
-            skinName: theme.skin.name,
-            i18n: theme.i18n,
-            platformOverrides: platformOverrides,
-            texts: _objectSpread({}, getTexts(theme.i18n.locale), theme.texts),
-            analytics: _objectSpread({
-                logEvent: function() {
-                    return Promise.resolve();
-                },
-                eventFormat: "universal-analytics"
-            }, theme.analytics),
-            dimensions: _objectSpread({}, dimensions, theme.dimensions),
-            mq: createMediaQueries((_mediaQueries = theme.mediaQueries) !== null && _mediaQueries !== void 0 ? _mediaQueries : mediaQueriesConfig),
-            colors: colors,
-            textPresets: {
-                text5: _objectSpread({}, defaultTextPresetsConfig.text5, (ref = theme.skin.textPresets) === null || ref === void 0 ? void 0 : ref.text5),
-                text6: _objectSpread({}, defaultTextPresetsConfig.text6, (ref1 = theme.skin.textPresets) === null || ref1 === void 0 ? void 0 : ref1.text6),
-                text7: _objectSpread({}, defaultTextPresetsConfig.text7, (ref2 = theme.skin.textPresets) === null || ref2 === void 0 ? void 0 : ref2.text7),
-                text8: _objectSpread({}, defaultTextPresetsConfig.text8, (ref3 = theme.skin.textPresets) === null || ref3 === void 0 ? void 0 : ref3.text8),
-                text9: _objectSpread({}, defaultTextPresetsConfig.text9, (ref4 = theme.skin.textPresets) === null || ref4 === void 0 ? void 0 : ref4.text9),
-                text10: _objectSpread({}, defaultTextPresetsConfig.text10, (ref5 = theme.skin.textPresets) === null || ref5 === void 0 ? void 0 : ref5.text10)
-            },
-            Link: (_Link = theme.Link) !== null && _Link !== void 0 ? _Link : AnchorLink,
-            isDarkMode: isDarkModeEnabled,
-            isIos: getPlatform(platformOverrides) === "ios",
-            useHrefDecorator: (_useHrefDecorator = theme.useHrefDecorator) !== null && _useHrefDecorator !== void 0 ? _useHrefDecorator : useDefaultHrefDecorator
-        };
-    }, [
-        theme,
-        isOsDarkModeEnabled
-    ]);
-    return /*#__PURE__*/ _jsx(JssProvider, {
-        jss: getJss(),
-        classNamePrefix: classNamePrefix,
-        generateId: generateId,
-        children: /*#__PURE__*/ _jsx(TabFocus, {
-            disabled: !theme.enableTabFocus,
-            children: /*#__PURE__*/ _jsx(ModalContextProvider, {
-                children: /*#__PURE__*/ _jsx(ThemeContext.Provider, {
-                    value: contextTheme,
-                    children: /*#__PURE__*/ _jsx(TrackingConfig, {
-                        eventFormat: contextTheme.analytics.eventFormat,
-                        children: /*#__PURE__*/ _jsx(AspectRatioSupportProvider, {
-                            children: /*#__PURE__*/ _jsx(DocumentVisibilityProvider, {
-                                children: /*#__PURE__*/ _jsx(AriaIdGetterContext.Provider, {
-                                    value: getAriaId,
-                                    children: /*#__PURE__*/ _jsx(ScreenSizeContextProvider, {
-                                        children: /*#__PURE__*/ _jsx(DialogRoot, {
-                                            children: children
-                                        })
-                                    })
-                                })
-                            })
-                        })
+      },
+      Link: (E = t.Link) != null ? E : Q,
+      isDarkMode: x,
+      isIos: D(f) === "ios",
+      useHrefDecorator: (I = t.useHrefDecorator) != null ? I : ct
+    };
+  }, [t, l]), d = _(tt, {
+    colors: a.colors
+  });
+  return /* @__PURE__ */ e(T, {
+    jss: H(),
+    classNamePrefix: S,
+    generateId: at,
+    children: /* @__PURE__ */ e(U, {
+      disabled: !t.enableTabFocus,
+      children: /* @__PURE__ */ e(W, {
+        children: /* @__PURE__ */ e(B.Provider, {
+          value: a,
+          children: /* @__PURE__ */ e(Z, {
+            eventFormat: a.analytics.eventFormat,
+            children: /* @__PURE__ */ e(Y, {
+              children: /* @__PURE__ */ e(X, {
+                children: /* @__PURE__ */ e($.Provider, {
+                  value: A,
+                  children: /* @__PURE__ */ e(F, {
+                    children: /* @__PURE__ */ C(L, {
+                      children: [process.env.NODE_ENV !== "test" && /* @__PURE__ */ e("style", {
+                        children: ot
+                      }), s ? r.createElement(s, {
+                        style: d
+                      }, n) : /* @__PURE__ */ C(et, {
+                        children: [process.env.NODE_ENV !== "test" && /* @__PURE__ */ e("style", {
+                          children: `:root {${d}}`
+                        }), n]
+                      })]
                     })
+                  })
                 })
+              })
             })
+          })
         })
-    });
+      })
+    })
+  });
+};
+export {
+  Ot as default,
+  it as useIsOsDarkModeEnabled
 };
-export default ThemeContextProvider;

package/dist-es/theme-context.js

@@ -1,3 +1,5 @@
-import * as React from "react";
-var ThemeContext = /*#__PURE__*/ React.createContext(null);
-export default ThemeContext;
+import * as t from "react";
+const e = t.createContext(null);
+export {
+  e as default
+};

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

@@ -1,13 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-var IsInverseThemeVariant = /*#__PURE__*/ React.createContext(false);
-export var ThemeVariant = function(param) {
-    var isInverse = param.isInverse, children = param.children;
-    return /*#__PURE__*/ _jsx(IsInverseThemeVariant.Provider, {
-        value: !!isInverse,
-        children: children
-    });
-};
-export var useIsInverseVariant = function() {
-    return React.useContext(IsInverseThemeVariant);
+import * as e from "react";
+import { jsx as a } from "./_virtual/jsx-runtime.js";
+const t = e.createContext(!1), n = ({
+  isInverse: r,
+  children: s
+}) => /* @__PURE__ */ a(t.Provider, {
+  value: !!r,
+  children: s
+}), i = () => e.useContext(t);
+export {
+  n as ThemeVariant,
+  i as useIsInverseVariant
 };