@telefonica/mistica 15.20.1 → 16.1.0

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as i } 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 n = (_param)=>{
     var { color: o, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = i(), s = o !== null && o !== void 0 ? o : e ? t.colors.inverse : t.colors.neutralHigh;
+    const e = s(), i = o !== null && o !== void 0 ? o : e ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ a("path", {
-            fill: s,
+            fill: i,
             d: "m11.721 8.23.014-.017.97-.972a.41.41 0 0 0 0-.58l-2.426-2.428a.4.4 0 0 0-.28-.12l-1.978-.06-1.779-1.781a.42.42 0 0 0-.58 0l-3.386 3.39a.41.41 0 0 0 0 .579L4.06 8.028l.135 1.913c.005.101.047.193.117.264l2.429 2.428c.16.16.417.157.577-.003l4.39-4.383zm-.624-.532L7.03 11.762 5 9.734 4.87 7.821a.4.4 0 0 0-.118-.263L3.147 5.952l2.804-2.806L7.556 4.75a.43.43 0 0 0 .28.12l1.978.06 2.022 2.021-.711.712-.014.017zM21.72 18.33a.41.41 0 0 0 0-.58l-1.904-1.905-.19-1.983a.4.4 0 0 0-.118-.252l-2.57-2.572a.41.41 0 0 0-.579 0l-.709.709-1.717-1.72a.41.41 0 0 0-.58 0l-3.389 3.39a.41.41 0 0 0 0 .58l1.72 1.72-.712.71a.41.41 0 0 0 0 .58l2.57 2.572c.07.073.164.115.265.12l2.05.12 1.894 1.9c.163.16.423.16.583 0zm-.87-.289-2.81 2.81-1.72-1.72a.4.4 0 0 0-.266-.12l-2.048-.121-2.168-2.168.711-.712a.41.41 0 0 0 0-.58l-1.72-1.72 2.81-2.809 1.714 1.72a.425.425 0 0 0 .583 0l.709-.709 2.176 2.177.194 1.986c.008.092.05.182.117.249z"
         })
     }));

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

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

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

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as i } 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 s } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), a = e !== null && e !== void 0 ? e : s ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const a = s(), i = e !== null && e !== void 0 ? e : a ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: a,
+        children: /* @__PURE__ */ r("path", {
+            fill: i,
             d: "M21.841 11.13c0 3.868-2.837 5.24-5.266 5.24l-.395.003a4.6 4.6 0 0 1-.644 1.073l3.33 3.364a.61.61 0 0 1 0 .858l-.005.005a.6.6 0 0 1-.846-.005l-3.336-3.365q-.004-.004-.007-.01l-.007-.012a4.6 4.6 0 0 1-2.737.908 4.64 4.64 0 0 1-4.24-2.788l-1.659.003c-2.448-.249-3.874-1.87-3.874-4.339 0-2.526 1.387-3.574 2.457-4.002.19-5.62 5.403-5.908 6.465-5.908.823 0 4.865.188 6.109 3.784 2.325.216 4.655 1.67 4.655 5.19M8.494 14.508a3.47 3.47 0 0 0 3.462 3.462 3.463 3.463 0 1 0-3.462-3.462"
         })
     }));

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } 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 c } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = a(), s = l !== null && l !== void 0 ? l : e ? c.colors.inverse : c.colors.neutralHigh;
+    const t = a(), 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"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ r("path", {
             fill: s,
             d: "M21.838 11.106c0 4.9-4.309 5.146-5.171 5.146h-.39a4.6 4.6 0 0 1-.815 1.451l3.398 3.429c.16.162.16.423 0 .585l-.003.003a.41.41 0 0 1-.577-.003l-3.4-3.431a4.5 4.5 0 0 1-2.886 1.047c-1.974 0-3.65-1.274-4.271-3.053l-1.824.003c-1.157-.118-3.748-.756-3.748-4.221 0-2.56 1.454-3.558 2.502-3.942.114-5.677 5.344-5.969 6.403-5.969.824 0 4.91.188 6.081 3.852 1.418.106 4.7.823 4.7 5.103M5.94 15.46l1.58-.01a5 5 0 0 1-.056-.695c0-2.524 2.028-4.572 4.532-4.572s4.532 2.048 4.532 4.574q-.002.337-.053.664h.194c1.022 0 4.352-.31 4.352-4.316 0-3.77-2.938-4.258-4.201-4.294a.415.415 0 0 1-.387-.309c-.893-3.355-4.636-3.526-5.378-3.526-1.308 0-5.583.384-5.583 5.328l.006.114a.41.41 0 0 1-.297.398c-1.465.42-2.21 1.513-2.21 3.247 0 2.554 1.616 3.257 2.97 3.397m6.053 3.045c2.048 0 3.715-1.68 3.715-3.745 0-2.064-1.667-3.745-3.715-3.745s-3.711 1.68-3.711 3.745c0 2.064 1.664 3.745 3.711 3.745"
         })
     }));
