@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = n !== null && n !== void 0 ? n : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : i ? _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 a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M21.296 16.355a.42.42 0 0 0-.493-.056c-1.431.812-2.972.96-3.77.98-.2.008-.449.008-.673.008-1.605-.022-6.837-.616-6.837-7.17 0-4.835 2.793-6.446 5.134-6.947a.42.42 0 0 0-.01-.824 11.7 11.7 0 0 0-1.796-.187l-.897-.009c-2.201.031-9.39.82-9.39 9.818 0 1.622.458 9.723 9.458 9.871.296 0 .616 0 .874-.008 1.462-.023 6.394-.457 8.495-4.992a.415.415 0 0 0-.095-.484"
         })
     }));

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: n, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = n !== null && n !== void 0 ? n : 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M20.796 16.299a.42.42 0 0 1 .493.056c.135.12.177.316.098.479-2.1 4.532-7.028 4.963-8.49 4.988-.258.009-.577.009-.874.009-8.994-.151-9.448-8.244-9.448-9.863 0-8.992 7.18-9.779 9.38-9.807l.897.009q.904.022 1.796.187a.42.42 0 0 1 .344.406.42.42 0 0 1-.333.415c-2.342.499-5.132 2.11-5.132 6.941 0 6.55 5.23 7.143 6.832 7.168.224 0 .47 0 .673-.008.798-.02 2.336-.171 3.764-.98m-8.764 4.7c.28 0 .59 0 .845-.009 1.213-.022 5.003-.341 7.121-3.414a9.6 9.6 0 0 1-2.944.538c-.204.008-.462.008-.703.008-1.286-.02-7.667-.501-7.667-8.003 0-4.201 1.992-6.182 3.905-7.115L11.959 3c-2 .025-8.544.745-8.544 8.972 0 8.244 6.594 8.994 8.617 9.028"
         })
     }));
-}, f = l;
+}, f = a;

package/dist/generated/mistica-icons/icon-moon-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");
@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M2.565 11.973c0 7.16 4.88 9.79 9.457 9.868.293 0 .607 0 .86-.003 1.459-.025 6.386-.456 8.493-5.008a.617.617 0 0 0-.866-.793c-1.361.774-2.83.92-3.594.936-.196.006-.434.006-.647.006-1.518-.026-6.485-.586-6.485-6.818 0-4.6 2.645-6.13 4.863-6.603a.616.616 0 0 0-.02-1.207 11 11 0 0 0-1.795-.188l-.88-.008c-4.537.059-9.386 2.667-9.386 9.818m1.238 0c0-7.647 5.896-8.518 7.983-8.583-1.686 1.062-3.238 3.05-3.235 6.768 0 5.846 3.977 7.989 7.711 8.048.238 0 .496 0 .692-.009a9.6 9.6 0 0 0 2.322-.339c-2.067 2.457-5.33 2.726-6.42 2.745-.252.009-.552.009-.82.009-1.933-.031-8.233-.751-8.233-8.639"
         })
     }));
-}, u = h;
+}, d = h;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : 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: o,
         height: o,
@@ -108,4 +108,4 @@ const n = (_param)=>{
             d: "M11.998 6.425v-.364c0-.02-.011-.308-.157-.577-.174-.322-.462-.47-.91-.47H9.01c-.896 0-1.663-.2-2.218-.575-.605-.411-.938-1.025-.938-1.725a.55.55 0 0 1 1.098 0c0 .888 1.064 1.204 2.062 1.204h1.918c.869 0 1.544.39 1.9 1.096.255.501.26.989.26 1.045v.37c1.503.09 2.694.545 3.546 1.352.995.95 1.502 2.356 1.502 4.185v4.311c0 1.896-.44 3.263-1.345 4.174-.924.93-2.322 1.38-4.277 1.38-1.776 0-3.163-.459-4.12-1.37-.998-.946-1.502-2.355-1.502-4.184v-4.31c0-1.83.504-3.239 1.501-4.186.86-.817 2.072-1.273 3.6-1.356m.52 1.883a.55.55 0 0 0-.548.549v2.877a.55.55 0 0 0 1.098 0V8.857a.55.55 0 0 0-.55-.55m4.757 5.09c.277-.029.47-.222.431-.43-.039-.206-.294-.35-.57-.321a45 45 0 0 1-4.614.232 45 45 0 0 1-4.614-.232c-.277-.031-.532.115-.571.322-.04.207.154.4.431.429q2.37.244 4.754.24 2.383.002 4.753-.24"
         })
     }));
