@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-pay-invoice-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");
@@ -97,7 +97,7 @@ const v = (_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: o } = (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: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -135,4 +135,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, d = v;
+}, p = v;

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : n ? _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: l,
         height: l,
@@ -135,4 +135,4 @@ const m = (_param)=>{
             d: "m20.543 3.522.083.084c.448.465 2.552 2.922-.117 5.566L9.024 20.587l-.007.003q-.004 0-.007.002l-.006.01-.008.013a.42.42 0 0 1-.294.12l-.021-.004q-.01-.004-.021-.004L2.64 21.83a.41.41 0 0 1-.485-.465l.959-6.224q.001-.007.005-.012l.006-.01a.37.37 0 0 1 .104-.205L14.783 3.486c2.093-2.07 4.26-1.426 5.591-.132q.087.084.169.168M19.09 9.416l.83-.824c2.016-1.997.745-3.756.106-4.42l-.11-.11q-.06-.064-.123-.125c-.652-.633-2.386-1.885-4.423.126l-.846.837zM4.335 20.685l-1.073-1.062-.199 1.294zm1.79-3.49 9.83-9.723-2.015-1.995L4.111 15.2zm-2.709 1.42 1.905 1.888 2.515-.462-4.025-3.98zm5.286 1.129 9.807-9.746-1.97-1.946-9.829 9.722z"
         })
     }));
-}, g = m;
+}, M = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : n ? _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({
         width: l,
         height: l,
@@ -139,4 +139,4 @@ const s = (_param)=>{
             d: "M20.342 3.399q.127.122.249.249c1.339 1.39 2.011 3.622-.115 5.731L9.232 20.556l-.01.008-.01.008-.003.006-.005.006q-.026.024-.06.041l-.03.017-.021.014-.015.009a.6.6 0 0 1-.305.095q-.008 0-.015-.003l-.016-.003-5.868 1.079a.62.62 0 0 1-.532-.16.59.59 0 0 1-.18-.524l.942-6.1a.3.3 0 0 1 .016-.05l.012-.035a1 1 0 0 1 .02-.067.5.5 0 0 1 .122-.179l11.309-11.19c2.154-2.132 4.386-1.463 5.759-.13M18.944 9.19l.666-.663c1.85-1.83.687-3.44.104-4.048-.067-.07-.148-.151-.221-.224-.6-.58-2.185-1.726-4.048.12l-.683.678zM4.639 20.284l-.967-.958-.182 1.168zm1.61-3.473 9.336-9.239-1.683-1.666-9.34 9.238zM3.9 17.85l2.19 2.168 1.415-.26L4.12 16.41zm4.871 1.456s9.314-9.26 9.311-9.26l-1.639-1.622-9.336 9.238z"
         })
     }));
-}, v = s;
+}, M = s;

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return a;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = c !== null && c !== void 0 ? c : i ? _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 s = (_param)=>{
             d: "M21.838 9.609c-.017-.908-.734-1.642-1.597-1.642h-.77l.002.003h-.952c-.123-.966-.919-1.711-1.88-1.711h-9.26c-3.373.109-5.23 2.145-5.23 5.734 0 3.582 1.857 5.624 5.241 5.75h9.26c.978 0 1.785-.77 1.889-1.756h1.714c.871 0 1.582-.742 1.582-1.65zm-4.11 6.16c0 .621-.482 1.126-1.075 1.126H7.406c-2.944-.11-4.434-1.76-4.434-4.902 0-3.146 1.493-4.79 4.42-4.886h9.247c.594 0 1.075.502 1.075 1.124v7.33h.014zm3.289-6.152v4.72c0 .443-.342.801-.762.801h-1.717v-6.32H20.3c.392.032.708.382.717.8m-13.9 2.602c0-.58-.324-.848-.828-.848-.502 0-.832.269-.832.848 0 .278.075.485.21.625.143.151.358.224.619.224.263 0 .476-.073.622-.224.134-.14.21-.344.21-.624"
         })
     }));
-}, a = s;
+}, m = s;

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

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

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

