@telefonica/mistica 15.20.1 → 16.1.0

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

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

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as h } from "react/jsx-runtime";
+import { jsxs as o, jsx as h } 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 e } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const c = s(), l = t !== null && t !== void 0 ? t : c ? e.colors.inverse : e.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ h("path", {
                 fill: l,
@@ -104,12 +104,12 @@ const m = (_param)=>{
                 d: "M20.789 2.207a.71.71 0 0 1 1.004 0 .71.71 0 0 1 0 1.004l-1.212 1.212v9.057c0 .564-.228 1.112-.624 1.508l-6.392 6.392c-.412.412-.96.62-1.504.62a2.13 2.13 0 0 1-1.508-.62l-7.932-7.932a2.137 2.137 0 0 1 0-3.013l6.392-6.392a2.15 2.15 0 0 1 1.508-.624h9.056zm-1.836 11.777a.72.72 0 0 0 .208-.504V5.843l-.916.92a.7.7 0 0 1-.504.208.712.712 0 0 1-.504-1.212l.92-.92h-7.636a.72.72 0 0 0-.504.208L3.625 11.44a.71.71 0 0 0 0 1.004l7.936 7.932a.71.71 0 0 0 1.004 0z"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ h("path", {
                 fill: l,
@@ -121,5 +121,5 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
-export { d as default };
+}, v = m;
+export { v as default };

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

@@ -78,45 +78,45 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const i = h(), e = t !== null && t !== void 0 ? t : i ? r.colors.inverse : r.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "m18.598 6.406 3.194-3.194a.715.715 0 0 0 .004-1.004.71.71 0 0 0-1.004 0l-3.194 3.194a.71.71 0 0 0 .5 1.213.7.7 0 0 0 .5-.209m-1.759.754c.336.332.782.518 1.254.518.473 0 .922-.181 1.25-.518l1.23-1.23v7.555c0 .568-.217 1.1-.622 1.504l-6.388 6.389A2.12 2.12 0 0 1 12.06 22c-.545 0-1.09-.209-1.504-.622l-7.933-7.934c-.4-.4-.622-.936-.622-1.504s.218-1.1.622-1.504l6.393-6.392c.4-.4.936-.623 1.504-.623h7.551l-1.23 1.231a1.78 1.78 0 0 0 0 2.508m-4.248 9.57c0-2.404 1.754-4.08 4.262-4.08a.532.532 0 0 0 0-1.064c-2.39 0-4.262-1.95-4.262-4.44a.53.53 0 0 0-.532-.53.53.53 0 0 0-.531.53c0 2.49-1.872 4.44-4.262 4.44a.53.53 0 0 0-.532.532.53.53 0 0 0 .532.531c2.508 0 4.262 1.677 4.262 4.08a.53.53 0 0 0 .531.532.53.53 0 0 0 .532-.532m1.863-4.649a4.88 4.88 0 0 0-2.395 2.295 4.88 4.88 0 0 0-2.394-2.295 5.3 5.3 0 0 0 2.394-2.494 5.3 5.3 0 0 0 2.395 2.494"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "m18.598 6.406 3.194-3.194a.715.715 0 0 0 .004-1.004.71.71 0 0 0-1.004 0l-3.194 3.194a.71.71 0 0 0 .5 1.213.7.7 0 0 0 .5-.209m-1.759.754c.336.332.782.518 1.254.518.473 0 .922-.181 1.25-.518l1.23-1.23v7.555c0 .568-.217 1.1-.622 1.504l-6.388 6.389A2.12 2.12 0 0 1 12.06 22c-.545 0-1.09-.209-1.504-.622l-7.933-7.934c-.4-.4-.622-.936-.622-1.504s.218-1.1.622-1.504l6.393-6.392c.4-.4.936-.623 1.504-.623h7.551l-1.23 1.231a1.78 1.78 0 0 0 0 2.508m-4.248 9.57c0-2.404 1.754-4.08 4.262-4.08a.532.532 0 0 0 0-1.064c-2.39 0-4.262-1.95-4.262-4.44a.53.53 0 0 0-.532-.53.53.53 0 0 0-.531.53c0 2.49-1.872 4.44-4.262 4.44a.53.53 0 0 0-.532.532.53.53 0 0 0 .532.531c2.508 0 4.262 1.677 4.262 4.08a.53.53 0 0 0 .531.532.53.53 0 0 0 .532-.532m1.863-4.649a4.88 4.88 0 0 0-2.395 2.295 4.88 4.88 0 0 0-2.394-2.295 5.3 5.3 0 0 0 2.394-2.494 5.3 5.3 0 0 0 2.395 2.494"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
-            d: "M20.505 2.155c.74.003 1.336.602 1.341 1.339v.003h-.005v8.308c-.076.42-.28.804-.588 1.1l-8.328 8.27c-.275.327-.647.56-1.062.66a1.5 1.5 0 0 1-.274 0 1.13 1.13 0 0 1-.83-.33l-8.288-8.269a1.553 1.553 0 0 1 .291-2.157L11.1 2.752a2.13 2.13 0 0 1 1.061-.597zM15.82 5.71c-.32.277-.515.672-.546 1.092v.022c.034.432.235.835.563 1.118.291.325.697.521 1.135.546a1.6 1.6 0 0 0 1.117-.546c.32-.274.513-.664.538-1.084a1.66 1.66 0 0 0-.563-1.132 1.65 1.65 0 0 0-1.135-.554c-.428.02-.829.213-1.109.538"
+            d: "M20.505 2.155c.739.003 1.336.602 1.341 1.339v.003h-.005v8.308c-.076.42-.28.804-.589 1.1l-8.327 8.27c-.275.327-.647.56-1.062.66a1.5 1.5 0 0 1-.274 0 1.13 1.13 0 0 1-.83-.33l-8.288-8.269a1.553 1.553 0 0 1 .291-2.157l8.336-8.327a2.13 2.13 0 0 1 1.062-.597zM15.82 5.71c-.32.277-.515.672-.546 1.092v.022c.033.432.235.835.563 1.118.291.325.697.521 1.134.546a1.6 1.6 0 0 0 1.118-.546c.32-.274.512-.664.538-1.084a1.66 1.66 0 0 0-.563-1.132 1.65 1.65 0 0 0-1.135-.554c-.428.02-.829.213-1.109.538"
         })
     }));
 }, p = s;

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as h } 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 m = (_param)=>{
     var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
@@ -119,5 +119,5 @@ const m = (_param)=>{
             d: "M21.83 3.498h.008c0-.742-.602-1.342-1.342-1.342h-8.344a2.1 2.1 0 0 0-1.062.58l-8.336 8.35a1.555 1.555 0 0 0-.291 2.163l8.288 8.277c.224.21.521.325.83.314.51-.034.988-.264 1.333-.645l8.327-8.277c.309-.297.513-.68.589-1.1zm-.821 0v8.196a1.15 1.15 0 0 1-.347.622l-8.345 8.328c-.356.353-.829.445-.994.28l-8.289-8.28c-.165-.163-.081-.62.283-.983l8.362-8.32c.168-.176.383-.302.621-.356h8.196c.283 0 .513.23.513.513m-4.076.843c.645.05 1.247.35 1.673.838.493.437.79 1.05.829 1.706a2.39 2.39 0 0 1-.787 1.714c-.429.47-1.023.75-1.659.787a2.5 2.5 0 0 1-1.717-.83 2.5 2.5 0 0 1-.829-1.713 2.4 2.4 0 0 1 .787-1.715 2.44 2.44 0 0 1 1.703-.787m1.681 2.527a1.66 1.66 0 0 0-.563-1.135 1.67 1.67 0 0 0-1.126-.563c-.429.025-.83.222-1.112.546-.322.28-.518.676-.546 1.101.03.437.232.846.563 1.135.291.325.7.52 1.134.546.429-.04.827-.233 1.12-.546.317-.275.51-.667.53-1.084"
         })
     }));
