@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : n ? _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: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -109,8 +109,8 @@ const s = (_param)=>{
             d: "M20.869 2.792a.48.48 0 0 0 .098-.506.45.45 0 0 0-.415-.286H3.448a.45.45 0 0 0-.414.286.48.48 0 0 0 .097.506L11.1 11.03v9.113H9.75c-.495 0-.898.417-.898.929s.403.929.898.929h4.5c.495 0 .898-.417.898-.93 0-.511-.403-.928-.899-.928h-1.348v-9.113z"
         })
     })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -119,8 +119,8 @@ const s = (_param)=>{
             d: "M20.869 2.792a.48.48 0 0 0 .098-.506.45.45 0 0 0-.415-.286H3.448a.45.45 0 0 0-.414.286.48.48 0 0 0 .097.506L11.1 11.03v9.113H9.75c-.495 0-.898.417-.898.929s.403.929.898.929h4.5c.495 0 .898-.417.898-.93 0-.511-.403-.928-.899-.928h-1.348v-9.113z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {

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

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : h ? _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: l,
         height: l,
@@ -105,7 +105,7 @@ const m = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M21.421 2.56a.96.96 0 0 1-.16 1.012l-8.329 9.38v7.169h1.388c.51 0 .926.421.926.94 0 .517-.416.939-.926.939H9.687a.934.934 0 0 1-.925-.94c0-.518.415-.94.925-.94h1.388v-7.168L2.74 3.572a.95.95 0 0 1-.16-1.012A.92.92 0 0 1 3.43 2h17.144c.368 0 .7.223.848.56m-9.42 8.627 6.49-7.301H5.51z"
         })
     })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -116,11 +116,11 @@ const m = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M20.996 2c.188 0 .363.116.436.293a.48.48 0 0 1-.103.518l-4.627 4.646a.47.47 0 0 1-.667 0 .47.47 0 0 1 0-.67L19.85 2.95H4.132l8.198 8.238c.091.085.14.207.14.335v9.525h1.892a.475.475 0 0 1 0 .951H9.626a.475.475 0 0 1 0-.951h1.892v-9.33l-8.86-8.908a.48.48 0 0 1-.103-.518A.47.47 0 0 1 2.992 2z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M14.362 10.092a.95.95 0 0 0 .946-.952.95.95 0 0 0-.946-.951.95.95 0 0 0-.946.951c0 .526.423.951.946.951"
             })
         ]
@@ -131,7 +131,7 @@ const m = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M13.601 6.3c0-2.673 1.46-4.144 4.112-4.144 2.656 0 4.118 1.474 4.118 4.14 0 2.667-1.462 4.138-4.115 4.138-.515 0-.98-.07-1.41-.18l-3.85 4.465c-.057.065-.127.107-.197.149v4.38l4.171 1.763q.085 0 .165.033a.414.414 0 0 1-.325.762l-8.495.017a.414.414 0 0 1-.17-.79l3.834-1.776v-4.373l-.01-.005a.7.7 0 0 1-.19-.134l-6.271-6.64a.83.83 0 0 1-.16-.893.82.82 0 0 1 .751-.501l1.521-.009-1.6-1.607a.44.44 0 0 0-.319-.135H2.573a.413.413 0 0 1 0-.826h2.583c.339 0 .664.137.902.378l2.114 2.126q.014.017.024.036l.016.026 5.406-.026-.007-.12q-.009-.123-.01-.255m4.112 3.31c2.219 0 3.297-1.081 3.297-3.314 0-2.23-1.078-3.313-3.294-3.313s-3.291 1.084-3.291 3.313c0 .126.008.245.016.365v.008l3.166-.014h.008a.82.82 0 0 1 .818.826c0 .221-.087.42-.227.569L16.912 9.55q.373.06.801.059m-5.88 4.569 3.95-4.583.011-.017H7.49zm.023 5.798-2.199 1.017s4.583-.006 4.586-.009zm5.753-12.496s-12.047.056-12.047.053l1.21 1.283a.4.4 0 0 1 .213-.067h9.53z"
         })
     }));

