@telefonica/mistica 15.20.0 → 16.0.0

package/dist/generated/mistica-icons/icon-shopping-bag-light.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: n,
             d: "M5.401 7.385h3.172v-1.95a3.425 3.425 0 1 1 6.85 0v1.95h3.172a1.3 1.3 0 0 1 1.297 1.214l.729 10.933a2.3 2.3 0 0 1-2.295 2.453H5.67a2.3 2.3 0 0 1-2.295-2.453L4.105 8.6A1.3 1.3 0 0 1 5.4 7.385m9.172 3.05v-2.2h-5.15v2.2a.425.425 0 1 1-.85 0v-2.2H5.4a.45.45 0 0 0-.449.42L4.223 19.59a1.45 1.45 0 0 0 1.447 1.546h12.656a1.45 1.45 0 0 0 1.447-1.546l-.73-10.934a.45.45 0 0 0-.448-.42h-3.172v2.2a.425.425 0 1 1-.85 0m-5.15-3.05h5.15v-1.95a2.575 2.575 0 0 0-5.15 0z"
         })
     }));

package/dist/generated/mistica-icons/icon-shopping-bag-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M11.998 1.81a3.625 3.625 0 0 0-3.625 3.625v1.75H5.4a1.5 1.5 0 0 0-1.496 1.4l-.73 10.934a2.5 2.5 0 0 0 2.495 2.666h12.656a2.5 2.5 0 0 0 2.494-2.666l-.729-10.934a1.5 1.5 0 0 0-1.496-1.4h-2.972v-1.75a3.625 3.625 0 0 0-3.625-3.625m2.375 6.625v2a.625.625 0 1 0 1.25 0v-2h2.972a.25.25 0 0 1 .25.233l.728 10.934a1.25 1.25 0 0 1-1.247 1.333H5.67a1.25 1.25 0 0 1-1.247-1.333l.729-10.934a.25.25 0 0 1 .25-.233h2.97v2a.625.625 0 1 0 1.25 0v-2zm0-1.25h-4.75v-1.75a2.375 2.375 0 0 1 4.75 0z"
         })
     }));
-}, c = i;
+}, c = s;

package/dist/generated/mistica-icons/icon-shopping-cart-filled.js

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: t,
             d: "M18.043 17.353H8.537l-.632-2.5h11.406L22 4.14H5.209l-.136-.532A2.116 2.116 0 0 0 3.028 2h-.324A.707.707 0 0 0 2 2.71a.71.71 0 0 0 .704.715h.324c.32 0 .604.219.684.54L7.11 17.458a2.31 2.31 0 0 0-1.636 2.22A2.32 2.32 0 0 0 7.785 22a2.315 2.315 0 0 0 2.133-3.214h5.985A2.32 2.32 0 0 0 18.035 22a2.315 2.315 0 0 0 2.313-2.321 2.306 2.306 0 0 0-2.305-2.326"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-shopping-cart-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: e, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), o = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M17.972 17.294q.049-.005.104-.004a2.305 2.305 0 0 1 2.312 2.296 2.3 2.3 0 0 1-2.316 2.292c-1.276 0-2.316-1.024-2.316-2.292 0-.312.064-.612.18-.884H9.932c.116.272.18.572.18.884 0 1.264-1.04 2.292-2.316 2.292S5.48 20.854 5.48 19.586c0-1.036.688-1.908 1.64-2.196L3.708 4.062a.705.705 0 0 0-.68-.532h-.324a.705.705 0 0 1 0-1.408h.324c.968 0 1.812.656 2.052 1.596l.132.524H22l-2.652 10.576H7.916l.632 2.472h9.372l.026.002zm.276-3.88 1.94-7.764H5.572l1.984 7.764zm-9.804 6.784a.84.84 0 0 0 .26-.62c0-.484-.408-.88-.908-.88a.9.9 0 0 0-.644.268.87.87 0 0 0-.26.62c0 .484.408.88.908.88a.9.9 0 0 0 .644-.268m9.632.268a.9.9 0 0 0 .644-.268.83.83 0 0 0 .26-.62c0-.484-.408-.88-.908-.88a.9.9 0 0 0-.644.268.87.87 0 0 0-.26.62c0 .484.408.88.908.88"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: o,
@@ -129,10 +129,10 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M10.63 16.918h6.554c.754 0 1.39-.255 1.897-.756.49-.493.854-1.207 1.106-2.182.118-.454.507-2.017.882-3.53l.364-1.458.393-1.57a.28.28 0 0 0-.272-.35H7.05c-.25-1.493-.46-2.728-.516-3.047a2.16 2.16 0 0 0-.851-1.345 2.68 2.68 0 0 0-1.608-.524H2.436a.28.28 0 0 0-.28.28c0 .154.126.28.28.28h1.639c.468 0 .919.146 1.269.41.342.257.569.61.639.997.05.271.204 1.19.401 2.369l.142.844v.016q0 .056.02.107c.442 2.641.988 5.935 1.075 6.493.154.963.507 1.711 1.053 2.227.513.484 1.19.74 1.956.74m-3.444-9.04-.04-.246h14.05c-.163.64-.402 1.605-.655 2.62l-.015.061-.408 1.633v.004c-.22.876-.4 1.603-.474 1.887-.224.863-.547 1.51-.961 1.924-.4.4-.89.597-1.499.597H10.63c-1.33 0-2.202-.888-2.454-2.496-.082-.52-.568-3.444-.99-5.985m3.444 13.956c-.872 0-1.373-.501-1.373-1.372s.501-1.373 1.373-1.373c.87 0 1.372.501 1.372 1.373 0 .87-.501 1.372-1.372 1.372m-.813-1.372c0 .563.25.812.813.812s.812-.25.812-.812c0-.564-.25-.813-.812-.813s-.813.25-.813.813m6.275 1.372c-.871 0-1.373-.501-1.373-1.372s.502-1.373 1.373-1.373 1.372.501 1.372 1.373c0 .87-.501 1.372-1.372 1.372m-.812-1.372c0 .563.249.812.812.812s.812-.25.812-.812c0-.564-.25-.813-.812-.813s-.812.25-.812.813"
         })
     }));
