@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-bell-regular.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as c } from "react/jsx-runtime";
 import { useTheme as o } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: r, size: l = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), e = r !== null && r !== void 0 ? r : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: a } = o();
+    const i = n(), h = r !== null && r !== void 0 ? r : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: a } = o();
     return a.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: h,
             d: "M4.428 16.815a1 1 0 0 0 .95 1.31h3.52a3.126 3.126 0 0 0 6.205 0h3.518a1 1 0 0 0 .951-1.31l-.715-2.19-.695-6.994a5 5 0 0 0-4.975-4.506h-2.374a5 5 0 0 0-4.975 4.506l-.695 6.994zm1.295.06.65-1.991.709-7.13a3.75 3.75 0 0 1 3.731-3.379h2.374a3.75 3.75 0 0 1 3.731 3.38l.709 7.129.65 1.991zm4.44 1.25h3.674a1.876 1.876 0 0 1-3.675 0"
         })
     })) : a.match(/^blau/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: h,
             d: "M21.43 17.643a10.1 10.1 0 0 1-2-6v-2.5C19.43 5.214 16.216 2 12.287 2S5.145 5.214 5.145 9.143v2.5c0 2.143-.715 4.286-2 6-.179.214-.179.5-.072.75s.357.393.643.393h5.75c0 .107-.036.25-.036.357A2.866 2.866 0 0 0 12.287 22a2.866 2.866 0 0 0 2.858-2.857c0-.107 0-.25-.036-.357h5.75c.286 0 .535-.143.643-.393s.107-.536-.072-.75m-7.714 1.5c0 .786-.643 1.428-1.429 1.428a1.433 1.433 0 0 1-1.428-1.428c0-.107 0-.25.036-.357h2.75c.071.107.071.25.071.357m-8.679-1.786c1-1.714 1.536-3.714 1.536-5.714v-2.5c0-3.143 2.572-5.714 5.714-5.714S18.002 6 18.002 9.143v2.5c0 2 .535 4 1.535 5.714z"
         })
     })) : a.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: h,
             d: "M20.953 17.644a10.25 10.25 0 0 1-1.958-6v-2.5C18.995 5.216 15.847 2 12.003 2 8.158 2 5.01 5.216 5.01 9.144v2.5c0 2.144-.7 4.284-1.957 6-.177.216-.177.5-.07.752.105.252.348.392.63.392h5.63c0 .055-.01.118-.018.181-.01.062-.018.123-.018.175 0 1.572 1.257 2.856 2.796 2.856s2.795-1.284 2.795-2.856c0-.108 0-.252-.035-.356h5.626c.278 0 .525-.144.63-.392.106-.248.106-.54-.066-.752m-7.553 1.5c0 .784-.63 1.428-1.397 1.428-.768 0-1.398-.644-1.398-1.428 0-.108 0-.252.035-.356h2.69c.07.104.07.248.07.356M6.412 11.64v-2.5c0-3.144 2.517-5.716 5.595-5.716s5.59 2.576 5.59 5.72v2.5c0 2 .525 4 1.504 5.716H4.908v-.004a11.6 11.6 0 0 0 1.504-5.716"
         })
     })) : a.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: h,
             d: "M20.953 17.644a10.25 10.25 0 0 1-1.958-6v-2.5C18.995 5.216 15.847 2 12.003 2 8.158 2 5.01 5.216 5.01 9.144v2.5c0 2.144-.7 4.284-1.957 6-.177.216-.177.5-.07.752.105.252.348.392.63.392h5.63c0 .055-.01.118-.018.181-.01.062-.018.123-.018.175 0 1.572 1.257 2.856 2.796 2.856s2.795-1.284 2.795-2.856c0-.108 0-.252-.035-.356h5.626c.278 0 .525-.144.63-.392.106-.248.106-.54-.066-.752m-7.553 1.5c0 .784-.63 1.428-1.397 1.428-.768 0-1.398-.644-1.398-1.428 0-.108 0-.252.035-.356h2.69c.07.104.07.248.07.356M6.412 11.64v-2.5c0-3.144 2.517-5.716 5.595-5.716s5.59 2.576 5.59 5.72v2.5c0 2 .525 4 1.504 5.716H4.908v-.004a11.6 11.6 0 0 0 1.504-5.716"
         })
     })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -133,9 +133,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: e,
+            fill: h,
             d: "M12.002 21.82c-1.633 0-2.911-.973-3.025-2.805l-.006-.15h-5.57a.42.42 0 0 1-.396-.272.4.4 0 0 1 .13-.456c1.37-1.094 1.798-2.928 1.927-4.143l.03-.329.015-.288.007-.24-.002-.29-.003-.077v-3.9c0-1.101.175-2.076.508-2.923l.117-.278.417-.773a5.5 5.5 0 0 1 .894-1.056C8.195 2.795 9.61 2.4 10.64 2.255l.312-.038.281-.024.247-.013.295-.005.23.007.229-.007.186.001.228.009.264.018.297.03c1.04.125 2.543.505 3.75 1.604 1.22 1.107 1.87 2.692 1.931 4.714l.005.323-.003 3.955-.003.204.007.31.013.255.023.29.016.155.042.331c.176 1.197.646 2.781 1.88 3.766a.408.408 0 0 1-.192.721l-.074.007h-1.726l-1.126-.003h-2.712l-.008.16c-.149 1.829-1.412 2.796-3.031 2.796m0-1.1c1.073 0 1.823-.56 1.932-1.755l.006-.1h-3.868l.005.11c.085 1.182.842 1.746 1.925 1.746m.22-17.346-.146.006h-.141c-.36-.022-.93.008-1.566.14-.874.18-1.663.514-2.308 1.03l-.21.179-.188.183a4 4 0 0 0-.348.412l-.139.199-.348.638c-.303.675-.477 1.464-.512 2.366l-.007.344-.003 3.807.007.203v.271c-.02 1.519-.303 3.002-1.008 4.243l-.163.27h12.614l1.126.003-.037-.057a7 7 0 0 1-.51-1.032l-.104-.277a9.5 9.5 0 0 1-.484-2.213c-.042-.405-.058-.77-.057-1.082l.006-.283v-3.85c0-1.856-.527-3.226-1.543-4.15-.678-.616-1.542-1.007-2.511-1.206a6.7 6.7 0 0 0-1.42-.144"
         })
     }));

