@telefonica/mistica 16.68.0 → 16.69.0

package/dist/theme-context-provider.js

@@ -11,7 +11,7 @@ function _export(target, all) {
 }
 _export(exports, {
     get default () {
-        return De;
+        return Ie;
     },
     get useIsOsDarkModeEnabled () {
         return se;
@@ -40,7 +40,6 @@ const _packageversion = require("./package-version.js");
 const _snackbarcontext = require("./snackbar-context.js");
 const _text = require("./text.js");
 const _mediaqueriescssmistica = require("./media-queries.css-mistica.js");
-const _themecontextcssmistica = require("./theme-context.css-mistica.js");
 const _locale = require("./utils/locale.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -121,11 +120,11 @@ if (process.env.NODE_ENV !== "production" && (0, _environment.isClientSide)()) {
     window.__mistica_version__ = _packageversion.PACKAGE_VERSION;
 }
 const ie = "(prefers-color-scheme: dark)", se = ()=>{
-    const [t, m] = _react.useState(!1);
+    const [t, c] = _react.useState(!1);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
         const n = window.matchMedia(ie), i = ()=>{
-            m(n.matches);
+            c(n.matches);
         };
         return n.addEventListener("change", i), i(), ()=>{
             n.removeEventListener("change", i);
@@ -134,56 +133,56 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
 }, ne = ()=>(t)=>t, ae = (t)=>({
         headerMobileHeight: (t === null || t === void 0 ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t === null || t === void 0 ? void 0 : t.headerMobileHeight
     }), le = ()=>{
-    const t = _react.useRef(null), [m, n] = _react.useState(!1), [i, p] = _react.useState(!0);
+    const t = _react.useRef(null), [c, n] = _react.useState(!1), [i, p] = _react.useState(!0);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (i) p(!1);
         else {
             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));
+            const f = (_t_current = t.current) === null || _t_current === void 0 ? void 0 : _t_current.parentElement;
+            f && (f.style.isolation = "isolate", n(!0));
         }
     }, [
         i
-    ]), m || !(0, _environment.isClientSide)() || i ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+    ]), c || !(0, _environment.isClientSide)() || i ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         ref: t,
         style: {
             display: "none"
         }
     });