-}, d = m;
+}, H = m;

package/dist/generated/mistica-icons/icon-shopping-cart-regular.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M4.598 3.362 8.21 17.09l10.332-2.384 2.524-8.412H6.778L5.648 2H2.976v1.362zM9.19 15.466l-2.055-7.81h12.098l-1.77 5.9zM9.775 18.8a1.6 1.6 0 1 1-.003 3.2 1.6 1.6 0 0 1 .003-3.2M16.215 18.8a1.6 1.6 0 1 1-.002 3.2 1.6 1.6 0 0 1 .002-3.2"
         })
     })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M17.972 17.294q.049-.005.104-.004a2.305 2.305 0 0 1 2.312 2.296 2.3 2.3 0 0 1-2.316 2.292c-1.276 0-2.316-1.024-2.316-2.292 0-.312.064-.612.18-.884H9.932c.116.272.18.572.18.884 0 1.264-1.04 2.292-2.316 2.292S5.48 20.854 5.48 19.586c0-1.036.688-1.908 1.64-2.196L3.708 4.062a.705.705 0 0 0-.68-.532h-.324a.705.705 0 0 1 0-1.408h.324c.968 0 1.812.656 2.052 1.596l.132.524H22l-2.652 10.576H7.916l.632 2.472h9.372l.026.002zm.276-3.88 1.94-7.764H5.572l1.984 7.764zm-9.804 6.784a.84.84 0 0 0 .26-.62c0-.484-.408-.88-.908-.88a.9.9 0 0 0-.644.268.87.87 0 0 0-.26.62c0 .484.408.88.908.88a.9.9 0 0 0 .644-.268m9.632.268a.9.9 0 0 0 .644-.268.83.83 0 0 0 .26-.62c0-.484-.408-.88-.908-.88a.9.9 0 0 0-.644.268.87.87 0 0 0-.26.62c0 .484.408.88.908.88"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M17.972 17.294q.049-.005.104-.004a2.305 2.305 0 0 1 2.312 2.296 2.3 2.3 0 0 1-2.316 2.292c-1.276 0-2.316-1.024-2.316-2.292 0-.312.064-.612.18-.884H9.932c.116.272.18.572.18.884 0 1.264-1.04 2.292-2.316 2.292S5.48 20.854 5.48 19.586c0-1.036.688-1.908 1.64-2.196L3.708 4.062a.705.705 0 0 0-.68-.532h-.324a.705.705 0 0 1 0-1.408h.324c.968 0 1.812.656 2.052 1.596l.132.524H22l-2.652 10.576H7.916l.632 2.472h9.372l.026.002zm.276-3.88 1.94-7.764H5.572l1.984 7.764zm-9.804 6.784a.84.84 0 0 0 .26-.62c0-.484-.408-.88-.908-.88a.9.9 0 0 0-.644.268.87.87 0 0 0-.26.62c0 .484.408.88.908.88a.9.9 0 0 0 .644-.268m9.632.268a.9.9 0 0 0 .644-.268.83.83 0 0 0 .26-.62c0-.484-.408-.88-.908-.88a.9.9 0 0 0-.644.268.87.87 0 0 0-.26.62c0 .484.408.88.908.88"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -133,9 +133,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M10.63 17.197h6.009c.829 0 1.532-.283 2.092-.843.53-.53.916-1.283 1.182-2.308.2-.77 1.44-4.983 1.902-6.535a.56.56 0 0 0-.538-.72H7.252a365 365 0 0 0-.44-2.535c-.218-1.219-1.37-2.101-2.736-2.101H2.723a.56.56 0 0 0-.56.56c0 .308.252.56.56.56h1.353c.812 0 1.512.505 1.633 1.177.182 1.017 1.501 8.689 1.636 9.54.162 1.029.546 1.832 1.137 2.39.569.532 1.31.815 2.148.815m-2.179-3.378c-.078-.507-.577-3.412-1.005-5.908h13.08c-.52 1.76-1.512 5.132-1.7 5.855-.535 2.073-1.504 2.31-2.187 2.31H10.63c-.557 0-1.02-.17-1.38-.51q-.615-.581-.799-1.747m2.18 8.022c-.502 0-.903-.143-1.194-.423q-.459-.442-.46-1.23.001-.786.46-1.229c.291-.28.695-.423 1.193-.423s.902.143 1.194.423q.458.442.459 1.23 0 .786-.46 1.23c-.29.28-.691.422-1.193.422m-.533-1.652c0 .409.123.532.532.532s.533-.123.533-.532-.127-.533-.533-.533c-.409 0-.532.124-.532.533m5.995 1.652q-.755-.002-1.194-.423-.459-.442-.46-1.23.001-.786.46-1.229c.292-.28.695-.423 1.194-.423.498 0 .901.143 1.193.423.302.294.46.706.46 1.23q-.001.786-.46 1.23-.44.421-1.193.422m-.533-1.652c0 .409.124.532.533.532s.532-.123.532-.532-.126-.533-.532-.533c-.41 0-.533.124-.533.533"
         })
     }));