package/dist-es/generated/mistica-icons/icon-bicycle-bike-filled.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
     var { color: o, size: l = 24 } = _param, r = _object_without_properties(_param, [
@@ -98,5 +98,5 @@ const h = (_param)=>{
             d: "M7.103 11.332 8.36 8.769l-.857-1.827h-.812a.54.54 0 0 1-.53-.552c0-.305.238-.551.53-.551h2.736a.54.54 0 0 1 .53.551.54.54 0 0 1-.53.552h-.745l.603 1.283h5.156V5.66c0-.26.174-.484.418-.54.154-.037 1.538-.33 2.353.353.255.213.56.613.56 1.305a.54.54 0 0 1-.53.552.54.54 0 0 1-.532-.552c0-.272-.087-.378-.165-.443-.23-.193-.68-.22-1.042-.193v2.504l1.336 2.7s-.35.135-.476.188c-.12.05-.51.23-.51.23l-.882-1.782L13 13.937c.306.285.48.714.48 1.263 0 .731-.303 1.25-.827 1.493l.317.658h.482c.294 0 .529.25.529.555a.54.54 0 0 1-.53.552h-.809a.52.52 0 0 1-.473-.306l-.639-1.33c-.653-.112-1.073-.546-1.193-1.216h-.743s.014-.21.014-.552a13 13 0 0 0-.013-.552h.002V14.5h.815c.082-.23.21-.418.373-.569L8.94 10.007l-.846 1.728s-.39-.18-.52-.232a17 17 0 0 0-.412-.15zm0 0-1.7 3.473a.58.58 0 0 0 .019.54.53.53 0 0 0 .454.264h3.722c-.19 2.137-1.507 3.361-3.706 3.361-2.378 0-3.742-1.42-3.742-3.899s1.364-3.9 3.742-3.9c.446 0 .84.065 1.21.16M9.598 14.5c-.12-1.265-.633-2.214-1.501-2.762l-1.353 2.765h2.852V14.5zm2.364-.948.037.004 2.1-4.224H9.804l1.986 4.224.037-.004.066-.005q.036.001.07.005m-.07 1.102c-.403 0-.526.129-.526.549 0 .417.129.549.526.549.407 0 .527-.13.527-.55 0-.422-.12-.548-.527-.548m9.947.417c0-2.476-1.364-3.9-3.742-3.9-.462 0-.874.071-1.252.172l1.708 3.46a.565.565 0 0 1-.23.744.5.5 0 0 1-.243.062.53.53 0 0 1-.473-.3l-1.754-3.546c-.972.636-1.498 1.768-1.498 3.308 0 2.48 1.364 3.9 3.742 3.9s3.742-1.42 3.742-3.9"
         })
     }));
