@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+const l = (_param)=>{
     var { color: i, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = l(), s = i !== null && i !== void 0 ? i : e ? t.colors.inverse : t.colors.neutralHigh;
+    const e = a(), s = i !== null && i !== void 0 ? i : e ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -98,5 +98,5 @@ const a = (_param)=>{
             d: "M17.832 11.208a.41.41 0 0 1 .3.292.41.41 0 0 1-.104.406L8.437 21.72a.405.405 0 0 1-.516.056.42.42 0 0 1-.156-.502l2.874-7.417-4.477-1.095a.41.41 0 0 1-.297-.289.43.43 0 0 1 .098-.406l9.21-9.77a.405.405 0 0 1 .519-.062c.165.11.23.322.157.507l-2.9 7.275zm-6.258 2.513-2.316 5.983 7.678-7.854-4.636-1.13a.419.419 0 0 1-.286-.563l2.274-5.708-7.235 7.678 4.238 1.037c.115.027.21.106.266.212a.42.42 0 0 1 .017.345"
         })
     }));
-}, m = a;
+}, m = l;
 export { m as default };

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

@@ -79,22 +79,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: n, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = a(), i = t !== null && t !== void 0 ? t : l ? n.colors.inverse : n.colors.neutralHigh;
+    const i = a(), l = n !== null && n !== void 0 ? n : i ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ o("path", {
-            fill: i,
+            fill: l,
             d: "M17.697 11.023c.21.053.375.216.434.428a.63.63 0 0 1-.151.6L8.694 21.67a.584.584 0 0 1-.748.078.62.62 0 0 1-.23-.736l2.701-7.05-4.112-1.018a.6.6 0 0 1-.431-.423.63.63 0 0 1 .142-.596l8.916-9.572a.58.58 0 0 1 .754-.09c.24.16.336.474.23.746l-2.72 6.905zm-5.919 2.731-1.893 4.944 6.504-6.74-4.146-1.022a.6.6 0 0 1-.389-.316.63.63 0 0 1-.022-.51l1.815-4.605L7.597 12l3.767.932a.6.6 0 0 1 .39.314.64.64 0 0 1 .024.507"
         })
     }));

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

