@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = h !== null && h !== void 0 ? h : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = h !== null && h !== void 0 ? h : 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: o,
         height: o,
@@ -125,4 +125,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, g = v;
+}, d = v;

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

@@ -93,37 +93,37 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "m16.687 4.855.563.385c2.575 1.765 4.113 4.598 4.113 7.578 0 4.891-4.29 9.182-9.181 9.182S3 17.71 3 12.818c0-2.977 1.535-5.807 4.106-7.572l.562-.386.771 1.124-.562.386c-2.168 1.487-3.514 3.958-3.514 6.448 0 4.166 3.653 7.82 7.819 7.82 4.165 0 7.818-3.654 7.818-7.82 0-2.492-1.349-4.965-3.52-6.453l-.563-.385zM12.863 2v10.818a.682.682 0 0 1-1.363 0V2z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M15.506 2H9.213C7.293 2 5.72 3.608 5.72 5.571v5.715H3.727l.908-.928a.704.704 0 0 0 0-1 .67.67 0 0 0-.978 0L1 12.003l2.657 2.64c.14.143.317.215.49.215a.69.69 0 0 0 .488-.215.704.704 0 0 0 0-1l-.908-.928h9.157a.71.71 0 0 0 .7-.716.713.713 0 0 0-.7-.716H7.12V6.643h10.483v10.714H7.12v-3.035a.71.71 0 0 0-.7-.716c-.384 0-.7.324-.7.716v4.107C5.72 20.392 7.291 22 9.212 22h6.293C17.427 22 19 20.392 19 18.429V5.57C19 3.608 17.427 2 15.506 2M9.213 3.428h6.293c1.048 0 1.886.784 2.062 1.783H7.15c.176-.995 1.018-1.783 2.062-1.783m0 17.144c-1.048 0-1.886-.784-2.062-1.783h10.417c-.172.995-1.014 1.783-2.062 1.783z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M15.506 2H9.213C7.293 2 5.72 3.608 5.72 5.571v5.715H3.727l.908-.928a.704.704 0 0 0 0-1 .67.67 0 0 0-.978 0L1 12.003l2.657 2.64c.14.143.317.215.49.215a.69.69 0 0 0 .488-.215.704.704 0 0 0 0-1l-.908-.928h9.157a.71.71 0 0 0 .7-.716.713.713 0 0 0-.7-.716H7.12V6.643h10.483v10.714H7.12v-3.035a.71.71 0 0 0-.7-.716c-.384 0-.7.324-.7.716v4.107C5.72 20.392 7.291 22 9.212 22h6.293C17.427 22 19 20.392 19 18.429V5.57C19 3.608 17.427 2 15.506 2M9.213 3.428h6.293c1.048 0 1.886.784 2.062 1.783H7.15c.176-.995 1.018-1.783 2.062-1.783m0 17.144c-1.048 0-1.886-.784-2.062-1.783h10.417c-.172.995-1.014 1.783-2.062 1.783z"
@@ -133,7 +133,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,

