@telefonica/mistica 15.20.0 → 16.0.0

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,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: e, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: e, size: l = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M15.8 2.16c1.378-.027 2.784.628 4.1 1.945 2.555 2.552 2.595 5.367.11 7.927l-7.93 7.933-.003.003a2 2 0 0 1-.187.182c-1.208 1.129-2.477 1.694-3.751 1.694-1.364 0-2.734-.65-4.034-1.95-1.32-1.316-1.972-2.694-1.95-4.094.026-1.348.678-2.673 1.945-3.939l.145-.151c.12-.126.238-.247.362-.353l6.776-6.779c.077-.094.197-.208.32-.325l.002-.003.154-.145c1.266-1.263 2.59-1.919 3.94-1.944m.126 12.225 3.213-3.213c2.017-2.081 1.986-4.112-.104-6.199-1.053-1.053-2.115-1.588-3.154-1.588h-.056c-1.022.017-2.064.552-3.098 1.585l-.174.168a4 4 0 0 0-.269.272L9.777 7.917l-.004.034a.2.2 0 0 1-.007.047c-.445 1.367.149 2.84 1.815 4.507 1.124 1.124 2.768 2.364 4.25 1.891a.2.2 0 0 1 .058-.008q.018 0 .037-.003"
         })
     }));
-}, d = n;
+}, m = n;

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,8 +104,8 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M15.8 2.16c1.378-.027 2.784.628 4.1 1.945 2.555 2.552 2.595 5.367.11 7.927l-7.93 7.933a2 2 0 0 1-.19.185c-1.208 1.129-2.477 1.694-3.751 1.694-1.364 0-2.734-.65-4.034-1.95-1.32-1.316-1.972-2.694-1.95-4.094.026-1.348.678-2.673 1.945-3.939l.145-.151c.12-.126.238-.247.362-.353l6.776-6.779c.077-.094.197-.208.32-.325l.002-.002.154-.146c1.266-1.263 2.59-1.919 3.94-1.944m3.339 9.012c2.017-2.081 1.986-4.112-.104-6.199-1.053-1.053-2.115-1.588-3.154-1.588h-.056c-1.022.017-2.064.552-3.098 1.585l-.174.168a4 4 0 0 0-.269.272L9.777 7.917l-.004.034a.2.2 0 0 1-.007.047c-.445 1.367.149 2.84 1.815 4.507 1.124 1.124 2.77 2.365 4.25 1.891q.03-.009.058-.008.018 0 .037-.003zm-7.863 7.863 3.342-3.34c-1.222-.17-2.53-.946-3.902-2.318-1.426-1.426-2.177-2.78-2.292-4.101l-2.98 2.98a5 5 0 0 0-.305.3l-.168.174c-1.034 1.033-1.569 2.075-1.586 3.095-.02 1.056.516 2.134 1.589 3.207 2.058 2.056 4.053 2.126 6.103.204.055-.049.083-.08.113-.112l.002-.002z"
         })
     }));