-}, v = h;
-export { v as default };
+}, d = h;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-bicycle-bike-light.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-bicycle-bike-regular.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), t = e !== null && e !== void 0 ? e : a ? r.colors.inverse : r.colors.neutralHigh;
+    const a = t(), i = e !== null && e !== void 0 ? e : a ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ l("path", {
-            fill: t,
+            fill: i,
             d: "M16.83 11.343c.382-.104.79-.174 1.253-.174 2.375 0 3.736 1.42 3.74 3.896 0 2.477-1.362 3.894-3.738 3.894-2.372 0-3.733-1.42-3.733-3.894 0-1.537.526-2.666 1.495-3.302l-.88-1.779-1.966 3.95c.306.283.477.711.477 1.26 0 .731-.3 1.247-.824 1.49l.314.656h.485a.54.54 0 0 1 .529.552v.003a.54.54 0 0 1-.53.549h-.81a.53.53 0 0 1-.473-.306l-.635-1.325c-.653-.112-1.073-.543-1.19-1.215H9.6c-.19 2.134-1.504 3.355-3.698 3.355-2.375 0-3.736-1.417-3.736-3.89 0-2.474 1.361-3.894 3.736-3.894.407.003.813.056 1.205.162L8.36 8.769l-.854-1.82h-.81a.54.54 0 0 1-.53-.552.54.54 0 0 1 .53-.552H9.43a.54.54 0 0 1 .53.552.54.54 0 0 1-.53.552h-.742l.6 1.28h5.145v-2.56a.55.55 0 0 1 .414-.538c.155-.034 1.535-.334 2.35.35.256.213.56.613.56 1.302a.54.54 0 0 1-.529.552.54.54 0 0 1-.529-.552c0-.271-.087-.378-.163-.442-.23-.193-.677-.224-1.042-.193v2.498zm-4.94 2.196q.02 0 .04.004.035.003.069.004l2.095-4.216H9.805l1.98 4.216q.028 0 .053-.004t.051-.004m6.193 4.143c1.717 0 2.515-.832 2.515-2.617 0-1.79-.798-2.621-2.515-2.621-.25 0-.47.02-.681.055l1.134 2.295c.135.269.034.6-.23.745a.516.516 0 0 1-.713-.238l-1.185-2.4c-.56.417-.838 1.122-.838 2.162 0 1.787.798 2.619 2.513 2.619m-5.667-2.488c0-.414-.126-.549-.527-.549-.397 0-.526.132-.526.55 0 .42.123.548.526.548.404 0 .527-.129.527-.549m-6.515 2.488c1.532 0 2.33-.667 2.484-2.082H5.884a.53.53 0 0 1-.451-.263.56.56 0 0 1-.023-.538l1.13-2.31a4 4 0 0 0-.64-.048c-1.716 0-2.515.834-2.515 2.622s.801 2.619 2.516 2.619m2.481-3.188c-.086-.754-.364-1.286-.84-1.622l-.795 1.622zm.563-4.485-.843 1.729c.869.549 1.378 1.495 1.499 2.759h.815c.076-.219.204-.412.373-.569z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-bill-invoice-pound-filled.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: n, size: o = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-bill-invoice-pound-light.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: i, size: a = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), e = i !== null && i !== void 0 ? i : r ? c.colors.inverse : c.colors.neutralHigh, { skinName: t } = n();
+    const r = l(), h = i !== null && i !== void 0 ? i : r ? c.colors.inverse : c.colors.neutralHigh, { skinName: t } = n();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: h,
             d: "M17.302 2H6.718C5.553 2 4.6 2.96 4.6 4.144V22h14.815V4.144C19.419 2.964 18.467 2 17.302 2m.704 18.574H6.013V4.144a.71.71 0 0 1 .705-.713h10.584a.71.71 0 0 1 .704.713zm-2.113-2.68a.53.53 0 0 0 .528-.534.53.53 0 0 0-.528-.535H8.13a.53.53 0 0 0-.528.535.53.53 0 0 0 .528.535zm.528-4.104a.53.53 0 0 1-.528.535H8.13a.53.53 0 0 1-.528-.535.53.53 0 0 1 .528-.535h7.762a.53.53 0 0 1 .528.535m-.528-3.397a.53.53 0 0 0 .528-.535.54.54 0 0 0-.528-.54h-1.775a1 1 0 0 0 .014-.177v-.892h.88a.53.53 0 0 0 .529-.535.53.53 0 0 0-.529-.535h-.88v-.891c0-.293.235-.535.528-.535.145 0 .285.06.384.17a.53.53 0 0 0 .75.022.545.545 0 0 0 .022-.759 1.57 1.57 0 0 0-1.156-.507c-.876 0-1.59.722-1.59 1.609v.896a.53.53 0 0 0-.528.535.53.53 0 0 0 .529.535v.891c0 .1-.077.178-.176.178a.53.53 0 0 0-.529.535.53.53 0 0 0 .529.535z"
         })
     })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: h,
             d: "M19.07 21.643a.35.35 0 0 1-.343.357H4.6V3.787C4.6 2.805 5.372 2 6.324 2h11.027c.948 0 1.724.8 1.724 1.787V17.36a.35.35 0 0 1-.344.357.35.35 0 0 1-.344-.357V3.787c0-.59-.463-1.07-1.032-1.07H6.33c-.57 0-1.032.48-1.032 1.07v17.5h13.438c.186 0 .336.16.336.356m-.343-2.857c-.38 0-.688.32-.688.713 0 .394.308.714.688.714s.688-.32.688-.714a.696.696 0 0 0-.688-.713M8.045 17.003h7.581c.19 0 .344.16.344.357a.35.35 0 0 1-.344.357H8.045a.35.35 0 0 1-.344-.357.35.35 0 0 1 .344-.357m7.581-3.574H8.045a.35.35 0 0 0-.344.356.35.35 0 0 0 .344.357h7.581a.35.35 0 0 0 .344-.357.35.35 0 0 0-.344-.356m-1.954-4.284h1.954c.19 0 .34.16.34.357a.35.35 0 0 1-.344.356h-2.929a.35.35 0 0 1-.344-.356.35.35 0 0 1 .344-.357.345.345 0 0 0 .344-.356v-1.07h-.172a.35.35 0 0 1-.344-.357.35.35 0 0 1 .344-.356h.172v-1.07c0-.786.618-1.426 1.376-1.426.38 0 .746.16 1.006.448a.364.364 0 0 1-.013.503.33.33 0 0 1-.486-.014.67.67 0 0 0-.502-.224c-.38 0-.688.32-.688.713v1.07h1.032c.19 0 .344.16.344.356a.35.35 0 0 1-.344.357H13.73v1.07c0 .123-.018.246-.058.356"
         })
     }));

package/dist-es/generated/mistica-icons/icon-bill-invoice-pound-regular.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } from "react/jsx-runtime";
 import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: n, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = c(), r = h !== null && h !== void 0 ? h : i ? n.colors.inverse : n.colors.neutralHigh, { skinName: t } = l();
+    const h = c(), r = n !== null && n !== void 0 ? n : h ? i.colors.inverse : i.colors.neutralHigh, { skinName: t } = l();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

