@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { jsx as o } from "react/jsx-runtime";
+import { useTheme as l } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: r, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = t(), h = r !== null && r !== void 0 ? r : s ? c.colors.inverse : c.colors.neutralHigh, { skinName: l } = i();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const s = t(), h = r !== null && r !== void 0 ? r : s ? c.colors.inverse : c.colors.neutralHigh, { skinName: i } = l();
+    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"
     }, e), {
-        children: /* @__PURE__ */ a("path", {
+        children: /* @__PURE__ */ o("path", {
             fill: h,
             d: "M18.548 12.192c-2.52 0-4.578-2.076-4.578-4.631s2.053-4.632 4.578-4.632q.03 0 .057.003l.056.002A1.83 1.83 0 0 0 17.08 2H6.833C5.825 2 5 2.83 5 3.854V22h13.914v-9.827c-.122.01-.244.019-.366.019m0-8.519c-2.118 0-3.842 1.745-3.842 3.888s1.724 3.887 3.843 3.887S22.39 9.703 22.39 7.56s-1.724-3.888-3.842-3.888m0 6.665c-1.513 0-2.746-1.246-2.746-2.778 0-1.53 1.233-2.777 2.747-2.777s2.746 1.246 2.746 2.777-1.233 2.778-2.747 2.778m1.828-2.223a.55.55 0 0 0 .548-.554.545.545 0 0 0-.548-.55h-1.28V5.717a.55.55 0 1 0-1.096 0V7.01h-1.28a.55.55 0 0 0-.548.554.55.55 0 0 0 .549.555H18v1.29a.55.55 0 1 0 1.096 0V8.114zM9.668 19.227a.55.55 0 0 1-.549-.555.55.55 0 0 1 .549-.555c.309 0 .548-.241.548-.554v-1.669h-.183a.55.55 0 0 1-.548-.554.55.55 0 0 1 .548-.555h.183v-1.48c0-1.222.984-2.222 2.198-2.222.501 0 .993.175 1.382.493a.56.56 0 0 1 .08.782.546.546 0 0 1-.773.08 1.08 1.08 0 0 0-.69-.246c-.604 0-1.096.498-1.096 1.11v1.478h1.65a.55.55 0 0 1 .548.555.55.55 0 0 1-.548.554h-1.65v1.67q-.001.29-.094.554h3.023a.55.55 0 0 1 .549.554c0 .308-.249.56-.549.56z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ a("path", {
+        children: /* @__PURE__ */ o("path", {
             fill: h,
             d: "M18.548 12.192c-2.52 0-4.578-2.076-4.578-4.631s2.053-4.632 4.578-4.632q.03 0 .057.003l.056.002A1.83 1.83 0 0 0 17.08 2H6.833C5.825 2 5 2.83 5 3.854V22h13.914v-9.827c-.122.01-.244.019-.366.019m0-8.519c-2.118 0-3.842 1.745-3.842 3.888s1.724 3.887 3.843 3.887S22.39 9.703 22.39 7.56s-1.724-3.888-3.842-3.888m0 6.665c-1.513 0-2.746-1.246-2.746-2.778 0-1.53 1.233-2.777 2.747-2.777s2.746 1.246 2.746 2.777-1.233 2.778-2.747 2.778m1.828-2.223a.55.55 0 0 0 .548-.554.545.545 0 0 0-.548-.55h-1.28V5.717a.55.55 0 1 0-1.096 0V7.01h-1.28a.55.55 0 0 0-.548.554.55.55 0 0 0 .549.555H18v1.29a.55.55 0 1 0 1.096 0V8.114zM9.668 19.227a.55.55 0 0 1-.549-.555.55.55 0 0 1 .549-.555c.309 0 .548-.241.548-.554v-1.669h-.183a.55.55 0 0 1-.548-.554.55.55 0 0 1 .548-.555h.183v-1.48c0-1.222.984-2.222 2.198-2.222.501 0 .993.175 1.382.493a.56.56 0 0 1 .08.782.546.546 0 0 1-.773.08 1.08 1.08 0 0 0-.69-.246c-.604 0-1.096.498-1.096 1.11v1.478h1.65a.55.55 0 0 1 .548.555.55.55 0 0 1-.548.554h-1.65v1.67q-.001.29-.094.554h3.023a.55.55 0 0 1 .549.554c0 .308-.249.56-.549.56z"
         })

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

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

package/dist-es/generated/mistica-icons/icon-add-bill-pound-regular.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 i } from "../../hooks.js";
-import { useIsInverseVariant as s } 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 s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const l = (_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 = s(), e = r !== null && r !== void 0 ? r : t ? h.colors.inverse : h.colors.neutralHigh, { skinName: n } = i();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const t = s(), e = h !== null && h !== void 0 ? h : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^o2-new/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-add-bolton-filled.js

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
+const d = (_param)=>{
     var { color: l, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = c(), s = l !== null && l !== void 0 ? l : n ? t.colors.inverse : t.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const i = c(), s = l !== null && l !== void 0 ? l : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = h();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -109,5 +109,5 @@ const v = (_param)=>{
             d: "M7 3h10l5 9-5 9H7l-5-9zm5.705 9.734h2.826c.393 0 .705-.33.705-.734s-.317-.733-.705-.733h-2.826v-2.94c0-.404-.316-.733-.705-.733s-.705.33-.705.734v2.939H8.469c-.389 0-.705.329-.705.733s.316.733.705.733h2.826v2.94c0 .404.316.733.705.733s.705-.33.705-.734z"
         })
     }));
-}, p = v;
+}, p = d;
 export { p as default };

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

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

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

@@ -80,9 +80,9 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
+const a = (_param)=>{
     var { color: l, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
@@ -109,5 +109,5 @@ const m = (_param)=>{
             d: "M17 3H7l-5 9 5 9h10l5-9zm3.368 9-4.186 7.533H7.818L3.632 12l4.182-7.533h8.368zm-5.014.733c.39 0 .706-.329.706-.733s-.317-.733-.706-.733h-2.649V8.51c0-.404-.316-.734-.705-.734s-.705.33-.705.734v2.756h-2.65c-.388 0-.705.329-.705.733s.317.733.706.733h2.649v2.756c0 .404.316.734.705.734s.705-.33.705-.734v-2.756z"
         })
     }));