package/dist/generated/mistica-icons/icon-people-network-light.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: c = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -135,4 +135,4 @@ const i = (_param)=>{
             d: "M11.992 6.577c-.698 0-1.241-.185-1.617-.546-.392-.378-.59-.936-.59-1.664s.198-1.289.59-1.667c.376-.364.92-.549 1.617-.549s1.243.185 1.621.55c.393.377.591.94.591 1.666 0 .725-.198 1.286-.59 1.664-.379.361-.925.546-1.622.546M10.952 3.3c-.224.215-.336.574-.336 1.067q0 .74.334 1.064.325.313 1.042.314.716-.001 1.044-.314c.225-.213.337-.571.337-1.061 0-.493-.115-.852-.34-1.067-.218-.21-.568-.317-1.041-.317-.474 0-.824.106-1.04.314m-2.047 6.857h6.182v-.154c0-.336-.07-.813-.403-1.16-.37-.386-.936-.465-1.342-.465h-2.695c-.409 0-.972.081-1.342.465-.333.345-.4.824-.4 1.16zm-.583.835a.253.253 0 0 1-.252-.253v-.736c0-.703.219-1.306.633-1.737.451-.47 1.123-.72 1.941-.72h2.695c.818 0 1.49.25 1.944.72.415.434.636 1.034.636 1.737v.736c0 .138-.112.25-.25.253zM4.7 15.212q0 .742.334 1.065c.215.208.565.314 1.042.314.476 0 .826-.104 1.042-.314q.336-.324.336-1.061c0-.49-.112-.85-.336-1.065q-.33-.316-1.042-.316-.718-.002-1.042.31c-.222.216-.334.575-.334 1.068m1.373 2.211c-.698 0-1.241-.185-1.62-.546-.391-.378-.587-.936-.587-1.664 0-.726.198-1.286.588-1.664.375-.364.921-.549 1.619-.549.697 0 1.244.185 1.619.549.392.378.59.941.59 1.667 0 .725-.198 1.285-.59 1.664-.375.358-.919.543-1.62.543m3.095 3.426c0-.336-.07-.813-.403-1.157-.37-.384-.936-.465-1.345-.465H4.728c-.409 0-.975.081-1.339.465-.333.347-.4.82-.4 1.16v.154c-.003-.003 6.179-.003 6.179-.003zM7.42 18.392c.82 0 1.493.25 1.944.72.417.434.636 1.036.636 1.737v.736c0 .14-.112.252-.252.252H2.403a.25.25 0 0 1-.252-.252v-.736c0-.703.219-1.303.633-1.737.451-.47 1.124-.723 1.941-.723zm9.118-3.185q0 .741.333 1.062c.216.207.566.314 1.04.314q.715-.002 1.044-.314.336-.325.336-1.062 0-.74-.336-1.067-.328-.312-1.045-.314c-.473 0-.823.107-1.039.314q-.332.326-.333 1.067m-.247 1.664q-.588-.569-.588-1.664c0-.728.196-1.288.588-1.666.376-.364.922-.55 1.616-.55.698 0 1.244.186 1.622.55.395.378.591.938.591 1.666 0 .726-.198 1.286-.59 1.664q-.57.544-1.623.546c-.694 0-1.24-.184-1.616-.546m4.715 3.972c0-.336-.07-.812-.404-1.157-.37-.384-.935-.465-1.344-.465h-2.692c-.41 0-.972.081-1.34.465-.333.348-.4.821-.4 1.16V21h6.18zm.193-1.737c.417.435.638 1.034.638 1.737v.737c0 .14-.111.252-.252.252h-7.344a.25.25 0 0 1-.252-.252v-.737c0-.703.218-1.305.633-1.737.45-.47 1.123-.72 1.941-.72h2.695c.818 0 1.49.25 1.94.72m-7.297-2.585a.418.418 0 0 0 .437-.712l-1.941-1.187v-2.258a.418.418 0 0 0-.835 0v2.258l-1.944 1.19a.414.414 0 0 0-.137.572.414.414 0 0 0 .571.137l1.925-1.177z"
         })
     }));
-}, q = i;
+}, q = v;