@@ -79,20 +79,20 @@ 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 { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
-    var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = t(), n = e !== null && e !== void 0 ? e : i ? c.colors.inverse : c.colors.neutralHigh;
+    const s = t(), n = c !== null && c !== void 0 ? c : s ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ r("path", {
             fill: n,
             d: "M21.714 8.055c.392-1.53-.081-2.941-1.445-4.314-1.367-1.372-2.77-1.848-4.292-1.45-1.294.336-2.689 1.308-4.523 3.15q-.485.489-.897.942c-.3.33-.277.846.053 1.146.331.302.84.28 1.14-.054q.39-.428.844-.885c1.6-1.605 2.8-2.47 3.787-2.728.638-.168 1.526-.199 2.745 1.028 1.221 1.227 1.188 2.118 1.022 2.759-.255.992-1.117 2.202-2.714 3.807s-2.798 2.473-3.784 2.728c-.639.165-1.527.196-2.745-1.028-.496-.501-.816-.966-.978-1.426a.808.808 0 1 0-1.521.544c.246.692.689 1.355 1.358 2.028 1.056 1.061 2.135 1.585 3.275 1.585q.5 0 1.017-.134c1.291-.337 2.689-1.309 4.52-3.152 1.835-1.843 2.802-3.246 3.138-4.546m-8.4 8.499a.806.806 0 0 0-1.14.039c-.261.283-.536.571-.77.798-3.477 3.493-4.928 3.314-6.533 1.7-1.605-1.613-1.784-3.072 1.692-6.565s4.927-3.314 6.53-1.7c.54.543.873 1.05 1.019 1.548a.81.81 0 1 0 1.552-.457c-.224-.764-.69-1.498-1.426-2.237-2.955-2.972-5.658-1.468-8.812 1.7-1.835 1.843-2.802 3.247-3.138 4.546-.392 1.53.079 2.941 1.446 4.314 1.115 1.118 2.19 1.602 3.271 1.602 1.788 0 3.577-1.327 5.544-3.302.24-.238.53-.544.804-.84a.813.813 0 0 0-.04-1.146"

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

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

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as m } 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 c = (_param)=>{
     var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [

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

@@ -80,20 +80,20 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), l = i !== null && i !== void 0 ? i : r ? h.colors.inverse : h.colors.neutralHigh, { skinName: e } = n();
-    return e.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const r = s(), l = h !== null && h !== void 0 ? h : r ? i.colors.inverse : i.colors.neutralHigh, { skinName: c } = n();
+    return c.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: [
             /* @__PURE__ */ t("path", {
                 fill: l,
@@ -104,12 +104,12 @@ const m = (_param)=>{
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: [
             /* @__PURE__ */ t("path", {
                 fill: l,
@@ -125,7 +125,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ t("path", {
             fill: l,
             d: "M19.39 3.571c0-.742-.586-1.42-1.224-1.42H5.846c-.638 0-1.224.678-1.221 1.42v16.846c0 .757.571 1.418 1.224 1.418l12.317.002c.652 0 1.224-.66 1.224-1.417zm-.821 0v16.85c0 .34-.24.596-.398.599l-12.33-.003c-.157 0-.398-.258-.398-.6V3.571c0-.327.263-.599.398-.599h12.33c.135 0 .398.272.398.6M7.745 8.714a.82.82 0 1 1 0-1.64.82.82 0 0 1 0 1.64m.821 3.28a.82.82 0 1 0-1.64 0 .82.82 0 0 0 1.64 0m2.056-3.28a.41.41 0 0 1-.414-.409.41.41 0 0 1 .414-.409h5.731c.23 0 .415.185.415.41a.41.41 0 0 1-.415.408zm6.146 3.69a.41.41 0 0 0-.415-.41h-5.73a.41.41 0 0 0-.415.41c0 .226.187.408.414.408h5.731c.23 0 .415-.185.415-.409m-9.023 2.873a.82.82 0 1 1 .002 1.64.82.82 0 0 1-.002-1.64m9.023 1.227a.413.413 0 0 0-.415-.409h-5.73a.41.41 0 0 0-.415.41c0 .226.187.408.414.408h5.731a.41.41 0 0 0 .415-.409"

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

@@ -78,16 +78,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), e = i !== null && i !== void 0 ? i : h ? c.colors.inverse : c.colors.neutralHigh, { skinName: o } = n();
+    const h = m(), l = c !== null && c !== void 0 ? c : h ? i.colors.inverse : i.colors.neutralHigh, { skinName: o } = n();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -95,12 +95,12 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "m7.424 7.527 2.178 2.19 4.022-4.043a.744.744 0 0 0 0-1.048.734.734 0 0 0-1.042 0l-2.98 2.996L8.466 6.48a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.047M9.602 14.828l-2.178-2.19a.744.744 0 0 1 0-1.048.734.734 0 0 1 1.042 0l1.136 1.142 2.98-2.996a.734.734 0 0 1 1.042 0 .744.744 0 0 1 0 1.048zM7.424 17.895l2.178 2.19 4.022-4.044a.744.744 0 0 0 0-1.047.734.734 0 0 0-1.042 0l-2.98 2.996-1.136-1.143a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.048"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
@@ -111,23 +111,23 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "m7.424 7.527 2.178 2.19 4.022-4.043a.744.744 0 0 0 0-1.048.734.734 0 0 0-1.042 0l-2.98 2.996L8.466 6.48a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.047M9.602 14.828l-2.178-2.19a.744.744 0 0 1 0-1.048.734.734 0 0 1 1.042 0l1.136 1.142 2.98-2.996a.734.734 0 0 1 1.042 0 .744.744 0 0 1 0 1.048zM7.424 17.895l2.178 2.19 4.022-4.044a.744.744 0 0 0 0-1.047.734.734 0 0 0-1.042 0l-2.98 2.996-1.136-1.143a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.048"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M19.385 3.746c0-.832-.664-1.591-1.392-1.591H6.013c-.729 0-1.393.76-1.393 1.591V20.25c0 .863.636 1.591 1.392 1.591h11.98c.754 0 1.393-.728 1.393-1.59zm-1.21 16.504c0 .219-.137.373-.182.387H6.018c-.059-.023-.19-.182-.19-.387V3.746c0-.193.145-.367.184-.387l11.956-.002c.061.022.207.196.207.389zM7.413 7.953a.805.805 0 0 0 1.608 0 .8.8 0 0 0-.804-.8.8.8 0 0 0-.804.8m1.613 4.081a.8.8 0 0 0-.804-.8.802.802 0 1 0 0 1.602.8.8 0 0 0 .804-.802m1.922-3.428a.604.604 0 0 1-.605-.602c0-.334.271-.603.605-.603h5.563a.604.604 0 1 1 0 1.204zm6.25 3.428a.604.604 0 0 0-.606-.602H11.03a.604.604 0 0 0-.605.602c0 .334.272.603.605.603h5.563a.604.604 0 0 0 .605-.603m-8.976 3.21a.802.802 0 1 1 0 1.603.802.802 0 1 1 0-1.602m8.975.802a.604.604 0 0 0-.605-.602H11.03a.604.604 0 0 0-.605.602c0 .333.272.602.605.602h5.563a.604.604 0 0 0 .605-.602"
         })
     }));

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

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

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

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as m } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
-    var { color: i, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), e = i !== null && i !== void 0 ? i : r ? s.colors.inverse : s.colors.neutralHigh, { skinName: o } = m();
+    const s = n(), e = r !== null && r !== void 0 ? r : s ? i.colors.inverse : i.colors.neutralHigh, { skinName: o } = m();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,5 +119,5 @@ const h = (_param)=>{
             d: "M2.155 6.788c0 .519.426.939.95.939.523 0 .95-.423.95-.939a.944.944 0 0 0-.95-.938c-.524 0-.95.42-.95.938m2.801-.002c0 .31.26.56.58.56H21.26c.32 0 .58-.252.58-.56a.57.57 0 0 0-.58-.56H5.536a.58.58 0 0 0-.58.56m16.305 4.652c.32 0 .58.25.58.56s-.26.56-.58.56H5.536a.57.57 0 0 1-.58-.56c0-.31.26-.56.58-.56zm-19.106.56c0 .519.426.939.95.939.523 0 .95-.42.95-.938a.944.944 0 0 0-.95-.939c-.524 0-.95.42-.95.938m19.106 4.653c.155 0 .3.059.41.163.109.103.17.246.17.395 0 .308-.26.56-.58.56H5.536a.58.58 0 0 1-.58-.56c0-.308.26-.56.58-.56H21.26zm-19.106.56c0 .519.426.939.95.939.523 0 .95-.42.95-.939a.944.944 0 0 0-.95-.938c-.524 0-.95.42-.95.938"
         })
     }));
-}, d = h;
-export { d as default };
+}, p = h;
+export { p as default };

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