-}, h = n;
+}, d = n;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const v = (_param)=>{
     var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -114,4 +114,4 @@ const a = (_param)=>{
             })
         ]
     }));
-}, m = a;
+}, m = v;

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

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

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: r, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = r !== null && r !== void 0 ? r : 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: e,
         height: e,

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const m = (_param)=>{
+const a = (_param)=>{
     var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), v = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = o !== null && o !== void 0 ? o : r ? _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,
@@ -135,4 +135,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, H = m;
+}, H = a;

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

@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), v = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -114,7 +114,7 @@ const m = (_param)=>{
                 d: "M19.655 8.048h.8a1.544 1.544 0 0 1 1.543 1.563v9.864a1.55 1.55 0 0 1-1.547 1.548h-4.508a1.55 1.55 0 0 1-1.544-1.544v-2.244H2.548L2 16.139l2-2.676V3h15.655zm-1.352-3.68H5.376v8.66h9.023V9.61a1.543 1.543 0 0 1 1.56-1.563h2.344zM5.032 14.375l-1.116 1.492h10.483v-1.492zm15.546 5.219a.18.18 0 0 0 .053-.127V9.61a.176.176 0 0 0-.177-.176H15.96a.18.18 0 0 0-.18.176v9.86a.18.18 0 0 0 .18.176h4.492a.18.18 0 0 0 .127-.053"
             })
         ]
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -124,7 +124,7 @@ const m = (_param)=>{
             fill: v,
             d: "M19.884 2h-4.926c-1.161 0-2.111.964-2.111 2.144V4.5H5.112C3.95 4.5 3 5.464 3 6.644v13.213C3 21.036 3.95 22 5.112 22h9.85c1.162 0 2.112-.964 2.112-2.143v-3.57h2.814c1.162 0 2.112-.964 2.112-2.143v-10C21.995 2.964 21.046 2 19.884 2m-5.628 3.574h6.33v7.139h-6.33zm5.628-2.143c.387 0 .702.32.702.713V4.5h-6.33v-.356c0-.394.315-.713.702-.713zM5.112 5.93h7.74V7H4.404v-.356c0-.357.35-.713.707-.713m0 14.639c-.352 0-.703-.357-.703-.713V19.5h11.256v.357c-.004.356-.355.713-.707.713zm10.549-2.144H4.405V8.074h8.442v6.07c0 1.179.95 2.143 2.111 2.143h.703zm-.703-3.57a.71.71 0 0 1-.702-.713v-.356h6.33v.356a.71.71 0 0 1-.702.713z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/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-multisave-filled.js

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: s, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : r ? _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({
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : s ? _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",
@@ -119,4 +119,4 @@ const n = (_param)=>{
             d: "M12.19 4.7a1.58 1.58 0 0 1-2.231 0 1.59 1.59 0 0 1 0-2.238 1.58 1.58 0 0 1 2.232 0 1.59 1.59 0 0 1 0 2.239m-6.311.93c0-.205.166-.372.37-.372h2.598a.371.371 0 0 1 0 .743H6.25a.37.37 0 0 1-.37-.372m5.51 12.393a.37.37 0 0 0-.096-.52l-.408-.285a5.2 5.2 0 0 0-1.373-.576 3.349 3.349 0 0 0-1.781-6.178 3.345 3.345 0 0 0-1.786 6.173c-1.848.476-3.035 1.71-3.035 3.315v1.676c0 .205.166.372.37.372.205 0 .37-.167.37-.372v-1.671c0-1.644 1.678-2.791 4.08-2.791 1.06 0 2.043.242 2.751.676l.39.271a.37.37 0 0 0 .517-.09m-6.251-4.206a2.6 2.6 0 0 1 2.598-2.605 2.6 2.6 0 0 1 2.598 2.605 2.6 2.6 0 0 1-2.598 2.605 2.605 2.605 0 0 1-2.598-2.605m13.731 1.486a3.35 3.35 0 0 1-1.567 2.834c.779.21 1.458.557 1.98 1.038a.37.37 0 0 1-.498.548c-.751-.69-1.905-1.071-3.254-1.071-2.327 0-4.08 1.28-4.08 2.976a.37.37 0 0 1-.37.372.37.37 0 0 1-.371-.372c0-1.638 1.24-2.962 3.068-3.481a3.345 3.345 0 0 1 1.753-6.192c1.843 0 3.339 1.5 3.339 3.348m-5.942 0a2.6 2.6 0 0 0 2.598 2.606 2.6 2.6 0 0 0 2.598-2.606 2.6 2.6 0 0 0-2.598-2.605 2.6 2.6 0 0 0-2.598 2.605M20.351 22a.743.743 0 0 0 0-1.486.743.743 0 0 0 0 1.486M10.48 2.99a.85.85 0 0 0-.247.591.83.83 0 0 0 .242.59.86.86 0 0 0 1.183 0 .83.83 0 0 0 .242-.59.83.83 0 0 0-1.42-.59m3.743 3.754a1.58 1.58 0 0 1 2.232 0 1.59 1.59 0 0 1 0 2.239c-.309.31-.712.462-1.116.462s-.807-.153-1.116-.462a1.593 1.593 0 0 1 0-2.239m1.705 1.71a.77.77 0 0 0 .237-.596.83.83 0 0 0-.242-.59.8.8 0 0 0-.589-.248.83.83 0 0 0-.589.248.847.847 0 0 0 0 1.186.837.837 0 0 0 1.183 0m.076-6.063-5.937 5.953a.37.37 0 0 0 .261.633.37.37 0 0 0 .261-.109l5.937-5.953a.37.37 0 0 0 0-.524.364.364 0 0 0-.522 0"
         })
     }));