-}, p = m;
-export { p as default };
+}, g = m;
+export { g as default };

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

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

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

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

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

@@ -78,16 +78,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { jsxs as e, jsx as c } from "react/jsx-runtime";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: s, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), c = s !== null && s !== void 0 ? s : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: h } = n();
+    const t = n(), a = s !== null && s !== void 0 ? s : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: h } = i();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -95,12 +95,12 @@ const v = (_param)=>{
         role: "presentation"
     }, o), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
-                d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.208 1.1-.593 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.38-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985c.13-.136.2-.314.2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
+            /* @__PURE__ */ c("path", {
+                fill: a,
+                d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.207 1.1-.592 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.381-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985a.72.72 0 0 0 .2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M14.163 14.071h-2.57c.02-.113.034-.231.034-.354v-1.418h1.35c.372 0 .675-.318.675-.708 0-.391-.303-.71-.675-.71h-1.35v-1.24c0-.49.38-.886.844-.886.194 0 .38.069.532.196.29.245.714.2.952-.105a.74.74 0 0 0-.1-1 2.13 2.13 0 0 0-1.38-.513c-1.212 0-2.198 1.036-2.198 2.308v1.24c-.373 0-.675.319-.675.71s.302.708.675.708v1.418c0 .2-.147.354-.338.354-.372 0-.675.319-.675.71s.303.708.675.708h4.228c.372 0 .675-.318.675-.709s-.303-.709-.68-.709"
             })
         ]