-}, f = n;
+}, f = a;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: s, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: l = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), i = s !== null && s !== void 0 ? s : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: c,
             d: "M18.89 4.006c2.263 2.268 2.44 4.756.526 7.058 1.639.91 2.426 2.636 2.429 5.017 0 3.636-1.832 5.762-5.748 5.762-2.493 0-4.138-.863-5.006-2.426-1.059.908-2.162 1.367-3.272 1.367-1.294 0-2.59-.616-3.82-1.851-1.247-1.25-1.866-2.558-1.843-3.888.022-1.28.638-2.54 1.837-3.74l.137-.14c.112-.117.224-.235.342-.336l6.359-6.378c.07-.086.183-.195.3-.306l.002-.002.143-.137c2.454-2.463 5.16-2.46 7.614 0m-6.935 1.072a4 4 0 0 0-.214.219l-2.513 2.52q-.003.012-.002.022 0 .01-.003.02c-.34 1.093.255 2.418 1.767 3.934.13.13.258.245.386.36l.063.057c.93-1.224 2.467-1.888 4.658-1.888.778 0 1.47.087 2.087.25 1.79-1.911 1.74-3.774-.171-5.687-1.97-1.975-3.885-1.977-5.857 0zm-.326 11.628c.19 2.639 1.614 3.893 4.465 3.893s4.275-1.252 4.468-3.893zm8.933-1.244c-.194-2.641-1.617-3.893-4.468-3.893-2.849 0-4.272 1.254-4.465 3.893z"
         })
     }));

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: l, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = l !== null && l !== void 0 ? l : i ? _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 n = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M18.71 3.955c2.207 2.213 2.373 4.642.493 6.885 1.785.894 2.639 2.678 2.642 5.177 0 3.678-1.852 5.826-5.81 5.826-2.619 0-4.308-.944-5.157-2.644-1.039.899-2.123 1.353-3.21 1.353-1.255 0-2.515-.6-3.711-1.801-1.219-1.222-1.824-2.49-1.801-3.78.022-1.237.627-2.461 1.795-3.635l.146-.148q.159-.175.328-.322l6.434-6.46c.08-.092.19-.199.302-.305l.149-.146c2.386-2.392 5.014-2.395 7.4 0m-6.969.754c-.092.086-.185.173-.266.269l-2.58 2.585-.001.025q0 .026-.007.053c-.367 1.188.252 2.594 1.837 4.188.165.163.322.305.482.448.924-1.347 2.513-2.084 4.83-2.084.881 0 1.652.112 2.327.32 1.798-1.98 1.728-3.986-.244-5.964-2.061-2.067-4.151-2.067-6.216 0zm-7.193 13.45c1.994 2 4.011 2.07 6 .216q-.32-1.041-.32-2.355c0-1.157.183-2.16.555-2.995a13 13 0 0 1-.65-.602C8.747 11.03 8.021 9.72 7.957 8.507l-2.964 2.972a4 4 0 0 0-.291.286l-.16.165c-1.011 1.014-1.532 2.045-1.549 3.059-.02 1.05.504 2.117 1.555 3.17m11.484 2.847c3.219 0 4.83-1.524 4.947-4.625a.4.4 0 0 1-.199.059h-9.496a.4.4 0 0 1-.201-.06c.028.67.109 1.281.277 1.802a.4.4 0 0 1 .107.252c.663 1.714 2.165 2.572 4.565 2.572m4.95-5.348c-.12-3.098-1.731-4.624-4.95-4.624-3.215 0-4.826 1.523-4.946 4.624a.4.4 0 0 1 .201-.059h9.496c.073 0 .137.026.199.06"
         })
     }));
-}, f = n;
+}, f = a;

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

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

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