package/dist-es/generated/mistica-icons/icon-bill-queries-euro-filled.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = t(), o = l !== null && l !== void 0 ? l : h ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = s();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const i = t(), r = l !== null && l !== void 0 ? l : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: h } = s();
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: o,
+            fill: r,
             d: "M13.97 7.56c0 2.556 2.057 4.632 4.578 4.632.122 0 .244-.01.366-.019V22H5V3.854C5 2.83 5.825 2 6.832 2h10.25c.674 0 1.26.38 1.579.934l-.056-.002-.057-.003c-2.525 0-4.578 2.076-4.578 4.632m-.183 8.334a.55.55 0 0 0-.548-.554v.01h-3.06c.257-1.37 1.448-2.409 2.877-2.409.51 0 1.017.137 1.462.398a.55.55 0 0 0 .75-.204.56.56 0 0 0-.202-.758 4 4 0 0 0-2.015-.55c-2.034 0-3.716 1.536-3.983 3.517h-.59a.55.55 0 0 0-.549.555.55.55 0 0 0 .548.555h.59c.268 1.981 1.95 3.517 3.984 3.517a4 4 0 0 0 2.015-.55.56.56 0 0 0 .202-.758.543.543 0 0 0-.75-.204c-.445.26-.951.398-1.462.398-1.43 0-2.62-1.038-2.877-2.408h3.06a.55.55 0 0 0 .548-.555m4.762-4.442c-2.119 0-3.843-1.744-3.843-3.887s1.724-3.887 3.843-3.887 3.842 1.745 3.842 3.887-1.724 3.887-3.842 3.887m-2.747-3.887c0 1.531 1.233 2.778 2.747 2.778s2.746-1.247 2.746-2.778-1.233-2.778-2.747-2.778-2.746 1.247-2.746 2.778m2.643 2.404a.55.55 0 0 1-.548-.555.55.55 0 1 1 1.097 0 .55.55 0 0 1-.549.555m-.553-1.934a.55.55 0 0 0 .549.554.54.54 0 0 0 .543-.554c0-.166.066-.323.183-.441l.323-.327c.427-.432.38-1.166.066-1.579a1.33 1.33 0 0 0-1.06-.53h-.06c-.45 0-.872.246-1.101.644a.56.56 0 0 0 .201.758.55.55 0 0 0 .75-.203.18.18 0 0 1 .155-.09h.06c.07 0 .146.033.188.09a.4.4 0 0 1 .028.123l-.323.327a1.74 1.74 0 0 0-.502 1.228"
         })
     })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: o,
+            fill: r,
             d: "M13.97 7.56c0 2.556 2.057 4.632 4.578 4.632.122 0 .244-.01.366-.019V22H5V3.854C5 2.83 5.825 2 6.832 2h10.25c.674 0 1.26.38 1.579.934l-.056-.002-.057-.003c-2.525 0-4.578 2.076-4.578 4.632m-.183 8.334a.55.55 0 0 0-.548-.554v.01h-3.06c.257-1.37 1.448-2.409 2.877-2.409.51 0 1.017.137 1.462.398a.55.55 0 0 0 .75-.204.56.56 0 0 0-.202-.758 4 4 0 0 0-2.015-.55c-2.034 0-3.716 1.536-3.983 3.517h-.59a.55.55 0 0 0-.549.555.55.55 0 0 0 .548.555h.59c.268 1.981 1.95 3.517 3.984 3.517a4 4 0 0 0 2.015-.55.56.56 0 0 0 .202-.758.543.543 0 0 0-.75-.204c-.445.26-.951.398-1.462.398-1.43 0-2.62-1.038-2.877-2.408h3.06a.55.55 0 0 0 .548-.555m4.762-4.442c-2.119 0-3.843-1.744-3.843-3.887s1.724-3.887 3.843-3.887 3.842 1.745 3.842 3.887-1.724 3.887-3.842 3.887m-2.747-3.887c0 1.531 1.233 2.778 2.747 2.778s2.746-1.247 2.746-2.778-1.233-2.778-2.747-2.778-2.746 1.247-2.746 2.778m2.643 2.404a.55.55 0 0 1-.548-.555.55.55 0 1 1 1.097 0 .55.55 0 0 1-.549.555m-.553-1.934a.55.55 0 0 0 .549.554.54.54 0 0 0 .543-.554c0-.166.066-.323.183-.441l.323-.327c.427-.432.38-1.166.066-1.579a1.33 1.33 0 0 0-1.06-.53h-.06c-.45 0-.872.246-1.101.644a.56.56 0 0 0 .201.758.55.55 0 0 0 .75-.203.18.18 0 0 1 .155-.09h.06c.07 0 .146.033.188.09a.4.4 0 0 1 .028.123l-.323.327a1.74 1.74 0 0 0-.502 1.228"
         })
     }));

package/dist-es/generated/mistica-icons/icon-bill-queries-euro-light.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: r, size: h = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: o, size: h = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), c = r !== null && r !== void 0 ? r : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = s();
+    const i = n(), c = o !== null && o !== void 0 ? o : i ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = s();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
@@ -119,5 +119,5 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
-export { d as default };
+}, u = m;
+export { u as default };