-}, p = m;
+}, p = a;
 export { p as default };

package/dist-es/generated/mistica-icons/icon-add-more-circle-filled.js

@@ -78,43 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useTheme as h } 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 c = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const n = s(), i = a !== null && a !== void 0 ? a : n ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = h();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12m16.604.005a.534.534 0 0 0-.537-.538l-5.521-.011V5.924a.534.534 0 0 0-.538-.538.534.534 0 0 0-.537.538v5.532H5.938a.534.534 0 0 0-.537.537.534.534 0 0 0 .537.538l5.521.011v5.532a.534.534 0 0 0 .914.377.54.54 0 0 0 .161-.377v-5.532h5.533c.147 0 .28-.065.376-.161a.54.54 0 0 0 .161-.376"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12m16.604.005a.534.534 0 0 0-.537-.538l-5.521-.011V5.924a.534.534 0 0 0-.538-.538.534.534 0 0 0-.537.538v5.532H5.938a.534.534 0 0 0-.537.537.534.534 0 0 0 .537.538l5.521.011v5.532a.534.534 0 0 0 .914.377.54.54 0 0 0 .161-.377v-5.532h5.533c.147 0 .28-.065.376-.161a.54.54 0 0 0 .161-.376"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M11.617 1c.287 0 .588.006.845.013 2.154.05 10.541.901 10.538 11.018 0 10.136-8.397 10.925-10.497 10.963-.195.003-.42.006-.649.006-.118 0-.24 0-.356-.003C9.288 22.966 1 22.167 1 11.966 1 1.776 9.209 1.019 11.42 1zm1.067 11.654h4.8a.69.69 0 0 0 .688-.685.69.69 0 0 0-.688-.689h-4.8V6.534a.689.689 0 0 0-1.378 0v4.743h-4.79a.689.689 0 1 0 0 1.377h4.79v4.812a.689.689 0 0 0 1.378 0z"
         })