@@ -97,25 +97,25 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), v = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
-    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: v,
+            fill: e,
             d: "m9.397 4.913-.735.432a.403.403 0 0 0-.137.53.373.373 0 0 0 .507.142l.745-.436v.873c0 .21.166.382.37.382s.37-.171.37-.382V5.58l.744.436q.092.051.185.05a.37.37 0 0 0 .322-.192.396.396 0 0 0-.137-.525l-.735-.432.735-.431a.4.4 0 0 0 .137-.525.37.37 0 0 0-.507-.143l-.745.437v-.873a.377.377 0 0 0-.37-.383.377.377 0 0 0-.37.383v.868l-.744-.437a.37.37 0 0 0-.507.143.396.396 0 0 0 .137.525zm2.21 5.206c.223-.138.479-.221.759-.221.815 0 1.484.687 1.479 1.52v4.602c0 .24-.057.59-.18.825L11.475 21h-7.09l-2.172-3.743A1.8 1.8 0 0 1 2 16.403v-3.831c0-.844.664-1.531 1.48-1.531.27 0 .521.078.74.21V5.675c0-.844.663-1.53 1.479-1.53.815 0 1.479.686 1.479 1.53v2.894c.218-.127.47-.21.74-.21.54 0 1.01.308 1.27.755a1.44 1.44 0 0 1 .954-.368c.763 0 1.384.603 1.465 1.374m5.34-6.162a.364.364 0 0 0-.508-.143l-.745.437v-.868a.377.377 0 0 0-.37-.383.377.377 0 0 0-.37.383v.873l-.744-.437a.37.37 0 0 0-.507.143.4.4 0 0 0 .137.525l.735.431-.735.432a.39.39 0 0 0-.137.525.37.37 0 0 0 .507.142l.745-.436v.873c0 .21.166.382.37.382s.37-.171.37-.382V5.58l.744.436c.057.035.123.05.185.05a.37.37 0 0 0 .322-.192.4.4 0 0 0-.137-.525l-.735-.432.735-.431a.396.396 0 0 0 .137-.53m4.13.956.734.432a.4.4 0 0 1 .142.525.373.373 0 0 1-.507.142l-.744-.436v.873c0 .21-.166.383-.37.383a.377.377 0 0 1-.37-.383v-.873l-.744.436a.368.368 0 0 1-.507-.142.39.39 0 0 1 .137-.525l.735-.432-.74-.426a.4.4 0 0 1-.138-.525.37.37 0 0 1 .508-.143l.744.437v-.873c0-.211.166-.383.37-.383s.37.172.37.383v.868l.744-.437a.36.36 0 0 1 .508.143.39.39 0 0 1-.138.525z"
         })
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: v,
+            fill: e,
             d: "m9.397 4.913-.735.432a.403.403 0 0 0-.137.53.373.373 0 0 0 .507.142l.745-.436v.873c0 .21.166.382.37.382s.37-.171.37-.382V5.58l.744.436q.092.051.185.05a.37.37 0 0 0 .322-.192.396.396 0 0 0-.137-.525l-.735-.432.735-.431a.4.4 0 0 0 .137-.525.37.37 0 0 0-.507-.143l-.745.437v-.873a.377.377 0 0 0-.37-.383.377.377 0 0 0-.37.383v.868l-.744-.437a.37.37 0 0 0-.507.143.396.396 0 0 0 .137.525zm2.21 5.206c.223-.138.479-.221.759-.221.815 0 1.484.687 1.479 1.52v4.602c0 .24-.057.59-.18.825L11.475 21h-7.09l-2.172-3.743A1.8 1.8 0 0 1 2 16.403v-3.831c0-.844.664-1.531 1.48-1.531.27 0 .521.078.74.21V5.675c0-.844.663-1.53 1.479-1.53.815 0 1.479.686 1.479 1.53v2.894c.218-.127.47-.21.74-.21.54 0 1.01.308 1.27.755a1.44 1.44 0 0 1 .954-.368c.763 0 1.384.603 1.465 1.374m5.34-6.162a.364.364 0 0 0-.508-.143l-.745.437v-.868a.377.377 0 0 0-.37-.383.377.377 0 0 0-.37.383v.873l-.744-.437a.37.37 0 0 0-.507.143.4.4 0 0 0 .137.525l.735.431-.735.432a.39.39 0 0 0-.137.525.37.37 0 0 0 .507.142l.745-.436v.873c0 .21.166.382.37.382s.37-.171.37-.382V5.58l.744.436c.057.035.123.05.185.05a.37.37 0 0 0 .322-.192.4.4 0 0 0-.137-.525l-.735-.432.735-.431a.396.396 0 0 0 .137-.53m4.13.956.734.432a.4.4 0 0 1 .142.525.373.373 0 0 1-.507.142l-.744-.436v.873c0 .21-.166.383-.37.383a.377.377 0 0 1-.37-.383v-.873l-.744.436a.368.368 0 0 1-.507-.142.39.39 0 0 1 .137-.525l.735-.432-.74-.426a.4.4 0 0 1-.138-.525.37.37 0 0 1 .508-.143l.744.437v-.873c0-.211.166-.383.37-.383s.37.172.37.383v.868l.744-.437a.36.36 0 0 1 .508.143.39.39 0 0 1-.138.525z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const s = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: v,
+            fill: e,
             d: "m21.519 8.162-5.662-5.689a1.04 1.04 0 0 0-1.498 0c-.737.743-1.18 1.56-1.317 2.437l-2.53 2.55c-1.456-.253-3.529-.01-5.719 2.195l-.03.034a1.23 1.23 0 0 0-.362.88c0 .33.129.641.361.876l3.443 3.468-5.866 5.854a.634.634 0 0 0-.003.891.626.626 0 0 0 .886.003l5.868-5.857 3.518 3.546a1.2 1.2 0 0 0 .86.359c.333 0 .672-.135.947-.412 1.767-1.782 2.49-3.709 2.143-5.734l2.532-2.552q1.317-.22 2.462-1.37a1 1 0 0 0 .291-.708 1.1 1.1 0 0 0-.325-.77"
         })
     }));