package/dist-es/generated/mistica-icons/icon-bill-queries-euro-regular.js

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as t } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), r = h !== null && h !== void 0 ? h : l ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = t();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const i = s(), r = h !== null && h !== void 0 ? h : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: l } = t();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -109,5 +109,5 @@ const n = (_param)=>{
             d: "M19.131 22V11.398c1.841-.27 3.26-1.887 3.26-3.84 0-2.059-1.572-3.747-3.552-3.88C18.37 2.689 17.378 2 16.233 2H7.899C6.299 2 5 3.328 5 4.963V22zm-5.797-7.406h-3.028c.255-1.37 1.433-2.41 2.847-2.4.505 0 1.006.138 1.447.399.26.151.594.061.742-.204a.564.564 0 0 0-.2-.759 3.9 3.9 0 0 0-1.994-.55c-2.012 0-3.677 1.536-3.942 3.518h-.584a.546.546 0 0 0-.543.555c0 .308.242.555.543.555h.584c.265 1.982 1.93 3.518 3.942 3.518.696 0 1.387-.19 1.995-.55a.564.564 0 0 0 .199-.758.534.534 0 0 0-.742-.204c-.44.26-.941.398-1.447.398-1.415 0-2.592-1.038-2.847-2.409h3.028a.546.546 0 0 0 .543-.555.546.546 0 0 0-.543-.554m4.345 5.922H6.452V4.959c0-.816.649-1.48 1.447-1.48h8.333c.4 0 .756.166 1.02.437a3.89 3.89 0 0 0-2.471 3.636c0 1.826 1.238 3.357 2.898 3.775zm.91-15.742c1.497 0 2.717 1.247 2.717 2.778 0 1.537-1.22 2.779-2.718 2.779s-2.717-1.247-2.717-2.779 1.22-2.778 2.717-2.778m-.103 4.078a.546.546 0 0 0-.542.554c0 .309.24.555.542.555a.547.547 0 0 0 .543-.555.55.55 0 0 0-.543-.554m-.004-3.704h.06c.408 0 .802.195 1.053.532.31.412.357 1.147-.065 1.578l-.32.328a.63.63 0 0 0-.181.44.547.547 0 0 1-.543.555.546.546 0 0 1-.542-.554c0-.465.176-.901.496-1.228l.32-.328a.4.4 0 0 0-.028-.123.25.25 0 0 0-.185-.09h-.06a.17.17 0 0 0-.154.09.54.54 0 0 1-.742.204.564.564 0 0 1-.2-.759c.224-.398.64-.645 1.09-.645"
         })
     }));
-}, v = n;
-export { v as default };
+}, d = n;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-bill-queries-pound-filled.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as c } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: l, size: a = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-bill-queries-pound-light.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), h = i !== null && i !== void 0 ? i : r ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = n();
+    const r = s(), e = i !== null && i !== void 0 ? i : r ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = n();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: /* @__PURE__ */ a("path", {
-            fill: h,
+            fill: e,
             d: "M19.131 22V11.398c1.841-.27 3.26-1.887 3.26-3.84 0-2.059-1.572-3.747-3.552-3.88C18.37 2.689 17.378 2 16.233 2H7.899C6.299 2 5 3.328 5 4.963V22zm-4.8-2.963a.733.733 0 0 0 .724-.74.734.734 0 0 0-.729-.74h-2.754q.036-.178.037-.37v-1.48h1.447a.733.733 0 0 0 .723-.739.733.733 0 0 0-.723-.74h-1.447v-1.294c0-.507.403-.925.904-.925.213 0 .408.072.57.204.311.261.77.209 1.02-.109a.755.755 0 0 0-.106-1.043 2.32 2.32 0 0 0-1.48-.536c-1.298 0-2.355 1.082-2.355 2.41v1.294a.733.733 0 0 0-.724.74c0 .407.325.739.724.739v1.48a.36.36 0 0 1-.362.37.733.733 0 0 0-.723.739c0 .408.324.74.723.74zm3.348 1.479H6.452V4.959c0-.816.649-1.48 1.447-1.48h8.334c.398 0 .755.166 1.02.437a3.89 3.89 0 0 0-2.472 3.636c0 1.826 1.238 3.357 2.898 3.775zm.91-15.742c1.497 0 2.717 1.247 2.717 2.778 0 1.537-1.22 2.779-2.718 2.779s-2.717-1.247-2.717-2.779 1.22-2.778 2.717-2.778m-.103 4.078a.546.546 0 0 0-.542.554c0 .309.24.555.542.555a.547.547 0 0 0 .543-.555.55.55 0 0 0-.543-.554m-.004-3.704h.06c.408 0 .802.195 1.053.532.31.412.357 1.147-.065 1.578l-.32.328a.63.63 0 0 0-.181.44.547.547 0 0 1-.543.555.546.546 0 0 1-.542-.554c0-.465.176-.901.496-1.228l.32-.328a.4.4 0 0 0-.028-.123.25.25 0 0 0-.185-.09h-.06a.17.17 0 0 0-.154.09.54.54 0 0 1-.742.204.564.564 0 0 1-.2-.759c.224-.398.64-.645 1.09-.645"
         })
     })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
@@ -103,18 +103,18 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: e,
                 d: "M19.435 19.407a.74.74 0 1 1-1.479 0 .74.74 0 0 1 1.48 0M19.066 17.189v-4.447a.37.37 0 0 0-.74 0v4.447a.37.37 0 0 0 .74 0"
             }),
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: e,
                 d: "M19.066 3.854v.018a3.702 3.702 0 0 1-.375 7.386c-2.041 0-3.7-1.659-3.7-3.702a3.707 3.707 0 0 1 3.33-3.684v-.018a1.11 1.11 0 0 0-1.108-1.11H6.848a1.11 1.11 0 0 0-1.109 1.11V21.26h12.957a.37.37 0 0 1 0 .739H5V3.854C5 2.83 5.834 2 6.852 2h10.361c1.023 0 1.853.834 1.853 1.854m-3.33 3.707a2.963 2.963 0 0 0 2.96 2.962 2.963 2.963 0 0 0 0-5.926 2.963 2.963 0 0 0-2.96 2.964"
             }),
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: e,
                 d: "M9.719 18.298a.37.37 0 0 0 0 .74h4.628a.37.37 0 0 0 0-.74h-3.345c.128-.218.2-.47.2-.74v-1.853h1.852a.37.37 0 0 0 0-.74H11.2v-1.668a1.295 1.295 0 0 1 2.108-1.005.37.37 0 0 0 .522-.057.37.37 0 0 0-.057-.522 2.03 2.03 0 0 0-1.28-.455 2.04 2.04 0 0 0-2.036 2.039v1.668h-.37a.37.37 0 0 0 0 .74h.37v1.853c0 .413-.323.74-.74.74M19.08 9.533a.37.37 0 1 1-.74 0 .37.37 0 0 1 .74 0M18.786 5.152h-.076c-.46 0-.886.247-1.113.645a.37.37 0 0 0 .137.507.37.37 0 0 0 .507-.137.55.55 0 0 1 .474-.275h.076c.194 0 .379.09.497.246.11.143.133.45.01.574l-.408.408c-.34.346-.54.82-.54 1.303a.37.37 0 0 0 .74 0c0-.289.118-.578.321-.782l.408-.408c.422-.421.37-1.142.057-1.55a1.4 1.4 0 0 0-1.09-.53"
             })
         ]