package/dist-es/generated/mistica-icons/icon-add-more-circle-light.js

@@ -78,58 +78,58 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), r = l !== null && l !== void 0 ? l : n ? h.colors.inverse : h.colors.neutralHigh, { skinName: a } = c();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    const n = s(), a = l !== null && l !== void 0 ? l : n ? h.colors.inverse : h.colors.neutralHigh, { skinName: t } = c();
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M11.283 5.94a.72.72 0 0 1 .715-.716.72.72 0 0 1 .716.715v5.346l5.34.006a.72.72 0 0 1 .716.715c0 .198-.08.38-.207.507a.73.73 0 0 1-.506.206H12.71v5.346a.7.7 0 0 1-.713.713.72.72 0 0 1-.715-.716v-5.346H5.937a.72.72 0 0 1-.716-.715.72.72 0 0 1 .716-.716h5.346z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
             })
         ]
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M11.998 2C6.488 2 2 6.488 2 12s4.487 10 9.998 10a9.97 9.97 0 0 0 5.33-1.544.353.353 0 0 0 .113-.496.36.36 0 0 0-.496-.112 9.26 9.26 0 0 1-4.951 1.432c-5.119 0-9.282-4.164-9.282-9.284s4.167-9.288 9.286-9.288 9.282 4.164 9.282 9.284a9.26 9.26 0 0 1-1.432 4.952.36.36 0 0 0 .608.384A9.97 9.97 0 0 0 22 11.996C21.996 6.488 17.513 2 11.998 2"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M12 5.583a.355.355 0 0 0-.356.356l-.002 5.705H5.941a.355.355 0 0 0-.357.356c0 .197.159.356.357.356h5.701v5.702a.355.355 0 0 0 .609.252.35.35 0 0 0 .104-.252v-5.701h5.701a.354.354 0 0 0 .356-.356.355.355 0 0 0-.356-.356l-5.698-.004V5.94A.36.36 0 0 0 12 5.583M18.789 19.504a.716.716 0 1 0 0-1.432.716.716 0 0 0 0 1.432"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ o("path", {
-            fill: r,
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
+            fill: a,
             d: "M23 12.028C23 1.911 14.61 1.06 12.457 1.01c-.25-.006-.538-.009-.82-.009h-.22C9.212 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03q.17.005.341.004c.232 0 .467-.003.667-.006C14.604 22.953 23 22.167 23 12.028M12.485 22.076a19 19 0 0 1-.648.01q-.165 0-.328-.003c-.962-.016-3.428-.194-5.6-1.562-2.652-1.669-3.992-4.549-3.992-8.555 0-4.004 1.327-6.872 3.957-8.521 2.15-1.356 4.602-1.518 5.556-1.528h.21c.272 0 .554.003.798.01.961.021 3.428.225 5.613 1.596 2.673 1.675 4.032 4.539 4.032 8.505 0 9.16-7.347 10.008-9.598 10.048m4.996-10.567a.458.458 0 0 1 0 .914h-5.027v5.04a.458.458 0 0 1-.914 0v-5.037H6.519a.458.458 0 0 1 0-.914h5.018V6.534a.458.458 0 0 1 .914 0v4.975z"
         })
     }));
-}, g = v;
-export { g as default };
+}, M = v;
+export { M as default };

package/dist-es/generated/mistica-icons/icon-add-more-circle-regular.js