package/dist/generated/mistica-icons/icon-cocktail-regular.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");
@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : c ? _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: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -109,8 +109,8 @@ const s = (_param)=>{
             d: "M21.421 2.56a.96.96 0 0 1-.16 1.012l-8.329 9.38v7.169h1.388c.51 0 .926.421.926.94 0 .517-.416.939-.926.939H9.687a.934.934 0 0 1-.925-.94c0-.518.415-.94.925-.94h1.388v-7.168L2.74 3.572a.95.95 0 0 1-.16-1.012A.92.92 0 0 1 3.43 2h17.144c.368 0 .7.223.848.56m-9.42 8.627 6.49-7.301H5.51z"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -119,8 +119,8 @@ const s = (_param)=>{
             d: "M21.421 2.56a.96.96 0 0 1-.16 1.012l-8.329 9.38v7.169h1.388c.51 0 .926.421.926.94 0 .517-.416.939-.926.939H9.687a.934.934 0 0 1-.925-.94c0-.518.415-.94.925-.94h1.388v-7.168L2.74 3.572a.95.95 0 0 1-.16-1.012A.92.92 0 0 1 3.43 2h17.144c.368 0 .7.223.848.56m-9.42 8.627 6.49-7.301H5.51z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M13.381 6.38 8.2 6.403 6.328 4.522A1.45 1.45 0 0 0 5.3 4.096H2.765a.607.607 0 0 0 0 1.216H5.3c.064 0 .129.025.174.07l1.022 1.03-.807.003a1.21 1.21 0 0 0-1.106.74c-.188.445-.095.96.235 1.314l6.151 6.512c.082.087.183.157.286.216v3.798l-3.641 1.687a.608.608 0 0 0 .249 1.16l8.33-.017a.61.61 0 0 0 .232-1.168l-3.965-1.678V15.18q.168-.097.294-.24l3.765-4.362c.338.062.7.098 1.09.098 2.73 0 4.234-1.513 4.234-4.26.003-2.746-1.501-4.261-4.232-4.261-2.717 0-4.216 1.501-4.23 4.224m4.166 3.08-.06-.002.905-1.05c.202-.22.328-.51.328-.83 0-.672-.538-1.216-1.204-1.216h-.014l-2.913.014c.013-2.047.971-3.005 3.022-3.005 2.036 0 3.028.997 3.028 3.047 0 2.076-.964 3.045-3.028 3.045zm-5.704 4.681L7.776 9.836h7.782zm.026 5.908 1.338.565-2.574.006zM17.51 7.578l-.916 1.056-.032-.007a.2.2 0 0 0-.04-.007H6.627l-.936-.989c0 .003 11.818-.053 11.818-.053"
         })
     }));
-}, d = s;
+}, p = s;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : c ? _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: "M20.413 4.622c.787 0 1.428.62 1.428 1.379v12.008c0 .759-.641 1.378-1.428 1.378H3.586c-.79.003-1.431-.616-1.431-1.375V6c0-.76.641-1.379 1.431-1.379zM4.785 6.295a.55.55 0 0 0-.56.535v.002c0 .297.25.538.557.538a.55.55 0 0 0 .56-.538.55.55 0 0 0-.557-.537m15.852 11.717V8.348H3.36v9.664c0 .117.1.215.224.215h16.829a.22.22 0 0 0 .224-.215M7.02 6.832a.55.55 0 0 0-.558-.537H6.46a.55.55 0 0 0-.557.537c0 .297.25.538.557.538a.55.55 0 0 0 .56-.538m1.12-.537h-.003a.55.55 0 0 0-.56.535v.002c0 .297.25.538.56.538a.55.55 0 0 0 .56-.538.55.55 0 0 0-.557-.537m.955 5.736a.53.53 0 0 0 .02-.748.58.58 0 0 0-.796-.036l-2.294 2.006a.53.53 0 0 0-.006.801l2.295 2.036a.576.576 0 0 0 .815-.048.53.53 0 0 0-.05-.745l-1.844-1.641 1.84-1.608.01-.008zm6.538-.784 2.294 2.006c.115.1.182.246.185.397 0 .154-.067.3-.182.4l-2.294 2.043a.58.58 0 0 1-.384.146.57.57 0 0 1-.412-.174.53.53 0 0 1 .009-.748q.009-.01.022-.02l1.843-1.641-1.84-1.605a.53.53 0 0 1-.059-.745l.01-.011.01-.012a.58.58 0 0 1 .798-.036m-2.216.647a.534.534 0 0 0-.283-.717.57.57 0 0 0-.742.274l-1.86 4.003a.53.53 0 0 0 .283.715q.11.046.23.047a.56.56 0 0 0 .512-.32z"
         })
     }));