@@ -80,32 +80,32 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as m } 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 h = (_param)=>{
-    var { color: a, size: c = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), o = a !== null && a !== void 0 ? a : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: r } = m();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const i = n(), s = a !== null && a !== void 0 ? a : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = m();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: s,
             d: "M6.287 4.694c0-1.207-.96-2.194-2.143-2.194C2.96 2.5 2 3.482 2 4.694s.96 2.193 2.144 2.193c1.183 0 2.143-.986 2.143-2.193m14.995.365H7.713A.72.72 0 0 1 7 4.329c0-.402.32-.73.713-.73h13.57c.392 0 .712.328.712.73a.72.72 0 0 1-.713.73M22 12c0-.402-.32-.73-.713-.73H7.713A.72.72 0 0 0 7 12c0 .402.32.73.713.73h13.57A.723.723 0 0 0 22 12m-.713 6.946c.393 0 .713.327.713.73s-.32.73-.718.73H7.713a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73zM6.287 12c0-1.207-.96-2.194-2.143-2.194C2.96 9.806 2 10.79 2 12s.96 2.194 2.144 2.194c1.183 0 2.143-.987 2.143-2.194m-2.139.73a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73s.713.328.713.73-.32.73-.713.73m2.139 6.576c0-1.207-.96-2.193-2.143-2.193-1.184 0-2.144.982-2.144 2.193S2.96 21.5 4.144 21.5c1.183 0 2.143-.982 2.143-2.194m-2.139.73a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73s.713.328.713.73-.32.73-.713.73m0-14.613a.72.72 0 0 1-.713-.73c0-.402.32-.729.713-.729a.72.72 0 0 1 .713.73c0 .402-.32.73-.713.73"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: s,
             d: "M6.287 4.694c0-1.207-.96-2.194-2.143-2.194C2.96 2.5 2 3.482 2 4.694s.96 2.193 2.144 2.193c1.183 0 2.143-.986 2.143-2.193m14.995.365H7.713A.72.72 0 0 1 7 4.329c0-.402.32-.73.713-.73h13.57c.392 0 .712.328.712.73a.72.72 0 0 1-.713.73M22 12c0-.402-.32-.73-.713-.73H7.713A.72.72 0 0 0 7 12c0 .402.32.73.713.73h13.57A.723.723 0 0 0 22 12m-.713 6.946c.393 0 .713.327.713.73s-.32.73-.718.73H7.713a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73zM6.287 12c0-1.207-.96-2.194-2.143-2.194C2.96 9.806 2 10.79 2 12s.96 2.194 2.144 2.194c1.183 0 2.143-.987 2.143-2.194m-2.139.73a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73s.713.328.713.73-.32.73-.713.73m2.139 6.576c0-1.207-.96-2.193-2.143-2.193-1.184 0-2.144.982-2.144 2.193S2.96 21.5 4.144 21.5c1.183 0 2.143-.982 2.143-2.194m-2.139.73a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73s.713.328.713.73-.32.73-.713.73m0-14.613a.72.72 0 0 1-.713-.73c0-.402.32-.729.713-.729a.72.72 0 0 1 .713.73c0 .402-.32.73-.713.73"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: s,
             d: "M4.46 6.957c0-.613-.515-1.112-1.15-1.112-.64 0-1.155.499-1.155 1.112s.515 1.11 1.154 1.112c.636 0 1.151-.498 1.151-1.112m.98-.003c0 .41.36.74.8.74h14.803c.443 0 .798-.33.798-.74 0-.409-.358-.74-.798-.74H6.239c-.443 0-.798.331-.798.74m15.603 4.303c.44 0 .798.33.798.74 0 .408-.355.739-.798.739H6.239c-.44 0-.798-.33-.798-.74 0-.409.355-.74.798-.74zm-16.583.74c0-.614-.515-1.113-1.15-1.113-.64 0-1.155.499-1.155 1.112s.515 1.112 1.154 1.112c.636 0 1.151-.498 1.151-1.112m16.583 4.302c.44 0 .798.33.798.74 0 .406-.355.739-.798.739H6.239c-.44 0-.798-.333-.798-.74s.355-.74.798-.74zm-16.583.74c0-.614-.515-1.113-1.15-1.113-.64 0-1.155.496-1.155 1.112 0 .611.515 1.11 1.154 1.112.636 0 1.151-.501 1.151-1.112"
         })
     }));

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: l, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), a = l !== null && l !== void 0 ? l : e ? r.colors.inverse : r.colors.neutralHigh;
+    const s = i(), a = e !== null && e !== void 0 ? e : s ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, l), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: a,
@@ -104,5 +104,5 @@ const i = (_param)=>{
             })
         ]
     }));