package/dist-es/generated/mistica-icons/icon-bill-queries-pound-regular.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as t } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), o = l !== null && l !== void 0 ? l : h ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = t();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const l = n(), r = i !== null && i !== void 0 ? i : l ? o.colors.inverse : o.colors.neutralHigh, { skinName: h } = t();
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: o,
+            fill: r,
             d: "M19.131 22V11.398c1.841-.27 3.26-1.887 3.26-3.84 0-2.059-1.572-3.747-3.552-3.88C18.37 2.689 17.378 2 16.233 2H7.899C6.299 2 5 3.328 5 4.963V22zm-4.8-2.963a.733.733 0 0 0 .724-.74.734.734 0 0 0-.729-.74h-2.754q.036-.178.037-.37v-1.48h1.447a.733.733 0 0 0 .723-.739.733.733 0 0 0-.723-.74h-1.447v-1.294c0-.507.403-.925.904-.925.213 0 .408.072.57.204.311.261.77.209 1.02-.109a.755.755 0 0 0-.106-1.043 2.32 2.32 0 0 0-1.48-.536c-1.298 0-2.355 1.082-2.355 2.41v1.294a.733.733 0 0 0-.724.74c0 .407.325.739.724.739v1.48a.36.36 0 0 1-.362.37.733.733 0 0 0-.723.739c0 .408.324.74.723.74zm3.348 1.479H6.452V4.959c0-.816.649-1.48 1.447-1.48h8.334c.398 0 .755.166 1.02.437a3.89 3.89 0 0 0-2.472 3.636c0 1.826 1.238 3.357 2.898 3.775zm.91-15.742c1.497 0 2.717 1.247 2.717 2.778 0 1.537-1.22 2.779-2.718 2.779s-2.717-1.247-2.717-2.779 1.22-2.778 2.717-2.778m-.103 4.078a.546.546 0 0 0-.542.554c0 .309.24.555.542.555a.547.547 0 0 0 .543-.555.55.55 0 0 0-.543-.554m-.004-3.704h.06c.408 0 .802.195 1.053.532.31.412.357 1.147-.065 1.578l-.32.328a.63.63 0 0 0-.181.44.547.547 0 0 1-.543.555.546.546 0 0 1-.542-.554c0-.465.176-.901.496-1.228l.32-.328a.4.4 0 0 0-.028-.123.25.25 0 0 0-.185-.09h-.06a.17.17 0 0 0-.154.09.54.54 0 0 1-.742.204.564.564 0 0 1-.2-.759c.224-.398.64-.645 1.09-.645"
         })
     })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
@@ -105,7 +105,7 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: o,
+            fill: r,
             d: "M19.131 22V11.398c1.841-.27 3.26-1.887 3.26-3.84 0-2.059-1.572-3.747-3.552-3.88C18.37 2.689 17.378 2 16.233 2H7.899C6.299 2 5 3.328 5 4.963V22zm-4.8-2.963a.733.733 0 0 0 .724-.74.734.734 0 0 0-.729-.74h-2.754q.036-.178.037-.37v-1.48h1.447a.733.733 0 0 0 .723-.739.733.733 0 0 0-.723-.74h-1.447v-1.294c0-.507.403-.925.904-.925.213 0 .408.072.57.204.311.261.77.209 1.02-.109a.755.755 0 0 0-.106-1.043 2.32 2.32 0 0 0-1.48-.536c-1.298 0-2.355 1.082-2.355 2.41v1.294a.733.733 0 0 0-.724.74c0 .407.325.739.724.739v1.48a.36.36 0 0 1-.362.37.733.733 0 0 0-.723.739c0 .408.324.74.723.74zm3.348 1.479H6.452V4.959c0-.816.649-1.48 1.447-1.48h8.334c.398 0 .755.166 1.02.437a3.89 3.89 0 0 0-2.472 3.636c0 1.826 1.238 3.357 2.898 3.775zm.91-15.742c1.497 0 2.717 1.247 2.717 2.778 0 1.537-1.22 2.779-2.718 2.779s-2.717-1.247-2.717-2.779 1.22-2.778 2.717-2.778m-.103 4.078a.546.546 0 0 0-.542.554c0 .309.24.555.542.555a.547.547 0 0 0 .543-.555.55.55 0 0 0-.543-.554m-.004-3.704h.06c.408 0 .802.195 1.053.532.31.412.357 1.147-.065 1.578l-.32.328a.63.63 0 0 0-.181.44.547.547 0 0 1-.543.555.546.546 0 0 1-.542-.554c0-.465.176-.901.496-1.228l.32-.328a.4.4 0 0 0-.028-.123.25.25 0 0 0-.185-.09h-.06a.17.17 0 0 0-.154.09.54.54 0 0 1-.742.204.564.564 0 0 1-.2-.759c.224-.398.64-.645 1.09-.645"
         })
     }));