-}, d = i;
+}, d = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: r, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, e = _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 t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M21.838 5.832c0-.67-.564-1.216-1.255-1.216H3.406c-.692 0-1.255.546-1.255 1.216v12.333c0 .67.563 1.216 1.255 1.216h17.177c.692 0 1.255-.546 1.255-1.216zm-18.432-.42h17.177c.24 0 .434.187.434.42V7.84H2.972V5.832c0-.23.196-.42.434-.42m17.177 13.17H3.406a.426.426 0 0 1-.434-.42V8.634h18.045v9.53c0 .232-.196.42-.434.42M6.89 13.696l2.014 1.804c.165.148.176.4.022.563a.42.42 0 0 1-.302.126.43.43 0 0 1-.28-.107l-2.342-2.098a.4.4 0 0 1-.132-.294c0-.112.05-.218.135-.294l2.341-2.062a.42.42 0 0 1 .58.028.39.39 0 0 1-.028.563zM5.773 6.686c0 .303.255.552.572.552.313 0 .568-.25.568-.552a.56.56 0 0 0-.568-.554.563.563 0 0 0-.572.554m2.283.552a.563.563 0 0 1-.571-.552c0-.305.254-.554.571-.554s.571.246.571.554a.563.563 0 0 1-.571.552m-3.997-.552c0 .303.255.552.571.552.317 0 .572-.25.572-.552a.56.56 0 0 0-.572-.554.563.563 0 0 0-.571.554m11.535 4.65 2.342 2.062a.393.393 0 0 1 .002.588l-2.341 2.098a.42.42 0 0 1-.583-.02.39.39 0 0 1 .022-.563l2.017-1.806-2.011-1.768a.39.39 0 0 1-.028-.563.42.42 0 0 1 .58-.028m-2.297.482a.394.394 0 0 0-.207-.527.42.42 0 0 0-.544.2l-1.899 4.108a.394.394 0 0 0 .207.527.41.41 0 0 0 .543-.199z"

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

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

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

package/dist/generated/mistica-icons/icon-coffee-tea-light.js

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

package/dist/generated/mistica-icons/icon-coffee-tea-regular.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const h = (_param)=>{
     var { color: r, size: a = 24 } = _param, l = _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, { skinName: t } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : s ? _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: a,
         height: a,
@@ -119,4 +119,4 @@ const i = (_param)=>{
             d: "M15.807 6.115c.037.075.075.189.037.264l-.226.641c-.15.377.076.83.453.98a.64.64 0 0 0 .264.039.77.77 0 0 0 .716-.49l.265-.717c0-.038 0-.038.037-.076a2.08 2.08 0 0 0-.188-1.433L16.9 4.87a.37.37 0 0 1-.038-.34l.377-.64c.151-.378.038-.83-.34-1.019-.377-.226-.83-.113-1.018.264l-.415.717c0 .038-.037.038-.037.075-.264.566-.189 1.207.113 1.735zm-5.243 0c.038.075.075.15.038.264l-.264.641c-.151.377.037.83.415.98.113.039.226.039.301.039a.77.77 0 0 0 .717-.49l.264-.717c0-.038.038-.076.038-.076a2.08 2.08 0 0 0-.189-1.433l-.264-.453a.37.37 0 0 1-.038-.34l.377-.678c.19-.377.076-.83-.301-1.019s-.83-.075-1.019.302l-.377.717s-.038.038-.038.075c-.264.566-.188 1.207.114 1.735zm2.64-.34c.076.151.113.302.076.453l-.302.792c-.151.377.038.83.453.98a.64.64 0 0 0 .264.039.77.77 0 0 0 .716-.49l.302-.83c0-.038 0-.038.038-.076a2.04 2.04 0 0 0-.227-1.622l-.34-.566c-.112-.15-.112-.377-.037-.565l.415-.793a.776.776 0 0 0-.302-1.018.776.776 0 0 0-1.018.302l-.415.83s0 .037-.038.037a2.24 2.24 0 0 0 .113 1.962zM5.962 9.17v1.509H4.831a2.27 2.27 0 0 0-2.264 2.263v3.395A2.27 2.27 0 0 0 4.832 18.6H6.3a5.26 5.26 0 0 0 4.942 3.394h4.903c2.905 0 5.28-2.376 5.28-5.28V9.17zm-1.131 7.921a.757.757 0 0 1-.755-.754v-3.395c0-.415.34-.754.755-.754h1.131v4.526c0 .113 0 .264.038.377zm15.087-.377a3.783 3.783 0 0 1-3.772 3.772h-4.903a3.783 3.783 0 0 1-3.772-3.772v-6.035h12.447z"
         })
     }));