@@ -78,17 +78,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: o, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), r = o !== null && o !== void 0 ? o : n ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^blau/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const n = s(), r = o !== null && o !== void 0 ? o : n ? h.colors.inverse : h.colors.neutralHigh, { skinName: i } = c();
+    return i.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -104,7 +104,7 @@ const v = (_param)=>{
                 d: "M1.976 12c0 5.327 4.673 10 10 10s10-4.673 10-10-4.673-10-10-10-10 4.673-10 10m1.358 0c0-4.604 4.038-8.643 8.642-8.643S20.618 7.396 20.618 12s-4.038 8.642-8.642 8.642S3.334 16.604 3.334 12"
             })
         ]
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -120,7 +120,7 @@ const v = (_param)=>{
                 d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -147,5 +147,5 @@ const v = (_param)=>{
             d: "M23 12.028C23 1.914 14.617 1.063 12.457 1.01c-.247-.006-.538-.009-.82-.009h-.22C9.208 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03q.178.005.357.004c.228 0 .454-.003.651-.006C14.601 22.953 23 22.167 23 12.028M12.476 21.62q-.48.01-.958.004c-2.749-.038-9.14-1.058-9.14-9.657 0-8.587 6.329-9.567 9.052-9.592h.207q.394 0 .789.01c2.764.065 9.196 1.14 9.196 9.644 0 8.505-6.395 9.541-9.146 9.591M17.48 11.28a.689.689 0 0 1 0 1.377h-4.799v4.808a.689.689 0 0 1-1.377 0v-4.81h-4.79a.689.689 0 0 1 0-1.378h4.79V6.534a.689.689 0 0 1 1.377 0v4.746z"
         })
     }));
-}, g = v;
-export { g as default };
+}, M = v;
+export { M as default };

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

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

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

@@ -80,7 +80,7 @@ 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 s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-add-more-location-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 s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const a = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-add-more-location-regular.js

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: e, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), s = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const t = n(), s = e !== null && e !== void 0 ? e : t ? 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"
     }, a), {
-        children: /* @__PURE__ */ c("path", {
+        children: /* @__PURE__ */ r("path", {
             fill: s,
             d: "M19.965 4.043c1.232 1.23 1.885 3.028 1.876 5.216-.008 4.61-5.93 11.58-6.767 12.406a.6.6 0 0 1-.432.176.6.6 0 0 1-.43-.176c-.424-.41-1.37-1.51-2.471-3.037-1.272 1.617-3.353 1.802-4.037 1.807-.098.009-.213.009-.32.009h-.17c-1.062-.017-5.059-.395-5.059-5.247 0-4.837 3.955-5.199 5.014-5.207h.367a5 5 0 0 1-.05-.779c0-2.176.66-3.978 1.907-5.199 1.25-1.221 3.09-1.849 5.294-1.857 2.213.008 4.04.658 5.278 1.888m.652 5.207c.009-1.88-.507-3.341-1.526-4.353-1.017-1.014-2.502-1.526-4.41-1.538-1.884 0-3.391.507-4.42 1.513C9.234 5.875 8.71 7.337 8.71 9.22c-.009.275.033.589.09.908 1.573.322 3.954 1.415 3.954 5.1 0 .878-.14 1.609-.367 2.21q1.05 1.517 2.253 2.911c1.663-1.88 5.969-7.585 5.977-11.098m-9.084 5.98c0-3.422-2.437-3.994-3.89-4.033h-.457c-1.429.017-3.81.549-3.81 4.003 0 3.47 2.415 4.017 3.85 4.042h.153l.076-.002c.077-.002.154-.003.221-.01 1.434-.022 3.857-.576 3.857-4M13.2 8.82c0 .97.479 1.442 1.465 1.442s1.465-.473 1.465-1.442c0-.97-.482-1.443-1.465-1.443-.986 0-1.465.474-1.465 1.443m1.465 2.653c-1.658 0-2.69-1.017-2.69-2.65s1.032-2.65 2.69-2.65 2.689 1.017 2.689 2.65c-.003 1.633-1.03 2.65-2.69 2.65M10.707 15.2a.605.605 0 0 0-.61-.602v.002H8.062v-1.977a.605.605 0 0 0-.611-.602.605.605 0 0 0-.61.602V14.6H4.812a.607.607 0 0 0-.61.603.605.605 0 0 0 .61.602h2.031v2.008a.605.605 0 0 0 .61.603.605.605 0 0 0 .611-.603v-2.01h2.031a.605.605 0 0 0 .61-.603"
         })
     }));