package/dist/generated/mistica-icons/icon-pin-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");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = t !== null && t !== void 0 ? t : i ? _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: a,
         height: a,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "m15.791 2.424 5.785 5.812a.9.9 0 0 1 .266.636c0 .216-.084.42-.236.574q-1.151 1.154-2.467 1.35l-2.715 2.732c.39 2.036-.319 3.977-2.109 5.775-.255.255-.518.367-.798.367s-.546-.112-.745-.313l-3.745-3.773-6.146 6.134-.003.003a.42.42 0 0 1-.6-.006.43.43 0 0 1 .003-.605l6.138-6.134-3.67-3.695a1.06 1.06 0 0 1 .003-1.49l.333.271-.3-.302c2.23-2.244 4.331-2.437 5.765-2.165l2.715-2.731c.123-.877.557-1.698 1.297-2.44.187-.188.386-.269.599-.269a.9.9 0 0 1 .63.269m2.852 7.658a.4.4 0 0 1 .255-.123c.736-.079 1.44-.448 2.092-1.1l-5.798-5.827c-.67.644-1.028 1.341-1.098 2.075a.44.44 0 0 1-.123.26l-2.98 3.004a.42.42 0 0 1-.399.112c-1.787-.432-3.537.204-5.201 1.882l-.031.03a.196.196 0 0 0-.006.281l3.955 3.98.009.005.017.012.007.013.007.012 4.022 4.054c.04.039.092.061.146.061.056 0 .109-.022.145-.061 1.687-1.7 2.303-3.454 1.885-5.27a.43.43 0 0 1 .113-.4z"
         })
     }));
-}, d = s;
+}, p = s;

package/dist/generated/mistica-icons/icon-pin-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,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : t ? _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: a,
         height: a,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "m15.857 2.473 5.662 5.69c.21.21.322.481.324.77a1 1 0 0 1-.29.708c-.763.768-1.586 1.222-2.463 1.37l-2.532 2.552c.347 2.025-.376 3.952-2.143 5.734a1.33 1.33 0 0 1-.947.412 1.2 1.2 0 0 1-.86-.359L9.09 15.804 3.222 21.66a.626.626 0 0 1-.886-.003.634.634 0 0 1 .003-.89l5.866-5.855-3.443-3.468a1.24 1.24 0 0 1-.361-.876c0-.334.126-.645.361-.88l.031-.034c2.19-2.204 4.263-2.448 5.72-2.196l2.53-2.549c.137-.876.58-1.694 1.316-2.437a1.04 1.04 0 0 1 1.498 0m2.496 7.499a.62.62 0 0 1 .376-.182c.627-.065 1.207-.353 1.77-.877L15.112 3.5c-.52.577-.798 1.16-.857 1.764a.62.62 0 0 1-.18.384l-2.918 2.938a.61.61 0 0 1-.585.168c-1.673-.397-3.32.202-4.894 1.788l-.028.03 3.84 3.863.02.013q.015.007.028.018a.1.1 0 0 1 .018.027l.013.02 3.922 3.944c1.585-1.607 2.168-3.257 1.778-4.96a.63.63 0 0 1 .165-.586z"
         })
     }));
-}, d = s;
+}, p = s;

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

@@ -97,7 +97,7 @@ const s = (_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: r } = (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: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

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

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = 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)(), e = 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.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

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