-}, z = i;
+}, z = h;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : 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: c,
         height: c,
@@ -119,4 +119,4 @@ const l = (_param)=>{
             d: "M17.957 6.535a8 8 0 0 0-1.19-1.062C15.29 3.372 12.873 2 10.148 2 5.654 2 2 5.724 2 10.302a8.34 8.34 0 0 0 3.398 6.738A8.3 8.3 0 0 0 7.9 19.358C9.39 20.981 11.502 22 13.848 22a8.1 8.1 0 0 0 3.882-1 .38.38 0 0 0 .147-.512.365.365 0 0 0-.503-.15 7.3 7.3 0 0 1-3.526.909 7.2 7.2 0 0 1-3.568-.942c.554.12 1.128.188 1.72.188 4.493 0 8.147-3.724 8.147-8.302 0-1.246-.275-2.43-.758-3.492a7.58 7.58 0 0 1 1.867 4.999 7.7 7.7 0 0 1-.858 3.535.385.385 0 0 0 .152.512.37.37 0 0 0 .502-.155c.621-1.188.948-2.53.948-3.887a8.34 8.34 0 0 0-4.043-7.168M2.744 10.297c0-4.163 3.322-7.544 7.403-7.544 4.085 0 7.403 3.386 7.403 7.544 0 4.164-3.323 7.545-7.403 7.545-4.08.004-7.403-3.381-7.403-7.544M12 19.73c-1.71 0-3.29-.599-4.54-1.599.843.3 1.749.469 2.692.469 4.493 0 8.147-3.724 8.147-8.303 0-.96-.162-1.883-.46-2.743a7.62 7.62 0 0 1 1.564 4.632c0 4.163-3.322 7.544-7.403 7.544m.37-8.336c0 1.12-1.166 2.028-2.597 2.028-.612 0-1.209-.169-1.678-.478a.38.38 0 0 1-.11-.521.364.364 0 0 1 .513-.111c.35.231.8.357 1.275.357 1.004 0 1.857-.585 1.857-1.275s-.82-1.26-1.834-1.275h-.398a.374.374 0 0 1-.37-.377c0-.208.166-.377.37-.377h.403c.995-.01 1.83-.512 1.83-1.096 0-.594-.849-1.096-1.858-1.096-.394 0-.773.077-1.095.217a.367.367 0 0 1-.488-.193.38.38 0 0 1 .19-.498 3.5 3.5 0 0 1 1.393-.285c1.454 0 2.597.812 2.597 1.85 0 .618-.408 1.155-1.048 1.493.64.372 1.048.966 1.048 1.637m7.038 8.713c.407 0 .739-.338.739-.754a.747.747 0 0 0-.74-.753.747.747 0 0 0-.739.753c0 .416.332.754.74.754"
         })
     }));