-}, d = i;
-export { d as default };
+}, m = i;
+export { m as default };

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
-import { vars as l } 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 n = (_param)=>{
-    var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: l, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = t(), s = c !== null && c !== void 0 ? c : a ? l.colors.inverse : l.colors.neutralHigh;
+    const a = t(), s = l !== null && l !== void 0 ? l : a ? 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), {
+    }, c), {
         children: /* @__PURE__ */ o("path", {
             fill: s,
             d: "M21.841 11.13c0 3.868-2.837 5.24-5.266 5.24l-.398.006a4.6 4.6 0 0 1-.644 1.073l3.33 3.359a.61.61 0 0 1 0 .86.6.6 0 0 1-.85 0l-3.334-3.364-.007-.012-.007-.01a4.58 4.58 0 0 1-2.737.907 4.64 4.64 0 0 1-4.24-2.788l-1.659.003c-2.448-.249-3.874-1.87-3.874-4.339 0-2.526 1.387-3.574 2.457-4.002.19-5.62 5.403-5.908 6.465-5.908.823 0 4.865.188 6.109 3.784 2.325.216 4.655 1.67 4.655 5.19M6.091 15.19l1.252-.002a5 5 0 0 1-.054-.678c0-2.583 2.079-4.678 4.64-4.678s4.635 2.095 4.635 4.678c0 .218-.02.434-.048.647h.056c.956 0 4.065-.291 4.065-4.028 0-3.513-2.74-3.97-3.919-4.003a.61.61 0 0 1-.566-.451c-.837-3.146-4.375-3.305-5.075-3.305-1.236 0-5.27.358-5.27 5.014l.006.112a.61.61 0 0 1-.437.585c-1.339.381-2.016 1.387-2.016 2.983 0 2.35 1.487 2.998 2.73 3.126m5.837 2.78c1.894 0 3.434-1.553 3.432-3.463 0-1.908-1.538-3.462-3.432-3.462s-3.434 1.552-3.434 3.462c0 1.908 1.54 3.462 3.434 3.462"
         })
     }));