@@ -97,7 +97,7 @@ const m = (_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 i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = c !== null && c !== void 0 ? c : i ? _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,

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M10.314 7.97c-.488.252-1.056.381-1.723.381-1.913 0-3.028-.994-3.134-2.81l-.009-.016-.008-.12v-1.97c0-.706.585-1.28 1.302-1.28h1.855c2.028 0 3.148 1.1 3.148 3.1 0 .827-.207 1.508-.619 2.034l-.14.16c-1.103-2.398-2.571-2.826-2.67-2.851a.41.41 0 0 0-.504.29.406.406 0 0 0 .289.502c.02.006 1.255.4 2.213 2.58m3.353 1.558c-.361.705-.642 1.459-.849 2.179h3.717c.81 0 1.468.65 1.468 1.442v1.482c0 .68-.487 1.247-1.129 1.404H7.14c-.641-.146-1.137-.723-1.137-1.404V13.15c0-.792.661-1.442 1.468-1.442h3.759c-.182-1.62-.53-2.835-.916-3.734q.299-.157.56-.39l.118-.131c.445.963.832 2.238 1.047 3.938.239-.776.544-1.602.956-2.372l.033.033c.177.2.4.345.639.477m0 0c.602-1.169 1.442-2.163 2.597-2.493a.413.413 0 0 0 .29-.505q0-.004-.002-.005a.415.415 0 0 0-.518-.275c-1.37.39-2.35 1.49-3.042 2.77l-.213-.274c-.34-.527-.502-1.16-.502-1.902-.002-1.966 1.143-3.092 3.146-3.092h1.846c.717 0 1.294.574 1.294 1.271l-.017 2.107c-.114 1.815-1.22 2.804-3.126 2.804-.697-.003-1.274-.14-1.753-.406m2.991 7.507H7.353l.373 3.529c0 .706.585 1.28 1.302 1.28h5.941c.726 0 1.311-.577 1.311-1.216z"
         })
     }));
-}, v = i;
+}, v = s;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), n = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: e,
             d: "M15.41 3.709h1.849c.714 0 1.3.56 1.3 1.252v1.924a.4.4 0 0 1-.015.107c-.106 1.792-1.215 2.767-3.134 2.767-.692 0-1.266-.14-1.742-.39-.482.911-.804 1.903-1.006 2.676h4.003c.717 0 1.3.56 1.3 1.246v1.493c0 .664-.55 1.205-1.233 1.238l-.549 4.774c.003.554-.504 1.041-1.129 1.041H8.928c-.622 0-1.131-.487-1.131-1.086l-.544-4.729c-.683-.033-1.232-.574-1.232-1.238v-1.493c0-.686.582-1.246 1.297-1.246h3.963l-.003-.009-.002-.008c-.166-1.854-.541-3.204-.975-4.185-.482.25-1.05.375-1.714.375-1.93 0-3.042-.988-3.14-2.784a.5.5 0 0 1-.014-.103V3.409c0-.695.585-1.258 1.305-1.258h1.854c2.034 0 3.154 1.076 3.157 3.031 0 .807-.205 1.479-.613 1.994q-.012.01-.02.023l-.115.126c.44.933.818 2.19 1.03 3.837a12.3 12.3 0 0 1 .95-2.305l-.215-.269c-.342-.515-.504-1.129-.504-1.857 0-1.921 1.145-3.022 3.148-3.022M8.59 7.4c.537 0 .988-.096 1.344-.28-.871-1.496-1.818-1.793-1.835-1.796h-.005a.41.41 0 0 1-.289-.501.426.426 0 0 1 .513-.286c.08.02 1.215.342 2.243 1.986.222-.353.34-.799.34-1.34 0-1.492-.754-2.218-2.306-2.218H6.741a.45.45 0 0 0-.457.443v1.865a.3.3 0 0 1 .011.09c.06 1.364.81 2.037 2.294 2.037m9.117-.575.003-1.87a.44.44 0 0 0-.451-.432h-1.846c-1.546 0-2.3.722-2.3 2.207q.001.841.34 1.367c.649-.922 1.484-1.653 2.568-1.958a.43.43 0 0 1 .528.284l.001.007a.405.405 0 0 1-.291.493c-.91.255-1.62.928-2.168 1.743.347.179.781.277 1.32.277 1.478 0 2.226-.667 2.285-2.042q.001-.037.011-.076m-.594 6.465a.437.437 0 0 0-.448-.428H7.318a.44.44 0 0 0-.449.431v1.493c.006.241.205.434.449.429h9.347a.44.44 0 0 0 .448-.432zm-2.056 7.731c.154 0 .28-.123.28-.271l.535-4.72H8.105l.538 4.678c.002.19.128.313.285.313z"
         })
     }));
-}, m = s;
+}, m = i;