-}, u = n;
+}, M = n;

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, s = _object_without_properties(_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: m } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : t ? _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: c,
         height: c,

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

@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -106,15 +106,15 @@ const m = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: i,
                 d: "m19.443 7.062-4.37-4.49A1.87 1.87 0 0 0 13.725 2H8.343c-.865 0-1.601.597-1.83 1.418h5.838a2.9 2.9 0 0 1 2.083.885l3.323 3.416c.557.573.86 1.333.86 2.146V20.21H20V8.444c0-.513-.203-1.017-.557-1.382"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: i,
                 d: "m13.702 5.064 3.322 3.416c.355.364.553.86.553 1.381V22H4V6.45c0-1.078.853-1.959 1.905-1.959h6.45c.51 0 .989.204 1.347.573M6.61 19.333h8.346v-7.08c0-.641-.502-1.158-1.125-1.158H7.735c-.623 0-1.125.517-1.125 1.157z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: i,
                 d: "M13.83 12.164H7.736a.083.083 0 0 0-.082.084v6.008h6.26v-6.008a.086.086 0 0 0-.082-.084"
             })
         ]
@@ -126,15 +126,15 @@ const m = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: i,
                 d: "m19.443 7.062-4.37-4.49A1.87 1.87 0 0 0 13.725 2H8.343c-.865 0-1.601.597-1.83 1.418h5.838a2.9 2.9 0 0 1 2.083.885l3.323 3.416c.557.573.86 1.333.86 2.146V20.21H20V8.444c0-.513-.203-1.017-.557-1.382"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: i,
                 d: "m13.702 5.064 3.322 3.416c.355.364.553.86.553 1.381V22H4V6.45c0-1.078.853-1.959 1.905-1.959h6.45c.51 0 .989.204 1.347.573M6.61 19.333h8.346v-7.08c0-.641-.502-1.158-1.125-1.158H7.735c-.623 0-1.125.517-1.125 1.157z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: i,
                 d: "M13.83 12.164H7.736a.083.083 0 0 0-.082.084v6.008h6.26v-6.008a.086.086 0 0 0-.082-.084"
             })
         ]

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

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

