@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-tag-discount-euro-filled.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 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: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = h(), e = t !== null && t !== void 0 ? t : c ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = n();
+    const c = h(), l = t !== null && t !== void 0 ? t : c ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = n();
     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"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: l,
             d: "M21.314 2.213a.674.674 0 0 0-.983 0l-1.189 1.242h-8.055a.68.68 0 0 0-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9 12.363H7.26a.53.53 0 0 1-.52-.545.53.53 0 0 1 .52-.544H9c.29 0 .52.242.52.544a.53.53 0 0 1-.52.544m5.736-.545a.53.53 0 0 1-.52.544h-1.651c.222.736.872 1.27 1.65 1.27.281 0 .553-.069.802-.204a.51.51 0 0 1 .703.233.555.555 0 0 1-.223.735c-.4.219-.832.33-1.286.33-1.357 0-2.488-1.019-2.732-2.364h-.4a.53.53 0 0 1-.522-.544.53.53 0 0 1 .521-.545h.4c.245-1.344 1.376-2.364 2.733-2.364q.676.001 1.287.33a.56.56 0 0 1 .222.736.516.516 0 0 1-.703.233 1.7 1.7 0 0 0-.801-.205c-.775 0-1.429.54-1.651 1.27h1.65c.29 0 .521.242.521.545"
         })
     })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: l,
             d: "M21.314 2.213a.674.674 0 0 0-.983 0l-1.189 1.242h-8.055a.68.68 0 0 0-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9 12.363H7.26a.53.53 0 0 1-.52-.545.53.53 0 0 1 .52-.544H9c.29 0 .52.242.52.544a.53.53 0 0 1-.52.544m5.736-.545a.53.53 0 0 1-.52.544h-1.651c.222.736.872 1.27 1.65 1.27.281 0 .553-.069.802-.204a.51.51 0 0 1 .703.233.555.555 0 0 1-.223.735c-.4.219-.832.33-1.286.33-1.357 0-2.488-1.019-2.732-2.364h-.4a.53.53 0 0 1-.522-.544.53.53 0 0 1 .521-.545h.4c.245-1.344 1.376-2.364 2.733-2.364q.676.001 1.287.33a.56.56 0 0 1 .222.736.516.516 0 0 1-.703.233 1.7 1.7 0 0 0-.801-.205c-.775 0-1.429.54-1.651 1.27h1.65c.29 0 .521.242.521.545"
         })
     }));

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as i, jsx as h } 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 m = (_param)=>{
-    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = s(), l = r !== null && r !== void 0 ? r : c ? t.colors.inverse : t.colors.neutralHigh, { skinName: e } = n();
+    const c = s(), l = t !== null && t !== void 0 ? t : c ? r.colors.inverse : r.colors.neutralHigh, { skinName: e } = n();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -115,5 +115,5 @@ const m = (_param)=>{
             d: "m20.082 4.049 1.34-1.4a.393.393 0 0 0 0-.537.344.344 0 0 0-.508 0l-1.34 1.4h-8.515a.36.36 0 0 0-.258.117l-7.794 8.485a1.95 1.95 0 0 0 0 2.666l6.38 6.67a1.754 1.754 0 0 0 2.55 0 .387.387 0 0 0 0-.532.344.344 0 0 0-.508 0c-.42.44-1.109.44-1.53 0l-6.38-6.67a1.18 1.18 0 0 1 .005-1.607l7.692-8.37h7.642L17.31 5.889a.38.38 0 0 0 0 .531c.07.073.162.111.254.111a.35.35 0 0 0 .254-.11l1.548-1.619v7.988l-4.948 5.173a.387.387 0 0 0 0 .53c.139.15.365.15.508 0l5.05-5.278a.37.37 0 0 0 .106-.265zM12.718 20.27a.78.78 0 0 1 0-1.067.7.7 0 0 1 1.02 0 .78.78 0 0 1 0 1.067.7.7 0 0 1-1.02 0m-2.014-7.515a.37.37 0 0 0 .36.377h.767c.42 1 1.372 1.7 2.48 1.7q.662 0 1.253-.319a.385.385 0 0 0 .152-.507.35.35 0 0 0-.485-.16 1.9 1.9 0 0 1-.915.238 1.97 1.97 0 0 1-1.663-.942h1.663a.37.37 0 0 0 .36-.377.37.37 0 0 0-.36-.377h-1.95a2 2 0 0 1-.032-.376c0-.13.014-.256.033-.377h1.95a.37.37 0 0 0 .36-.377.37.37 0 0 0-.36-.376h-1.664c.356-.565.966-.942 1.663-.942q.486-.001.915.236a.35.35 0 0 0 .485-.159.385.385 0 0 0-.152-.507 2.6 2.6 0 0 0-1.252-.319c-1.11 0-2.06.7-2.481 1.7h-.767a.37.37 0 0 0-.36.377.37.37 0 0 0 .36.377h.568a2.58 2.58 0 0 0 0 .753h-.568c-.203-.02-.36.15-.36.357m-3.974-.753a.37.37 0 0 1 .36-.377h1.807c.199 0 .36.17.36.377a.37.37 0 0 1-.36.377H7.091a.37.37 0 0 1-.36-.377"
         })
     }));