package/dist-es/generated/mistica-icons/icon-blog-filled.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), a = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
+    const a = i(), t = e !== null && e !== void 0 ? e : a ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,9 +94,9 @@ const i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ o("path", {
-            fill: a,
+            fill: t,
             d: "M20.075 9.8c.465.037.902.238 1.235.566.362.367.566.86.572 1.375a1.85 1.85 0 0 1-.577 1.328c-.135.132-1.023.924-2.067 1.854v3.166c0 1.14-.314 2.05-.93 2.703-.656.694-1.605 1.045-2.818 1.045H5.87c-1.215 0-2.162-.35-2.817-1.045-.616-.653-.93-1.563-.93-2.703V5.977c0-1.14.314-2.107.93-2.76.655-.694 1.605-1.044 2.818-1.044h9.619c1.213 0 2.162.35 2.818 1.045.616.652.93 1.619.93 2.759v3.96c.266-.112.551-.16.837-.137M15.49 6.372H5.927a.56.56 0 0 0-.56.56c0 .308.252.56.56.56h9.563c.308 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56m-9.563 3.4a.56.56 0 0 0-.56.56c0 .309.252.56.56.56h9.563c.308 0 .56-.251.56-.56a.56.56 0 0 0-.56-.56zm9.535 3.4H5.927a.56.56 0 0 0-.56.561c0 .308.252.56.56.56h8.266zm-3.404 4.522.376-1.12H5.927a.56.56 0 0 0-.56.56c0 .308.252.56.56.56zm2.83-.412c2.173-1.922 5.403-4.787 5.63-5.011a.74.74 0 0 0 .24-.538.825.825 0 0 0-.767-.818.75.75 0 0 0-.594.241c-.294.295-4.36 3.885-5.511 4.903l-.139.122-.557 1.661z"
         })
     }));
-}, v = i;
+}, v = s;
 export { v as default };

package/dist-es/generated/mistica-icons/icon-blog-light.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as e } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: t, size: c = 24 } = _param, l = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-blog-regular.js

@@ -79,9 +79,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
+const i = (_param)=>{
     var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
@@ -104,5 +104,5 @@ const n = (_param)=>{
             })
         ]
     }));
-}, f = n;
+}, f = i;
 export { f as default };

package/dist-es/generated/mistica-icons/icon-boat-filled.js

@@ -79,22 +79,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: s, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: s, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = l(), e = s !== null && s !== void 0 ? s : a ? c.colors.inverse : c.colors.neutralHigh;
+    const e = l(), t = s !== null && s !== void 0 ? s : e ? c.colors.inverse : c.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ r("path", {
-            fill: e,
+            fill: t,
             d: "M11.386 5.392v-.983a.604.604 0 0 0-.603-.606H6.741a.604.604 0 0 0-.602.606v.983zm4.518 10.81c0-.67-.54-1.217-1.207-1.217s-1.208.547-1.208 1.216c0 .67.54 1.216 1.207 1.216s1.208-.546 1.208-1.216m-5.244 1.215c.667 0 1.207-.546 1.207-1.216s-.543-1.216-1.207-1.216c-.667 0-1.207.547-1.207 1.216 0 .67.543 1.216 1.207 1.216M7.831 16.2c0-.67-.54-1.216-1.207-1.216s-1.208.547-1.208 1.216c0 .67.544 1.216 1.208 1.216.666 0 1.207-.546 1.207-1.216m13.406-3.963c.334 0 .602.271.602.605 0 2.66-.683 4.658-2.03 5.938a5.22 5.22 0 0 1-3.493 1.423l-.1-.002H3.793c-.955 0-1.34-.878-1.367-1.466l-.272-5.888a.6.6 0 0 1 .6-.636l1.344.003.02-2.426a.98.98 0 0 1 .213-.703c.14-.17.409-.378.899-.383.079-.002.234-.003.446-.004q.201 0 .461-.002V6.602h5.247V8.7c1.218.003 2.165.003 2.274.003h.018c.186 0 1.742-.005 2.856 1.072.633.611.98 1.443 1.07 2.457zM7.03 16.198a.406.406 0 0 0-.406-.406.406.406 0 0 0 0 .813.406.406 0 0 0 .406-.407m3.63-.406a.406.406 0 0 1 0 .812.406.406 0 0 1 0-.812m4.443.406a.404.404 0 1 0-.81 0 .404.404 0 1 0 .81 0"
         })
     }));

