@telefonica/mistica 15.20.1 → 16.1.0

package/dist-es/generated/mistica-icons/icon-academic-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 l } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [

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

@@ -78,17 +78,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: i, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = h(), e = i !== null && i !== void 0 ? i : t ? a.colors.inverse : a.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    const t = h(), e = i !== null && i !== void 0 ? i : t ? s.colors.inverse : s.colors.neutralHigh, { skinName: l } = n();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -104,7 +104,7 @@ const v = (_param)=>{
                 d: "M14.882 11.375v2.62c0 1.002.795 1.812 1.773 1.82v3.274c0 1.605-1.274 2.911-2.84 2.911H8.14C6.574 22 5.3 20.694 5.3 19.09V4.91C5.3 3.307 6.574 2 8.137 2h5.674c1.566 0 2.84 1.306 2.84 2.91v.94a2.7 2.7 0 0 0-1.063-.22c-.714 0-2.003.31-2.627 1.161-.144.196-.214.42-.214.655V9.63c0 .244.082.463.214.655.448.615 1.243.954 1.921 1.09m3.546 2.62c0 .598.476 1.09 1.064 1.09s1.06-.484 1.068-1.087v-3.274c.596 0 1.62-.267 2.061-.87a.38.38 0 0 0 .07-.22V7.45a.36.36 0 0 0-.07-.22c-.44-.594-1.473-.87-2.061-.87-1.18 0-2.132.982-2.132 2.184zM11.87 5.265a.54.54 0 0 0-.534-.547h-3.55a.54.54 0 0 0-.534.547c0 .304.242.547.534.547h3.546a.545.545 0 0 0 .538-.547"
             })
         ]
-    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

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

@@ -78,29 +78,29 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { jsxs as e, jsx as c } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+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: t, size: v = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: v = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), c = t !== null && t !== void 0 ? t : r ? o.colors.inverse : o.colors.neutralHigh, { skinName: s } = i();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = l(), a = r !== null && r !== void 0 ? r : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = s();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: v,
         height: v,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M17.145 5.27c0-1.809-1.45-3.27-3.225-3.27H8.529C6.745 2 5.3 3.47 5.3 5.27v13.46C5.3 20.54 6.75 22 8.525 22h5.387c1.784 0 3.225-1.47 3.225-3.27v-3.688c.327-.232.54-.61.54-1.046V8.551a2.38 2.38 0 0 0-.54-1.51V5.27zm-.54 8.738a.185.185 0 0 1-.18.184.184.184 0 0 1-.182-.184v-3.64a.537.537 0 0 0-.54-.548h-.358c-.43 0-.992-.183-1.252-.403V7.673c.268-.216.823-.404 1.252-.404.69 0 1.252.571 1.252 1.27v5.465h.008zM8.53 20.559c-.992 0-1.792-.818-1.792-1.816V5.27c0-1.006.808-1.817 1.792-1.817h5.383c.992 0 1.791.819 1.791 1.817v.942c-.118-.016-.236-.032-.358-.032-.634 0-1.744.295-2.229.95a.54.54 0 0 0-.102.331V9.65c0 .12.04.231.102.331.438.595 1.394.89 2.044.942v3.102c0 .435.213.81.54 1.046v3.689c.011.978-.8 1.8-1.788 1.8zm14.07-13.425c-.485-.65-1.595-.95-2.23-.95-1.283 0-2.33 1.062-2.33 2.363v5.457c0 .699.563 1.27 1.252 1.27s1.252-.571 1.252-1.27v-3.098c.65-.048 1.61-.347 2.044-.942a.54.54 0 0 0 .102-.331v-2.18a.44.44 0 0 0-.09-.32m-.97 2.295.005-.004v.004zm0 0c-.27.214-.821.4-1.248.4h-.358c-.291 0-.54.239-.54.546v3.641a.185.185 0 0 1-.18.184.184.184 0 0 1-.182-.184V8.551c0-.699.564-1.27 1.253-1.27.429 0 .992.184 1.252.404v1.744z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M11.4 4.547H8.529a.731.731 0 0 0 0 1.461h2.87a.731.731 0 0 0 0-1.461"
             })
         ]