package/dist/generated/mistica-icons/icon-long-distance-call-filled.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M12.012 2.18a9.8 9.8 0 0 1 9.036 5.989 9.9 9.9 0 0 1 .776 3.73c.045 5.418-4.311 9.85-9.731 9.894a.532.532 0 0 1-.734-.493V2.7a.53.53 0 0 1 .63-.521zM6.874 15.524c.748 0 1.365.171 1.835.505.473.336.79.826.936 1.462q.12.488.117.988c0 1.832-.986 2.827-2.857 2.869H6.85c-.316 0-.664-.056-.784-.076l-.014-.003-.025-.005c-1.087-.2-2.065-1.194-2.757-2.801-.714-1.661-1.09-3.874-1.09-6.407v-.09c0-2.531.379-4.747 1.093-6.402.692-1.608 1.67-2.603 2.756-2.799l.026-.003.014-.002.026-.004c.146-.024.504-.08.814-.072 1.868.042 2.857 1.034 2.857 2.868.003.334-.036.667-.118.99C9.5 7.171 9.18 7.666 8.71 8c-.47.334-1.09.505-1.835.505q-.247 0-.49-.028c-.042.033-.221.224-.347 1.028-.12.773-.135 1.776-.135 2.465v.09c0 .686.014 1.691.135 2.464.123.804.305.995.347 1.028a4 4 0 0 1 .49-.028m12.407 1.328a8.65 8.65 0 0 0 1.456-4.314h-3.535a18 18 0 0 1-.395 3.283c.919.27 1.754.614 2.474 1.031m-3.46-8.221a18 18 0 0 1-3.4.392v2.45h3.717a17 17 0 0 0-.317-2.842m-3.4-.673a16.6 16.6 0 0 0 3.15-.364 11 11 0 0 0-.736-1.927c-.395-.787-.849-1.4-1.35-1.82q-.521-.437-1.064-.558zm0 12.726q.542-.12 1.064-.558c.501-.42.955-1.03 1.35-1.817a11 11 0 0 0 .675-1.715 16.6 16.6 0 0 0-3.09-.35zm0-5.504c1.128.02 2.252.148 3.355.383.213-.994.334-2.005.362-3.022H12.42zm4.434-6.813a18 18 0 0 1 .35 3.107h3.538a8.7 8.7 0 0 0-1.353-4.188c-.731.44-1.588.801-2.535 1.081m1.339-2.563a8.7 8.7 0 0 0-3.356-2.095q.517.625.95 1.482c.338.686.613 1.403.815 2.14.81-.244 1.54-.552 2.154-.908a8 8 0 0 0-.563-.619m-2.41 12.98a7.7 7.7 0 0 1-.949 1.483 8.6 8.6 0 0 0 3.356-2.098q.228-.227.434-.466c-.6-.333-1.308-.621-2.084-.851q-.294.997-.756 1.933"
         })
     }));
-}, v = s;
+}, v = i;

package/dist/generated/mistica-icons/icon-long-distance-call-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), n = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: e,
             d: "M11.974 21.777a.3.3 0 0 0 .11-.022c1.3 0 2.588-.26 3.78-.765A9.77 9.77 0 0 0 21.829 12c.003-5.398-4.367-9.776-9.764-9.779a.3.3 0 0 0-.062.007.28.28 0 0 0-.308.279v18.991c0 .154.126.28.28.28m.28-13.642V2.788q.766.068 1.488.673c.54.454 1.027 1.106 1.448 1.944.342.682.625 1.453.843 2.288-1.185.28-2.455.429-3.779.442m0 3.58v-3.02a18 18 0 0 0 3.91-.456c.24 1.084.373 2.26.39 3.477zm0 .561h4.3a17.3 17.3 0 0 1-.44 3.681 18 18 0 0 0-3.86-.445zm4.864 0h4.148a9.16 9.16 0 0 1-1.692 5.039c-.821-.508-1.812-.92-2.914-1.22.28-1.185.438-2.48.457-3.819m4.149-.56h-4.149a18 18 0 0 0-.408-3.617c1.134-.313 2.147-.744 2.977-1.275a9.2 9.2 0 0 1 1.58 4.893m-5.292 4.785c-.209.75-.472 1.447-.785 2.07-.423.837-.91 1.492-1.448 1.943q-.72.603-1.488.672v-5.114c1.3.013 2.55.156 3.721.429m.545.138c1.035.285 1.963.669 2.714 1.125a9.2 9.2 0 0 1-5.168 3.212c.605-.496 1.156-1.222 1.625-2.154.331-.657.609-1.392.829-2.183m.058-9.086a12.2 12.2 0 0 0-.887-2.4c-.47-.933-1.022-1.66-1.627-2.156a9.16 9.16 0 0 1 4.51 2.48q.42.424.783.89c-.757.481-1.71.888-2.779 1.186M6.666 21.276c-.272 0-.579-.046-.719-.067l-.037-.006-.02-.003-.017-.002c-1.014-.188-1.941-1.146-2.61-2.7-.715-1.662-1.093-3.892-1.093-6.44v-.096c0-2.549.378-4.778 1.092-6.44.67-1.554 1.597-2.515 2.611-2.7l.017-.003.02-.002.013-.003c.136-.021.493-.078.796-.07 1.756.039 2.65.933 2.65 2.652.003.317-.034.636-.112.944-.193.821-.793 1.796-2.563 1.796q-.263.002-.521-.03c-.333.036-.507.702-.58 1.103-.154.832-.174 1.969-.174 2.753v.093c0 .784.017 1.924.174 2.756.076.4.25 1.07.58 1.104q.26-.033.52-.031c1.771 0 2.373.975 2.564 1.795q.117.465.112.942c0 1.72-.89 2.613-2.65 2.652zm-.703-.6.03.006c.297.048.538.07.712.067.756-.016 1.291-.201 1.639-.56.333-.344.496-.857.496-1.566a3.1 3.1 0 0 0-.096-.81l-.003-.008c-.218-.938-.887-1.392-2.05-1.392q-.244-.001-.485.031-.021.004-.042.003c-.812-.034-1.023-1.158-1.094-1.534v-.004c-.163-.874-.183-2.045-.183-2.852v-.095c0-.806.02-1.977.182-2.851v-.004c.072-.376.283-1.5 1.095-1.531q.021 0 .042.003.241.032.485.03c1.163 0 1.835-.456 2.05-1.392l.003-.008q.1-.4.096-.81c0-.708-.163-1.221-.496-1.566-.348-.36-.883-.543-1.639-.56a4.3 4.3 0 0 0-.711.067l-.031.006c-1.622.3-3.264 3.356-3.264 8.616v.095c0 3.132.572 5.118 1.05 6.23.586 1.364 1.393 2.236 2.214 2.39"
         })
     }));