package/dist/generated/mistica-icons/icon-shower-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M20.79 11.296c.62.238 1.059.829 1.059 1.524 0 .476-.207.899-.549 1.201a.03.03 0 0 0-.008.02l.005 2.54c0 2.381-2.372 4.286-4.711 4.678-.177.34-.527.58-.939.58a1.05 1.05 0 0 1-.874-.49c-.002-.008-.014-.011-.022-.011H9.194q-.018 0-.026.011c-.187.289-.501.49-.874.49-.414 0-.767-.243-.94-.588-2.323-.412-4.659-2.305-4.659-4.67v-2.546a.03.03 0 0 0-.008-.02 1.62 1.62 0 0 1-.496-1.523c.157-.782.91-1.305 1.711-1.305h.045V5.299c0-1.521 1.07-2.92 2.591-3.12A2.99 2.99 0 0 1 9.855 4.5a.03.03 0 0 0 .02.02c.882.25 1.534 1.048 1.534 2v.227a.85.85 0 0 1-.854.846H8.048a.85.85 0 0 1-.854-.846V6.52c0-.894.574-1.653 1.372-1.95a.03.03 0 0 0 .02-.039 1.753 1.753 0 0 0-2.132-1.084c-.767.213-1.26.964-1.26 1.754v5.952c0 .017.014.03.03.03h6.594a.03.03 0 0 0 .028-.027c.042-.569.294-.919.518-1.11.303-.257.667-.358.97-.392.145-.386.383-.621.585-.764.457-.317.997-.345 1.342-.314.563-.454 1.103-.518 1.462-.49.703.059 1.235.493 1.527.798a.03.03 0 0 0 .02.008c.716-.02 1.319.183 1.77.589.753.68.764 1.655.761 1.764q0 .015-.006.03zM8.451 6.366h1.706a.87.87 0 0 0-1.706 0m5.283 4.51c-.117-.02-.426-.011-.563.106-.02.017-.07.067-.092.199h6.476c-.011-.14-.067-.543-.359-.801q-.37-.325-1.148-.247a.61.61 0 0 1-.571-.257c-.104-.146-.471-.538-.86-.569-.082-.011-.342-.025-.715.347a.63.63 0 0 1-.59.166c-.11-.023-.477-.068-.679.075-.039.028-.156.112-.187.432a.62.62 0 0 1-.238.425.6.6 0 0 1-.474.124m6.465 1.327H3.813c-.224 0-.538.264-.538.589s.314.588.538.588h16.386c.224 0 .569-.263.569-.588s-.345-.589-.569-.589"
         })
     }));
-}, m = i;
+}, m = l;

package/dist/generated/mistica-icons/icon-shower-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M20.583 11.408c.703.068 1.255.65 1.255 1.365 0 .532-.309.988-.748 1.207l.002 2.8c0 2.32-2.358 4.16-4.644 4.497a.86.86 0 0 1-.801.563.86.86 0 0 1-.779-.505H9.022a.848.848 0 0 1-1.58-.073c-2.254-.372-4.546-2.195-4.546-4.478v-2.745q0-.015.006-.03l.006-.02a1.37 1.37 0 0 1-.757-1.222c0-.762.622-1.378 1.39-1.378h.607V5.025c0-1.583 1.297-2.869 2.894-2.869A2.895 2.895 0 0 1 9.888 4.58c.846.168 1.482.91 1.482 1.796v.199a.656.656 0 0 1-.659.652H8.337a.66.66 0 0 1-.658-.652v-.2c0-.848.588-1.56 1.38-1.764a2.07 2.07 0 0 0-2.016-1.63c-1.14 0-2.067.921-2.067 2.05v6.364h7.762c.033-.467.238-.756.417-.91.283-.238.63-.314.896-.33.118-.37.33-.589.51-.715.406-.286.897-.286 1.182-.255.398-.339.824-.496 1.272-.45.627.053 1.11.481 1.342.736.658-.03 1.19.14 1.585.496.563.51.633 1.24.642 1.442m-12.079-5v-.03c0-.558.457-1.012 1.02-1.012s1.02.454 1.02 1.012zm5.824 4.569c-.107-.017-.454-.022-.633.132-.031.025-.107.1-.13.285h6.191c-.014-.145-.073-.554-.375-.826-.258-.227-.65-.314-1.163-.263a.41.41 0 0 1-.38-.171c-.11-.149-.482-.546-.894-.58-.246-.022-.507.095-.77.359a.42.42 0 0 1-.395.109c-.126-.031-.51-.076-.74.09q-.202.141-.235.5a.41.41 0 0 1-.16.284.42.42 0 0 1-.316.081M3.54 12.215a.56.56 0 0 0-.563.558c0 .308.252.56.563.56h16.904c.311 0 .563-.255.563-.56a.56.56 0 0 0-.563-.558zm12.767 8.26c1.916-.271 3.955-1.812 3.96-3.683l-.002-2.639H3.728v2.64c0 1.842 1.978 3.366 3.869 3.671a.84.84 0 0 1 .65-.316c.29 0 .534.154.691.375h6.017a.84.84 0 0 1 .692-.375c.272 0 .504.131.661.328"
         })
     }));
-}, m = i;
+}, m = h;

package/dist/generated/mistica-icons/icon-shower-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,

package/dist/generated/mistica-icons/icon-shuffle-circle-filled.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: c,
             d: "M21.215 15.891A10 10 0 0 0 22 12a9.972 9.972 0 0 0-2.932-7.07A9.97 9.97 0 0 0 11.996 2a9.9 9.9 0 0 0-3.892.785 9.9 9.9 0 0 0-3.177 2.142A9.967 9.967 0 0 0 2 11.999a9.972 9.972 0 0 0 2.93 7.072A9.97 9.97 0 0 0 12 22c1.35 0 2.66-.265 3.893-.788a9.9 9.9 0 0 0 3.179-2.142 10 10 0 0 0 2.142-3.179m-2.59.296-2.849 1.71a.725.725 0 0 1-.747 0 .78.78 0 0 1-.37-.668v-1.237a5.2 5.2 0 0 1-1.187-.441 5.35 5.35 0 0 1-1.857-1.619l-.775-1.078-1.137 1.582a5.35 5.35 0 0 1-1.857 1.619 5.1 5.1 0 0 1-2.356.581.5.5 0 0 1-.49-.509.5.5 0 0 1 .49-.509c1.342 0 2.624-.67 3.429-1.79l1.314-1.83-1.314-1.832c-.805-1.122-2.085-1.79-3.43-1.79A.5.5 0 0 1 5 7.867a.5.5 0 0 1 .49-.509c.815 0 1.63.2 2.356.582.728.38 1.37.94 1.857 1.618l1.14 1.59.775-1.08a5.36 5.36 0 0 1 1.857-1.619 5.2 5.2 0 0 1 1.187-.444V6.77a.78.78 0 0 1 .37-.667.73.73 0 0 1 .744-.003l2.85 1.71c.23.137.371.394.371.67a.78.78 0 0 1-.374.67l-2.85 1.709a.724.724 0 0 1-.747 0 .78.78 0 0 1-.37-.668V9.059a4.3 4.3 0 0 0-2.259 1.619L11.447 12l.95 1.322a4.3 4.3 0 0 0 2.26 1.618v-1.13a.78.78 0 0 1 .37-.667.73.73 0 0 1 .744-.003l2.85 1.71c.237.134.379.392.379.667a.78.78 0 0 1-.375.67"
         })
     }));