-}, d = l;
+}, v = l;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : n ? _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)(), e = t !== null && t !== void 0 ? t : 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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M18.526 7.632a7.9 7.9 0 0 0-2.144-2.144A7.84 7.84 0 0 0 9.858 2C5.525 2 2 5.525 2 9.858a7.85 7.85 0 0 0 3.483 6.524 7.9 7.9 0 0 0 2.144 2.144A7.85 7.85 0 0 0 14.142 22C18.475 22 22 18.475 22 14.142c.005-2.707-1.38-5.097-3.474-6.51M3.43 9.858a6.436 6.436 0 0 1 6.427-6.427 6.436 6.436 0 0 1 6.428 6.427 6.436 6.436 0 0 1-6.428 6.428c-3.543.004-6.427-2.88-6.427-6.428m14.286 0a8 8 0 0 0-.05-.891c.488.905.767 1.938.767 3.035a6.436 6.436 0 0 1-6.427 6.428 6.36 6.36 0 0 1-3.036-.768q.434.055.887.055c4.334 0 7.859-3.525 7.859-7.859m-3.57 10.716a6.37 6.37 0 0 1-3.036-.768q.439.049.891.05c4.334 0 7.858-3.525 7.858-7.858q-.001-.453-.05-.892c.49.905.768 1.939.768 3.036-.004 3.547-2.889 6.432-6.432 6.432m-4.65-7.402c1.605 0 2.862-1 2.862-2.276 0-.585-.284-1.125-.755-1.54.467-.371.75-.87.75-1.422 0-1.18-1.257-2.108-2.861-2.108a3.7 3.7 0 0 0-1.486.297.714.714 0 1 0 .576 1.308 2.25 2.25 0 0 1 .914-.179c.864 0 1.435.412 1.435.682 0 .233-.543.662-1.435.672h-.352a.714.714 0 0 0 0 1.426h.352c.823.009 1.435.462 1.435.86 0 .402-.59.85-1.435.85-.388 0-.759-.096-1.038-.28a.716.716 0 0 0-.772 1.203c.507.33 1.152.508 1.81.508"
         })
     }));
-}, v = h;
+}, u = h;

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

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

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

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

package/dist/generated/mistica-icons/icon-comment-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 i = (_param)=>{
-    var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = h !== null && h !== void 0 ? h : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : t ? _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"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
@@ -113,10 +113,10 @@ const i = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
         })
     }));
-}, u = i;
+}, d = i;

package/dist/generated/mistica-icons/icon-computer-academic-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: r, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M21.841 16.996a.604.604 0 0 0-.602-.608h-8.636v-.482l6.263-.002c.95 0 1.684-.266 2.185-.79.485-.504.729-1.227.729-2.149V7.528c0-.918-.244-1.638-.729-2.137-.498-.512-1.232-.776-2.182-.776l-11.453.006c-.95 0-1.684.26-2.183.776-.481.496-.728 1.218-.728 2.137v3.092L7.36 9.343q.381-.168.792-.168c.275 0 .54.06.79.171l4.86 2.185a1.94 1.94 0 0 1 1.154 1.793c0 .776-.454 1.479-1.154 1.793l-4.857 2.182a1.93 1.93 0 0 1-1.583 0l-3.566-1.605v1.156c0 .594.42 1.101 1 1.205.748.134 1.796.42 2.55 1.02.254.201.557.302.86.302s.604-.1.86-.302c.753-.6 1.803-.886 2.548-1.02.3-.053.555-.221.734-.451h8.891a.604.604 0 0 0 .602-.608M7.69 16.56q.223.1.465.101c.157 0 .317-.034.462-.104l4.86-2.185c.412-.182.678-.596.678-1.05 0-.462-.26-.865-.678-1.053l-4.86-2.185a1.14 1.14 0 0 0-.927 0l-4.86 2.188a1.14 1.14 0 0 0-.675 1.05c0 .462.26.863.678 1.053z"
         })
     }));
-}, d = a;
+}, v = s;