-}, m = n;
-export { m as default };
+}, d = n;
+export { d as default };

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = t(), s = r !== null && r !== void 0 ? r : o ? l.colors.inverse : l.colors.neutralHigh;
+    const o = t(), s = e !== null && e !== void 0 ? e : o ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ a("path", {
             fill: s,
             d: "M10.356 5.5c-1.194-.35-1.92-.824-2.11-1.373V4.12q-.001-.003-.01-.01c.192-.546.918-1.03 2.1-1.38 1.258-.368 2.919-.575 4.68-.575 1.763 0 3.424.207 4.67.574 1.247.37 1.955.852 2.11 1.426 0 0-.01.008-.01.02-.21.529-.926.986-2.091 1.327-1.258.367-2.908.575-4.67.575s-3.415-.208-4.67-.577m3.05 7.347c0 .23-.03.454-.07.678l-.04.165-.008.034a4 4 0 0 1-.143.453l-.017.047q-.026.078-.061.152a3.5 3.5 0 0 1-.294.533q-.053.07-.11.14l-.053.064-.008.01c-.072.092-.143.18-.224.264a3 3 0 0 1-.241.233 4.4 4.4 0 0 1-.955.627 3.9 3.9 0 0 1-1.628.365c-.107 0-.21-.014-.314-.029l-.128-.016a3.8 3.8 0 0 1-.933-.216c-1.442-.543-2.473-1.905-2.473-3.504 0-1.6 1.03-2.96 2.473-3.504a3.985 3.985 0 0 1 1.375-.258c.236 0 .465.028.69.067l.03.006q.087.018.174.039c.157.04.308.084.457.14q.043.018.088.032.062.02.122.047.272.117.523.277c.065.039.124.085.183.13l.078.06c.078.06.151.118.224.182q.146.124.275.267.048.05.092.106l.025.03c.196.239.373.494.507.774.241.49.384 1.028.384 1.605m.994-1.524c.207.009.412.017.625.017 1.762 0 3.423-.199 4.67-.566 1.238-.367 1.918-.924 2.148-1.344V5.486c-.46.355-1.081.644-1.88.876-1.341.395-3.095.61-4.938.61s-3.597-.215-4.936-.61c-.818-.232-1.45-.538-1.91-.896v2.602c-2.137.588-3.709 2.507-3.709 4.779 0 1.216.449 2.328 1.194 3.193l-3.328 3.255a.59.59 0 0 0 0 .852.626.626 0 0 0 .874 0L6.57 16.86a5.1 5.1 0 0 0 1.608.756v1.958c0 .698.726 1.272 2.157 1.695 1.269.37 2.927.574 4.68.574 1.751 0 3.412-.207 4.67-.574 1.431-.42 2.157-.995 2.157-1.695v-3.543c-.485.367-1.129.68-1.88.896-1.333.395-3.084.61-4.938.61-1.135 0-2.221-.092-3.213-.246a5.3 5.3 0 0 0 1.135-.756c.66.067 1.358.104 2.078.104 1.762 0 3.423-.208 4.67-.575 1.238-.367 1.918-.924 2.148-1.344v-3.983c-.485.367-1.129.672-1.88.888-1.333.395-3.084.61-4.938.61q-.12-.001-.239-.008-.095-.006-.192-.009a5 5 0 0 0-.202-.896z"

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as l } 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: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const l = (_param)=>{
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = l(), s = o !== null && o !== void 0 ? o : e ? r.colors.inverse : r.colors.neutralHigh;
+    const t = i(), s = o !== null && o !== void 0 ? o : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ a("path", {
             fill: s,
             d: "M14.894 2.155c1.661 0 3.236.199 4.429.557 1.672.505 2.518 1.292 2.52 2.342v13.888c0 1.048-.845 1.835-2.517 2.34-1.208.36-2.78.56-4.429.56-1.647 0-3.218-.2-4.426-.558-1.672-.504-2.518-1.291-2.518-2.342v-1.468a4.9 4.9 0 0 1-1.619-.837l-3.479 3.476a.407.407 0 0 1-.569 0 .41.41 0 0 1-.01-.58l3.461-3.46a4.83 4.83 0 0 1-1.271-3.263 4.87 4.87 0 0 1 3.487-4.66V5.05c0-.162.023-.327.067-.484v-.003c.233-.81 1.056-1.431 2.449-1.852 1.196-.358 2.767-.557 4.425-.557m0 .82c-1.577 0-3.067.186-4.187.525-1.07.322-1.72.759-1.891 1.263l.005.011.006.011c.168.502.82.939 1.888 1.26 1.123.34 2.61.525 4.188.525s3.064-.188 4.187-.524c1.04-.314 1.69-.737 1.874-1.222l.01-.013q.005-.005.007-.012c-.151-.53-.787-.966-1.896-1.3-1.12-.338-2.608-.523-4.19-.523M8.771 6.005v1.98q.275-.032.557-.033a4.87 4.87 0 0 1 4.648 3.428c.244.015.57.017.77.018l.151.002c1.588 0 3.076-.185 4.199-.524 1.115-.336 1.717-.852 1.924-1.238v-3.61c-.409.319-.963.585-1.689.803-1.199.359-2.77.558-4.425.558-1.653 0-3.225-.2-4.424-.558q-1.09-.333-1.711-.826m4.602 6.81a4.05 4.05 0 0 0-4.045-4.046 4.05 4.05 0 0 0-4.044 4.045 4.05 4.05 0 0 0 4.044 4.045 4.05 4.05 0 0 0 4.045-4.045m1.524 8.207c1.571 0 3.059-.185 4.19-.524 1.284-.387 1.933-.908 1.936-1.555v-3.255c-.44.336-1.011.625-1.689.827-1.196.36-2.767.557-4.426.557a19 19 0 0 1-2.678-.182.4.4 0 0 1-.16-.062 4.78 4.78 0 0 1-3.296.815v1.3c0 .644.652 1.168 1.935 1.555 1.13.339 2.62.524 4.188.524m-.703-8.21a4.88 4.88 0 0 1-1.314 3.322c.65.07 1.325.117 2.034.117 1.58 0 3.067-.187 4.188-.524 1.112-.333 1.717-.851 1.924-1.235v-3.658c-.437.336-1.011.622-1.69.826-1.198.359-2.767.558-4.425.558H14.9c-.132 0-.451-.003-.748-.012.025.2.042.401.042.605"
         })
     }));