-}, m = i;
-export { m as default };
+}, d = i;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-add-more-query-filled.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 q } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as q } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
@@ -98,5 +98,5 @@ const t = (_param)=>{
             d: "M8.324 4.132c.193.549.913 1.022 2.098 1.373 1.25.366 2.89.574 4.641.574s3.393-.208 4.642-.574c1.157-.342 1.868-.799 2.078-1.328 0-.009.009-.017.009-.017-.157-.574-.858-1.059-2.098-1.426-1.241-.367-2.891-.574-4.642-.574-1.75 0-3.4.207-4.65.574-1.176.35-1.896.835-2.087 1.381q.007.006.008.01zm3.428 9.6a.61.61 0 0 0-.616-.606H8.761v-2.308a.61.61 0 0 0-.616-.605.61.61 0 0 0-.617.605v2.308h-2.37a.61.61 0 0 0-.616.605c0 .334.278.605.617.605h2.37v2.342c0 .334.277.605.616.605a.61.61 0 0 0 .616-.605v-2.342h2.375a.61.61 0 0 0 .616-.605m1.04-1.188a7.476 7.476 0 0 1 .067.412l.003.023q.008.044.01.086a5 5 0 0 1 .029.33q0 .024.003.045.008.174.008.322c0 .659-.104 1.731-.65 2.684a3.7 3.7 0 0 1-.619.812q-.045.045-.098.088l-.034.03-.038.034q-.074.065-.152.125-.08.06-.16.115-.109.075-.23.146l-.052.031q-.052.033-.107.061a4 4 0 0 1-.426.196l-.066.023-.035.011a4 4 0 0 1-.47.14q-.062.016-.123.028-.198.046-.412.076a5.975 5.975 0 0 1-.843.073c-.042.002-.093.002-.138.002q-.095.004-.198.003H7.89c-4.068-.056-4.507-3.31-4.507-4.706 0-4.03 2.792-4.655 4.456-4.67 0 0 .252.004.42.004l.067.001.04.001q.4.01.753.06.066.007.125.021.045.01.091.017.237.037.454.09.077.021.149.046l.064.021.073.024q.158.049.302.105.065.028.129.06l.05.024c.115.053.23.107.334.168q.072.043.14.09.16.1.305.213l.1.084q.152.125.281.263l.032.034.032.033a4 4 0 0 1 .279.346l.007.01q.13.188.235.381a4.8 4.8 0 0 1 .49 1.384m.95-1.244q.645.043 1.321.045c1.751 0 3.4-.199 4.633-.569 1.233-.367 1.908-.924 2.135-1.344V5.488c-.457.358-1.076.647-1.869.88-1.33.394-3.072.61-4.904.61s-3.575-.216-4.905-.61c-.81-.233-1.44-.539-1.896-.9v2.384q-.075 0-.152-.002h-.277c-1.204.007-5.678.414-5.678 5.879 0 5.473 4.516 5.902 5.72 5.918h.188l.107-.001.103-.001c.05.666.762 1.218 2.134 1.624 1.258.37 2.908.575 4.65.575s3.392-.208 4.642-.575c1.422-.42 2.142-.994 2.142-1.694V16.03c-.481.37-1.12.684-1.868.9-1.322.392-3.064.607-4.905.607-.678 0-1.33-.04-1.96-.098.182-.252.341-.54.484-.854q.713.055 1.473.056c1.751 0 3.401-.207 4.642-.574 1.232-.367 1.907-.925 2.134-1.345v-3.98c-.481.367-1.12.672-1.868.888-1.322.394-3.064.61-4.905.61q-.546 0-1.075-.03a6 6 0 0 0-.247-.91"
         })
     }));