@@ -111,12 +111,12 @@ const v = (_param)=>{
         role: "presentation"
     }, o), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.207 1.1-.592 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.381-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985a.72.72 0 0 0 .2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M14.163 14.071h-2.57c.02-.113.034-.231.034-.354v-1.418h1.35c.372 0 .675-.318.675-.708 0-.391-.303-.71-.675-.71h-1.35v-1.24c0-.49.38-.886.844-.886.194 0 .38.069.532.196.29.245.714.2.952-.105a.74.74 0 0 0-.1-1 2.13 2.13 0 0 0-1.38-.513c-1.212 0-2.198 1.036-2.198 2.308v1.24c-.373 0-.675.319-.675.71s.302.708.675.708v1.418c0 .2-.147.354-.338.354-.372 0-.675.319-.675.71s.303.708.675.708h4.228c.372 0 .675-.318.675-.709s-.303-.709-.68-.709"
             })
         ]

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: o, size: l = 24 } = _param, c = _object_without_properties(_param, [
@@ -106,7 +106,7 @@ const m = (_param)=>{
     }, c), {
         children: /* @__PURE__ */ a("path", {
             fill: e,
-            d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.208 1.1-.593 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.38-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985a.72.72 0 0 0 .2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.552 7.933a.654.654 0 0 0 .956 0zm-1.995-2.399c-2.276 0-4.059-1.95-4.059-4.44a.517.517 0 0 0-.506-.53.517.517 0 0 0-.506.53c0 2.49-1.783 4.44-4.06 4.44a.517.517 0 0 0-.506.532c0 .295.225.531.506.531 2.39 0 4.06 1.677 4.06 4.08 0 .296.225.532.506.532a.517.517 0 0 0 .506-.532c0-2.403 1.67-4.08 4.06-4.08a.517.517 0 0 0 .506-.531.52.52 0 0 0-.507-.532m-6.846.495c.996-.531 1.796-1.408 2.28-2.494.486 1.086 1.286 1.963 2.281 2.494a4.76 4.76 0 0 0-2.28 2.295 4.76 4.76 0 0 0-2.28-2.295"
+            d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.207 1.1-.592 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.381-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985c.13-.136.2-.313.2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0zm-1.995-2.399c-2.276 0-4.059-1.95-4.059-4.44a.517.517 0 0 0-.506-.53.517.517 0 0 0-.506.53c0 2.49-1.783 4.44-4.06 4.44a.517.517 0 0 0-.506.532c0 .295.225.531.506.531 2.39 0 4.06 1.677 4.06 4.08 0 .296.225.532.506.532a.517.517 0 0 0 .506-.532c0-2.403 1.67-4.08 4.06-4.08a.517.517 0 0 0 .506-.531.52.52 0 0 0-.507-.532m-6.846.495c.996-.531 1.796-1.408 2.28-2.494.486 1.086 1.286 1.963 2.281 2.494a4.76 4.76 0 0 0-2.28 2.295 4.76 4.76 0 0 0-2.28-2.295"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
@@ -95,7 +95,7 @@ const i = (_param)=>{
     }, e), {
         children: /* @__PURE__ */ r("path", {
             fill: l,
-            d: "M20.309 2.15h-6.006q-.108 0-.212.014h-.225c-.89 0-1.613.723-1.613 1.613V7.68c0 .92.658 1.614 1.53 1.614h.109v1.557c0 .426.336.824.75.888a1 1 0 0 0 .112.009c.376 0 .79-.27 1.082-.715.131-.198.795-1.243 1.109-1.74h3.288c.891 0 1.614-.722 1.614-1.613V3.777q0-.161-.03-.313a1.52 1.52 0 0 0-1.508-1.314m-5.446 4.118a.545.545 0 1 1 0-1.093.547.547 0 0 1 0 1.093m1.64-.547a.547.547 0 1 1 1.093.002.547.547 0 0 1-1.094-.002m2.73.547a.545.545 0 1 1 0-1.093.547.547 0 0 1 0 1.093M5.908 14.248c.656.695 1.603 1.045 2.818 1.045 1.213 0 2.163-.353 2.818-1.045.616-.653.93-1.563.93-2.703s-.314-2.05-.93-2.703c-.655-.692-1.602-1.045-2.818-1.045s-2.162.35-2.818 1.045c-.616.653-.93 1.563-.93 2.703s.311 2.05.93 2.703M14.735 21.848H2.715a.56.56 0 0 1-.56-.56v-1.04c0-1.344.356-2.384 1.059-3.09s1.74-1.067 3.075-1.067h4.871c1.34 0 2.373.359 3.076 1.067.703.71 1.059 1.745 1.059 3.09v1.04a.56.56 0 0 1-.56.56"
+            d: "M20.31 2.15h-6.006q-.108 0-.213.014h-.224c-.891 0-1.614.723-1.614 1.613V7.68c0 .92.658 1.614 1.53 1.614h.109v1.557c0 .426.336.824.75.888a1 1 0 0 0 .113.009c.375 0 .79-.27 1.08-.715.132-.198.796-1.243 1.11-1.74h3.288c.891 0 1.614-.722 1.614-1.613V3.777q0-.161-.03-.313a1.52 1.52 0 0 0-1.508-1.314m-5.446 4.118a.545.545 0 1 1 0-1.093.547.547 0 0 1 0 1.093m1.638-.547a.547.547 0 1 1 1.094.002.547.547 0 0 1-1.094-.002m2.732.547a.545.545 0 1 1 0-1.093.547.547 0 0 1 0 1.093M5.909 14.248c.655.695 1.602 1.045 2.817 1.045 1.213 0 2.163-.353 2.818-1.045.617-.653.93-1.563.93-2.703s-.313-2.05-.93-2.703c-.655-.692-1.602-1.045-2.818-1.045s-2.162.35-2.817 1.045c-.617.653-.93 1.563-.93 2.703s.31 2.05.93 2.703M14.735 21.848H2.715a.56.56 0 0 1-.56-.56v-1.04c0-1.344.356-2.384 1.059-3.09s1.74-1.067 3.075-1.067h4.872c1.339 0 2.372.359 3.075 1.067.703.71 1.06 1.745 1.06 3.09v1.04a.56.56 0 0 1-.561.56"
         })
     }));
 }, v = i;

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