package/dist/generated/mistica-icons/icon-shuffle-circle-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,13 +105,13 @@ const a = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M21.212 8.107a9.9 9.9 0 0 0-2.144-3.177A9.96 9.96 0 0 0 12 2a9.96 9.96 0 0 0-7.07 2.93A9.98 9.98 0 0 0 2 12a9.96 9.96 0 0 0 2.93 7.07A9.963 9.963 0 0 0 12 22a9.9 9.9 0 0 0 3.89-.786 9.95 9.95 0 0 0 3.18-2.144A9.98 9.98 0 0 0 22 12a10 10 0 0 0-.788-3.893m-9.215 13.398c-5.24 0-9.505-4.264-9.505-9.505 0-5.24 4.265-9.505 9.505-9.505S21.503 6.759 21.503 12c0 5.24-4.265 9.505-9.506 9.505"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "m18.865 16.094-3.007 1.867c-.18.11-.404-.028-.404-.25v-1.537c-1.39-.207-2.67-1.01-3.52-2.236l-1.029-1.484-1.414 2.04c-.992 1.433-2.578 2.29-4.238 2.29-.14 0-.253-.122-.253-.273 0-.15.113-.272.253-.272 1.502 0 2.934-.775 3.831-2.068L10.588 12 9.084 9.83c-.897-1.297-2.33-2.069-3.83-2.069-.14 0-.254-.122-.254-.272s.113-.273.253-.273c.818 0 1.639.21 2.37.605.73.394 1.377.979 1.868 1.682l1.414 2.04 1.029-1.484c.85-1.225 2.13-2.028 3.52-2.235V6.289c0-.222.224-.36.403-.25l3.008 1.867c.18.11.18.388 0 .5l-3.007 1.866c-.18.11-.404-.028-.404-.25V8.374c-1.23.204-2.362.922-3.114 2.012L11.222 12l1.118 1.614c.755 1.087 1.884 1.808 3.114 2.01v-1.646c0-.222.224-.36.403-.25l3.008 1.867c.18.11.18.389 0 .5"
             })
         ]
     }));
-}, v = a;
+}, v = n;

package/dist/generated/mistica-icons/icon-shuffle-circle-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-silence-filled.js

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: v, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = v !== null && v !== void 0 ? v : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-silence-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: r, size: c = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M8.354 12.23c-.065.389-.268.692-.59.878-.275.16-.603.214-.921.214a4 4 0 0 1-1.236-.218.444.444 0 1 1 .297-.839c.314.11 1.075.275 1.407.075.064-.04.132-.096.16-.26.018-.1.068-.404-.878-.686-1.382-.415-1.393-1.232-1.275-1.682a1.2 1.2 0 0 1 .614-.79c.718-.378 1.732-.032 1.847.007.232.083.353.34.267.572a.444.444 0 0 1-.571.268c-.243-.086-.84-.215-1.129-.057-.06.032-.128.085-.164.225-.032.121-.096.371.668.6 1.407.425 1.596 1.153 1.504 1.692m2.028-2.318c-.193 0-.375.039-.54.103v-.832a.446.446 0 0 0-.892 0v3.621a.446.446 0 1 0 .893 0v-1.521c.007-.268.246-.482.54-.482.3 0 .542.221.542.493v1.532a.446.446 0 1 0 .893 0v-1.532c0-.761-.647-1.382-1.436-1.382m3.51 0c-.192 0-.374.039-.538.103v-.832a.447.447 0 0 0-.893 0v3.621a.446.446 0 1 0 .893 0v-1.521c.007-.268.246-.482.539-.482.3 0 .543.221.543.493v1.532a.446.446 0 1 0 .893 0v-1.532c-.004-.761-.647-1.382-1.436-1.382m3.569 0c-.193 0-.375.039-.54.103v-.832a.446.446 0 1 0-.892 0v3.621a.446.446 0 1 0 .892 0v-1.521c.008-.268.247-.482.54-.482.3 0 .543.221.543.493v1.532a.446.446 0 1 0 .892 0v-1.532c0-.761-.642-1.382-1.435-1.382M6.546 20.876l2.518-2.5h9.029c2.153 0 3.907-1.722 3.907-3.836V8.47c0-2.118-1.754-3.843-3.907-3.843H5.95C3.771 4.626 2 6.35 2 8.469v6.071c0 1.986 1.507 3.568 3.5 3.757l-.018 2.132a.63.63 0 0 0 .625.633.65.65 0 0 0 .44-.186m-.417-3.81h-.222c-1.49 0-2.653-1.112-2.653-2.526V8.47c0-1.429 1.21-2.593 2.7-2.593h12.142c1.465 0 2.658 1.164 2.658 2.593v6.071c0 1.425-1.193 2.586-2.658 2.586H8.811a.61.61 0 0 0-.44.182l-1.621 1.61.01-1.22a.63.63 0 0 0-.631-.633"
         })
     }));
-}, u = h;
+}, d = h;