package/dist/generated/mistica-icons/icon-multisim-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,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: l, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -119,7 +119,7 @@ const v = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -131,4 +131,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, u = v;
+}, d = v;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: s, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "M21.818 9.392a.61.61 0 0 1-.585.432V9.82h-1.799v7.852h1.745c.34 0 .614.277.614.616v2.938a.616.616 0 0 1-.614.616H2.824a.616.616 0 0 1-.614-.616V18.29c0-.34.275-.616.614-.616h1.778V9.82H2.773a.61.61 0 0 1-.585-.431.62.62 0 0 1 .235-.69l9.23-6.43a.62.62 0 0 1 .7 0l9.23 6.43a.63.63 0 0 1 .235.692M8.233 17.675h1.974V9.824H8.233zm5.599 0h1.975V9.824h-1.975z"
         })
     }));
-}, u = a;
+}, u = n;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: l, size: h = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: h = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M19.38 18.004h1.992c.23 0 .418.187.418.42v3.003c0 .232-.185.42-.418.42H2.627a.42.42 0 0 1-.417-.42v-3.003c0-.233.185-.42.417-.42h2.025v-8.44H2.574a.42.42 0 0 1-.4-.294.42.42 0 0 1 .162-.47l9.426-6.57c.143-.1.333-.1.476 0l9.426 6.57a.42.42 0 0 1 .16.47.414.414 0 0 1-.399.294h-2.044zm1.572 3.002v-2.162H3.045v2.162zM5.487 18.005h1.616v-8.44H5.487zm14.602-9.28L12 3.088 3.908 8.724h1.154l.005-.002.004-.001.004.001.004.002h2.434l.005-.002.004-.001.004.001.004.002h3.252l.004-.002.005-.001.004.001.004.002h2.434l.004-.002.005-.001.004.001.004.002h3.252l.004-.002h.003V8.72l.006.001.004.002h2.434l.004-.002.005-.001.004.001.004.002zm-6.428 9.28h2.434v-8.44h-2.434zm-.835 0v-8.44H11.21v8.44zm-4.888 0h2.434v-8.44H7.938zm10.608 0v-8.44H16.93v8.44z"

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: h, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "M21.814 9.392a.61.61 0 0 1-.585.432V9.82H19.43v7.852h1.745c.34 0 .614.277.614.616v2.938a.616.616 0 0 1-.614.616H2.82a.616.616 0 0 1-.614-.616V18.29c0-.34.275-.616.614-.616h1.778V9.82H2.77a.614.614 0 0 1-.35-1.12l9.23-6.432a.62.62 0 0 1 .7 0l9.23 6.432a.63.63 0 0 1 .235.691m-3.61 8.283V9.824h-1.172v7.851zM3.435 20.614h17.129v-1.706H3.435zm3.563-2.939V9.824H5.828v7.851zm4.428 0h1.171V9.824h-1.17zm-1.224 0V9.824H8.23v7.851zm3.625 0h1.975V9.824h-1.975zm5.44-9.084-7.27-5.064L4.73 8.59h.473l.006-.001.003-.001.008.002h2.384l.008-.002.009.002h3.185l.008-.002.008.002h2.384l.008-.002.009.002h3.185l.008-.002.009.002h2.383l.009-.002h.002l.006.002z"
         })
     }));

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const h = (_param)=>{
     var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : n ? _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: e,
         height: e,
@@ -129,4 +129,4 @@ const a = (_param)=>{
             d: "M20.609 5.712c0-.546-.423-.997-.967-1.048l-9.285-2.482-.165-.022c-.443 0-.821.266-.984.644a1.05 1.05 0 0 0-.084.41v8.254c-.622-.46-1.383-.678-2.098-.694-.09-.003-.196-.003-.297-.003-1.543.014-3.344.924-3.344 3.448 0 2.52 1.812 3.442 3.361 3.465h.115q.094 0 .17-.003c1.485-.025 3.189-.885 3.334-3.148h.028V5.95l8.953 2.445v7.233c-.622-.46-1.39-.678-2.104-.695l-.291-.003c-1.544.014-3.345.925-3.345 3.448 0 2.521 1.812 3.443 3.361 3.465h.115q.094 0 .171-.002c1.55-.028 3.361-.947 3.361-3.449 0-.05-.01-.09-.014-.137h.014V5.712z"
         })
     }));