@@ -78,28 +78,28 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { jsxs as i, jsx as s } 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 n = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = i(), s = r !== null && r !== void 0 ? r : l ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const e = l(), a = r !== null && r !== void 0 ? r : e ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: s,
+            /* @__PURE__ */ s("path", {
+                fill: a,
                 d: "M15 6.274a.826.826 0 1 1-.001-1.652.826.826 0 0 1 0 1.652m0-1.093a.27.27 0 0 0-.267.267c0 .145.12.266.266.266s.266-.12.266-.266A.27.27 0 0 0 15 5.18M16.358 5.448a.826.826 0 1 0 1.652 0 .826.826 0 0 0-1.652 0m.56 0c0-.146.12-.267.266-.267s.266.12.266.267c0 .145-.12.266-.266.266a.27.27 0 0 1-.266-.266M19.37 6.274a.826.826 0 1 1-.001-1.652.826.826 0 0 1 0 1.652m0-1.093a.27.27 0 0 0-.267.267c0 .145.12.266.266.266s.266-.12.266-.266a.27.27 0 0 0-.266-.267"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: s,
+            /* @__PURE__ */ s("path", {
+                fill: a,
                 d: "M14.66 10.646a.5.5 0 0 1-.092-.008c-.395-.07-.395-.434-.395-.555V8.725h-.39c-.71 0-1.249-.574-1.249-1.333V3.49c0-.737.6-1.334 1.334-1.334H20.5c.736 0 1.333.597 1.333 1.334v3.902c0 .736-.596 1.333-1.333 1.333h-4.258c-.33.493-.97 1.45-1.005 1.51l-.005.006c-.08.121-.27.405-.573.405m-.792-7.93a.773.773 0 0 0-.773.774v3.902c0 .456.282.773.689.773h.67c.153 0 .28.126.28.28v1.532l.016-.025.014-.02a417 417 0 0 1 1.095-1.641.27.27 0 0 1 .233-.124H20.5a.775.775 0 0 0 .773-.773V3.49a.775.775 0 0 0-.773-.774zM6.008 14.691c.6.636 1.479.958 2.613.958 1.135 0 2.014-.322 2.614-.955.566-.602.854-1.445.854-2.513s-.289-1.913-.854-2.512c-.6-.636-1.48-.958-2.614-.958s-2.014.322-2.613.958c-.566.602-.855 1.445-.855 2.512 0 1.068.286 1.91.855 2.51m2.613-5.42c2.404 0 2.908 1.585 2.908 2.91s-.504 2.908-2.908 2.908c-1.325 0-2.907-.504-2.907-2.908 0-1.327.504-2.91 2.907-2.91M2.156 21.554c0 .154.126.28.28.28h12.37a.28.28 0 0 0 .28-.277v-1.042c0-1.27-.33-2.238-.977-2.894-.647-.655-1.617-.986-2.877-.986H6.01c-1.26 0-2.227.33-2.877.983s-.978 1.628-.978 2.894zm12.37-.28H2.716v-.762c0-1.112.272-1.955.813-2.499.54-.543 1.375-.818 2.482-.818h5.22c1.107 0 1.945.275 2.483.818.537.544.812 1.384.812 2.499z"
             })
         ]

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

@@ -78,15 +78,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
     var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), a = o !== null && o !== void 0 ? o : t ? r.colors.inverse : r.colors.neutralHigh;