package/dist/generated/mistica-icons/icon-singleparent-family-filled.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-singleparent-family-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M13.776 2.948c-.156.128-.097.448-.063.584.113.464.34.96.674 1.465.278.42.493.676.876 1.06.063.064.122.116.164.148q.053-.039.112-.092l.036-.032.004-.004.03-.028c.379-.38.585-.636.863-1.052.337-.505.565-1 .678-1.465.034-.132.089-.456-.063-.584a.55.55 0 0 0-.307-.1h-.038c-.16 0-.333.044-.497.136-.106.056-.211.112-.329.18l-.206.12-.279.008c-.168 0-.328-.044-.471-.12q-.106-.059-.194-.11l-.143-.082a1.07 1.07 0 0 0-.497-.132c-.17.004-.283.044-.35.1m-.127 2.505c-.387-.584-.657-1.165-.792-1.725-.151-.608-.025-1.116.35-1.424.215-.18.514-.288.83-.3q.039-.005.084-.004c.308 0 .624.084.919.24q.094.05.195.106.074.042.154.086.02.007.038.008.02-.001.038-.008c.118-.072.232-.132.346-.192.295-.16.61-.24.922-.24q.04-.001.085.004c.32.016.615.124.83.3.37.312.492.816.345 1.424-.139.556-.404 1.14-.796 1.725a6.8 6.8 0 0 1-.973 1.18l-.004.004a1.053 1.053 0 0 1-.654.424 1 1 0 0 1-.11.016h-.088l-.026-.002a.893.893 0 0 1-.424-.166 3 3 0 0 1-.308-.264 8 8 0 0 1-.96-1.192M8.704 7.865q-.525.494-.526 1.552c0 .705.177 1.229.522 1.549q.507.468 1.563.468c.7 0 1.23-.156 1.567-.472.35-.324.527-.844.527-1.549 0-.704-.177-1.228-.527-1.552-.337-.316-.863-.476-1.567-.476-.7.004-1.226.164-1.559.48m1.56 4.425c-.936 0-1.67-.236-2.17-.708-.527-.488-.793-1.216-.793-2.16s.266-1.673.792-2.165c.506-.472 1.235-.716 2.17-.716q1.412.001 2.178.716c.527.492.797 1.22.797 2.164s-.266 1.673-.797 2.161c-.51.472-1.243.708-2.178.708m6.104.404c.164-.152.248-.424.248-.8q-.001-.57-.248-.804c-.16-.152-.438-.228-.818-.228-.374 0-.648.076-.808.228-.165.156-.249.428-.249.804q0 .565.249.8c.16.152.434.228.813.228.375 0 .649-.08.813-.228m-.818-2.684q.925 0 1.425.468c.35.32.522.8.522 1.416s-.173 1.092-.522 1.416q-.501.463-1.424.464c-.611 0-1.088-.156-1.42-.464-.341-.32-.514-.796-.514-1.416s.173-1.096.514-1.416c.328-.312.809-.468 1.42-.468M17.55 14.795c.35.107.662.28.894.532.367.392.556.94.556 1.584v4.737a.344.344 0 0 1-.337.352h.003H5.337A.344.344 0 0 1 5 21.648v-4.673c0-.98.295-1.82.847-2.42.607-.657 1.508-1.009 2.603-1.009h3.615c1.1 0 2.002.348 2.608 1.005.034.035.06.08.089.116h1.533c.678 0 1.12.085 1.256.127m.57 2.116c0-.28-.055-.672-.312-.952-.287-.312-.742-.376-1.075-.376h-2.367q-.009 0-.018.002l-.025.002c-.328.004-.754.072-1.032.372-.257.28-.312.672-.312.952v4.197h5.132v-.024l.008.004zm-5.452-1.584a2 2 0 0 1 .863-.528c-.396-.216-.884-.34-1.457-.34h-3.62c-.855 0-1.533.252-1.971.724-.396.428-.602 1.052-.602 1.788v4.113h6.23V16.91c0-.64.194-1.188.557-1.584"
         })
     }));
-}, q = i;
+}, q = s;

package/dist/generated/mistica-icons/icon-singleparent-family-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const t = (_param)=>{
-    var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = l !== null && l !== void 0 ? l : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M16.696 3.418c.131.1.08.352.055.46q-.142.552-.55 1.152a5 5 0 0 1-.714.835c-.017.02-.08.08-.135.124-.046-.034-.09-.077-.116-.105l-.02-.019a4.8 4.8 0 0 1-.71-.831 3.7 3.7 0 0 1-.553-1.152c-.025-.104-.076-.36.055-.46a.44.44 0 0 1 .245-.08.84.84 0 0 1 .44.104c.08.04.155.082.237.128l.029.016.169.092.41.008.194-.092.079-.042c.08-.044.144-.08.209-.11a.9.9 0 0 1 .406-.104h.034a.45.45 0 0 1 .236.076m.702 2.34q.54-.793.744-1.568c.182-.724-.004-1.375-.512-1.787a1.95 1.95 0 0 0-1.111-.4 2.36 2.36 0 0 0-1.171.256 2.37 2.37 0 0 0-1.175-.256c-.415.02-.808.164-1.108.4-.511.408-.693 1.063-.511 1.787.13.516.38 1.04.74 1.568.274.4.507.671.883 1.035.06.056.216.204.355.296.165.112.355.188.55.228l.266.028.287-.032c.178-.036.368-.112.529-.224.14-.092.3-.244.346-.288.376-.364.609-.64.888-1.043m-5.85 3.078c.258.236.389.644.389 1.212s-.131.976-.39 1.208c-.249.224-.676.34-1.263.34-.588 0-1.015-.116-1.268-.344-.258-.232-.393-.64-.393-1.208s.13-.976.393-1.212c.253-.231.68-.347 1.268-.347.583.004 1.01.12 1.264.351m.917 3.315c.528-.48.795-1.187.795-2.103 0-.92-.267-1.627-.79-2.107-.508-.46-1.24-.696-2.182-.696-.938 0-1.674.232-2.181.696-.528.48-.799 1.187-.799 2.107 0 .916.266 1.624.799 2.103.507.46 1.243.692 2.181.692s1.674-.236 2.177-.692m2.57.784c-.055-.052-.114-.204-.114-.48 0-.28.06-.432.118-.484.06-.056.224-.108.512-.108.287 0 .452.056.507.104.06.052.118.204.118.484s-.059.428-.114.48-.22.104-.507.104c-.296.004-.465-.052-.52-.1m.516-2.311c-.613 0-1.095.152-1.43.456-.346.312-.523.775-.523 1.375q.002.901.524 1.376c.334.3.816.452 1.429.452q.921-.001 1.424-.452c.347-.312.516-.776.516-1.376q0-.906-.516-1.375-.503-.456-1.424-.456M18.446 15.946a2 2 0 0 0-.321-.248s-.592-.348-1.784-.348h-1.539c-.03-.036-.054-.076-.084-.104-.609-.596-1.513-.911-2.612-.911H8.479c-1.103 0-2.008.315-2.617.911C5.3 15.794 5 16.554 5 17.442v4.238c0 .176.16.313.347.313l6.91.007 6.405-.007c.19 0 .338-.14.338-.32v-4.295c.004-.576-.186-1.076-.554-1.432M6.315 17.442c0-.392.088-.944.49-1.336.444-.44 1.154-.532 1.665-.532h3.627c.267 0 .58.028.884.112-.119.076-.237.16-.338.26-.368.36-.559.856-.559 1.435v3.375l-5.77.004zm7.097-.06c0-.176.034-.42.194-.576.098-.1.28-.152.486-.184.09-.016.174-.036.275-.036h2.371c.119 0 .212.02.309.036.194.036.355.084.448.176.157.152.19.4.19.576v3.398h-4.269l-.004-.012z"

package/dist/generated/mistica-icons/icon-skull-filled.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M11.525 2.16c.28 0 .588 0 .86.011 1.762.037 8.641.734 8.641 8.958 0 4.137-1.733 6.364-3.68 7.558v.652c0 .824-.233 1.462-.703 1.883-.454.411-1.11.621-1.956.621H9.352c-.848 0-1.512-.21-1.966-.621-.482-.418-.723-1.06-.723-1.88v-.647c-1.946-1.185-3.68-3.429-3.68-7.613 0-8.292 6.734-8.914 8.543-8.922m-3.3 11.95c1.33-.026 2.883-.818 2.883-2.967q0-.248-.026-.468c-.21-1.81-1.616-2.487-2.862-2.515-.073-.003-.163-.006-.244-.003-1.21.011-2.686.698-2.854 2.591q-.017.18-.017.378c0 2.174 1.555 2.967 2.888 2.986h.098l.067-.001zm7.796 0c1.328-.026 2.882-.818 2.877-2.967q0-.248-.026-.468c-.207-1.81-1.613-2.487-2.86-2.515-.075-.003-.17-.003-.243-.003-1.213.011-2.687.698-2.855 2.591q-.016.18-.016.378c0 2.174 1.554 2.967 2.888 2.986h.1l.068-.001zm-2.465 2.66a.64.64 0 0 0 .344-.845l-.36-.857a.656.656 0 0 0-.855-.345.644.644 0 0 0-.348.846l.364.857c.143.33.524.485.855.345m-2.219-.347.364-.854a.646.646 0 0 0-.35-.849.66.66 0 0 0-.854.345l-.364.857v.003c-.135.33.02.706.35.843a.65.65 0 0 0 .854-.345"
         })
     }));