package/dist/generated/mistica-icons/icon-people-network-regular.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 h = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M11.995 6.58c-.697 0-1.24-.181-1.616-.545q-.588-.57-.588-1.664c0-.726.196-1.289.588-1.664.373-.367.919-.552 1.616-.552s1.244.185 1.622.55c.392.377.591.94.591 1.666 0 .725-.199 1.285-.59 1.664-.379.364-.925.546-1.623.546m-.75-2.977c-.171.165-.208.51-.208.768 0 .21.026.588.208.762.176.17.546.196.75.196.205 0 .577-.026.757-.2.17-.164.207-.503.207-.758 0-.258-.037-.6-.21-.768-.171-.165-.504-.199-.757-.199-.201.003-.568.028-.747.2m-1.902 6.14h5.313c-.03-.21-.103-.434-.269-.605-.266-.28-.714-.336-1.044-.336H10.65c-.33 0-.776.056-1.042.333-.163.171-.238.398-.266.608m-1.02 1.252a.25.25 0 0 1-.25-.252v-.736c0-.704.22-1.306.634-1.737.45-.474 1.123-.72 1.941-.72h2.692c.82 0 1.49.25 1.944.72.417.431.638 1.033.638 1.737v.736a.25.25 0 0 1-.249.252zM5.12 15.22c0 .258.036.597.207.762.176.171.546.196.75.196.205 0 .578-.025.757-.198.17-.166.207-.505.207-.76 0-.257-.036-.599-.21-.767-.17-.165-.504-.199-.753-.199-.205 0-.572.025-.751.199-.171.165-.207.51-.207.767m.958 2.208c-.698 0-1.241-.185-1.617-.546-.392-.376-.588-.936-.588-1.664 0-.726.196-1.289.588-1.667.378-.364.922-.55 1.62-.55.697 0 1.243.186 1.621.55.392.38.591.941.591 1.667 0 .725-.199 1.285-.594 1.664-.378.364-.924.546-1.621.546m2.658 3.162a1.1 1.1 0 0 0-.27-.608c-.268-.28-.716-.336-1.044-.336H4.73c-.327 0-.773.059-1.039.336-.165.171-.238.398-.269.608zm-1.311-2.193c.818 0 1.49.25 1.944.72.417.434.636 1.036.636 1.74v.733a.25.25 0 0 1-.25.252H2.407a.253.253 0 0 1-.252-.252v-.736c0-.704.219-1.306.63-1.737.451-.47 1.124-.723 1.941-.723zm9.535-3.185c0 .21.025.588.207.762.177.17.546.196.75.196.205 0 .578-.025.757-.199.171-.165.208-.504.208-.759 0-.258-.037-.6-.21-.768-.171-.165-.505-.198-.754-.198-.207.002-.574.028-.75.199-.172.168-.208.51-.208.767m-.664 1.664c-.392-.378-.588-.936-.588-1.664s.196-1.289.588-1.664c.375-.367.922-.552 1.62-.552.697 0 1.243.185 1.621.55.392.377.591.94.591 1.666s-.199 1.286-.594 1.664c-.375.364-.921.546-1.619.546-.697 0-1.24-.185-1.619-.546m4.28 3.709a1.1 1.1 0 0 0-.269-.608c-.269-.28-.717-.336-1.045-.336h-2.694c-.328 0-.773.058-1.04.336-.165.17-.237.398-.266.608zm.63-1.474c.418.434.636 1.037.636 1.737v.737a.25.25 0 0 1-.249.252h-7.35a.25.25 0 0 1-.25-.252v-.737c0-.703.219-1.303.63-1.737.452-.47 1.124-.72 1.942-.72h2.695c.823 0 1.493.25 1.946.72m-7.411-2.409a.626.626 0 1 0 .65-1.067L12.6 14.505v-2.14a.625.625 0 0 0-1.249 0v2.14l-1.843 1.129a.627.627 0 0 0-.205.863c.18.291.563.384.858.204l1.818-1.112z"
         })
     }));