-}, h = s;
+}, h = i;

package/dist/generated/mistica-icons/icon-long-distance-call-regular.js

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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,

package/dist/generated/mistica-icons/icon-loss-theft-devices-filled.js

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

package/dist/generated/mistica-icons/icon-loss-theft-devices-light.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: s,

package/dist/generated/mistica-icons/icon-loss-theft-devices-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : l ? _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-lost-found-filled.js

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : t ? _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: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -109,8 +109,8 @@ const h = (_param)=>{
             d: "M12.494 6.685C12.494 4.1 14.521 2 17.006 2s4.512 2.1 4.512 4.685-2.023 4.685-4.512 4.685c-2.49 0-4.512-2.1-4.512-4.685m3.791 2.244c0 .312.24.56.54.56.296 0 .541-.248.541-.56a.55.55 0 0 0-.54-.561c-.3 0-.54.25-.54.56m1.806-2.8c.476-.494.42-1.338.074-1.813a1.51 1.51 0 0 0-1.2-.614h-.075c-.512 0-.988.283-1.242.743a.575.575 0 0 0 .199.768.53.53 0 0 0 .739-.207c.06-.11.18-.182.305-.182h.073a.43.43 0 0 1 .338.173c.064.086.069.288.023.336l-.398.412c-.369.384-.581.911-.581 1.453 0 .311.244.56.544.56s.54-.249.54-.56c0-.245.098-.484.264-.657zm-3.043 8.525a.36.36 0 0 0 .337-.158.43.43 0 0 0 .032-.389.35.35 0 0 0-.106-.139L4.403 5.452 3.84 4.278a.71.71 0 0 0-.97-.336.765.765 0 0 0-.323 1.007l.577 1.199-.014 14.136c0 .057.019.124.042.177a.36.36 0 0 0 .314.206h.01c.129 0 .249-.072.313-.187a6.2 6.2 0 0 1 2.586-2.536 6 6 0 0 1 2.115-.633l1.275 2.646a.38.38 0 0 1-.162.504.36.36 0 0 1-.485-.168l-.161-.336a.715.715 0 0 0-.97-.335.77.77 0 0 0-.323 1.007l.161.335A1.79 1.79 0 0 0 9.442 22c.272 0 .545-.062.803-.197.887-.46 1.252-1.587.808-2.512L9.78 16.644a6.1 6.1 0 0 1 1.76-1.371 5.88 5.88 0 0 1 3.509-.619"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {

package/dist/generated/mistica-icons/icon-lost-found-light.js

@@ -97,7 +97,7 @@ const m = (_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: s } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-lost-found-regular.js

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

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

@@ -92,14 +92,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: t = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, s), {

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_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 s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : 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: "M14.47 8.47c-.235-.482-.494-.91-.738-1.267-.753-1.11-1.494-1.793-1.527-1.822a.27.27 0 0 0-.365 0c-.033.029-.774.711-1.528 1.822-.244.36-.505.791-.74 1.276-.443-.305-.881-.551-1.27-.744-1.12-.558-2.05-.797-2.21-.838l-.022-.006a.27.27 0 0 0-.321.185c-.033.103-.325 1.04-.424 2.324-.042.54-.052 1.187.024 1.875a10 10 0 0 0-.45-.01c-1.468 0-2.603.314-2.7.34l-.003.001h-.001a.27.27 0 0 0-.19.31v.005c.02.088.214.987.728 2.087.493 1.053 1.383 2.492 2.828 3.36 1.039.625 2.322.942 3.809.942a11 11 0 0 0 2.63-.322c.283.074 1.323.322 2.628.322 1.487 0 2.77-.317 3.81-.942 1.444-.868 2.339-2.307 2.827-3.36.53-1.135.72-2.052.729-2.093a.263.263 0 0 0-.205-.312 10.8 10.8 0 0 0-3.11-.329 10 10 0 0 0 .024-1.874c-.1-1.284-.392-2.22-.424-2.324l-.003-.008a.27.27 0 0 0-.319-.176c-.04.008-1.026.242-2.231.843-.385.19-.818.434-1.256.735m-2.686 8.525c-.27-.297-.625-.724-.984-1.253-.672-.987-1.431-2.478-1.431-4.107 0-1.623.759-3.115 1.431-4.107a11.5 11.5 0 0 1 1.223-1.506q.1.102.238.254c.269.297.625.724.984 1.253.672.987 1.431 2.478 1.431 4.107 0 1.624-.76 3.115-1.432 4.107a11.5 11.5 0 0 1-1.222 1.506 10 10 0 0 1-.238-.254m3.48-5.36c0-.945-.23-1.838-.55-2.622.438-.31.88-.56 1.276-.758a11.4 11.4 0 0 1 1.81-.717c.097.372.25 1.06.316 1.906.092 1.196.015 2.864-.79 4.279-.808 1.416-2.207 2.346-3.28 2.879-.392.195-.76.35-1.072.468.23-.275.494-.612.758-1.002.7-1.032 1.532-2.64 1.532-4.433M9.33 9.023c-.32.783-.548 1.673-.548 2.614 0 1.797.832 3.404 1.531 4.432.268.394.533.734.766 1.01-.32-.12-.694-.276-1.096-.476-1.073-.533-2.473-1.463-3.28-2.879-.806-1.42-.882-3.088-.79-4.278.065-.846.218-1.532.316-1.905.378.112 1.044.334 1.81.715.4.2.847.453 1.29.767m4.98 8.1c1.119-.555 2.638-1.55 3.528-3.112a6.8 6.8 0 0 0 .757-2.148q.248-.014.506-.014c.988 0 1.815.15 2.245.247q-.033.122-.083.288c-.109.356-.28.842-.53 1.38l-.001.002c-.468 1.007-1.3 2.325-2.599 3.105-.928.558-2.1.857-3.504.857a10.5 10.5 0 0 1-1.464-.105c.335-.126.727-.29 1.146-.5m-2.298.852h.003-.011l-.01-.001h.018m-1.153-.355c-.415.059-.926.108-1.488.108-1.403 0-2.576-.299-3.504-.857-1.299-.78-2.126-2.097-2.6-3.107a10.5 10.5 0 0 1-.612-1.669 10.6 10.6 0 0 1 2.244-.246q.274 0 .536.015c.13.716.363 1.455.756 2.147.89 1.562 2.41 2.557 3.528 3.113.416.207.806.37 1.14.495M5.932 7.459v-.001h.003zm15.716 4.71-.005-.002z"
         })
     }));