@@ -111,16 +111,16 @@ const n = (_param)=>{
         role: "presentation"
     }, h), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M13.116 21.288a.71.71 0 0 1-.708.712.71.71 0 0 1-.708-.712.71.71 0 0 1 .708-.712.71.71 0 0 1 .708.712M8.496 4.144h2.131c.588 0 1.061.476 1.061 1.068s-.473 1.068-1.061 1.068h-2.13a1.06 1.06 0 0 1-1.062-1.068c0-.592.473-1.068 1.061-1.068m0 1.428h2.131a.356.356 0 0 0 0-.712h-2.13a.356.356 0 0 0 0 .712"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M16.662 4.86v1.716a2.13 2.13 0 0 1 1.061 1.852v5.36a1.062 1.062 0 1 1-2.123 0v-3.216c-.596 0-1.626-.268-2.059-.86a.35.35 0 0 1-.072-.212V7.356a.35.35 0 0 1 .072-.212c.441-.592 1.463-.86 2.06-.86.118 0 .242.016.353.032V4.86a2.14 2.14 0 0 0-2.13-2.144H8.141a2.14 2.14 0 0 0-2.13 2.144v13.932a2.14 2.14 0 0 0 2.13 2.144h2.131a.356.356 0 0 1 0 .712h-2.13a2.85 2.85 0 0 1-2.843-2.86V4.86C5.3 3.28 6.58 2 8.142 2h5.677a2.85 2.85 0 0 1 2.843 2.86m.004 9.284c.194 0 .353-.16.353-.356V8.42c0-.784-.636-1.424-1.415-1.424-.449 0-1.125.208-1.415.492v1.88c.29.28.966.492 1.415.492h.354c.195 0 .354.16.354.356v3.572c0 .196.159.356.354.356m5.959-7.004c-.434-.592-1.463-.86-2.06-.86a2.14 2.14 0 0 0-2.13 2.144v5.36a1.062 1.062 0 1 0 2.123 0v-3.216c.596 0 1.617-.268 2.059-.86a.35.35 0 0 0 .071-.212V7.36a.28.28 0 0 0-.063-.22M20.57 9.86h-.354a.356.356 0 0 0-.354.356v3.572a.356.356 0 0 1-.354.356.356.356 0 0 1-.354-.356v-5.36c0-.784.636-1.424 1.416-1.424.449 0 1.125.212 1.415.492v1.872c-.29.284-.966.492-1.415.492"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M16.308 15.928a.356.356 0 0 0-.354.356v2.504c0 .94-.628 1.788-1.53 2.056a.36.36 0 0 0 .095.704c.032 0 .063-.008.103-.016a2.865 2.865 0 0 0 2.036-2.736v-2.504a.35.35 0 0 0-.35-.364"
             })
         ]

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