-}, d = i;
-export { d as default };
+}, m = n;
+export { m as default };

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

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

package/dist-es/generated/mistica-icons/icon-loan-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 { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: r, size: l = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), c = r !== null && r !== void 0 ? r : t ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const e = n(), c = r !== null && r !== void 0 ? r : e ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",

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

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

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

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

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

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

package/dist-es/generated/mistica-icons/icon-location-map-light.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 m } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
     var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
@@ -119,5 +119,5 @@ const l = (_param)=>{
             d: "m21.83 21.321-2.343-8.192a.42.42 0 0 0-.232-.263.42.42 0 0 0-.348.008l-2.823 1.41-.505-.163c1.241-2.003 2.331-4.29 2.337-6.049.011-3.692-2.188-5.906-5.877-5.917h-.028c-1.81 0-3.303.532-4.32 1.544-1.02 1.014-1.563 2.513-1.57 4.337-.002 1.753 1.046 4.006 2.256 5.992l-.664.194-2.364-1.337a.412.412 0 0 0-.594.233l-2.58 8.192a.41.41 0 0 0 .554.501l4.399-1.91 4.664 1.905.115.028a.44.44 0 0 0 .246-.02l4.782-1.916 4.334 1.91q.137.059.277.02a.41.41 0 0 0 .283-.507M6.942 8.038c.003-1.624.45-2.888 1.328-3.76.868-.865 2.126-1.302 3.737-1.302h.025c3.275.008 5.073 1.815 5.062 5.093-.008 3.057-3.76 8.044-5.098 9.562-1.334-1.515-5.065-6.5-5.054-9.593m13.856 12.67-3.5-1.544-.705-4.116-.017-.092 2.255-1.127zm-17.57-.009 2.156-6.853 1.838 1.04-.496 4.295zm8.38-2.278-.019 2.424-4.04-1.656.466-4.068.016-.14.799-.23c1.095 1.69 2.221 3.085 2.779 3.67m4.15-3.381.711 4.163-4.059 1.625.017-2.454c.563-.6 1.636-1.93 2.692-3.536zm-5.065-7.338c0-.88.448-1.325 1.325-1.325.88 0 1.325.446 1.325 1.325 0 .88-.445 1.325-1.325 1.325s-1.325-.445-1.325-1.325m1.325 2.146c1.322 0 2.146-.823 2.146-2.146s-.824-2.146-2.146-2.146-2.143.821-2.143 2.146.82 2.146 2.143 2.146"
         })
     }));