-}, V = (t)=>Object.fromEntries(Object.entries(t).map((param)=>{
-        let [m, n] = param;
+}, P = (t)=>Object.fromEntries(Object.entries(t).map((param)=>{
+        let [c, n] = param;
         let i = "";
         if (n.startsWith("#")) {
-            const [p, l, f] = (0, _color.fromHexToRgb)(n);
-            i = `${p}, ${l}, ${f}`;
+            const [p, f, m] = (0, _color.fromHexToRgb)(n);
+            i = `${p}, ${f}, ${m}`;
         }
         return [
-            m,
+            c,
             i
         ];
-    })), De = (param)=>{
-    let { theme: t, children: m, as: n, withoutStyles: i = !1 } = param;
+    })), Ie = (param)=>{
+    let { theme: t, children: c, 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 = (0, _locale.localeToLanguage)(t.i18n.locale), w = _react.useCallback(function(o) {
+    const p = _react.useId(), f = se(), m = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", b = t.skin.colors, h = _object_spread({}, t.skin.colors, t.skin.darkModeColors), k = m === "auto" && f || m === "dark", M = k ? h : b, w = (0, _locale.localeToLanguage)(t.i18n.locale), v = _react.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 e = typeof o == "string" ? o : o[M] || o.en;
+        const e = typeof o == "string" ? o : o[w] || 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;
     }, [
-        M
-    ]), c = _react.useMemo(()=>{
+        w
+    ]), l = _react.useMemo(()=>{
         const o = _object_spread({
             platform: (0, _platform.getPlatform)(),
             insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
         }, t.platformOverrides), r = Object.entries(_defaults.defaultTextPresetsConfig).map((param)=>{
-            let [d, k] = param;
+            let [d, x] = param;
             var _t_skin_textPresets;
             return {
-                [d]: _object_spread({}, k, (_t_skin_textPresets = t.skin.textPresets) === null || _t_skin_textPresets === void 0 ? void 0 : _t_skin_textPresets[d])
+                [d]: _object_spread({}, x, (_t_skin_textPresets = t.skin.textPresets) === null || _t_skin_textPresets === void 0 ? void 0 : _t_skin_textPresets[d])
             };
         }), e = Object.assign({}, ...r);
         var _t_skin_borderRadii, _t_skin_spacing, _t_skin_themeVariants, _t_useHrefDecorator, _t_preventCopyInFormFields;
@@ -196,26 +195,26 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            colorValues: $,
+            colorValues: M,
             dimensions: _object_spread({}, _theme.dimensions, ae(t.dimensions)),
             borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
             textPresets: e,
             spacing: (_t_skin_spacing = t.skin.spacing) !== null && _t_skin_spacing !== void 0 ? _t_skin_spacing : _defaults.defaultSpacing,
             themeVariants: (_t_skin_themeVariants = t.skin.themeVariants) !== null && _t_skin_themeVariants !== void 0 ? _t_skin_themeVariants : _defaults.defaultThemeVariantsConfig,
             Link: (0, _theme.getMisticaLinkComponent)(t.Link),
-            isDarkMode: h,
+            isDarkMode: k,
             isIos: (0, _platform.getPlatform)(o) === "ios",
             useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : ne,
-            t: w,
+            t: v,
             preventCopyInFormFields: (_t_preventCopyInFormFields = t.preventCopyInFormFields) !== null && _t_preventCopyInFormFields !== void 0 ? _t_preventCopyInFormFields : !1
         };
     }, [
-        $,
+        M,
         t,
-        h,
-        w
-    ]), D = _react.useMemo(()=>{
-        const o = Object.entries(c.textPresets).map((param)=>{
+        k,
+        v
+    ]), T = _react.useMemo(()=>{
+        const o = Object.entries(l.textPresets).map((param)=>{
             let [r, e] = param;
             return {
                 [r]: _object_spread({}, e.weight && {
@@ -229,9 +228,9 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         });
         return Object.assign({}, ...o);
     }, [
-        c
-    ]), H = _react.useMemo(()=>{
-        const o = Object.entries(c.textPresets).map((param)=>{
+        l
+    ]), D = _react.useMemo(()=>{
+        const o = Object.entries(l.textPresets).map((param)=>{
             let [r, e] = param;
             return {
                 [r]: _object_spread({}, e.weight && {
@@ -245,9 +244,9 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         });
         return Object.assign({}, ...o);
     }, [
-        c
-    ]), y = _react.useMemo(()=>{
-        const o = Object.entries(c.spacing).map((param)=>{
+        l
+    ]), H = _react.useMemo(()=>{
+        const o = Object.entries(l.spacing).map((param)=>{
             let [r, e] = param;
             return {
                 [r]: _object_spread({}, "top" in e && {
@@ -263,9 +262,9 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         });
         return Object.assign({}, ...o);
     }, [
-        c
-    ]), I = _react.useMemo(()=>{
-        const o = Object.entries(c.spacing).map((param)=>{
+        l
+    ]), y = _react.useMemo(()=>{
+        const o = Object.entries(l.spacing).map((param)=>{
             let [r, e] = param;
             return {
                 [r]: _object_spread({}, "top" in e && {
@@ -281,18 +280,18 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         });
         return Object.assign({}, ...o);
     }, [
-        c
-    ]), v = (o)=>{
+        l
+    ]), S = (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,
+        const r = P(b), e = P(h), [d, x] = m === "auto" || m === "light" ? [
+            b,
             r
         ] : [
-            b,
+            h,
             e
-        ], j = l === "auto" ? `@media (prefers-color-scheme: dark) {
+        ], j = m === "auto" ? `@media (prefers-color-scheme: dark) {
                     ${o} {
-                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.colors, b)};
+                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.colors, h)};
                         ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.rawColors, e)}
                     }
                 }` : "";
@@ -302,16 +301,16 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
                 ${o} {
                     ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars, {
                 colors: d,
-                rawColors: k,
-                textPresets: D,
+                rawColors: x,
+                textPresets: T,
                 borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
-                spacing: y
+                spacing: H
             })}
                 }
                 @media ${_mediaqueriescssmistica.tabletOrSmaller} {
                     ${o} {
-                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.textPresets, H)}
-                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.spacing, I)}
+                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.textPresets, D)}
+                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.spacing, y)}
                     }
                 }
                 ${j}
@@ -325,9 +324,9 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_modalcontextprovider.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltipcontextprovider.default, {
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
-                            value: c,
+                            value: l,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
-                                eventFormat: c.analytics.eventFormat,
+                                eventFormat: l.analytics.eventFormat,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
@@ -335,18 +334,18 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
                                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_snackbarcontext.SnackbarRoot, {
                                                     children: n ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                                                         children: [
-                                                            v(`.${_themecontextcssmistica.themeVars}`),
+                                                            S(`[data-mistica-theme="${p}"]`),
                                                             /*#__PURE__*/ _react.createElement(n, {
                                                                 style: {
                                                                     isolation: "isolate"
                                                                 },
-                                                                className: i ? void 0 : _themecontextcssmistica.themeVars
-                                                            }, m)
+                                                                "data-mistica-theme": i ? void 0 : p
+                                                            }, c)
                                                         ]
                                                     }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                                                         children: [
-                                                            v(":root"),
-                                                            m
+                                                            S(":root"),
+                                                            c
                                                         ]
                                                     })
                                                 })

package/dist/timeline.css-mistica.js

@@ -35,13 +35,13 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                    */ var t = {
-    vertical: "v16_68_w6pat20",
-    horizontal: "v16_68_w6pat21"
-}, a = "v16_68_w6pat23 v16_68_w6pat22 v16_68_1y2v1nfq4 v16_68_1y2v1nfqh", n = "v16_68_w6pat25 v16_68_w6pat24 v16_68_1y2v1nfqq v16_68_1y2v1nfsh v16_68_1y2v1nfhf", e = {
-    active: "v16_68_w6pat26",
-    inactive: "v16_68_w6pat27",
-    completed: "v16_68_w6pat28"
-}, p = "v16_68_w6pat2a v16_68_w6pat29 v16_68_1y2v1nfq4 v16_68_1y2v1nfqj", f = "v16_68_w6pat2b", r = "v16_68_w6pat2d v16_68_w6pat2c v16_68_1y2v1nfr1 v16_68_1y2v1nfrh v16_68_1y2v1nfso v16_68_1y2v1nfq4 v16_68_1y2v1nfqj v16_68_1y2v1nfqd v16_68_1y2v1nf83", w = {
-    default: "v16_68_w6pat2g v16_68_w6pat2f v16_68_w6pat2e v16_68_1y2v1nfqq",
-    overBrand: "v16_68_w6pat2h v16_68_w6pat2f v16_68_w6pat2e v16_68_1y2v1nfqq"
+    vertical: "v16_69_w6pat20",
+    horizontal: "v16_69_w6pat21"
+}, a = "v16_69_w6pat23 v16_69_w6pat22 v16_69_1y2v1nfq4 v16_69_1y2v1nfqh", n = "v16_69_w6pat25 v16_69_w6pat24 v16_69_1y2v1nfqq v16_69_1y2v1nfsh v16_69_1y2v1nfhf", e = {
+    active: "v16_69_w6pat26",
+    inactive: "v16_69_w6pat27",
+    completed: "v16_69_w6pat28"
+}, p = "v16_69_w6pat2a v16_69_w6pat29 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj", f = "v16_69_w6pat2b", r = "v16_69_w6pat2d v16_69_w6pat2c v16_69_1y2v1nfr1 v16_69_1y2v1nfrh v16_69_1y2v1nfso v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfqd v16_69_1y2v1nf83", w = {
+    default: "v16_69_w6pat2g v16_69_w6pat2f v16_69_w6pat2e v16_69_1y2v1nfqq",
+    overBrand: "v16_69_w6pat2h v16_69_w6pat2f v16_69_w6pat2e v16_69_1y2v1nfqq"
 };

package/dist/timer.css-mistica.js

@@ -31,10 +31,10 @@ _export(exports, {
         return e;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var f = "v16_68_18fye840 v16_68_1y2v1nfq8", y = "v16_68_18fye841", e = "v16_68_18fye843 v16_68_18fye841 v16_68_18fye842 v16_68_1y2v1nfq5 v16_68_1y2v1nfqd", n = "v16_68_18fye845 v16_68_18fye841 v16_68_18fye844 v16_68_1y2v1nfq8", a = "v16_68_18fye847 v16_68_18fye846 v16_68_1y2v1nfq4 v16_68_1y2v1nfqa v16_68_1y2v1nfqj", i = "v16_68_18fye848", r = {
-    default: "v16_68_18fye84g v16_68_18fye84a v16_68_18fye849 v16_68_1y2v1nfil v16_68_1y2v1nfju v16_68_1y2v1nfg6 v16_68_1y2v1nfhf v16_68_1y2v1nfsw v16_68_18fye84b v16_68_1y2v1nfdi",
-    brand: "v16_68_18fye84h v16_68_18fye84a v16_68_18fye849 v16_68_1y2v1nfil v16_68_1y2v1nfju v16_68_1y2v1nfg6 v16_68_1y2v1nfhf v16_68_1y2v1nfsw v16_68_18fye84c v16_68_1y2v1nf83",
-    negative: "v16_68_18fye84i v16_68_18fye84a v16_68_18fye849 v16_68_1y2v1nfil v16_68_1y2v1nfju v16_68_1y2v1nfg6 v16_68_1y2v1nfhf v16_68_1y2v1nfsw v16_68_18fye84d v16_68_1y2v1nf83",
-    alternative: "v16_68_18fye84j v16_68_18fye84a v16_68_18fye849 v16_68_1y2v1nfil v16_68_1y2v1nfju v16_68_1y2v1nfg6 v16_68_1y2v1nfhf v16_68_1y2v1nfsw v16_68_18fye84e v16_68_1y2v1nf83",
-    media: "v16_68_18fye84k v16_68_18fye84a v16_68_18fye849 v16_68_1y2v1nfil v16_68_1y2v1nfju v16_68_1y2v1nfg6 v16_68_1y2v1nfhf v16_68_1y2v1nfsw v16_68_18fye84f"
+/* empty css                                     */ /* empty css                                 */ var f = "v16_69_18fye840 v16_69_1y2v1nfq8", y = "v16_69_18fye841", e = "v16_69_18fye843 v16_69_18fye841 v16_69_18fye842 v16_69_1y2v1nfq5 v16_69_1y2v1nfqd", n = "v16_69_18fye845 v16_69_18fye841 v16_69_18fye844 v16_69_1y2v1nfq8", a = "v16_69_18fye847 v16_69_18fye846 v16_69_1y2v1nfq4 v16_69_1y2v1nfqa v16_69_1y2v1nfqj", i = "v16_69_18fye848", r = {
+    default: "v16_69_18fye84g v16_69_18fye84a v16_69_18fye849 v16_69_1y2v1nfil v16_69_1y2v1nfju v16_69_1y2v1nfg6 v16_69_1y2v1nfhf v16_69_1y2v1nfsw v16_69_18fye84b v16_69_1y2v1nfdi",
+    brand: "v16_69_18fye84h v16_69_18fye84a v16_69_18fye849 v16_69_1y2v1nfil v16_69_1y2v1nfju v16_69_1y2v1nfg6 v16_69_1y2v1nfhf v16_69_1y2v1nfsw v16_69_18fye84c v16_69_1y2v1nf83",
+    negative: "v16_69_18fye84i v16_69_18fye84a v16_69_18fye849 v16_69_1y2v1nfil v16_69_1y2v1nfju v16_69_1y2v1nfg6 v16_69_1y2v1nfhf v16_69_1y2v1nfsw v16_69_18fye84d v16_69_1y2v1nf83",
+    alternative: "v16_69_18fye84j v16_69_18fye84a v16_69_18fye849 v16_69_1y2v1nfil v16_69_1y2v1nfju v16_69_1y2v1nfg6 v16_69_1y2v1nfhf v16_69_1y2v1nfsw v16_69_18fye84e v16_69_1y2v1nf83",
+    media: "v16_69_18fye84k v16_69_18fye84a v16_69_18fye849 v16_69_1y2v1nfil v16_69_1y2v1nfju v16_69_1y2v1nfg6 v16_69_1y2v1nfhf v16_69_1y2v1nfsw v16_69_18fye84f"
 };

package/dist/tooltip.css-mistica.js

@@ -54,4 +54,4 @@ _export(exports, {
         opacity: 0
     },
     unmounted: {}
-}, a = "v16_68_1xhatbp1 v16_68_1xhatbp0 v16_68_1y2v1nfpz", p = "v16_68_1xhatbp3 v16_68_1xhatbp2 v16_68_1y2v1nfpy v16_68_1y2v1nfsy v16_68_1y2v1nf83", o = "v16_68_1xhatbp5 v16_68_1xhatbp4 v16_68_1y2v1nfpy v16_68_1y2v1nft8", r = "v16_68_1xhatbp6", y = "v16_68_1xhatbp7 v16_68_1y2v1nfq4 v16_68_1y2v1nfqa v16_68_1y2v1nfqj", e = "v16_68_1xhatbp9 v16_68_1xhatbp8 v16_68_1y2v1nfpz v16_68_1y2v1nfqz v16_68_1y2v1nft8", f = "v16_68_1xhatbpb v16_68_1xhatbpa v16_68_1y2v1nfqx v16_68_1y2v1nfrd v16_68_1y2v1nfpz v16_68_1y2v1nfte v16_68_1y2v1nf83", i = "v16_68_1xhatbpd v16_68_1xhatbpc v16_68_1y2v1nfpz";
+}, a = "v16_69_1xhatbp1 v16_69_1xhatbp0 v16_69_1y2v1nfpz", p = "v16_69_1xhatbp3 v16_69_1xhatbp2 v16_69_1y2v1nfpy v16_69_1y2v1nfsy v16_69_1y2v1nf83", o = "v16_69_1xhatbp5 v16_69_1xhatbp4 v16_69_1y2v1nfpy v16_69_1y2v1nft8", r = "v16_69_1xhatbp6", y = "v16_69_1xhatbp7 v16_69_1y2v1nfq4 v16_69_1y2v1nfqa v16_69_1y2v1nfqj", e = "v16_69_1xhatbp9 v16_69_1xhatbp8 v16_69_1y2v1nfpz v16_69_1y2v1nfqz v16_69_1y2v1nft8", f = "v16_69_1xhatbpb v16_69_1xhatbpa v16_69_1y2v1nfqx v16_69_1y2v1nfrd v16_69_1y2v1nfpz v16_69_1y2v1nfte v16_69_1y2v1nf83", i = "v16_69_1xhatbpd v16_69_1xhatbpc v16_69_1y2v1nfpz";

package/dist/touchable.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return n;
     }
 });
-/* empty css                                     */ /* empty css                                     */ var t = "v16_68_mhti6u0", f = "v16_68_mhti6u2 v16_68_mhti6u1 v16_68_1y2v1nft7", n = "v16_68_mhti6u4 v16_68_mhti6u2 v16_68_mhti6u1 v16_68_1y2v1nft7 v16_68_mhti6u3 v16_68_1y2v1nffx v16_68_1y2v1nfh6 v16_68_1y2v1nfif v16_68_1y2v1nfjo v16_68_1y2v1nfq6 v16_68_1y2v1nfsm v16_68_1y2v1nfqr v16_68_1y2v1nf7x v16_68_1y2v1nffw v16_68_1y2v1nft9", i = "v16_68_mhti6u5";
+/* empty css                                     */ /* empty css                                     */ var t = "v16_69_mhti6u0", f = "v16_69_mhti6u2 v16_69_mhti6u1 v16_69_1y2v1nft7", n = "v16_69_mhti6u4 v16_69_mhti6u2 v16_69_mhti6u1 v16_69_1y2v1nft7 v16_69_mhti6u3 v16_69_1y2v1nffx v16_69_1y2v1nfh6 v16_69_1y2v1nfif v16_69_1y2v1nfjo v16_69_1y2v1nfq6 v16_69_1y2v1nfsm v16_69_1y2v1nfqr v16_69_1y2v1nf7x v16_69_1y2v1nffw v16_69_1y2v1nft9", i = "v16_69_mhti6u5";

package/dist/utils/aspect-ratio-support.css-mistica.js

@@ -23,5 +23,5 @@ _export(exports, {
     }
 });
 /* empty css                                      */ /* empty css                                                */ var r = {
-    aspectRatio: "var(--v16_68_yqswj60)"
-}, y = "v16_68_yqswj61 v16_68_1y2v1nft8 v16_68_1y2v1nfsj v16_68_1y2v1nfsk v16_68_1y2v1nfpy", a = "v16_68_yqswj62", n = "v16_68_yqswj63 v16_68_1y2v1nfqr v16_68_1y2v1nfr8 v16_68_1y2v1nfte v16_68_1y2v1nftt";
+    aspectRatio: "var(--v16_69_yqswj60)"
+}, y = "v16_69_yqswj61 v16_69_1y2v1nft8 v16_69_1y2v1nfsj v16_69_1y2v1nfsk v16_69_1y2v1nfpy", a = "v16_69_yqswj62", n = "v16_69_yqswj63 v16_69_1y2v1nfqr v16_69_1y2v1nfr8 v16_69_1y2v1nfte v16_69_1y2v1nftt";

package/dist/utils/icon-gradient-helpers.d.ts

@@ -0,0 +1,26 @@
+type GradientStop = {
+    color: string;
+    offset: string;
+};
+export type ParsedGradient = {
+    type: 'linear' | 'radial';
+    angle?: number;
+    center?: {
+        x: string;
+        y: string;
+    };
+    radius?: string;
+    stops: Array<GradientStop>;
+};
+type ExtractedGradientContent = {
+    type: 'linear' | 'radial';
+    content: string;
+};
+export declare const directionToAngle: (direction: string) => number;
+export declare const splitGradientParts: (content: string) => Array<string>;
+export declare const parseColorStop: (part: string, index: number, total: number) => GradientStop | null;
+export declare const parseLinearGradient: (content: string) => ParsedGradient | null;
+export declare const extractGradientContent: (gradient: string) => ExtractedGradientContent | null;
+export declare const parseRadialGradient: (content: string) => ParsedGradient | null;
+export declare const parseCSSGradient: (cssGradient: string) => ParsedGradient | null;
+export {};

package/dist/utils/icon-gradient-helpers.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get directionToAngle () {
+        return p;
+    },
+    get extractGradientContent () {
+        return m;
+    },
+    get parseCSSGradient () {
+        return x;
+    },
+    get parseColorStop () {
+        return f;
+    },
+    get parseLinearGradient () {
+        return h;
+    },
+    get parseRadialGradient () {
+        return g;
+    },
+    get splitGradientParts () {
+        return u;
+    }
+});
+const d = (a)=>a !== null, p = (a)=>{
+    var _a_toLowerCase;
+    return (_a_toLowerCase = ({
+        "to top": 0,
+        "to top right": 45,
+        "to right": 90,
+        "to bottom right": 135,
+        "to bottom": 180,
+        "to bottom left": 225,
+        "to left": 270,
+        "to top left": 315
+    })[a.toLowerCase()]) !== null && _a_toLowerCase !== void 0 ? _a_toLowerCase : 180;
+}, u = (a)=>{
+    const t = [];
+    let r = "", s = 0;
+    for(let n = 0; n < a.length; n++){
+        const e = a[n];
+        if (e === "(" && s++, e === ")" && s--, e === "," && s === 0) {
+            t.push(r), r = "";
+            continue;
+        }
+        r += e;
+    }
+    return r && t.push(r), t;
+}, f = (a, t, r)=>{
+    const n = a.trim().match(/^(.+?)(?:\s+([\d.]+%))?$/);
+    if (!n) return null;
+    const e = n[1].trim(), i = n[2] || `${t / Math.max(r - 1, 1) * 100}%`;
+    return {
+        color: e,
+        offset: i
+    };
+}, h = (a)=>{
+    const t = u(a);
+    let r, s = 0;
+    const n = t[0].trim(), e = n.match(/^(-?\d+\.?\d*)(deg|grad|rad|turn)$/i);
+    if (e) {
+        const o = parseFloat(e[1]);
+        switch(e[2].toLowerCase()){
+            case "deg":
+                r = o;
+                break;
+            case "grad":
+                r = o * 0.9;
+                break;
+            case "rad":
+                r = o * (180 / Math.PI);
+                break;
+            case "turn":
+                r = o * 360;
+                break;
+        }
+        s = 1;
+    } else n.startsWith("to ") && (r = p(n), s = 1);
+    const i = t.slice(s).map((o, l, c)=>f(o, l, c.length)).filter(d);
+    return i.length === 0 ? null : {
+        type: "linear",
+        angle: r,
+        stops: i
+    };
+}, m = (a)=>{
+    const t = a.trim(), r = t.toLowerCase().startsWith("linear-gradient") ? "linear" : t.toLowerCase().startsWith("radial-gradient") ? "radial" : null;
+    if (!r) return null;
+    const s = t.indexOf("(");
+    if (s === -1) return null;
+    let n = 0, e = -1;
+    for(let i = s; i < t.length; i++)if (t[i] === "(" && n++, t[i] === ")" && (n--, n === 0)) {
+        e = i;
+        break;
+    }
+    return e === -1 ? null : {
+        type: r,
+        content: t.substring(s + 1, e).trim()
+    };
+}, g = (a)=>{
+    const t = u(a);
+    let r = 0, s, n;
+    const e = t[0].trim().toLowerCase();
+    if (e.includes("at ") || e.includes("circle") || e.includes("ellipse")) {
+        const o = e.match(/at\s+([\d.]+%?)\s+([\d.]+%?)/);
+        o && (s = {
+            x: o[1],
+            y: o[2]
+        }), e.includes("at center") && (s = {
+            x: "50%",
+            y: "50%"
+        });
+        const l = e.match(/([\d.]+%?)\s+at/);
+        l && (n = l[1]), r = 1;
+    }
+    const i = t.slice(r).map((o, l, c)=>f(o, l, c.length)).filter(d);
+    return i.length === 0 ? null : {
+        type: "radial",
+        center: s,
+        radius: n,
+        stops: i
+    };
+}, x = (a)=>{
+    const t = m(a);
+    return t ? t.type === "linear" ? h(t.content) : g(t.content) : null;
+};

package/dist/utils/icon-gradient.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type IconGradientResult = {
+    fillValue: string | undefined;
+    gradientDef: React.ReactElement | null;
+};
+export declare const useIconGradient: (color?: string) => IconGradientResult;
+export {};