-}, g = m;
-export { g as default };
+}, d = m;
+export { d as default };

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { jsxs as h, jsx as o } 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, h = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const i = s(), l = t !== null && t !== void 0 ? t : i ? e.colors.inverse : e.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    return c.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: l,
@@ -104,12 +104,12 @@ const m = (_param)=>{
                 d: "M14.226 9.998c.28 0 .551.07.8.205.254.14.57.037.704-.233a.555.555 0 0 0-.223-.735c-.4-.219-.832-.33-1.286-.33-1.357 0-2.488 1.019-2.732 2.364h-.4a.53.53 0 0 0-.522.544.53.53 0 0 0 .521.545h.4c.245 1.345 1.376 2.364 2.733 2.364q.677-.002 1.286-.33a.56.56 0 0 0 .223-.736.516.516 0 0 0-.703-.233c-.25.135-.521.205-.801.205-.775 0-1.429-.54-1.651-1.27h1.65a.53.53 0 0 0 .521-.545.53.53 0 0 0-.52-.544h-1.651c.222-.73.872-1.27 1.65-1.27M9.01 11.274H7.27a.53.53 0 0 0-.521.544.53.53 0 0 0 .52.544h1.74a.53.53 0 0 0 .521-.544.53.53 0 0 0-.52-.544"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ o("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-discount-pound-filled.js

@@ -79,23 +79,23 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = h(), e = r !== null && r !== void 0 ? r : t ? c.colors.inverse : c.colors.neutralHigh, { skinName: n } = i();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const t = h(), l = r !== null && r !== void 0 ? r : t ? c.colors.inverse : c.colors.neutralHigh, { skinName: i } = n();
+    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"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: l,
             d: "M21.324 2.213a.674.674 0 0 0-.984 0l-1.188 1.242h-8.055c-.191 0-.37.08-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9.01 12.363H7.27a.53.53 0 0 1-.521-.545.53.53 0 0 1 .52-.544h1.74c.29 0 .521.242.521.544a.53.53 0 0 1-.52.544m2.26 2.182a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545c.098 0 .174-.08.174-.181v-.908a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545v-.907c0-.903.703-1.638 1.567-1.638.431 0 .845.186 1.139.516a.567.567 0 0 1-.022.773.51.51 0 0 1-.739-.024.5.5 0 0 0-.378-.172c-.29 0-.521.247-.521.545v.907h.868c.29 0 .52.242.52.545a.53.53 0 0 1-.52.544h-.868v.907q0 .092-.013.182h1.749c.289 0 .52.242.52.545a.534.534 0 0 1-.52.544z"
         })
     })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: e,
+            fill: l,
             d: "M21.324 2.213a.674.674 0 0 0-.984 0l-1.188 1.242h-8.055c-.191 0-.37.08-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9.01 12.363H7.27a.53.53 0 0 1-.521-.545.53.53 0 0 1 .52-.544h1.74c.29 0 .521.242.521.544a.53.53 0 0 1-.52.544m2.26 2.182a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545c.098 0 .174-.08.174-.181v-.908a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545v-.907c0-.903.703-1.638 1.567-1.638.431 0 .845.186 1.139.516a.567.567 0 0 1-.022.773.51.51 0 0 1-.739-.024.5.5 0 0 0-.378-.172c-.29 0-.521.247-.521.545v.907h.868c.29 0 .52.242.52.545a.53.53 0 0 1-.52.544h-.868v.907q0 .092-.013.182h1.749c.289 0 .52.242.52.545a.534.534 0 0 1-.52.544z"
         })
     }));

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

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

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as i } 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 s = (_param)=>{
     var { color: t, size: a = 24 } = _param, l = _object_without_properties(_param, [

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

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

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 };