-}, d = h;
+}, f = h;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const c = (_param)=>{
     var { color: t, size: r = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = t !== null && t !== void 0 ? t : l ? _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 i = (_param)=>{
             d: "M21.841 12c0-6.705-3.627-9.845-9.846-9.845-6.218 0-9.84 3.14-9.84 9.846s3.622 9.84 9.84 9.84c6.219 0 9.846-3.134 9.846-9.84m-6.014-4.946a.575.575 0 0 1 .1.807l-6.946 8.927a.57.57 0 0 1-.804.1.57.57 0 0 1-.1-.806l6.943-8.927a.57.57 0 0 1 .807-.1m.149 7.779c0 1.129-.611 1.655-1.656 1.655-1.048 0-1.655-.526-1.655-1.655s.61-1.656 1.655-1.656 1.656.527 1.656 1.656m-6.3-7.202c1.045 0 1.655.527 1.655 1.656 0 1.126-.61 1.655-1.655 1.655-1.048 0-1.656-.53-1.656-1.655S8.628 7.63 9.676 7.63"
         })
     }));
-}, f = i;
+}, f = c;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: s, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = s !== null && s !== void 0 ? s : c ? _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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M11.997 2.155c6.22 0 9.848 3.14 9.848 9.848 0 6.707-3.628 9.842-9.848 9.842s-9.842-3.135-9.842-9.842 3.623-9.848 9.842-9.848m0 18.87c5.99 0 9.027-3.035 9.027-9.022 0-5.99-3.037-9.027-9.027-9.027-5.987 0-9.021 3.037-9.021 9.027 0 5.987 3.034 9.021 9.021 9.021m3.163-6.164c0-.634-.204-.838-.837-.838-.634 0-.835.204-.835.838 0 .633.201.834.835.834s.837-.204.837-.835m-.837-1.656c1.045 0 1.658.53 1.658 1.658s-.61 1.656-1.658 1.656c-1.045 0-1.656-.53-1.656-1.656s.608-1.658 1.656-1.658m-5.48-3.889c0 .63.204.835.834.835.634 0 .838-.202.838-.835-.003-.636-.207-.838-.838-.838-.63 0-.834.205-.834.838m.834 1.653c-1.045 0-1.655-.527-1.655-1.656s.61-1.658 1.655-1.658c1.046 0 1.659.53 1.659 1.658 0 1.13-.614 1.656-1.659 1.656m6.125-3.183a.41.41 0 0 0-.073-.574l-.006-.006a.407.407 0 0 0-.571.076l-6.943 8.935a.41.41 0 0 0 .073.574.41.41 0 0 0 .575-.073z"

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

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

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