-}, v = i;
+}, v = l;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : e ? _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"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M14.47 8.47c-.235-.482-.494-.91-.738-1.267-.753-1.11-1.494-1.793-1.527-1.822a.27.27 0 0 0-.365 0c-.033.029-.774.711-1.528 1.822-.244.36-.505.791-.74 1.276-.443-.305-.881-.551-1.27-.744-1.12-.558-2.05-.797-2.21-.838l-.022-.006a.27.27 0 0 0-.32.18l-.001.005c-.032.103-.325 1.04-.424 2.324-.042.54-.052 1.187.024 1.875a10 10 0 0 0-.45-.01c-1.468 0-2.603.314-2.7.34l-.004.002a.27.27 0 0 0-.19.308v.006c.02.088.214.987.728 2.087.493 1.053 1.383 2.492 2.828 3.36 1.039.625 2.322.942 3.809.942a11 11 0 0 0 2.63-.322c.283.074 1.323.322 2.628.322 1.487 0 2.77-.317 3.81-.942 1.444-.868 2.339-2.307 2.827-3.36.53-1.135.72-2.052.729-2.093a.263.263 0 0 0-.205-.312 10.8 10.8 0 0 0-3.11-.329 10 10 0 0 0 .024-1.874c-.1-1.284-.392-2.22-.424-2.324l-.003-.008a.27.27 0 0 0-.319-.176c-.04.008-1.026.242-2.231.843-.385.19-.818.434-1.256.735m-3.181 6.948-.001-.002c-.644-.945-1.331-2.32-1.331-3.78 0-1.456.687-2.831 1.332-3.783.26-.382.516-.706.733-.961.218.254.475.58.734.961l.001.002c.644.946 1.33 2.32 1.33 3.78 0 1.456-.686 2.831-1.331 3.783-.26.382-.516.707-.734.961-.217-.254-.474-.579-.733-.961m3.975-3.782c0-.724-.134-1.417-.341-2.053.448-.33.91-.598 1.33-.806h.001c.415-.208.8-.365 1.114-.48.064.33.126.736.162 1.192.088 1.149.005 2.68-.717 3.947-.723 1.27-2.002 2.133-3.03 2.644h-.002l-.086.044.037-.056c.7-1.032 1.532-2.64 1.532-4.433M9.12 9.593a6.6 6.6 0 0 0-.34 2.043c0 1.797.833 3.404 1.532 4.432l.047.068-.113-.055h-.001c-1.029-.511-2.307-1.374-3.03-2.644-.723-1.272-.805-2.804-.717-3.948.035-.455.097-.862.161-1.192.319.116.7.273 1.114.48h.002c.425.211.892.481 1.345.816m.25 7.55c-1.32 0-2.382-.28-3.2-.772-1.152-.692-1.917-1.886-2.37-2.853l-.002-.005a10 10 0 0 1-.39-.967c.404-.061.92-.115 1.49-.115q.346 0 .667.026c.139.524.34 1.05.625 1.553.89 1.562 2.41 2.557 3.528 3.113l.027.013a10 10 0 0 1-.375.008m4.91-.006.011-.005.019-.01c1.118-.555 2.637-1.55 3.527-3.112.287-.503.488-1.03.627-1.556q.308-.023.636-.023a10 10 0 0 1 1.49.116c-.096.28-.226.614-.393.972v.002c-.447.962-1.216 2.157-2.37 2.85-.817.492-1.879.773-3.199.773q-.178 0-.348-.007m2.873-9.722.003.009-.001-.004-.001-.002zm-11.359.61h.004-.006z"
         })
     }));

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