package/dist/generated/mistica-icons/icon-computer-academic-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: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : a ? _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 i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M12.617 16.39h8.627c.33 0 .602.272.6.614a.606.606 0 0 1-.603.608h-8.89a1.2 1.2 0 0 1-.735.45c-.747.135-1.795.42-2.549 1.02-.5.4-1.215.4-1.72 0-.756-.6-1.803-.885-2.548-1.02a1.22 1.22 0 0 1-.998-1.204v-2.045l-.963-.437a1.15 1.15 0 0 1-.678-1.05c0-.46.258-.863.678-1.053l1.678-.757V7.533c0-.919.243-1.639.728-2.137.499-.513 1.232-.776 2.185-.776h11.454c.95 0 1.683.26 2.182.776.481.498.728 1.218.728 2.137v5.434c0 .92-.244 1.645-.726 2.149-.501.524-1.238.79-2.184.79l-6.266.002zm.865-4.115c.417.185.684.597.675 1.054 0 .453-.266.865-.678 1.05l-.73.328 6.13-.003c.614 0 1.062-.143 1.331-.423.26-.272.392-.714.392-1.314V7.53c0-.593-.131-1.03-.389-1.297-.269-.274-.717-.414-1.333-.414l-11.454.005c-.619 0-1.067.14-1.333.415-.258.266-.39.703-.39 1.297v3.448l1.992-.893c.294-.132.633-.132.927 0zm-.622 1.05-4.725-2.122-4.675 2.123 4.725 2.123zm-4.767 4.796a.18.18 0 0 0 .23 0c.952-.756 2.201-1.1 3.083-1.26l.003-1.55-2.787 1.253a1.13 1.13 0 0 1-.927 0l-2.69-1.21v1.501c.886.163 2.135.51 3.088 1.266"
         })
     }));
-}, h = i;
+}, h = s;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M5.319 17.462c-1.042 0-1.84-.283-2.381-.84-.518-.538-.782-1.32-.782-2.32V8.025c0-1 .264-1.776.782-2.305.535-.55 1.336-.827 2.378-.827l13.356-.008c1.042 0 1.843.277 2.378.826.518.533.781 1.308.781 2.306v6.277c0 1-.263 1.782-.781 2.32-.538.557-1.34.84-2.381.84zM18.675 5.445l-13.356.009c-1.751 0-2.603.84-2.603 2.571v6.277c0 .852.21 1.499.625 1.93.429.446 1.093.67 1.978.67l13.356-.009c.882 0 1.549-.224 1.977-.67.415-.428.625-1.077.625-1.929V8.017c-.003-1.731-.855-2.572-2.603-2.572M2.156 18.83c0 .154.126.28.28.28l19.118-.008a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28l-19.118.008a.28.28 0 0 0-.28.28"
         })
     }));
-}, d = s;
+}, f = s;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : i ? _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,
@@ -139,4 +139,4 @@ const a = (_param)=>{
             d: "m18.402 17.462-12.804-.008c-1.12 0-1.99-.311-2.58-.927-.574-.591-.863-1.437-.863-2.513V7.737c0-2.202 1.221-3.412 3.44-3.412l12.807.008c2.218 0 3.44 1.213 3.44 3.412v6.278c0 1.075-.29 1.921-.86 2.512-.594.616-1.463.927-2.58.927M5.594 5.445c-.807 0-1.406.194-1.779.575-.358.367-.54.944-.54 1.717v6.277c0 1.583.736 2.32 2.319 2.32l12.804.008c1.582 0 2.32-.737 2.32-2.32V7.746c0-.773-.183-1.35-.544-1.717-.373-.38-.97-.574-1.78-.574zm-2.88 14.222 18.566.008c.308 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56l-18.566-.009a.56.56 0 0 0-.56.56c0 .309.252.56.56.56"
         })
     }));
-}, f = a;
+}, f = v;

package/dist/generated/mistica-icons/icon-computer-user-filled.js

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