@@ -78,44 +78,44 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as v } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+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: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = l(), a = s !== null && s !== void 0 ? s : h ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = i();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const h = l(), a = s !== null && s !== void 0 ? s : h ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = i();
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: [
-            /* @__PURE__ */ v("path", {
+            /* @__PURE__ */ e("path", {
                 fill: a,
                 d: "M17.145 5.27c0-1.809-1.45-3.27-3.225-3.27H8.529C6.745 2 5.3 3.47 5.3 5.27v13.46C5.3 20.54 6.75 22 8.525 22h5.387c1.783 0 3.225-1.47 3.225-3.27v-3.688c.326-.232.54-.61.54-1.046V8.551a2.38 2.38 0 0 0-.54-1.51V5.27zm-.54 8.738a.185.185 0 0 1-.181.184.184.184 0 0 1-.181-.184v-3.64a.537.537 0 0 0-.54-.548h-.358c-.43 0-.992-.183-1.252-.403V7.673c.268-.216.823-.404 1.252-.404.69 0 1.252.571 1.252 1.27v5.465h.008zM8.53 20.559c-.992 0-1.792-.818-1.792-1.816V5.27c0-1.006.807-1.817 1.792-1.817h5.383c.992 0 1.791.819 1.791 1.817v.942c-.118-.016-.236-.032-.358-.032-.634 0-1.744.295-2.229.95a.54.54 0 0 0-.102.331V9.65c0 .12.04.231.102.331.437.595 1.394.89 2.044.942v3.102c0 .435.213.81.54 1.046v3.689c.011.978-.8 1.8-1.788 1.8zm14.07-13.425c-.485-.65-1.596-.95-2.23-.95-1.283 0-2.33 1.062-2.33 2.363v5.457c0 .699.563 1.27 1.252 1.27s1.252-.571 1.252-1.27v-3.098c.65-.048 1.61-.347 2.044-.942a.54.54 0 0 0 .102-.331v-2.18a.44.44 0 0 0-.09-.32m-.97 2.295.005-.004v.004zm0 0c-.27.214-.821.4-1.248.4h-.358c-.291 0-.54.239-.54.546v3.641a.185.185 0 0 1-.18.184.184.184 0 0 1-.182-.184V8.551c0-.699.563-1.27 1.253-1.27.429 0 .992.184 1.252.404v1.744z"
             }),
-            /* @__PURE__ */ v("path", {
+            /* @__PURE__ */ e("path", {
                 fill: a,
                 d: "M11.4 4.547H8.529a.731.731 0 0 0 0 1.461h2.87a.731.731 0 0 0 0-1.461"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: [
-            /* @__PURE__ */ v("path", {
+            /* @__PURE__ */ e("path", {
                 fill: a,
                 d: "M17.145 5.27c0-1.809-1.45-3.27-3.225-3.27H8.529C6.745 2 5.3 3.47 5.3 5.27v13.46C5.3 20.54 6.75 22 8.525 22h5.387c1.783 0 3.225-1.47 3.225-3.27v-3.688c.327-.232.54-.61.54-1.046V8.551a2.38 2.38 0 0 0-.54-1.51V5.27zm-.54 8.738a.185.185 0 0 1-.181.184.184.184 0 0 1-.181-.184v-3.64a.537.537 0 0 0-.54-.548h-.358c-.43 0-.992-.183-1.252-.403V7.673c.268-.216.823-.404 1.252-.404.69 0 1.252.571 1.252 1.27v5.465h.008zM8.53 20.559c-.992 0-1.792-.818-1.792-1.816V5.27c0-1.006.807-1.817 1.792-1.817h5.383c.992 0 1.791.819 1.791 1.817v.942a3 3 0 0 0-.358-.032c-.634 0-1.744.295-2.229.95a.54.54 0 0 0-.102.331V9.65c0 .12.04.231.102.331.437.595 1.394.89 2.044.942v3.102c0 .435.213.81.54 1.046v3.689c.011.978-.8 1.8-1.788 1.8zm14.07-13.425c-.485-.65-1.595-.95-2.23-.95-1.283 0-2.33 1.062-2.33 2.363v5.457c0 .699.563 1.27 1.252 1.27s1.252-.571 1.252-1.27v-3.098c.65-.048 1.61-.347 2.044-.942a.54.54 0 0 0 .102-.331v-2.18a.44.44 0 0 0-.09-.32m-.97 2.295.005-.004v.004zm0 0c-.27.214-.821.4-1.248.4h-.358c-.291 0-.54.239-.54.546v3.641a.185.185 0 0 1-.18.184.185.185 0 0 1-.182-.184V8.551c0-.699.563-1.27 1.253-1.27.429 0 .992.184 1.252.404v1.744z"
             }),
-            /* @__PURE__ */ v("path", {
+            /* @__PURE__ */ e("path", {
                 fill: a,
                 d: "M11.4 4.547H8.529a.731.731 0 0 0 0 1.461h2.87a.731.731 0 0 0 0-1.461"
             })

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

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

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { 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 c } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
     var { color: e, size: a = 24 } = _param, o = _object_without_properties(_param, [

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+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: e, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = l(), o = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = s();
+    const t = l(), h = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = s();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
-            fill: o,
+            fill: h,
             d: "M22.391 7.556c0-2.058-1.572-3.74-3.552-3.878C18.37 2.688 17.383 2 16.233 2H7.899C6.299 2 5 3.327 5 4.963V22h14.131V11.4c1.841-.27 3.26-1.886 3.26-3.844M6.451 4.967c0-.815.65-1.479 1.448-1.479h8.333c.4 0 .761.171 1.02.437a3.89 3.89 0 0 0-2.471 3.635c0 1.826 1.238 3.357 2.898 3.774v9.192H6.452zm9.42 2.589c0-1.531 1.22-2.778 2.717-2.778s2.718 1.247 2.718 2.778-1.22 2.778-2.718 2.778-2.717-1.247-2.717-2.778m5.069 0a.546.546 0 0 1-.543.554h-1.266v1.295a.546.546 0 0 1-.543.554.546.546 0 0 1-.542-.554v-1.29H16.78a.546.546 0 0 1-.543-.555c0-.308.241-.554.543-.554h1.266V5.712c0-.308.241-.555.542-.555s.543.247.543.555v1.294h1.266a.54.54 0 0 1 .543.55m-7.606 7.04h-3.028c.255-1.37 1.433-2.409 2.847-2.4.505 0 1.006.138 1.447.399.26.152.594.061.742-.204a.563.563 0 0 0-.2-.758 3.9 3.9 0 0 0-1.994-.55c-2.012 0-3.677 1.536-3.942 3.517h-.584a.546.546 0 0 0-.543.555c0 .308.242.554.543.554h.584c.265 1.982 1.93 3.518 3.942 3.518.696 0 1.387-.19 1.995-.55a.563.563 0 0 0 .199-.759.534.534 0 0 0-.742-.203c-.44.26-.941.398-1.447.398-1.415 0-2.592-1.038-2.847-2.408h3.028a.546.546 0 0 0 .543-.555.546.546 0 0 0-.543-.555"
         })
     })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const n = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
-            fill: o,
+            fill: h,
             d: "M22.391 7.556c0-2.058-1.572-3.74-3.552-3.878C18.37 2.688 17.383 2 16.233 2H7.899C6.299 2 5 3.327 5 4.963V22h14.131V11.4c1.841-.27 3.26-1.886 3.26-3.844M6.451 4.967c0-.815.65-1.479 1.448-1.479h8.333c.4 0 .761.171 1.02.437a3.89 3.89 0 0 0-2.471 3.635c0 1.826 1.238 3.357 2.898 3.774v9.192H6.452zm9.42 2.589c0-1.531 1.22-2.778 2.717-2.778s2.718 1.247 2.718 2.778-1.22 2.778-2.718 2.778-2.717-1.247-2.717-2.778m5.069 0a.546.546 0 0 1-.543.554h-1.266v1.295a.546.546 0 0 1-.543.554.546.546 0 0 1-.542-.554v-1.29H16.78a.546.546 0 0 1-.543-.555c0-.308.241-.554.543-.554h1.266V5.712c0-.308.241-.555.542-.555s.543.247.543.555v1.294h1.266a.54.54 0 0 1 .543.55m-7.606 7.04h-3.028c.255-1.37 1.433-2.409 2.847-2.4.505 0 1.006.138 1.447.399.26.152.594.061.742-.204a.563.563 0 0 0-.2-.758 3.9 3.9 0 0 0-1.994-.55c-2.012 0-3.677 1.536-3.942 3.517h-.584a.546.546 0 0 0-.543.555c0 .308.242.554.543.554h.584c.265 1.982 1.93 3.518 3.942 3.518.696 0 1.387-.19 1.995-.55a.563.563 0 0 0 .199-.759.534.534 0 0 0-.742-.203c-.44.26-.941.398-1.447.398-1.415 0-2.592-1.038-2.847-2.408h3.028a.546.546 0 0 0 .543-.555.546.546 0 0 0-.543-.555"
         })
     }));

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, [