@@ -96,7 +96,7 @@ const n = (_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: o,
         height: o,

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

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

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const t = (_param)=>{
+    var { color: e, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), n = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "M18.143 8.1c.345.386 2.85 3.307 3.437 6.778.465 2.748.314 4.345-.495 5.18a1.96 1.96 0 0 1-1.346.552l-.063.002c-1.035 0-1.675-.544-2.029-.844l-.005-.005-.078-.067c-.297-.25-.379-.317-.718-.317h-.005c-.39 0-1.474-.09-1.644-.137-1.06-.277-1.645-1.12-1.645-2.372-.03-.695-.086-2.115-.112-3.577l-1.453-.734-1.43.72a140 140 0 0 1-.111 3.56c0 1.238-.586 2.081-1.65 2.361-.162.045-1.238.137-1.647.135-.336 0-.417.067-.717.316l-.079.067-.005.005c-.354.3-.994.844-2.028.844q-.064 0-.132-.003a1.96 1.96 0 0 1-1.274-.549c-.81-.832-.964-2.428-.499-5.179.588-3.473 3.093-6.392 3.437-6.782.499-.756 1.193-1.123 2.12-1.123 1.454 0 1.99.832 2.18 1.367.087.168.162.37.24.642v.002c.065.225.107.608.135 1.09l.034-.017V4.332a.94.94 0 0 1 .93-.947h1.014a.94.94 0 0 1 .93.947v5.697l.033.017c.025-.468.07-.84.132-1.059.076-.266.154-.473.24-.644.194-.535.73-1.367 2.183-1.367.927 0 1.622.367 2.12 1.123m-7.574 3.957 1.177-.594a.52.52 0 0 1 .473 0l1.202.608q.001-.428.005-.832l-.762-.386a.55.55 0 0 1-.297-.488V4.472h-.739v5.88a.55.55 0 0 1-.297.487l-.768.386q.008.405.006.832"
         })
     }));