-}, h = t;
-export { h as default };
+}, d = t;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-add-more-query-light.js

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { jsx as c } from "react/jsx-runtime";
+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: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const s = i(), h = e !== null && e !== void 0 ? e : s ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ r("path", {
+        children: /* @__PURE__ */ c("path", {
             fill: h,
             d: "M21.838 5.05c0-1.05-.846-1.837-2.516-2.339-1.193-.36-2.762-.56-4.417-.56-1.653 0-3.219.2-4.415.563-1.39.418-2.213 1.042-2.445 1.852l-.003.003a1.7 1.7 0 0 0-.067.481v2.698h-.149c-1.201.011-5.675.423-5.675 5.989 0 5.571 4.513 6.008 5.72 6.025h.317c.347.655 1.098 1.154 2.302 1.518 1.205.359 2.77.557 4.415.557 1.647 0 3.215-.198 4.42-.56 1.667-.501 2.512-1.288 2.512-2.339zM10.725 3.496c1.12-.336 2.605-.524 4.179-.524 1.577 0 3.061.188 4.182.524 1.11.333 1.742.77 1.893 1.3l-.007.009-.01.013c-.184.487-.831.907-1.868 1.221-1.12.336-2.605.524-4.179.524s-3.059-.188-4.18-.524c-1.064-.322-1.716-.756-1.882-1.257l-.007-.014-.004-.006c.165-.507.812-.944 1.883-1.266M8.059 18.94h-.177c-1.476-.022-4.91-.571-4.907-5.204 0-4.625 3.4-5.152 4.863-5.166h.103c.149 0 .303.003.434.006 1.485.034 4.942.613 4.942 5.196 0 1.19-.356 5.081-4.914 5.165-.103.003-.224.003-.344.003m.493-2.199a.41.41 0 0 1-.818 0v-2.59H5.16a.412.412 0 0 1 0-.824h2.574V10.77a.41.41 0 0 1 .818 0v2.558h2.58a.412.412 0 0 1 0 .823h-2.58zm10.535 3.748c-1.129.34-2.614.527-4.18.524-1.565 0-3.05-.188-4.179-.524-.717-.215-1.243-.484-1.563-.79 1.205-.154 3.188-.714 4.252-2.689.496.037 1 .056 1.502.056 1.65 0 3.218-.196 4.414-.557.675-.205 1.244-.49 1.684-.827v3.255c0 .645-.65 1.166-1.93 1.552m-4.95-6.72c0-.588-.061-1.106-.157-1.585.303.022.653.03.939.028 1.65 0 3.215-.196 4.414-.557.675-.205 1.247-.49 1.684-.827v3.658c-.207.387-.81.902-1.919 1.236-1.4.42-3.4.602-5.339.484.233-.678.378-1.476.378-2.437M8.796 6.003q.62.495 1.705.826c1.194.359 2.762.558 4.415.558s3.221-.197 4.415-.558q1.07-.325 1.686-.81v3.617c-.207.386-.807.899-1.919 1.235-1.123.336-2.608.524-4.18.524-.529 0-.935-.02-1.148-.056q-.003-.002-.008 0h-.003c-.992-2.88-3.695-3.457-4.963-3.563z"
         })
     }));