@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : c ? _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-person-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");
@@ -93,14 +93,14 @@ 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: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : v ? _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,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
@@ -109,8 +109,8 @@ const n = (_param)=>{
             d: "M14.472 6.58A3.39 3.39 0 0 1 16.5 9.676v6.61h-1.438v4.997a.717.717 0 0 1-.719.713.717.717 0 0 1-.719-.713v-6.427h1.438v-5.18c0-1.065-.908-1.965-1.981-1.965h-2.162c-1.073 0-1.981.9-1.981 1.965v5.18h1.438v6.432a.717.717 0 0 1-.72.713.717.717 0 0 1-.718-.713v-5.001H7.5V9.68c0-1.486.968-2.747 2.309-3.205a2.85 2.85 0 0 1-.507-1.618C9.302 3.28 10.592 2 12.182 2s2.88 1.28 2.88 2.857c0 .65-.221 1.244-.59 1.724m-.857-1.727a1.44 1.44 0 0 0-2.88 0c0 .781.64 1.421 1.433 1.426.802 0 1.447-.64 1.447-1.426"
         })
     })) : h.match(/^o2/i) ? /* @__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"
     }, e), {
@@ -119,8 +119,8 @@ const n = (_param)=>{
             d: "M13.819 6.754a2.7 2.7 0 0 0 .961-2.075C14.78 3.202 13.61 2 12.171 2c-1.438 0-2.608 1.202-2.608 2.679 0 .8.347 1.518.894 2.011C9.064 6.933 8 8.18 8 9.68v6.25h1.389v5.713c0 .197.156.357.347.357.192 0 .348-.16.348-.357v-6.427h-1.39V9.68c0-1.257 1.038-2.322 2.262-2.322h2.088c1.224 0 2.262 1.065 2.262 2.322v5.536h-1.39v3.927c0 .196.156.356.348.356s.347-.16.347-.356v-3.214H16V9.68c-.005-1.394-.926-2.574-2.181-2.926M10.257 4.68c0-1.084.86-1.966 1.914-1.966 1.056 0 1.915.882 1.915 1.966 0 1.083-.86 1.966-1.92 1.966-1.054-.005-1.909-.883-1.909-1.966M14.26 22c.383 0 .695-.32.695-.713a.705.705 0 0 0-.695-.713.705.705 0 0 0-.694.713c0 .393.312.713.694.713"
         })
     })) : /* @__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"
     }, e), {
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M9.35 4.479c0 1.473.872 2.32 2.387 2.32 1.518 0 2.39-.847 2.39-2.32 0-.75-.22-1.336-.65-1.74-.415-.389-1-.588-1.74-.588-.742 0-1.328.2-1.74.588-.428.404-.647.99-.647 1.74m.844 0c0-.521.128-.908.389-1.151q.379-.355 1.157-.356.774 0 1.154.359c.26.243.392.63.392 1.148 0 1.025-.493 1.501-1.549 1.501-1.053 0-1.543-.479-1.543-1.501m5.887 10.507a.53.53 0 0 1-.4-.05.5.5 0 0 1-.24-.278l-.539-2.893c-.039-.21-.224-.345-.45-.336a.416.416 0 0 0-.384.409v8.655a.53.53 0 0 1-.53.527.53.53 0 0 1-.532-.527v-5.16a.42.42 0 0 0-.423-.409h-1.188a.414.414 0 0 0-.42.41v5.156a.53.53 0 0 1-1.062 0v-8.655a.414.414 0 0 0-.383-.41c-.23-.01-.415.127-.454.337l-.532 2.865a.5.5 0 0 1-.247.309.52.52 0 0 1-.406.05h-.006a.523.523 0 0 1-.372-.636l1.21-4.336a.3.3 0 0 0 .034-.092l.004-.015.007-.022c.182-.865.977-1.493 1.888-1.493h2.664c.913 0 1.708.628 1.888 1.493l.016.056q.018.06.042.115l1.196 4.289q.004.003.003.008a.526.526 0 0 1-.384.633m.241.787a1.34 1.34 0 0 0 .956-1.641l-1.185-4.264a1 1 0 0 0-.056-.17c-.27-1.233-1.404-2.127-2.706-2.127h-2.664c-1.303 0-2.44.894-2.709 2.132a1 1 0 0 0-.047.14l-1.2 4.294-.002.009a1.34 1.34 0 0 0 .97 1.63 1.39 1.39 0 0 0 1.403-.41v5.127c0 .742.616 1.347 1.372 1.347s1.373-.605 1.373-1.347v-4.75h.336v4.747a1.36 1.36 0 0 0 1.372 1.348c.757 0 1.373-.605 1.373-1.348v-5.123a1.4 1.4 0 0 0 1.414.406"
         })
     }));
-}, d = n;
+}, p = n;

package/dist/generated/mistica-icons/icon-person-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");
@@ -92,30 +92,30 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const n = (_param)=>{
     var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : v ? _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({
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M14.472 6.58A3.39 3.39 0 0 1 16.5 9.676v6.61h-1.438v4.997a.717.717 0 0 1-.719.713.717.717 0 0 1-.719-.713v-6.427h1.438v-5.18c0-1.065-.908-1.965-1.981-1.965h-2.162c-1.073 0-1.981.9-1.981 1.965v5.18h1.438v6.432a.717.717 0 0 1-.72.713.717.717 0 0 1-.718-.713v-5.001H7.5V9.68c0-1.486.968-2.747 2.309-3.205a2.85 2.85 0 0 1-.507-1.618C9.302 3.28 10.592 2 12.182 2s2.88 1.28 2.88 2.857c0 .65-.221 1.244-.59 1.724m-.857-1.727a1.44 1.44 0 0 0-2.88 0c0 .781.64 1.421 1.433 1.426.802 0 1.447-.64 1.447-1.426"
         })
-    })) : r.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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M14.472 6.58A3.39 3.39 0 0 1 16.5 9.676v6.61h-1.438v4.997a.717.717 0 0 1-.719.713.717.717 0 0 1-.719-.713v-6.427h1.438v-5.18c0-1.065-.908-1.965-1.981-1.965h-2.162c-1.073 0-1.981.9-1.981 1.965v5.18h1.438v6.432a.717.717 0 0 1-.72.713.717.717 0 0 1-.718-.713v-5.001H7.5V9.68c0-1.486.968-2.747 2.309-3.205a2.85 2.85 0 0 1-.507-1.618C9.302 3.28 10.592 2 12.182 2s2.88 1.28 2.88 2.857c0 .65-.221 1.244-.59 1.724m-.857-1.727a1.44 1.44 0 0 0-2.88 0c0 .781.64 1.421 1.433 1.426.802 0 1.447-.64 1.447-1.426"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,8 +125,8 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M9.258 4.637c0 1.549.936 2.476 2.499 2.476 1.568 0 2.5-.924 2.498-2.476 0-.793-.232-1.415-.686-1.849-.437-.42-1.048-.633-1.815-.633-.765 0-1.376.213-1.813.633-.453.437-.683 1.056-.683 1.849m1.532-.98c.202-.197.527-.295.967-.295s.767.098.972.294c.207.202.313.533.313.984 0 .888-.383 1.269-1.285 1.269-.897 0-1.28-.381-1.28-1.27 0-.453.106-.784.313-.983m5.415 12.246a1.517 1.517 0 0 0 1.078-1.857L16.14 9.88a1 1 0 0 0-.059-.188c-.285-1.291-1.456-2.224-2.798-2.224H10.72c-1.342 0-2.515.933-2.801 2.227a1 1 0 0 0-.048.145l-1.15 4.21a1.52 1.52 0 0 0 1.072 1.852c.392.11.804.059 1.162-.143l.02-.012.02-.013v4.594c0 .851.621 1.493 1.445 1.493.82 0 1.415-.628 1.415-1.493v-4.454h.28v4.454c0 .862.616 1.515 1.434 1.515.82 0 1.44-.653 1.44-1.515v-4.594q.01.007.022.013l.017.01a1.5 1.5 0 0 0 1.157.145m-.098-1.546a.313.313 0 0 1-.224.384c-.103.027-.186-.005-.236-.025h-.002c-.043-.026-.115-.08-.132-.135l-.518-2.838a.616.616 0 0 0-.653-.493.605.605 0 0 0-.552.6v8.481c0 .07-.017.309-.224.309-.202 0-.218-.236-.218-.309v-5.055a.604.604 0 0 0-.608-.603h-1.496a.604.604 0 0 0-.608.602v5.056c0 .289-.143.289-.199.289-.19 0-.23-.157-.23-.289V11.85c0-.311-.24-.572-.554-.6a.6.6 0 0 0-.653.493l-.507 2.787a.3.3 0 0 1-.143.183.3.3 0 0 1-.238.028.31.31 0 0 1-.218-.379l1.151-4.21a.7.7 0 0 0 .056-.176 1.654 1.654 0 0 1 1.62-1.303h2.562c.782 0 1.46.55 1.616 1.303l.006.02.006.022a.6.6 0 0 0 .047.14z"
         })
     }));
-}, d = i;
+}, p = n;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: n, size: e = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = n !== null && n !== void 0 ? n : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : h ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M21.99 2.5H2v10.959h19.99zM2 14.557v2.558h19.995v-2.558zm6.074 3.652h7.852l.676 2.375q.109.386-.105.659a.7.7 0 0 1-.571.257H8.069a.7.7 0 0 1-.57-.257c-.106-.182-.18-.44-.106-.66z"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M21.99 2.5H2v10.959h19.99zM2 14.557v2.558h19.995v-2.558zm6.074 3.652h7.852l.676 2.375q.109.386-.105.659a.7.7 0 0 1-.571.257H8.069a.7.7 0 0 1-.57-.257c-.106-.182-.18-.44-.106-.66z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M4.699 15.799c-1.597 0-2.513-.91-2.513-2.501v-4.28c0-.776.213-1.387.636-1.816.434-.442 1.067-.666 1.877-.666l9.16-.006c.809 0 1.442.224 1.876.667.423.428.636 1.039.636 1.815v4.28c0 1.591-.916 2.501-2.513 2.501l-2.203.002.557.574 3.621-.001a.55.55 0 0 1 0 1.098l-13.11.005a.55.55 0 0 1 0-1.098l3.532-.001.548-.574zm3.623-.002-.549.574 2.911-.001-.557-.574zM20.38 17.449h-1.998a1.28 1.28 0 0 1-1.12-.61c-.213-.34-.317-.8-.317-1.407l-.006-6.88c0-.607.104-1.067.317-1.406.25-.392.647-.61 1.12-.61h1.998c.434 0 1.448.196 1.448 2.014l.003 6.88c.003 1.823-1.011 2.019-1.446 2.019"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_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: r } = (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: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M2.156 13.45c0 1.529.83 2.37 2.336 2.37l2.544-.002-1.058 1.086-3.544.002a.276.276 0 0 0-.278.277c0 .154.123.278.278.278l9.868-.004a.3.3 0 0 0 .096 0l3.697-.002a.276.276 0 0 0 .277-.277.276.276 0 0 0-.277-.278l-3.633.002-1.07-1.085h2.644c1.507 0 2.336-.844 2.336-2.37v-4.56c0-.746-.196-1.326-.58-1.726-.398-.415-.989-.625-1.756-.625l-9.544.006c-.767 0-1.358.21-1.756.625-.384.4-.58.98-.58 1.725zm8.46 2.367.016.019 1.051 1.066-4.93.002 1.058-1.086zM4.492 7.1l9.544-.005c.61 0 1.067.15 1.353.453.283.292.426.743.426 1.34v4.56c0 1.22-.583 1.815-1.782 1.815l-9.543.005c-1.2 0-1.782-.593-1.782-1.815v-4.56c0-.594.143-1.045.426-1.339.291-.3.748-.454 1.358-.454M18.23 17.463h2.282c.496 0 1.328-.238 1.328-1.843l-.003-7.24c0-1.606-.832-1.844-1.328-1.844h-2.283c-.493 0-1.316.241-1.316 1.843l.003 7.241c0 1.605.823 1.843 1.316 1.843m-.004-10.367h2.28c.19 0 .768 0 .768 1.283l.005 7.241c0 1.283-.576 1.283-.767 1.283h-2.283c-.207 0-.756 0-.756-1.283l-.003-7.24c0-1.284.549-1.284.756-1.284"
         })
     }));
-}, f = s;
+}, d = s;

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

@@ -97,7 +97,7 @@ const v = (_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: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = c !== null && c !== void 0 ? c : 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: l,
         height: l,

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M17.127 12.069c1.042.61 1.745 1.753 1.835 2.986.081 1.132-.364 2.17-1.224 2.854-1.067.849-2.426 1.042-3.445 1.042a7.7 7.7 0 0 1-1.463-.134v.117c1.174.183 1.832 1.003 1.832 2.317a.59.59 0 0 1-.588.585h-3.532a.586.586 0 0 1-.588-.585c0-1.263.616-2.062 1.7-2.286v-4.677c-1.86-.171-3.289-1.079-4.014-2.474l-.052-.011a.3.3 0 0 1-.085-.025c-2.219-1.255-2.684-3.572-2.404-5.174.241-1.39 1.135-2.658 2.454-3.479 3.275-2.04 6.308-.255 6.437-.176h.002c.053.03 1.211.677 1.432 1.91.154.854-.17 1.734-.963 2.622a.6.6 0 0 1-.272.17c-.252.076-.684.065-1.07-.207-.482-.341-.776-.991-.871-1.938-.415-.202-1.434-.538-2.852.146-.557.271-.972.532-1.24 1.481-.096.35-.093.72.002 1.07h8.378c.322 0 .586.26.586.586l-.003.88a4.8 4.8 0 0 1-.485 2.07 3 3 0 0 1 .384.256q.053.041.11.074M6.257 6.806c-.163.946.013 2.213.87 3.179a5 5 0 0 1-.022-.409v-.784a3.25 3.25 0 0 1-.084-1.978c.361-1.272.98-1.79 1.862-2.216 2.498-1.211 4.183.025 4.281.097l.002.001a.58.58 0 0 1 .23.435c.042.79.219 1.204.378 1.341.404-.515.569-.988.493-1.406-.123-.689-.854-1.095-.86-1.098-.129-.075-2.582-1.498-5.232.154-1.037.647-1.734 1.625-1.919 2.684m9.43 10.888c.482-.118.961-.32 1.37-.645.779-.619.84-1.467.815-1.921-.064-.877-.56-1.69-1.297-2.118a3 3 0 0 1-.243-.165 1.6 1.6 0 0 0-.311-.185q-.186.21-.392.4c.736.415 1.54 1.127 1.54 2.188 0 1.101-.52 1.846-1.482 2.446M12.83 14.29v3.437c2.734-.893 3.238-1.538 3.241-2.476 0-.742-.972-1.283-1.496-1.473a5.1 5.1 0 0 1-1.745.512"
         })
     }));
-}, m = i;
+}, m = s;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "M17.104 11.917c1.017.518 1.743 1.689 1.85 2.983.097 1.199-.348 2.252-1.228 2.896-1.129.824-2.655.992-3.711.992-.687 0-1.171-.07-1.222-.079a.42.42 0 0 1-.24-.126v.603c1.252.126 1.966.921 1.966 2.243a.416.416 0 0 1-.42.41h-3.793a.416.416 0 0 1-.42-.413c0-1.271.658-2.064 1.826-2.232v-5.266c-2.137-.129-3.72-1.118-4.445-2.692l-.045-.01c-.03-.007-.06-.013-.087-.032C5.508 9.97 4.765 8.219 5.1 6.387c.238-1.316 1.129-2.524 2.442-3.305 3.272-1.947 6.292-.247 6.418-.174.045.023 1.322.723 1.532 1.983.137.79-.174 1.591-.916 2.387a.44.44 0 0 1-.342.132c-.064-.003-1.552-.132-1.764-2.468-.463-.255-1.858-.857-3.418.075-.465.275-1.26.872-1.426 1.776-.084.457-.086.824-.016 1.138h9.134c.233 0 .42.182.42.409l-.003.921c-.01.9-.249 1.675-.63 2.322q.045.029.092.055.061.036.118.071l.07.042c.102.06.196.115.294.166M5.928 6.53c-.216 1.19.129 2.342.944 3.277a6 6 0 0 1-.045-.641V8.34q.001-.02.007-.039l.007-.029c-.18-.607-.118-1.21-.042-1.624.165-.905.807-1.734 1.815-2.334 2.362-1.406 4.42-.008 4.507.054.101.07.165.184.174.31.07 1.303.557 1.72.829 1.852.437-.53.62-1.036.54-1.507-.145-.854-1.109-1.395-1.12-1.4-.123-.07-2.734-1.524-5.56.16-1.11.66-1.857 1.66-2.056 2.747m1.74 2.219v.414c.022 2.922 2.358 3.964 4.535 3.96 2.016 0 4.078-1.332 4.12-3.876V8.75zm7.619 9.117c.672-.106 1.378-.322 1.938-.73.641-.469.963-1.259.893-2.172-.084-1.003-.644-1.938-1.397-2.322a7 7 0 0 1-.415-.235l-.192-.112-.068-.04a4.6 4.6 0 0 1-.614.583c.824.345 1.955 1.025 1.955 2.182 0 1.185-.692 2.126-2.1 2.846m-2.732.16a.45.45 0 0 1 .2-.12c2.551-.653 3.79-1.594 3.79-2.886 0-.843-1.245-1.409-2.004-1.624a5.35 5.35 0 0 1-1.986.535zm1.096 2.991c-.118-.714-.577-1.036-1.446-1.036-.868 0-1.328.322-1.445 1.036z"
         })
     }));
-}, v = i;
+}, v = s;

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

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

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

package/dist/generated/mistica-icons/icon-photo-camera-light.js

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

package/dist/generated/mistica-icons/icon-photo-camera-regular.js

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

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

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

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

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