-}, m = a;
+}, d = t;

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), n = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : s ? _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: n,
+            fill: e,
             d: "M18.132 8.242c.072.07 2.829 3.123 3.448 6.782.462 2.725.325 4.297-.448 5.086-.076.076-.49.468-1.166.5q-.064.002-.128.002c-.98 0-1.578-.507-1.939-.815l-.084-.07c-.314-.264-.445-.373-.865-.373h-.009c-.44 0-1.493-.095-1.624-.131-.978-.258-1.521-1.045-1.521-2.213-.031-.712-.09-2.163-.118-3.65l-1.754-.885-1.602.806c-.028 1.499-.087 2.97-.117 3.687 0 1.165-.544 1.95-1.527 2.21-.129.036-1.182.131-1.62.131-.42.02-.557.11-.873.373l-.084.07c-.361.308-.958.815-1.939.815q-.062 0-.128-.003a1.78 1.78 0 0 1-1.166-.501c-.773-.79-.91-2.361-.448-5.087.622-3.658 3.376-6.711 3.493-6.84.426-.675 1.084-1.034 1.975-1.034 1.042 0 1.77.462 2.048 1.303.064.098.142.308.224.59.072.247.114.707.143 1.272l.347-.176V4.223c0-.463.37-.838.823-.838h1.037c.454 0 .823.375.823.838v5.882l.367.185c.026-.555.07-1.006.14-1.25.082-.285.16-.49.255-.66.247-.768.975-1.23 2.017-1.23.888 0 1.55.358 2.02 1.092m-6.39 3.378a.42.42 0 0 1 .373 0l1.554.79c-.002-.406-.002-.804.003-1.176l-.944-.476a.43.43 0 0 1-.232-.381V4.228l-1.023.014.014 6.118c0 .162-.09.308-.232.38l-.924.466c.005.356.008.734.005 1.123zm8.19 8.14a.96.96 0 0 0 .606-.246c.538-.555.61-2.017.21-4.35-.577-3.404-3.252-6.373-3.28-6.404-.359-.551-.75-.762-1.359-.762-1.014 0-1.193.544-1.252.723a2.8 2.8 0 0 0-.213.558c-.21.74-.16 4.4-.01 7.697 0 1.07.512 1.325.898 1.426.06.008.437.035.811.06l.607.044c.72 0 1.033.26 1.395.561l.005.004.09.076c.339.288.753.641 1.493.613M9.37 16.968c.145-3.334.199-6.992-.014-7.729a2.5 2.5 0 0 0-.182-.487c-.135-.381-.376-.793-1.283-.793-.608 0-1 .21-1.317.703l-.024.028c-.278.322-2.75 3.181-3.3 6.435-.393 2.327-.32 3.79.218 4.344.008.008.232.23.605.246.734.028 1.133-.31 1.467-.59l.115-.099c.365-.305.678-.565 1.398-.565.404-.017 1.322-.09 1.44-.11.364-.095.877-.35.877-1.383"
         })
     }));

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

@@ -96,7 +96,7 @@ const t = (_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 e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-managed-lan-filled.js

@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), o = n !== null && n !== void 0 ? n : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = n !== null && n !== void 0 ? n : v ? _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,

package/dist/generated/mistica-icons/icon-managed-lan-light.js

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