-}, m = i;
+}, m = l;
 export { m as default };

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

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

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

@@ -79,9 +79,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: o, size: l = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
@@ -98,5 +98,5 @@ const n = (_param)=>{
             d: "M21.817 8.199V8.19q0-.02-.003-.039v-.014l-.009-.05-.005-.024-.006-.024q0-.006-.003-.01l-.002-.004-.01-.025-.004-.011-.006-.012q-.009-.024-.022-.044l-.026-.042-.008-.012-.011-.015-.007-.01-.004-.005-.009-.012q-.016-.02-.033-.036l-5.463-5.462-.018-.017-.018-.017-.011-.008-.016-.011-.015-.012-.011-.008-.042-.025-.023-.011-.022-.012-.011-.005-.021-.009-.016-.005h-.01q-.023-.008-.048-.011l-.05-.009h-.015l-.02-.001-.02-.002h-.008c-2.193-.002-4.612 0-5.823 0h-.686c-.712 0-1.152.44-1.152 1.149v2.28a5.803 5.803 0 0 0-2.537 9.168l-3.264 3.386a.562.562 0 0 0 .807.78l3.25-3.376a5.8 5.8 0 0 0 1.747.989v4.114c0 .715.443 1.16 1.154 1.16h11.398c.684 0 1.129-.445 1.129-1.132.003-.442.003-8.235.003-12.495m-1.913-.56h-1.379c-.652 0-1.198-.205-1.582-.589s-.586-.933-.586-1.585V4.087L18.13 5.86zm-6.533.128a4.68 4.68 0 1 1-6.619 6.62 4.68 4.68 0 0 1 6.62-6.62"
         })
     }));
-}, m = n;
+}, m = a;
 export { m as default };

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

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

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: a, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = s(), l = a !== null && a !== void 0 ? a : c ? o.colors.inverse : o.colors.neutralHigh;
+    const c = l(), i = a !== null && a !== void 0 ? a : c ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -94,9 +94,9 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ e("path", {
-            fill: l,
+            fill: i,
             d: "M19.788 21.826H9.298c-.712 0-1.154-.445-1.154-1.16v-4.115a5.8 5.8 0 0 1-1.75-.987l-3.248 3.374a.56.56 0 1 1-.807-.779L5.6 14.774a5.803 5.803 0 0 1 2.543-9.167V3.322c0-.706.443-1.146 1.152-1.149h6.51a.55.55 0 0 1 .395.166L21.662 7.8a.55.55 0 0 1 .165.395v12.496c0 .686-.445 1.128-1.129 1.131q-.453.004-.91.003m-9.715-4.947q-.411 0-.809-.056v3.883h11.44V8.759h-2.168c-.956 0-1.779-.317-2.376-.916-.596-.6-.916-1.42-.916-2.375V3.297h-5.98v2.036q.398-.056.81-.056a5.8 5.8 0 0 1 4.1 9.902 5.76 5.76 0 0 1-4.1 1.7m6.292-12.79v1.379c0 .652.202 1.198.585 1.585.384.387.933.588 1.583.588h1.378zm-10.97 6.992a4.68 4.68 0 0 0 4.684 4.678 4.682 4.682 0 0 0 3.305-7.992 4.65 4.65 0 0 0-3.31-1.37 4.68 4.68 0 0 0-4.678 4.684"
         })
     }));
-}, m = i;
+}, m = s;
 export { m as default };

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