package/dist/generated/mistica-icons/icon-skull-light.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: s,
             d: "M21.021 11.125c0-8.226-6.88-8.924-8.644-8.96-.269-.009-.58-.009-.857-.009-1.812.009-8.546.63-8.546 8.922 0 4.185 1.734 6.428 3.678 7.61v.648c0 .823.24 1.462.722 1.882.454.412 1.118.622 1.967.622h5.341c.846 0 1.502-.21 1.956-.622.473-.418.703-1.059.703-1.88v-.655c1.947-1.193 3.68-3.42 3.68-7.558m-4.14 6.827s-.411.252-.414.246v1.137c0 .578-.137.995-.42 1.247-.286.26-.748.395-1.367.395H9.344c-.432 0-1.02-.067-1.393-.406-.285-.247-.428-.661-.428-1.233V18.21l-.415-.252c-2.168-1.319-3.266-3.633-3.266-6.88 0-3.215 1.073-5.515 3.188-6.834 1.748-1.09 3.722-1.218 4.493-1.221h.028c.26 0 .546 0 .806.008 1.83.04 7.793.74 7.793 8.098 0 3.196-1.1 5.493-3.269 6.824m-6.355-6.941q0-.244-.026-.463c-.201-1.747-1.563-2.4-2.773-2.428l-.249-.003c-1.227.011-2.597.675-2.76 2.504q-.015.179-.016.376c0 2.1 1.443 2.874 2.793 2.893h.24c1.29-.022 2.79-.79 2.79-2.88m-.869.002c0 1.79-1.353 2.006-1.933 2.017l-.21.003c-.582-.008-1.935-.227-1.935-2.034q0-.16.011-.3c.137-1.534 1.375-1.71 1.902-1.716l.218.002c.524.012 1.76.2 1.928 1.664.014.112.02.236.02.364m6.787 2.017-.215.003c-.583-.008-1.936-.227-1.936-2.034q.001-.16.014-.3c.134-1.534 1.375-1.71 1.9-1.716h.002l.218.002c.524.012 1.76.2 1.928 1.661q.021.173.022.367c0 1.79-1.356 2.006-1.933 2.017m2.802-2.02c0-.162-.009-.313-.026-.462-.201-1.747-1.563-2.4-2.773-2.428l-.25-.003c-1.226.011-2.596.672-2.758 2.504q-.017.179-.017.376c0 2.1 1.442 2.874 2.793 2.893h.24c1.29-.022 2.79-.79 2.79-2.88m-7.9 3.908a.43.43 0 0 1 .233.563l-.364.854a.44.44 0 0 1-.58.208.43.43 0 0 1-.221-.54l.364-.855a.437.437 0 0 1 .568-.23m1.972 1.084-.364-.854a.443.443 0 0 0-.569-.235q-.001.003-.002.002a.43.43 0 0 0-.23.566l.364.854a.436.436 0 0 0 .569.23h.003a.43.43 0 0 0 .23-.563"
         })
     }));