package/dist-es/generated/mistica-icons/icon-boat-light.js

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = e(), l = r !== null && r !== void 0 ? r : s ? a.colors.inverse : a.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const s = l(), e = r !== null && r !== void 0 ? r : s ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ o("path", {
-            fill: l,
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M21.838 12.864a.41.41 0 0 0-.409-.414l-3.902-.003c-.056-1.076-.398-1.95-1.045-2.577-1.079-1.047-2.588-1.043-2.772-1.042h-.018l-2.526-.003V4.217a.41.41 0 0 0-.41-.414H6.632a.41.41 0 0 0-.41.414v4.614c-.565 0-.98 0-1.13.002-.421.006-.648.177-.763.32a.75.75 0 0 0-.17.551l-.023 2.732-1.574-.003h-.023a.41.41 0 0 0-.386.431l.277 6.034c.02.45.294 1.305 1.19 1.305h12.698q.028.003.093.003a5.1 5.1 0 0 0 3.42-1.404c1.333-1.271 2.008-3.268 2.008-5.938M10.345 5.433H7.04v-.801h3.305zm-5.24 4.224c.257-.006 1.302-.006 2.579-.006 1.014 0 2.179.004 3.212.008 1.546.005 2.798.01 2.813-.002h.002c.064-.001 1.348-.026 2.211.815.462.448.728 1.076.796 1.868l-11.762.017-.003-2.675.003-.001c.011-.005.052-.022.148-.024m14.173 8.535c-1.225 1.174-2.72 1.183-2.929 1.184H3.62c-.325 0-.367-.43-.373-.515l-.255-5.602 18.023.02c-.065 2.215-.648 3.865-1.737 4.913M7.04 8.819V6.26h3.305v2.56zm-.527 7.07a.418.418 0 0 1 0 .835.415.415 0 0 1-.412-.417.414.414 0 0 1 .412-.418m-1.232.418a1.243 1.243 0 0 0 1.232 1.246c.678 0 1.233-.56 1.233-1.246a1.24 1.24 0 0 0-1.233-1.247c-.68 0-1.232.56-1.232 1.247m5.35-.42a.418.418 0 0 1 0 .835.418.418 0 0 1 0-.835m-1.233.42a1.24 1.24 0 0 0 1.233 1.246c.68 0 1.232-.56 1.232-1.246 0-.687-.554-1.247-1.232-1.247s-1.233.56-1.233 1.247m5.353-.42c.227 0 .412.187.412.417s-.185.417-.412.417a.416.416 0 0 1-.414-.417c0-.23.184-.417.414-.417m-1.232.42a1.243 1.243 0 0 0 1.232 1.246c.678 0 1.233-.56 1.233-1.246 0-.687-.555-1.247-1.233-1.247-.68 0-1.232.56-1.232 1.247"
         })
     }));

package/dist-es/generated/mistica-icons/icon-boat-regular.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: a, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = e(), t = a !== null && a !== void 0 ? a : s ? r.colors.inverse : r.colors.neutralHigh;
+    const e = t(), s = a !== null && a !== void 0 ? a : e ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ o("path", {
-            fill: t,
+            fill: s,
             d: "M21.846 12.843a.604.604 0 0 0-.602-.605l-3.63-.003c-.09-1.014-.437-1.846-1.07-2.457-1.142-1.103-2.746-1.075-2.868-1.073h-.006l-2.275-.002V4.409a.604.604 0 0 0-.602-.606H6.75a.604.604 0 0 0-.602.606v4.29c-.449 0-.78 0-.91.004-.49.005-.76.213-.9.383a.98.98 0 0 0-.213.703l-.02 2.426-1.344-.003a.6.6 0 0 0-.6.636l.27 5.888c.025.588.411 1.465 1.366 1.465h12.425q.027.003.1.003c.445 0 2.097-.095 3.492-1.423 1.348-1.28 2.031-3.277 2.031-5.938M10.188 5.68H7.35v-.664h2.838zM5.33 9.916c.204-.002.634-.003 1.195-.004l1.261-.002H9.34c2.132 0 4.297-.001 4.353.006h.024c.173.005 1.26.031 1.993.736.372.362.608.857.697 1.48l-11.092.013zm13.672 7.974c-1.132 1.087-2.524 1.101-2.733 1.103H3.798c-.14 0-.165-.307-.165-.307l-.24-5.255 17.235.02c-.09 1.997-.636 3.49-1.625 4.44M7.35 8.694V6.89h2.838v1.804zm-.717 7.098a.406.406 0 0 1 0 .813.406.406 0 0 1 0-.813m-1.207.41c0 .669.54 1.215 1.207 1.215.664 0 1.207-.546 1.207-1.216s-.54-1.216-1.207-1.216c-.666 0-1.207.547-1.207 1.216m5.24-.41c.225 0 .404.182.404.406a.404.404 0 1 1-.81 0c0-.224.183-.406.407-.406m-1.206.41c0 .669.54 1.215 1.207 1.215s1.21-.546 1.207-1.216c0-.67-.54-1.216-1.207-1.216-.664 0-1.207.547-1.207 1.216m5.243-.41c.224 0 .404.182.404.406a.404.404 0 1 1-.807 0c0-.224.18-.406.403-.406m-1.207.41c0 .669.54 1.215 1.207 1.215s1.208-.546 1.208-1.216-.541-1.216-1.208-1.216-1.207.547-1.207 1.216"
         })
     }));

package/dist-es/generated/mistica-icons/icon-book-filled.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
+const a = (_param)=>{
     var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = n(), i = l !== null && l !== void 0 ? l : s ? e.colors.inverse : e.colors.neutralHigh;
+    const i = n(), s = l !== null && l !== void 0 ? l : i ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,9 +94,9 @@ const c = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ r("path", {
-            fill: i,
+            fill: s,
             d: "M21.463 3.83c-.213-.018-5.19-.379-9.468 1.812C7.721 3.454 2.746 3.81 2.533 3.829a.41.41 0 0 0-.378.406v13.46a.41.41 0 0 0 .409.409c5.24 0 9.204 2.03 9.244 2.05q.089.047.19.048c.025 0 .05-.017.079-.023.039-.008.078-.008.112-.028l.016-.008h.006l.003-.003c.252-.126 4.126-2.036 9.218-2.036a.41.41 0 0 0 .41-.41V4.236a.41.41 0 0 0-.379-.406"
         })
     }));
-}, d = c;
-export { d as default };
+}, v = a;
+export { v as default };