-}, d = l;
-export { d as default };
+}, f = l;
+export { f as default };

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } 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 t } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
@@ -119,5 +119,5 @@ const s = (_param)=>{
             d: "M21.636 21.692a.61.61 0 0 0 .182-.619l-2.291-8.02a.6.6 0 0 0-.337-.386.6.6 0 0 0-.512.011l-2.695 1.345-.168-.053c1.165-1.9 2.174-4.056 2.18-5.813.01-3.745-2.216-5.986-5.959-5.997h-.028C8.28 2.16 6.05 4.387 6.04 8.12c-.005 1.687.964 3.83 2.107 5.749l-.322.092-2.244-1.269a.6.6 0 0 0-.871.342l-2.527 8.025a.61.61 0 0 0 .171.63.61.61 0 0 0 .644.104l4.23-1.837 4.429 1.815q.041.016.09.028l.111.025a.58.58 0 0 0 .364-.025l4.605-1.846 4.168 1.837a.604.604 0 0 0 .642-.098M7.244 8.118c.011-3.07 1.7-4.76 4.762-4.76h.025c3.076.01 4.765 1.71 4.756 4.788-.008 2.84-3.395 7.429-4.795 9.064-1.521-1.764-4.757-6.378-4.748-9.092m13.061 12.048-2.938-1.294-.667-3.869 1.863-.93zm-16.577-.009 1.908-6.056 1.468.83-.457 3.957zm7.687-1.793-.014 1.998-3.544-1.454.437-3.83.516-.15c1.02 1.557 2.05 2.843 2.605 3.436m1.204-.047c.476-.53 1.496-1.773 2.521-3.3l.364.115.65 3.793-3.549 1.42zM10.92 7.79c0-.75.35-1.098 1.095-1.098.748 0 1.098.35 1.098 1.098s-.35 1.096-1.098 1.096-1.095-.348-1.095-1.096m1.098 2.303c1.42 0 2.302-.883 2.302-2.303s-.882-2.302-2.302-2.302-2.303.882-2.303 2.302.883 2.303 2.303 2.303"
         })
     }));
-}, d = s;
-export { d as default };
+}, f = s;
+export { f as default };

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

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

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

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

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = a(), h = r !== null && r !== void 0 ? r : n ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = s();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const a = s(), h = r !== null && r !== void 0 ? r : a ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = n();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: h,
@@ -104,12 +104,12 @@ const v = (_param)=>{
                 d: "M17.912 8.07v1.428c1.15 0 2.088.96 2.088 2.144v8.214C20 21.04 19.061 22 17.912 22H6.088C4.935 22 4 21.036 4 19.856v-8.214C4 10.458 4.939 9.5 6.088 9.5V8.07C6.088 4.723 8.74 2 12 2s5.912 2.723 5.912 6.07M12 3.429c-2.493 0-4.522 2.083-4.522 4.643v1.428h9.044V8.07c0-2.56-2.03-4.643-4.522-4.643m6.606 16.424h.003v-8.21a.71.71 0 0 0-.697-.716H6.088a.71.71 0 0 0-.698.716v8.21c0 .396.316.716.698.716h11.82a.71.71 0 0 0 .698-.716"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: h,
@@ -120,12 +120,12 @@ const v = (_param)=>{
                 d: "M17.797 9.856h-.34V7.712C17.457 4.564 15.009 2 12 2S6.543 4.564 6.543 7.716V9.86h-.34c-.94 0-1.703.8-1.703 1.784v8.572C4.5 21.2 5.264 22 6.203 22h11.594c.94 0 1.703-.8 1.703-1.784v-8.572c0-.984-.764-1.788-1.703-1.788m-10.57-2.14c0-2.756 2.142-5 4.773-5s4.773 2.244 4.773 5V9.86H7.227zm10.57 13.572H6.203c-.565 0-1.023-.48-1.023-1.072v-8.572c0-.592.458-1.072 1.023-1.072h11.594c.565 0 1.023.48 1.023 1.072v8.572c0 .592-.458 1.072-1.023 1.072"
             })
         ]
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: h,