package/dist/generated/mistica-icons/icon-skull-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M21.027 11.122c0-8.224-6.88-8.921-8.642-8.96-.2-.007-.421-.008-.636-.01l-.221-.002c-1.812.009-8.546.628-8.546 8.922 0 4.188 1.734 6.431 3.68 7.616v.647c0 .82.241 1.462.723 1.883.454.409 1.118.619 1.966.619h5.337c.845 0 1.501-.21 1.955-.62.47-.42.703-1.061.703-1.882v-.655c1.947-1.194 3.68-3.42 3.68-7.558m-4.367 6.46-.62.378v1.38c0 .309-.047.72-.28.928-.257.232-.725.28-1.075.28H9.349c-.499 0-.886-.098-1.104-.297-.232-.202-.28-.605-.28-.91v-1.373l-.622-.378c-2.03-1.235-3.059-3.426-3.059-6.513 0-6.851 5.065-7.619 7.247-7.63h.042c.252 0 .526 0 .781.009.74.02 2.636.168 4.32 1.215C18.696 5.93 19.72 8.1 19.72 11.125c0 3.037-1.028 5.21-3.061 6.457m-8.398-3.48c1.328-.022 2.882-.817 2.882-2.969 0-.165-.011-.322-.025-.464-.21-1.81-1.616-2.485-2.863-2.516a4 4 0 0 0-.244-.003c-1.21.011-2.686.698-2.854 2.591q-.017.18-.017.379c0 2.173 1.555 2.966 2.888 2.986h.098l.074-.002zm1.577-2.969c0 1.435-1.006 1.667-1.608 1.678h-.19c-.729-.01-1.6-.31-1.6-1.691q0-.14.011-.267c.11-1.215 1.031-1.406 1.569-1.411h.003l.199.002c.537.012 1.462.208 1.596 1.37q.02.151.02.32m6.187 1.678h-.19c-.728-.01-1.6-.31-1.6-1.691q0-.14.012-.267c.109-1.215 1.03-1.406 1.568-1.411h.003l.2.002c.537.012 1.461.208 1.596 1.37q.02.151.02.32c0 1.434-1.006 1.666-1.609 1.677m2.914-1.678q-.002-.248-.028-.467c-.21-1.81-1.617-2.485-2.86-2.513-.076-.003-.171-.003-.244-.003-1.21.011-2.686.698-2.854 2.591q-.017.18-.017.379c0 2.173 1.555 2.966 2.888 2.986h.098l.073-.002.061-.001c1.328-.023 2.883-.818 2.883-2.97m-7.502 3.583c.334.14.488.518.348.846l-.364.857a.654.654 0 0 1-.852.345.643.643 0 0 1-.347-.846l.364-.857a.657.657 0 0 1 .851-.345m2.087 1.199-.364-.854a.655.655 0 0 0-.854-.345.643.643 0 0 0-.348.846l.364.854a.655.655 0 0 0 .855.345.643.643 0 0 0 .347-.846"
         })
     }));

package/dist/generated/mistica-icons/icon-smart-wifi-filled.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
-    var { color: a, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const t = (_param)=>{
+    var { color: a, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M21.735 10.334c.213-.51.1-1.078-.292-1.479l-6.117-6.272c-.55-.565-1.586-.563-2.138 0L7.113 8.807h-2.39c-.826 0-1.448.225-1.902.687-.448.456-.666 1.078-.666 1.899v7.868c0 .84.221 1.468.672 1.919.448.445 1.07.664 1.9.664h3.912c.83 0 1.451-.216 1.897-.664.456-.451.675-1.078.675-1.919v-1.308h7.45c.807 0 1.463-.63 1.463-1.403v-5.334h.25a1.46 1.46 0 0 0 1.36-.882M9.998 19.261c0 .499-.104.843-.317 1.05-.207.21-.549.311-1.042.311H4.726c-.493 0-.835-.1-1.045-.31s-.313-.555-.313-1.054V11.39c0-.482.103-.824.316-1.04.216-.218.558-.324 1.042-.324H8.64c.493 0 .835.104 1.045.316s.314.558.314 1.05zM6.68 18.45c-.414 0-.663.252-.663.67q0 .306.17.487c.118.12.286.182.49.182a.67.67 0 0 0 .49-.182q.174-.179.174-.488c.003-.42-.243-.67-.66-.67m7.776-6.21c.493.014.983.33.983 1.017s-.487 1.002-.971 1.014c-.555-.006-1.048-.322-1.048-1.017s.49-1.011.975-1.014zM10.634 8.89c.053-.058 1.347-1.465 3.759-1.49.075-.005 2.322-.12 3.835 1.583a.407.407 0 0 1-.031.574l-.003.003a.4.4 0 0 1-.569-.034c-1.224-1.376-3.12-1.313-3.199-1.31h-.002c-2.068.022-3.146 1.173-3.19 1.223l-.004.003a.407.407 0 0 1-.597-.552m3.765.12h.01c.16-.002 1.876-.03 2.99 1.222a.407.407 0 0 1-.031.574.404.404 0 0 1-.572-.03c-.893-1.006-2.355-.964-2.375-.953-1.447.014-2.318.93-2.355.968v.001a.4.4 0 0 1-.567.031.405.405 0 0 1-.036-.574l.002-.003c.073-.077 1.136-1.216 2.934-1.235m-1.956 2.48a2.82 2.82 0 0 1 1.967-.832c.03-.003 1.235-.045 2.014.823a.41.41 0 0 1-.034.575.407.407 0 0 1-.571-.034c-.513-.574-1.379-.563-1.387-.552a2 2 0 0 0-1.386.566.407.407 0 0 1-.603-.546"
         })
     }));
-}, v = e;
+}, v = t;