-}, p = a;
+}, p = h;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,13 +92,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: s, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : l ? _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({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = s !== null && s !== void 0 ? s : 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: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const a = (_param)=>{
             fill: t,
             d: "M21.528 2.72a.76.76 0 0 0-.276-.576.65.65 0 0 0-.622-.108L8.528 5.64a.69.69 0 0 0-.518.684v9.187a3.26 3.26 0 0 0-2.075-.72c-1.902 0-3.455 1.623-3.455 3.6C2.48 20.37 4.03 22 5.931 22s3.456-1.622 3.456-3.6V6.867l10.722-3.209v8.612a3.26 3.26 0 0 0-2.075-.72c-1.902 0-3.455 1.623-3.455 3.6 0 1.979 1.557 3.601 3.455 3.601s3.455-1.622 3.455-3.6c.039-.036.039-12.432.039-12.432M5.966 20.556c-1.143 0-2.075-.975-2.075-2.161 0-1.187.936-2.162 2.075-2.162s2.074.975 2.074 2.162-.931 2.161-2.074 2.161m10.028-5.406c0-1.187.936-2.162 2.075-2.162s2.074.975 2.074 2.162c0 1.19-.936 2.162-2.074 2.162-1.143 0-2.075-.975-2.075-2.162"
         })
-    })) : s.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: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -129,4 +129,4 @@ const a = (_param)=>{
             d: "M19.799 4.712a.87.87 0 0 1 .812.86h.003V18.39H20.6q.002.033.007.062.006.037.007.078c0 3.093-2.692 3.3-3.232 3.308l-.28.003c-1.563-.022-3.236-.907-3.236-3.327s1.661-3.294 3.216-3.309l.291.003c.863.02 1.748.314 2.378.958V8.133l-9.6-2.56-.01 9.01h-.017c-.174 2.796-2.695 2.998-3.216 3.006a5 5 0 0 1-.285 0c-1.56-.022-3.233-.907-3.233-3.327s1.658-3.297 3.216-3.309q.074.003.15.002l.144.001c.857.02 1.742.311 2.372.955V3.018c0-.474.393-.863.877-.863l.112.017zm-9.65-1.691-.003 1.669 9.6 2.557V5.57l-.126-.026zM6.81 16.738h.077c.717-.014 2.384-.278 2.384-2.46s-1.675-2.456-2.395-2.473c-.084-.003-.18-.003-.266-.003-.71.006-2.359.26-2.359 2.46 0 2.204 1.667 2.467 2.38 2.476q.091.001.179 0m10.553 4.249c.717-.011 2.384-.277 2.387-2.454 0-2.182-1.678-2.456-2.398-2.473l-.266-.003c-.709.006-2.359.258-2.359 2.457 0 2.204 1.667 2.467 2.381 2.476z"
         })
     }));