package/dist/generated/mistica-icons/icon-computer-user-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M9.932 11.263c-1.418 0-2.535-.383-3.32-1.137C5.794 9.339 5.38 8.19 5.38 6.714S5.794 4.09 6.61 3.3c.784-.762 1.904-1.149 3.322-1.149 1.417 0 2.537.387 3.325 1.143.82.79 1.235 1.941 1.235 3.417 0 1.477-.415 2.625-1.238 3.412-.785.757-1.902 1.14-3.322 1.14M6.198 6.711c0 1.247.33 2.197.98 2.821.628.605 1.555.91 2.754.91 1.201 0 2.128-.305 2.759-.91.655-.624.986-1.577.986-2.82 0-1.244-.33-2.2-.986-2.827-.63-.608-1.558-.916-2.76-.916-1.198 0-2.125.308-2.753.916-.65.63-.98 1.58-.98 2.826m15.63 14.737a.41.41 0 0 0-.39-.428H8.865a.41.41 0 0 0-.409.409c0 .226.182.409.41.409h12.574a.406.406 0 0 0 .389-.39M3.04 18.714a.06.06 0 0 1-.062-.061l.003-1.381c0-1.21.373-2.238 1.076-2.972.767-.801 1.924-1.224 3.347-1.224h1.151c-.061.224-.098.47-.098.747v4.261q0 .32.067.63zm7.563-6.196s9.064-.005 9.059-.003q.72 0 1.028.314.3.305.3.992v4.255c0 .459-.101.798-.3 1.005q-.313.32-1.028.32l-9.065.005q-.716 0-1.025-.32c-.199-.206-.3-.543-.3-1.002v-4.26c0-.309.05-.555.14-.748h.02v-.045a.8.8 0 0 1 .14-.2c.207-.206.552-.313 1.03-.313m-1.76 7.014v-.064q.027.035.05.07.044.063.088.117c.367.379.91.572 1.616.572l9.065-.006c.708 0 1.252-.193 1.616-.571.35-.364.53-.894.53-1.572v-4.26c0-.675-.177-1.205-.53-1.563-.364-.373-.908-.56-1.613-.56L10.6 11.7c-.706 0-1.25.188-1.613.56H7.399c-1.65 0-3.01.51-3.938 1.477-.849.888-1.3 2.112-1.3 3.537v1.379c0 .484.395.88.883.88z"
         })
     }));
-}, m = l;
+}, m = a;

package/dist/generated/mistica-icons/icon-computer-user-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: r = 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 s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "M9.962 11.475c-1.443 0-2.58-.392-3.39-1.17-.843-.81-1.266-1.981-1.266-3.488 0-1.502.423-2.678 1.266-3.488.81-.784 1.947-1.179 3.39-1.179 1.442 0 2.59.392 3.4 1.18.849.809 1.275 1.988 1.275 3.487 0 1.507-.426 2.678-1.275 3.487-.81.779-1.95 1.171-3.4 1.171M6.508 6.817c0 1.168.305 2.05.896 2.622.577.552 1.434.834 2.558.834q1.699-.002 2.566-.834c.602-.577.907-1.46.907-2.622 0-1.165-.305-2.045-.907-2.622-.578-.56-1.443-.84-2.566-.84-1.112 0-1.978.28-2.558.84-.59.577-.896 1.46-.896 2.622m4.12 13.244c-.641 0-1.131-.16-1.49-.482H3.222a1.065 1.065 0 0 1-1.067-1.06v-1.352c0-1.451.457-2.695 1.33-3.6.947-.994 2.334-1.515 4-1.515h1.813c.336-.224.776-.344 1.33-.344l8.874-.009c.698 0 1.227.185 1.577.552q.52.531.521 1.532v4.177c0 .666-.168 1.179-.512 1.537-.362.37-.9.564-1.586.564zm-.907-2.101c0 .336.064.585.185.706.16.168.52.193.72.193H19.5c.198 0 .551-.025.72-.193.111-.12.176-.376.176-.706v-4.177c0-.33-.065-.577-.177-.689-.12-.12-.378-.193-.72-.193l-8.873.008c-.353 0-.608.065-.72.185-.118.12-.185.37-.185.698zm-1.171.417a4 4 0 0 1-.034-.417v-4.168c0-.194.026-.37.05-.538H7.484c-1.33 0-2.42.395-3.135 1.137-.65.68-.994 1.644-.994 2.773l.003 1.213zm12.689 3.462a.601.601 0 1 0 0-1.204H8.919a.601.601 0 1 0 0 1.204z"
         })
     }));