package/dist/generated/mistica-icons/icon-smart-wifi-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
+const l = (_param)=>{
     var { color: t, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), h = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const e = (_param)=>{
             d: "M21.745 10.21a1.17 1.17 0 0 0-.255-1.286l-6.24-6.4c-.485-.497-1.404-.497-1.889 0L7.112 8.925l-.008.01-.001.002-.002.002H4.57c-.787 0-1.375.21-1.798.642-.417.423-.622 1.008-.622 1.79v8.033c0 .799.208 1.393.628 1.813.417.417 1.003.619 1.792.619h3.992c.787 0 1.375-.202 1.793-.62.423-.42.627-1.013.627-1.812v-1.543h7.815c.712 0 1.289-.549 1.289-1.224v-5.656h.46c.531 0 1.002-.302 1.198-.773m-.762-.323c-.053.126-.193.263-.437.266h-.874a.413.413 0 0 0-.412.415v6.07c0 .216-.207.392-.462.392h-7.815V11.37c0-.793-.202-1.38-.619-1.804-.417-.423-1.005-.627-1.798-.627h-.314l5.695-5.835c.176-.182.532-.182.708 0l6.247 6.403c.146.152.115.303.081.381M10.16 19.403c0 .566-.126.966-.384 1.224-.255.255-.65.378-1.21.378H4.57c-.56 0-.955-.126-1.21-.378-.257-.258-.383-.659-.383-1.224v-8.037c0-.549.126-.944.383-1.207.26-.263.656-.392 1.21-.392h3.995c.56 0 .958.126 1.213.383.255.261.38.659.38 1.219zm-3.591-.362c.425 0 .677.255.677.684q0 .315-.176.496c-.118.123-.291.187-.501.187-.208 0-.381-.064-.499-.187-.118-.12-.176-.289-.176-.496-.003-.426.249-.684.675-.684m8.115-5.616c0-.095 0-.204-.188-.207h-.048c-.162 0-.176.081-.176.204 0 .12.014.205.185.207.226-.005.226-.106.226-.204m-.16-1.036c.484.008.986.333.986 1.036 0 .7-.499 1.025-.995 1.034-.568-.006-1.07-.33-1.07-1.04 0-.708.502-1.03.998-1.033l.04.001c.018 0 .037 0 .04.002m3.832-3.325c-1.544-1.74-3.832-1.622-3.913-1.617-2.465.026-3.785 1.46-3.838 1.521a.416.416 0 0 0 .028.586.41.41 0 0 0 .583-.025c.05-.054 1.154-1.227 3.255-1.25h.002c.08-.002 2.017-.065 3.266 1.34a.413.413 0 0 0 .583.03.416.416 0 0 0 .034-.585m-3.91.028h.01c.16-.003 1.916-.03 3.054 1.249a.416.416 0 0 1-.034.586.41.41 0 0 1-.582-.034c-.908-1.023-2.41-.975-2.426-.972-1.502.017-2.398.98-2.406.991a.4.4 0 0 1-.306.135.42.42 0 0 1-.277-.107.42.42 0 0 1-.03-.585l.002-.003c.071-.076 1.156-1.238 2.994-1.26m2.061 2.524c-.79-.888-2.017-.846-2.053-.84-1.241.013-1.975.814-2.003.848a.415.415 0 0 0 .028.585.42.42 0 0 0 .277.107.4.4 0 0 0 .306-.135c.02-.022.532-.565 1.414-.577.017-.008.894-.022 1.415.563a.413.413 0 1 0 .616-.551"
         })
     }));
-}, v = e;
+}, v = l;

package/dist/generated/mistica-icons/icon-smart-wifi-regular.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: s,
             d: "M21.735 10.332c.213-.51.1-1.078-.292-1.479l-6.117-6.269c-.55-.565-1.586-.565-2.138 0L7.116 8.808h-2.39c-.826 0-1.45.225-1.904.687-.449.456-.667 1.078-.667 1.899v7.868c0 .84.218 1.468.672 1.919.448.448 1.07.664 1.9.664h3.912c.83 0 1.452-.216 1.897-.664.454-.454.675-1.081.675-1.922v-1.308h7.454c.806 0 1.462-.63 1.462-1.403v-5.333h.25c.599 0 1.134-.348 1.358-.883m-1.12-.47c-.012.03-.068.134-.236.137h-.854a.61.61 0 0 0-.608.61v5.945c0 .086-.101.182-.25.182h-7.453v-5.34c0-.831-.219-1.456-.667-1.91-.42-.423-.994-.636-1.742-.664l5.252-5.383c.095-.101.305-.101.403 0l6.118 6.271c.05.05.059.096.036.152M9.997 19.259c0 .499-.104.844-.316 1.05-.208.211-.55.312-1.043.312H4.726c-.493 0-.834-.101-1.044-.311s-.314-.555-.314-1.053v-7.869c0-.482.103-.823.316-1.039.216-.218.558-.325 1.042-.325H8.64c.493 0 .835.104 1.045.317s.314.557.314 1.05zm-3.316-.812c.414 0 .663.252.663.67a.68.68 0 0 1-.173.487c-.115.12-.286.182-.49.182a.67.67 0 0 1-.49-.182c-.116-.118-.174-.283-.174-.487.002-.42.249-.67.664-.67m7.95-5.196c0-.098 0-.199-.186-.204h-.045c-.16 0-.17.08-.17.198-.003.124.01.208.176.208.224-.003.224-.104.224-.202m-.175-1.014c.496.014.984.333.984 1.017 0 .686-.488 1.003-.972 1.014-.555-.006-1.048-.322-1.048-1.017s.49-1.011.975-1.014zm3.768-3.258c-1.51-1.7-3.756-1.585-3.832-1.58-2.376.025-3.665 1.388-3.759 1.487l-.003.004a.406.406 0 0 0 .6.546c.042-.048 1.123-1.202 3.187-1.224h.003c.078-.003 1.977-.063 3.199 1.31.081.09.193.135.302.135a.407.407 0 0 0 .303-.678m-3.826.031h.01c.165-.003 1.88-.03 2.99 1.222a.407.407 0 0 1-.034.574.404.404 0 0 1-.571-.034c-.894-1.003-2.356-.96-2.376-.95-1.447.017-2.319.931-2.354.969h-.002a.4.4 0 0 1-.3.132.407.407 0 0 1-.303-.675l.009-.007a4.23 4.23 0 0 1 2.93-1.23m2.02 2.47c-.771-.87-1.976-.828-2.01-.823-1.218.014-1.938.799-1.966.835a.406.406 0 0 0 .028.571.41.41 0 0 0 .571-.028l.004-.002a2 2 0 0 1 1.383-.563c.006-.012.871-.023 1.384.551a.404.404 0 0 0 .572.034.407.407 0 0 0 .033-.574"
         })
     }));

package/dist/generated/mistica-icons/icon-sms-filled.js

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,