@@ -78,34 +78,34 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = h(), r = a !== null && a !== void 0 ? a : n ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = h(), o = a !== null && a !== void 0 ? a : n ? l.colors.inverse : l.colors.neutralHigh, { skinName: i } = c();
+    return i.match(/^o2-new/i) ? /* @__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,
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "m15.711 14.884 5.62 5.896a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-5.62-5.9c-1.299 1.136-2.967 1.82-4.785 1.82-4.126 0-7.482-3.524-7.482-7.856S5.836 2 9.962 2s7.487 3.524 7.483 7.86c0 1.908-.652 3.66-1.734 5.024M9.962 3.428c-3.375 0-6.122 2.884-6.122 6.428s2.747 6.428 6.122 6.428 6.123-2.884 6.123-6.428-2.747-6.428-6.123-6.428"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__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,
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "m15.711 14.884 5.62 5.896a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-5.62-5.9c-1.299 1.136-2.967 1.82-4.785 1.82-4.126 0-7.482-3.524-7.482-7.856S5.836 2 9.962 2s7.487 3.524 7.483 7.86c0 1.908-.652 3.66-1.734 5.024M9.962 3.428c-3.375 0-6.122 2.884-6.122 6.428s2.747 6.428 6.122 6.428 6.123-2.884 6.123-6.428-2.747-6.428-6.123-6.428"
         })
     })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
@@ -115,12 +115,12 @@ const m = (_param)=>{
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: o,
                 d: "M14.125 5.984a5.73 5.73 0 0 0-8.104 0 5.73 5.73 0 0 0 0 8.104 5.73 5.73 0 0 0 9.782-4.053 5.69 5.69 0 0 0-1.678-4.05"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: o,
                 d: "M2.175 9.984a7.846 7.846 0 0 0 7.846 7.846 7.8 7.8 0 0 0 5.138-1.918l5.697 5.697a.55.55 0 0 0 .395.165.561.561 0 0 0 .398-.958l-5.704-5.704A7.848 7.848 0 0 0 4.473 4.435a7.85 7.85 0 0 0-2.298 5.55m12.67 4.726a.6.6 0 0 0-.095.094 6.73 6.73 0 0 1-9.485-.064A6.726 6.726 0 0 1 10.02 3.258a6.68 6.68 0 0 1 4.793 2.006 6.725 6.725 0 0 1 .03 9.446"
             })
         ]

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

@@ -78,24 +78,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = c(), o = l !== null && l !== void 0 ? l : n ? a.colors.inverse : a.colors.neutralHigh, { skinName: i } = s();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    const n = c(), t = l !== null && l !== void 0 ? l : n ? a.colors.inverse : a.colors.neutralHigh, { skinName: i } = s();
+    return i.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__ */ t("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
             d: "m15.701 14.884 5.62 5.896a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-5.62-5.9c-1.299 1.136-2.967 1.82-4.785 1.82-4.126 0-7.482-3.524-7.482-7.856S5.826 2 9.952 2s7.487 3.524 7.483 7.86c0 1.908-.652 3.66-1.734 5.024M9.952 3.428c-3.375 0-6.122 2.884-6.122 6.428s2.747 6.428 6.122 6.428 6.123-2.884 6.123-6.428-2.747-6.428-6.123-6.428"
         })
     })) : i.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
@@ -103,25 +103,25 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M21.896 21.392c.14.136.14.364-.005.504a.357.357 0 0 1-.503 0l-6.852-6.852A7.43 7.43 0 0 1 9.5 17C5.364 17 2 13.636 2 9.5S5.364 2 9.5 2s7.5 3.364 7.496 7.5c0 .392-.036.788-.108 1.22a.355.355 0 0 1-.412.292.355.355 0 0 1-.292-.412c.068-.388.1-.748.1-1.1A6.79 6.79 0 0 0 9.5 2.716 6.793 6.793 0 0 0 2.716 9.5 6.793 6.793 0 0 0 9.5 16.284a6.73 6.73 0 0 0 4.792-1.996c.14-.14.364-.14.504 0z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M15.928 13.432a.716.716 0 1 0 0-1.432.716.716 0 0 0 0 1.432"
             })
         ]
-    })) : /* @__PURE__ */ t("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__ */ t("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
             d: "M9.96 17.792a7.809 7.809 0 0 1-5.523-13.33A7.814 7.814 0 0 1 15.482 4.4a7.806 7.806 0 0 1 .192 10.907l6.085 6.082a.28.28 0 0 1-.196.479.28.28 0 0 1-.199-.084L15.278 15.7a7.76 7.76 0 0 1-5.317 2.091m0-15.056a7.248 7.248 0 1 0 5.124 2.123 7.2 7.2 0 0 0-5.123-2.123"
         })
     }));

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