-}, m = n;
-export { m as default };
+}, d = n;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-add-more-query-regular.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 o } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: e, size: c = 24 } = _param, a = _object_without_properties(_param, [
@@ -98,5 +98,5 @@ const n = (_param)=>{
             d: "M21.841 5.192c0-1.126-.885-1.963-2.633-2.484-1.201-.359-2.776-.555-4.434-.558-1.653 0-3.227.196-4.428.555C8.9 3.139 8.04 3.795 7.788 4.66v.003q-.073.255-.073.53v2.54q.001.032.013.062l.01.039c-1.236.016-5.583.462-5.583 5.865 0 5.46 4.468 5.888 5.658 5.905h.093l.004.02q0 .016.007.028c.358.717 1.154 1.249 2.431 1.63 1.21.358 2.782.555 4.429.555s3.221-.197 4.431-.555c1.748-.521 2.633-1.359 2.633-2.485zM10.698 3.864c1.09-.324 2.538-.504 4.076-.507 1.54 0 2.992.18 4.081.505.692.204 1.49.549 1.706 1.061-.176.398-.77.768-1.697 1.045-1.09.325-2.538.504-4.079.504-1.537 0-2.986-.179-4.075-.504-.939-.28-1.533-.655-1.7-1.059.179-.397.758-.767 1.688-1.045M7.83 18.397c-4.022-.056-4.456-3.303-4.456-4.695 0-4.02 2.761-4.644 4.406-4.661h.109c.14 0 .286.003.414.006 4.057.095 4.493 3.308 4.493 4.686s-.434 4.588-4.464 4.66c-.101.004-.219.004-.334.004zm.863-1.751a.607.607 0 0 1-.608.605.607.607 0 0 1-.608-.605V14.31H5.133a.607.607 0 0 1-.608-.605c0-.334.271-.605.608-.605h2.344v-2.303a.607.607 0 0 1 1.216 0V13.1h2.35c.336 0 .608.271.608.605a.607.607 0 0 1-.608.605h-2.35zm10.165 3.479c-1.098.328-2.549.507-4.081.501-1.532 0-2.98-.179-4.079-.504-.672-.199-1.084-.417-1.341-.619 1.16-.19 2.843-.765 3.837-2.42l.04.012a.2.2 0 0 0 .053.013c.493.037 1 .056 1.501.056 1.653 0 3.227-.196 4.429-.554a5.9 5.9 0 0 0 1.406-.62v2.807c0 .661-.961 1.087-1.765 1.328m-4.84-6.387c0-.498-.05-.94-.12-1.358.28.022.585.034.893.036 1.655 0 3.227-.196 4.429-.554a5.8 5.8 0 0 0 1.406-.62v3.143c-.202.325-.757.776-1.757 1.073-1.35.404-3.283.58-5.165.47a7.3 7.3 0 0 0 .314-2.19M8.934 7.736V6.514c.386.238.857.446 1.426.614 1.201.361 2.773.557 4.428.557 1.656 0 3.23-.199 4.429-.557a6.1 6.1 0 0 0 1.406-.597V9.63c-.2.325-.754.773-1.757 1.073-1.092.325-2.54.504-4.078.504-.266 0-.714 0-.986-.045a.6.6 0 0 0-.221.003c-.98-2.538-3.39-3.143-4.675-3.283l.01-.04c.009-.036.018-.069.018-.105"
         })
     }));
-}, m = n;
-export { m as default };
+}, d = n;
+export { d as default };

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

@@ -80,42 +80,42 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as r } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
     var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = v(), l = i !== null && i !== void 0 ? i : h ? a.colors.inverse : a.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^blau/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const h = v(), a = i !== null && i !== void 0 ? i : h ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = n();
+    return l.match(/^blau/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ r("path", {
-            fill: l,
+            fill: a,
             d: "M21.321 11.321h-8.643V2.68a.679.679 0 1 0-1.357 0v8.642H2.679a.679.679 0 1 0 0 1.357h8.642v8.643a.679.679 0 0 0 1.357 0v-8.643h8.643a.679.679 0 1 0 0-1.357"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ r("path", {
-            fill: l,
+            fill: a,
             d: "M11.42 2.72a.72.72 0 0 1 .716-.716.72.72 0 0 1 .716.716l.003 8.064 8.426.003a.72.72 0 0 1 .716.716.84.84 0 0 1-.22.552c-.127.127-.3.16-.493.16l-8.432.003v9.073a.703.703 0 0 1-.713.712.72.72 0 0 1-.715-.715v-9.072l-8.712.005a.72.72 0 0 1-.716-.715.72.72 0 0 1 .716-.716l8.712-.006z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ r("path", {
-            fill: l,
+            fill: a,
             d: "M11.42 2.72a.72.72 0 0 1 .716-.716.72.72 0 0 1 .716.716l.003 8.064 8.426.003a.72.72 0 0 1 .716.716.84.84 0 0 1-.22.552c-.127.127-.3.16-.493.16l-8.432.003v9.073a.703.703 0 0 1-.713.712.72.72 0 0 1-.715-.715v-9.072l-8.712.005a.72.72 0 0 1-.716-.715.72.72 0 0 1 .716-.716l8.712-.006z"
         })
     })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const c = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ r("path", {
-            fill: l,
+            fill: a,
             d: "M20.169 11.123H12.8V3.829c0-.395-.301-.798-.805-.798a.8.8 0 0 0-.802.798v7.361H3.829c-.485.026-.853.376-.828.857.023.446.382.737.828.76h7.296v7.365a.876.876 0 0 0 1.75 0v-7.297h7.297a.876.876 0 0 0-.003-1.752"
         })
     }));

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

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

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

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