-}, d = a;
+}, p = h;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : s ? _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",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M21.528 2.72a.76.76 0 0 0-.276-.576.65.65 0 0 0-.622-.108L8.528 5.64a.69.69 0 0 0-.518.684v9.187a3.26 3.26 0 0 0-2.075-.72c-1.902 0-3.455 1.623-3.455 3.6C2.48 20.37 4.03 22 5.931 22s3.456-1.622 3.456-3.6V6.867l10.722-3.209v8.612a3.26 3.26 0 0 0-2.075-.72c-1.902 0-3.455 1.623-3.455 3.6 0 1.979 1.557 3.601 3.455 3.601s3.455-1.622 3.455-3.6c.039-.036.039-12.432.039-12.432M5.966 20.556c-1.143 0-2.075-.975-2.075-2.161 0-1.187.936-2.162 2.075-2.162s2.074.975 2.074 2.162-.931 2.161-2.074 2.161m10.028-5.406c0-1.187.936-2.162 2.075-2.162s2.074.975 2.074 2.162c0 1.19-.936 2.162-2.074 2.162-1.143 0-2.075-.975-2.075-2.162"
         })
     })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M21.528 2.72a.76.76 0 0 0-.276-.576.65.65 0 0 0-.622-.108L8.528 5.64a.69.69 0 0 0-.518.684v9.187a3.26 3.26 0 0 0-2.075-.72c-1.902 0-3.455 1.623-3.455 3.6C2.48 20.37 4.03 22 5.931 22s3.456-1.622 3.456-3.6V6.867l10.722-3.209v8.612a3.26 3.26 0 0 0-2.075-.72c-1.902 0-3.455 1.623-3.455 3.6 0 1.979 1.557 3.601 3.455 3.601s3.455-1.622 3.455-3.6c.039-.036.039-12.432.039-12.432M5.966 20.556c-1.143 0-2.075-.975-2.075-2.161 0-1.187.936-2.162 2.075-2.162s2.074.975 2.074 2.162-.931 2.161-2.074 2.161m10.028-5.406c0-1.187.936-2.162 2.075-2.162s2.074.975 2.074 2.162c0 1.19-.936 2.162-2.074 2.162-1.143 0-2.075-.975-2.075-2.162"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M19.64 4.656c.543.054.972.507.972 1.056h-.003V18.25h-.014q.002.03.007.058.006.037.007.08c0 2.504-1.812 3.425-3.367 3.453l-.201.003h-.079c-1.557-.022-3.373-.947-3.373-3.473 0-2.53 1.807-3.443 3.353-3.454l.292.003a3.74 3.74 0 0 1 2.092.686V8.668L10.4 6.28v7.877q0 .02.004.039.004.018.004.04l-.004.04q-.004.02-.004.04v.21h-.02c-.142 2.272-1.851 3.135-3.341 3.163h-.286c-1.552-.022-3.367-.944-3.367-3.47 0-2.53 1.807-3.443 3.353-3.454.092 0 .202 0 .291.002.712.017 1.465.23 2.087.681V3.217a1.07 1.07 0 0 1 1.076-1.062l.168.022zM10.399 3.5v1.467l8.927 2.387V5.886zm6.58 17.075.238-.003c.79-.014 2.11-.316 2.112-2.187 0-1.869-1.33-2.18-2.123-2.2l-.255-.002c-.776.008-2.076.303-2.076 2.188 0 1.893 1.317 2.193 2.104 2.204m-9.964-4.151c.776-.017 2.06-.317 2.101-2.106v-.163c-.042-1.793-1.336-2.104-2.115-2.12l-.249-.003c-.776.005-2.081.3-2.081 2.188 0 1.89 1.316 2.193 2.103 2.204.084.003.168.003.241 0"
         })
     }));
-}, u = h;
+}, p = h;

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

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

package/dist/generated/mistica-icons/icon-mute-light.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");
@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : i ? _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: e,
         height: e,
@@ -119,4 +119,4 @@ const c = (_param)=>{
             d: "M15.53 15.182V2.372a.38.38 0 0 0-.175-.322.34.34 0 0 0-.353 0l-7.51 4.59q-.016.012-.03.026-.007.01-.02.02L3.082 2.111a.335.335 0 0 0-.497 0 .38.38 0 0 0 0 .522l12.242 12.853v5.5l-9.171-5.6a.33.33 0 0 0-.177-.052H3.184V8.668h2.294a.4.4 0 0 0 .177-.047l.555-.337a.387.387 0 0 0 .131-.507.35.35 0 0 0-.483-.138l-.47.285H2.832a.36.36 0 0 0-.352.37v7.405c0 .204.158.37.352.37h2.552l9.618 5.874a.34.34 0 0 0 .352.005.38.38 0 0 0 .177-.323v-5.404l3.454 3.627a.34.34 0 0 0 .249.109c.09 0 .18-.038.248-.11a.376.376 0 0 0 0-.52zM7.945 7.218l6.882-4.201v11.426zM20.824 22c.387 0 .704-.332.704-.74 0-.407-.316-.74-.705-.74s-.704.333-.704.74c0 .408.316.74.704.74"
         })
     }));
-}, u = c;
+}, d = c;