@@ -78,31 +78,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: l, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), o = e !== null && e !== void 0 ? e : t ? a.colors.inverse : a.colors.neutralHigh;
-    return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const t = s(), o = l !== null && l !== void 0 ? l : t ? e.colors.inverse : e.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ r("path", {
                 fill: o,
                 d: "M8.852 8.179c0 .361.123.745.947.932V7.184c-.597.084-.947.443-.947.995M10.558 10.305c.863.185.992.566.992.958 0 .543-.37.921-.992 1.039z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ r("path", {
                 fill: o,
                 d: "M14.424 5.691a6.145 6.145 0 1 0-8.688 8.69 6.145 6.145 0 0 0 8.688-8.69m-2.49 7.079c-.348.3-.816.49-1.373.56v.546c0 .21-.171.381-.378.381a.38.38 0 0 1-.381-.38v-.525a3.9 3.9 0 0 1-1.913-.67.55.55 0 0 1-.253-.464.526.526 0 0 1 .533-.521c.123.003.24.042.341.11q.644.428 1.292.512v-2.13c-1.65-.243-2-1.198-2-1.963 0-1.173.776-1.96 2-2.072v-.267a.379.379 0 1 1 .76 0v.278c.506.059.98.21 1.357.442.264.163.303.373.303.485 0 .283-.23.512-.513.515h-.002a.7.7 0 0 1-.306-.084l-.008-.003a2.9 2.9 0 0 0-.835-.308V9.23c1.69.244 2.045 1.216 2.045 1.995.003.633-.23 1.168-.67 1.546"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ r("path", {
                 fill: o,
                 d: "M2.18 9.983a7.846 7.846 0 0 0 7.846 7.845 7.8 7.8 0 0 0 5.138-1.917l5.696 5.696a.55.55 0 0 0 .396.166.561.561 0 0 0 .398-.958l-5.705-5.704A7.848 7.848 0 0 0 4.476 4.434 7.85 7.85 0 0 0 2.18 9.983m12.669 4.725a.6.6 0 0 0-.094.095 6.73 6.73 0 0 1-9.485-.064 6.726 6.726 0 0 1 4.756-11.482 6.68 6.68 0 0 1 4.756 1.97l.012.01q.013.011.024.026a6.725 6.725 0 0 1 .031 9.445"
             })

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

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

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

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

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

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as r } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = c(), o = a !== null && a !== void 0 ? a : n ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = h();
-    return l.match(/^blau/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const n = c(), o = a !== null && a !== void 0 ? a : n ? l.colors.inverse : l.colors.neutralHigh, { skinName: i } = h();
+    return i.match(/^blau/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -98,7 +98,7 @@ const s = (_param)=>{
             fill: o,
             d: "m21.786 20.786-5.893-5.893a7.84 7.84 0 0 0 1.821-5.036C17.714 5.536 14.18 2 9.857 2 5.536 2 2 5.536 2 9.857c0 4.322 3.536 7.857 7.857 7.857a7.84 7.84 0 0 0 5.036-1.821l5.893 5.893a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1M3.429 9.857c0-3.536 2.892-6.428 6.428-6.428s6.429 2.892 6.429 6.428-2.893 6.429-6.429 6.429S3.43 13.393 3.43 9.857"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: o,
             d: "m15.702 14.884 5.619 5.896a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-5.62-5.9c-1.299 1.136-2.967 1.82-4.785 1.82-4.126 0-7.482-3.524-7.482-7.856S5.826 2 9.952 2s7.487 3.524 7.483 7.86c0 1.908-.651 3.66-1.733 5.024M9.952 3.428c-3.375 0-6.122 2.884-6.122 6.428s2.747 6.428 6.122 6.428 6.123-2.884 6.123-6.428-2.747-6.428-6.123-6.428"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-send-euro-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 s } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), r = t !== null && t !== void 0 ? t : a ? s.colors.inverse : s.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = h(), r = a !== null && a !== void 0 ? a : t ? s.colors.inverse : s.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-send-euro-light.js

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