+    const t = i(), a = o !== null && o !== void 0 ? o : t ? s.colors.inverse : s.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,15 +94,15 @@ const v = (_param)=>{
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ r("path", {
                 fill: a,
                 d: "M14.864 6.544a.826.826 0 1 0 0-1.652.826.826 0 0 0 0 1.652m0-1.093a.266.266 0 1 1 0 .532.266.266 0 0 1 0-.532M17.049 6.544a.826.826 0 1 1-.001-1.652.826.826 0 0 1 0 1.652m0-1.093a.27.27 0 0 0-.267.266c0 .146.12.267.267.267a.266.266 0 1 0 0-.532M18.407 5.717a.826.826 0 1 0 1.652 0 .826.826 0 0 0-1.652 0m.56 0a.266.266 0 1 1 .532 0 .266.266 0 0 1-.532 0"
             }),
-            /* @__PURE__ */ s("path", {
+            /* @__PURE__ */ r("path", {
                 fill: a,
                 d: "M14.754 11.743a1 1 0 0 1-.112-.009c-.414-.061-.75-.462-.75-.888v-1.56h-.11c-.87 0-1.529-.695-1.529-1.613v-3.9c0-.89.723-1.613 1.614-1.613h6.366c.891 0 1.614.723 1.614 1.613v3.902c0 .891-.723 1.614-1.614 1.614h-3.288c-.314.496-.978 1.54-1.11 1.74-.29.445-.705.714-1.08.714m-.887-8.463a.494.494 0 0 0-.494.493v3.902c0 .247.127.493.41.493h.669c.308 0 .56.253.56.56v1.51c.328-.51 1.143-1.795 1.151-1.81a.56.56 0 0 1 .474-.26h3.596a.494.494 0 0 0 .493-.493V3.773a.494.494 0 0 0-.493-.493zM5.909 14.244c.655.695 1.602 1.045 2.817 1.045 1.213 0 2.163-.35 2.818-1.048.617-.652.93-1.563.93-2.703s-.313-2.05-.93-2.703C10.89 8.143 9.942 7.79 8.726 7.79s-2.162.353-2.817 1.048c-.617.653-.93 1.563-.93 2.703s.31 2.05.93 2.703m2.817-5.333c1.743 0 2.628.885 2.628 2.627s-.885 2.628-2.628 2.628c-1.742 0-2.627-.886-2.627-2.628s.882-2.627 2.627-2.627M2.715 21.844h12.02c.31 0 .56-.25.56-.56v-1.04c0-1.344-.356-2.38-1.059-3.09-.703-.708-1.737-1.067-3.075-1.067H6.289c-1.336 0-2.372.361-3.075 1.067s-1.059 1.745-1.059 3.09v1.04c0 .307.252.56.56.56m.56-1.121v-.479c0-1.036.25-1.81.734-2.3.485-.49 1.252-.736 2.28-.736h4.874c1.028 0 1.796.249 2.28.736.485.488.732 1.264.732 2.3v.479z"
             })
         ]
     }));