-}, p = a;
+}, p = n;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
+const l = (_param)=>{
     var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : n ? _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,
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97.005 1.76.834 1.76 1.853M7.419 4.967c-.677 0-1.232.578-1.232 1.294 0 .715.555 1.293 1.232 1.293s1.233-.578 1.233-1.293c0-.711-.551-1.294-1.233-1.294m8.04 10.971c0-.658.511-1.194 1.139-1.194.627 0 1.137.536 1.137 1.194 0 .66-.51 1.195-1.137 1.195-.628 0-1.138-.536-1.138-1.195m-8.04-1.346c-.682 0-1.232.583-1.232 1.299s.555 1.294 1.232 1.294c.682 0 1.233-.583 1.233-1.294.004-.716-.551-1.299-1.233-1.299M17.83 6.261c0 .71-.555 1.293-1.237 1.293s-1.237-.578-1.232-1.293c0-.711.55-1.294 1.232-1.294s1.237.578 1.237 1.294m-3.707 4.075a.537.537 0 0 0 .524-.492c.077-.702.858-1.176 1.941-1.176 1.088 0 1.87.474 1.942 1.176.031.303.298.526.587.488.289-.034.496-.308.465-.616-.086-.797-.578-1.432-1.332-1.801a2.47 2.47 0 0 0 .632-1.654c0-1.327-1.03-2.408-2.294-2.408s-2.293 1.08-2.293 2.408c0 .64.24 1.222.632 1.654-.754.37-1.246 1.004-1.332 1.8a.556.556 0 0 0 .528.621m-9.232-.004a.537.537 0 0 0 .587-.488c.077-.702.858-1.176 1.941-1.176 1.088 0 1.865.474 1.941 1.176a.54.54 0 0 0 .587.488c.29-.034.497-.308.465-.616-.085-.797-.578-1.432-1.332-1.801a2.47 2.47 0 0 0 .633-1.654c0-1.327-1.03-2.408-2.294-2.408s-2.293 1.08-2.293 2.408c0 .64.239 1.222.632 1.654-.75.37-1.246 1.004-1.332 1.8a.556.556 0 0 0 .465.617m4.194 7.208a2.47 2.47 0 0 0 .632-1.654c0-1.327-1.03-2.407-2.293-2.407-1.265 0-2.294 1.08-2.294 2.407 0 .64.24 1.223.632 1.654-.754.37-1.246 1.005-1.332 1.801a.556.556 0 0 0 .529.621.537.537 0 0 0 .523-.493c.077-.701.858-1.175 1.942-1.175 1.088 0 1.864.474 1.941 1.175a.54.54 0 0 0 .587.488c.289-.033.496-.312.465-.616-.086-.796-.578-1.431-1.332-1.8m10.501 1.801c-.09-.815-.605-1.464-1.386-1.83a2.35 2.35 0 0 0 .596-1.573c0-1.27-.984-2.308-2.198-2.308-1.215 0-2.2 1.034-2.2 2.308 0 .607.227 1.157.592 1.57-.79.364-1.305 1.013-1.395 1.828a.556.556 0 0 0 .528.621.537.537 0 0 0 .524-.493c.077-.701.858-1.175 1.941-1.175 1.088 0 1.87.474 1.942 1.175.031.304.298.527.587.489.293-.029.5-.308.47-.612m-.171-7.896h-6.88V4.223a.54.54 0 0 0-.529-.555.54.54 0 0 0-.528.555v7.218h-6.88a.54.54 0 0 0-.529.554.54.54 0 0 0 .528.555h6.876v7.218a.54.54 0 0 0 .528.554.54.54 0 0 0 .529-.554v-7.213h6.876a.544.544 0 0 0 .537-.555.54.54 0 0 0-.528-.555"
         })
     }));
-}, p = h;
+}, p = l;

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

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