package/dist/generated/mistica-icons/icon-managed-lan-regular.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: v, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: v, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = v !== null && v !== void 0 ? v : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = v !== null && v !== void 0 ? v : n ? _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({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M19.685 15.33c.989 0 1.833.853 1.833 1.854 0 .777-.436 1.37-1.111 1.668v2.409c0 .407-.329.739-.732.739a.736.736 0 0 1-.731-.74v-2.408c-.366-.184-.732-.516-.914-.924h-4.398c-.182.408-.51.74-.914.924v2.409c0 .407-.328.739-.731.739a.736.736 0 0 1-.732-.74v-2.408c-.365-.184-.73-.516-.914-.924H5.944c-.183.408-.511.74-.914.924v2.409c0 .407-.328.739-.732.739a.736.736 0 0 1-.731-.74v-2.408c-.619-.298-1.097-.929-1.097-1.668 0-1 .844-1.854 1.833-1.854.736 0 1.36.441 1.65 1.11h4.43c.188-.408.479-.74.882-.925v-3.148H5.039a.736.736 0 0 1-.731-.74V2.74c0-.408.328-.74.731-.74h13.91c.403 0 .73.332.73.74v8.888c0 .408-.327.74-.73.74h-6.226v3.147c.436.185.731.517.914.924h4.397c.296-.625.92-1.109 1.65-1.109M18.222 3.48H5.77v7.405h12.452z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M19.685 15.33c.989 0 1.833.853 1.833 1.854 0 .777-.436 1.37-1.111 1.668v2.409c0 .407-.329.739-.732.739a.736.736 0 0 1-.731-.74v-2.408c-.366-.184-.732-.516-.914-.924h-4.398c-.182.408-.51.74-.914.924v2.409c0 .407-.328.739-.731.739a.736.736 0 0 1-.732-.74v-2.408c-.365-.184-.73-.516-.914-.924H5.944c-.183.408-.511.74-.914.924v2.409c0 .407-.328.739-.732.739a.736.736 0 0 1-.731-.74v-2.408c-.619-.298-1.097-.929-1.097-1.668 0-1 .844-1.854 1.833-1.854.736 0 1.36.441 1.65 1.11h4.43c.188-.408.479-.74.882-.925v-3.148H5.039a.736.736 0 0 1-.731-.74V2.74c0-.408.328-.74.731-.74h13.91c.403 0 .73.332.73.74v8.888c0 .408-.327.74-.73.74h-6.226v3.147c.436.185.731.517.914.924h4.397c.296-.625.92-1.109 1.65-1.109M18.222 3.48H5.77v7.405h12.452z"
         })
     }));

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "m16.839 2.166 4.476.737c.302.05.526.31.53.619v16.955a.634.634 0 0 1-.735.62l-4.328-.715-4.596 1.431a.7.7 0 0 1-.188.028.6.6 0 0 1-.193-.028l-4.403-1.431-4.521.714a.628.628 0 0 1-.726-.619V3.52c0-.31.224-.574.53-.622l4.669-.736q.012-.002.024.001l.02.001.025-.004.029-.004c.028 0 .056.008.082.015l.038.01q.02.004.038.003.018 0 .035.003L12.001 3.6l4.546-1.414q.018-.006.038-.004.017 0 .032-.002l.034-.008a.3.3 0 0 1 .084-.014q.02 0 .037.006l.022.005q.008 0 .017-.002.015-.003.027 0m3.745 17.572V4.054l-3.222-.53v15.684zm-9.216.613V4.715L8.079 3.648v15.636z"
         })
     }));
-}, p = a;
+}, p = n;

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

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: l,
         height: l,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "m16.92 2.16 4.582.754a.41.41 0 0 1 .341.406V20.68a.409.409 0 0 1-.476.403l-4.487-.74-4.76 1.48a.4.4 0 0 1-.246-.003l-4.56-1.476-4.68.736-.007.001-.058.005a.41.41 0 0 1-.409-.409V3.32a.41.41 0 0 1 .347-.406l4.776-.753.014.001.014.001.016-.004.02-.004q.028.001.053.01l.029.007h.019a.1.1 0 0 1 .026.003l4.532 1.467 4.728-1.47a.1.1 0 0 1 .026-.003h.019l.03-.007q.022-.006.046-.007l.018.004.018.004.01-.001q.007-.003.018-.001M2.98 3.67v16.527l3.959-.625V3.046zm18.046 16.524V3.668l-3.762-.62v16.527zM16.443 3.121l-4.03 1.255v16.496l4.03-1.252zm-8.684.009v16.493l3.835 1.243V4.374z"
         })
     }));

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

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

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

@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: i, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const d = (_param)=>{
+    var { color: i, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -119,11 +119,11 @@ const v = (_param)=>{
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -139,4 +139,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, M = v;
+}, M = d;

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

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