-}, f = v;
+}, f = n;
 export { f as default };

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

@@ -79,16 +79,16 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useTheme as i } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), e = r !== null && r !== void 0 ? r : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: h } = v();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const t = v(), e = o !== null && o !== void 0 ? o : t ? h.colors.inverse : h.colors.neutralHigh, { skinName: r } = i();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -98,7 +98,7 @@ const n = (_param)=>{
             fill: e,
             d: "m21.84 5.507-2.57 2.57a.55.55 0 0 1-.39.16h-2.338l-6.444 6.449a.55.55 0 0 1-.39.16.55.55 0 0 1-.39-.94l6.444-6.445v-2.34a.55.55 0 0 1 .16-.39l2.569-2.569a.54.54 0 0 1 .601-.117.55.55 0 0 1 .338.507v2.02h2.02c.22 0 .423.136.507.338a.54.54 0 0 1-.117.597m-4.425 8.784a7.68 7.68 0 0 0-1.32-4.307l-2.414 2.414c.273.573.433 1.217.433 1.893a4.41 4.41 0 0 1-4.406 4.407 4.41 4.41 0 0 1-4.406-4.407 4.41 4.41 0 0 1 4.406-4.406c.676 0 1.32.155 1.893.432l2.414-2.414a7.66 7.66 0 0 0-4.307-1.32C5.457 6.583 2 10.04 2 14.29S5.457 22 9.708 22c4.25 0 7.707-3.457 7.707-7.709M8.67 15.33a1.466 1.466 0 0 0 2.076.005l2.09-2.095a3.304 3.304 0 0 1-3.128 4.355 3.304 3.304 0 0 1-3.302-3.303 3.304 3.304 0 0 1 4.354-3.128l-2.09 2.09a1.47 1.47 0 0 0 0 2.076m10.21-9.658a.547.547 0 0 1-.549-.55v-1.24l-1.465 1.466v1.79h1.79L20.12 5.67z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), e = o !== null && o !== void 0 ? o : r ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = i();
+    const o = s(), h = r !== null && r !== void 0 ? r : o ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = i();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: e,
+            fill: h,
             d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.566 4.555-1.176 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.996-2.588 3.564-4.555a8.04 8.04 0 0 0-.38-5.513c-.165-.367-.581-.526-.93-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.51.51 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.876 9.383c0 1.62-1.252 2.935-2.795 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.122.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038c.305.47.483 1.037.483 1.648m4.022-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
         })
     })) : l.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: e,
+            fill: h,
             d: "M21.42 5.232a.39.39 0 0 0 .081-.413.35.35 0 0 0-.325-.227H19.06V2.369a.37.37 0 0 0-.217-.341.34.34 0 0 0-.384.08l-2.47 2.593a.36.36 0 0 0-.103.26v2.441l-1.02 1.071c-1.364-1.308-3.12-2.028-4.976-2.028-4.086 0-7.409 3.488-7.409 7.777C2.48 18.512 5.803 22 9.889 22a7.13 7.13 0 0 0 3.906-1.166.38.38 0 0 0 .112-.512.343.343 0 0 0-.487-.118 6.44 6.44 0 0 1-3.531 1.057c-3.693 0-6.7-3.157-6.7-7.034s3.007-7.033 6.7-7.033c1.67 0 3.246.644 4.479 1.81l-1.874 1.967a3.9 3.9 0 0 0-2.605-1c-2.235 0-4.054 1.91-4.054 4.256s1.82 4.256 4.054 4.256 4.055-1.91 4.055-4.256a4.37 4.37 0 0 0-.953-2.735l3.39-3.559h2.326q.144-.001.248-.109zm-5.54 13.806c0 .407-.316.74-.704.74s-.704-.333-.704-.74c0-.408.316-.74.704-.74s.704.332.704.74m-5.743-4.55 2.353-2.47c.465.602.745 1.37.75 2.214 0 1.938-1.504 3.517-3.351 3.517s-3.35-1.579-3.35-3.517c0-1.939 1.503-3.517 3.35-3.517a3.25 3.25 0 0 1 2.104.782l-2.352 2.47a.376.376 0 0 0 0 .52.34.34 0 0 0 .248.11c.09 0 .18-.038.248-.11M20.323 5.34l-1.765 1.853h-1.969V5.127l1.766-1.853v2.067zm-4.52 5.583a.38.38 0 0 1 .145-.503.344.344 0 0 1 .479.157 8.1 8.1 0 0 1 .867 3.654c0 1.08-.208 2.128-.619 3.109a.35.35 0 0 1-.325.223.3.3 0 0 1-.14-.033.38.38 0 0 1-.18-.489 7.4 7.4 0 0 0 .555-2.815 7.3 7.3 0 0 0-.781-3.303"
         })
     })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
@@ -113,11 +113,11 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ a("path", {
-            fill: e,
+            fill: h,
             d: "M21.845 12a.41.41 0 0 0-.41-.41H19.67c-.202-6.638-5.78-7.347-7.27-7.415v-1.62a.41.41 0 0 0-.408-.41.41.41 0 0 0-.41.41v1.61h-.05c-1.218.008-7.18.434-7.36 7.428H2.546a.408.408 0 0 0 0 .816h1.64c.29 6.809 6.185 7.266 7.39 7.28h.003v1.756c0 .227.183.41.41.41s.41-.183.41-.41v-1.761c1.438-.054 7.002-.699 7.262-7.275h1.776a.41.41 0 0 0 .409-.41m-3 .409c-.242 5.693-4.799 6.394-6.445 6.456v-.69a.41.41 0 0 0-.41-.41.41.41 0 0 0-.409.41v.698c-1.517-.022-6.313-.583-6.582-6.464h.813a.41.41 0 0 0 0-.819h-.821c.168-6.066 5.034-6.599 6.545-6.613h.045v.847c0 .228.182.41.41.41s.409-.182.409-.41v-.83c1.69.076 6.262.836 6.45 6.596h-.684a.41.41 0 0 0 0 .819zM10.9 8.719c.21-.202.555-.309 1.02-.309.466 0 .81.107 1.024.311.219.21.328.561.328 1.043 0 .48-.11.83-.328 1.04-.213.206-.558.31-1.026.31-.463 0-.808-.102-1.018-.306-.22-.21-.328-.561-.328-1.043q0-.725.328-1.047m-.57 2.678c.37.356.903.535 1.588.535.687 0 1.222-.18 1.592-.535.385-.373.58-.923.58-1.633 0-.709-.195-1.259-.58-1.632q-.56-.538-1.592-.538c-.685 0-1.217.182-1.588.538-.384.373-.577.923-.577 1.635 0 .713.193 1.26.577 1.63m4.627 4.044H8.89v-.152c0-.328.07-.796.395-1.136.36-.375.914-.454 1.316-.454h2.641c.401 0 .957.079 1.321.454.325.34.396.805.396 1.136zm.194-1.854c-.446-.463-1.105-.707-1.91-.707l-2.644-.003c-.802 0-1.461.244-1.904.707-.407.426-.623 1.015-.623 1.702v.724c0 .137.11.247.247.247h7.213c.137 0 .246-.11.246-.247v-.72c0-.688-.216-1.277-.625-1.703"
         })
     }));
-}, p = v;
-export { p as default };
+}, g = v;
+export { g as default };

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as c } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
@@ -96,7 +96,7 @@ const n = (_param)=>{
     }, e), {
         children: /* @__PURE__ */ c("path", {
             fill: l,
-            d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.565 4.555-1.177 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.997-2.588 3.565-4.555a8.04 8.04 0 0 0-.38-5.513c-.166-.367-.582-.526-.931-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.51.51 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.875 9.383c0 1.62-1.253 2.935-2.796 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.123.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038c.305.47.484 1.037.484 1.648m4.021-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
+            d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.566 4.555-1.176 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.996-2.588 3.565-4.555a8.04 8.04 0 0 0-.38-5.513c-.166-.367-.582-.526-.931-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.51.51 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.875 9.383c0 1.62-1.253 2.935-2.796 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.122.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038c.305.47.484 1.037.484 1.648m4.021-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
@@ -119,5 +119,5 @@ const n = (_param)=>{
             d: "M21.853 12.026a.6.6 0 0 0-.58-.625l-1.546.003c-.294-6.241-5.398-7.149-7.126-7.27V2.732a.6.6 0 0 0-.569-.568.6.6 0 0 0-.633.568v1.381c-1.46.042-6.983.656-7.26 7.289h-1.41a.602.602 0 0 0 0 1.204h1.423c.373 6.384 5.723 7.079 7.25 7.14v1.53a.6.6 0 0 0 .568.568.6.6 0 0 0 .633-.568v-1.538c1.69-.104 6.774-.955 7.118-7.132h1.552a.6.6 0 0 0 .58-.58m-3.33.58c-.323 5.005-4.228 5.817-5.92 5.926v-.465a.6.6 0 0 0-.568-.568.6.6 0 0 0-.633.569v.476c-1.603-.067-5.703-.765-6.05-5.936h.588a.602.602 0 0 0 0-1.204h-.597c.258-5.395 4.493-6.04 6.059-6.087v.625a.6.6 0 0 0 .568.568.6.6 0 0 0 .633-.568v-.603c1.732.126 5.65.995 5.925 6.062h-.462a.602.602 0 0 0 0 1.204zm-7.424-3.648c.202-.196.563-.238.832-.238s.636.042.838.238q.252.241.252.852c0 .403-.084.689-.25.849-.204.193-.568.235-.84.235-.269 0-.633-.042-.835-.235-.204-.197-.246-.569-.246-.85 0-.276.045-.652.25-.85m-.725 2.454c.361.347.885.524 1.557.524s1.199-.177 1.563-.524c.381-.364.572-.902.572-1.602 0-.698-.194-1.238-.572-1.602-.367-.35-.89-.53-1.563-.53-.67 0-1.196.18-1.557.53-.378.364-.569.902-.569 1.602s.19 1.238.569 1.602M9.2 15.14c.011-.269.081-.61.32-.857.296-.308.77-.372 1.117-.372h2.594c.347 0 .823.067 1.12.375.238.247.308.585.32.854zm5.902-1.58c-.437-.453-1.084-.691-1.874-.691l-2.594-.003c-.787 0-1.434.24-1.87.694-.399.418-.609.995-.609 1.673v.708c0 .132.107.241.241.241h7.079a.24.24 0 0 0 .24-.24v-.71c0-.677-.212-1.254-.613-1.671"
         })
     }));
-}, p = n;
-export { p as default };
+}, g = n;
+export { g as default };

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

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

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

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

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

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

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

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

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

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

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

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