@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l, jsxs as o } from "react/jsx-runtime";
 import { useTheme as v } 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: r, size: h = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: h = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), c = r !== null && r !== void 0 ? r : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: a } = v();
+    const i = n(), e = r !== null && r !== void 0 ? r : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: a } = v();
     return a.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ l("path", {
-            fill: c,
+            fill: e,
             d: "M14.058 14.692v3.2h-3.2v-3.2zm.095-11.34a4.415 4.415 0 0 1 4.41 4.41v2.714h-8.82V7.762a4.415 4.415 0 0 1 4.41-4.41m3.39 17.296H7.373a1.02 1.02 0 0 1-1.02-1.02v-7.8h12.21v7.8a1.02 1.02 0 0 1-1.018 1.02M8.392 7.762v2.714H5v9.152A2.374 2.374 0 0 0 7.373 22h10.172a2.374 2.374 0 0 0 2.37-2.371V7.762A5.77 5.77 0 0 0 14.155 2 5.77 5.77 0 0 0 8.39 7.762"
         })
     })) : a.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
@@ -103,14 +103,14 @@ const s = (_param)=>{
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
             /* @__PURE__ */ l("path", {
-                fill: c,
+                fill: e,
                 d: "m10.956 17.057 4.031-4.135a.68.68 0 0 1 .982 0 .73.73 0 0 1 0 1.012l-5.013 5.147-2.232-2.292a.73.73 0 0 1 0-1.012.683.683 0 0 1 .986 0z"
             }),
             /* @__PURE__ */ l("path", {
-                fill: c,
+                fill: e,
                 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"
             })
         ]
@@ -119,14 +119,14 @@ const s = (_param)=>{
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
             /* @__PURE__ */ l("path", {
-                fill: c,
+                fill: e,
                 d: "m10.956 17.057 4.031-4.135a.68.68 0 0 1 .982 0 .73.73 0 0 1 0 1.012l-5.013 5.147-2.232-2.292a.73.73 0 0 1 0-1.012.683.683 0 0 1 .986 0z"
             }),
             /* @__PURE__ */ l("path", {
-                fill: c,
+                fill: e,
                 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"
             })
         ]
@@ -135,14 +135,14 @@ const s = (_param)=>{
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
             /* @__PURE__ */ l("path", {
-                fill: c,
+                fill: e,
                 d: "M14 16.31c0 1.845-1.526 1.987-1.908 1.995h-.183c-.402-.007-1.91-.15-1.91-2.007 0-1.85 1.493-1.99 1.894-1.993h.04q.081 0 .152.002c.392.01 1.915.165 1.915 2.003m-1.92 1.096c1.022-.019 1.022-.802 1.022-1.096 0-.267 0-1.08-1.037-1.105l-.062-.002h-.097c-1.004.01-1.004.799-1.004 1.095 0 .298 0 1.095 1.023 1.108z"
             }),
             /* @__PURE__ */ l("path", {
-                fill: c,
+                fill: e,
                 d: "M17.142 6.602C17.024 4.017 14.758 1.975 12 1.975c-2.833 0-5.147 2.154-5.147 4.837v1.533c-.455.07-1.042.252-1.52.7-.552.514-.834 1.243-.834 2.162l.003 7.863c-.003.056-.074 1.21.715 2.07.54.59 1.323.887 2.325.887l8.857-.006h.002c.078.005 1.373.08 2.272-.77.55-.519.825-1.24.825-2.152l-.001-4.883v-.003c0-1.635 0-2.946-.002-2.946v-.004c.006-.094.073-1.219-.7-2.07-.41-.452-.964-.735-1.65-.847V6.812zm-1.33 1.69c-2.278.001-6.103.006-7.623.009V6.812l.005-.185C8.3 4.788 9.955 3.31 12.002 3.31c2.115 0 3.81 1.579 3.81 3.502zm2.091 1.725c.427.462.39 1.139.386 1.198 0 0-.003 5.285.003 7.887 0 .56-.142.97-.435 1.252-.493.472-1.284.45-1.399.447h-.012l-8.9.006c-.649 0-1.13-.166-1.432-.49-.435-.467-.404-1.153-.4-1.198v-7.91c-.001-.56.147-.984.438-1.257.415-.39 1.035-.427 1.257-.427.04 0 .069.001.079.002h.003a.2.2 0 0 0 .046.003h.029L8.78 9.53c1.955-.003 5.75-.007 7.663-.007.663 0 1.155.165 1.46.495"
             })
         ]

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

@@ -79,9 +79,9 @@ 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 { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
@@ -98,5 +98,5 @@ const n = (_param)=>{
             d: "M9.89 5.5c-1.24-.35-1.996-.827-2.195-1.373V4.12l-.009-.01c.2-.546.956-1.033 2.188-1.38 1.308-.37 3.037-.575 4.871-.575s3.563.205 4.86.574c1.3.37 2.034.852 2.196 1.426 0 0-.008.008-.008.017-.219.53-.964.986-2.177 1.328-1.308.37-3.028.574-4.86.574-1.837.003-3.557-.205-4.865-.574m-.352 10.296c0-1.89-1.63-2.05-2.048-2.058l-.074-.002-.083-.001H7.29c-.429.005-2.023.146-2.023 2.05 0 1.908 1.608 2.056 2.037 2.062h.196c.409-.009 2.039-.154 2.039-2.05m-1.14 0c0 .294 0 .905-.922.922h-.16c-.913-.011-.913-.61-.913-.933 0-.322 0-.913.897-.921h.162c.936.022.936.638.936.932m1.58-5.344v.585l-4.9.003v-.608c0-2.084 1.438-2.409 2.292-2.417l.255.003h.017c.703.017 2.336.288 2.336 2.434M3.61 19.208c-.241-.252-.227-.636-.224-.678v-5.333c0-.325.075-.557.238-.706.21-.196.56-.238.728-.238q.034 0 .06.002h.038l6.143-.005q.605 0 .866.272c.238.25.218.63.215.678 0 0-.003 3.566 0 5.32 0 .321-.078.55-.238.702-.244.23-.664.263-.843.252l-6.137.003q-.589 0-.846-.269m7.59-8.151c1.065.182 2.275.283 3.553.283 1.832 0 3.56-.199 4.854-.572 1.288-.367 1.997-.921 2.235-1.344V5.477c-.479.359-1.129.647-1.958.88-1.392.395-3.218.61-5.137.61s-3.742-.215-5.137-.61c-.849-.233-1.51-.538-1.986-.897v1.348l-.266-.003c-1.614.014-3.502.975-3.502 3.627v.653a2.2 2.2 0 0 0-1.059.507c-.29.266-.638.76-.638 1.602l.003 5.291c-.006.093-.05.908.543 1.541.409.44.997.661 1.745.661l3.98-.003c.362.216.835.412 1.437.583 1.317.367 3.045.574 4.872.574 1.823 0 3.551-.207 4.86-.574 1.492-.42 2.246-.994 2.246-1.695v-3.54c-.507.367-1.174.68-1.958.896-1.384.395-3.21.61-5.137.61-.639 0-1.255-.033-1.857-.08v-.902c.596.05 1.213.086 1.857.086 1.835 0 3.563-.207 4.862-.574 1.289-.37 1.998-.924 2.236-1.347v-3.983c-.507.367-1.174.672-1.958.888-1.384.395-3.21.61-5.137.61-.72 0-1.418-.039-2.093-.098a1.8 1.8 0 0 0-.294-.428c-.297-.32-.689-.519-1.165-.611z"
         })
     }));
-}, m = n;
+}, m = a;
 export { m as default };

package/dist-es/generated/mistica-icons/icon-lock-de-data-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 { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), h = r !== null && r !== void 0 ? r : e ? l.colors.inverse : l.colors.neutralHigh;
+    const e = i(), h = r !== null && r !== void 0 ? r : e ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "m21.837 18.872-.132-13.885c-.01-1.05-.87-1.83-2.557-2.32-1.207-.347-2.798-.529-4.462-.515-1.667.017-3.247.23-4.448.602-1.398.434-2.222 1.067-2.449 1.88v.003q-.065.24-.064.484l.02 1.588q-.203-.011-.407-.008c-1.652.017-3.42.958-3.42 3.563v.868c-.333.042-.8.163-1.173.502-.393.358-.591.865-.591 1.507v5.532c-.003.034-.054.84.507 1.44.38.409.938.616 1.652.616l4.726-.003q.046.06.109.093c.347.19.773.358 1.266.501 1.168.333 2.678.518 4.272.518h.188c1.66-.017 3.24-.23 4.45-.602 1.678-.518 2.524-1.314 2.513-2.364M8.599 4.822c.16-.508.81-.95 1.885-1.283 1.126-.35 2.622-.547 4.213-.56 1.594-.026 3.09.156 4.221.484q1.681.488 1.922 1.28-.01.01-.017.022c-.182.488-.832.916-1.874 1.239-1.129.347-2.622.546-4.21.563-1.605.02-3.087-.157-4.219-.485-1.075-.311-1.739-.74-1.91-1.24l-.007-.014zm-.036 1.243q.63.487 1.725.81c1.16.336 2.667.515 4.26.515h.2c1.663-.014 3.243-.227 4.445-.6.72-.223 1.28-.498 1.694-.823l.034 3.61c-.207.39-.807.908-1.927 1.256-1.123.347-2.62.549-4.207.563-1.345.02-2.62-.107-3.681-.348v-.764c0-2.395-1.482-3.185-2.532-3.449zm-3.821 4.199c0-2.457 1.82-2.734 2.602-2.742l.148.001q.074 0 .138.002c.795.02 2.644.322 2.644 2.756v.829c-1.647 0-4.462.003-5.532.006zm-1.47 9.294c-.32-.333-.295-.823-.292-.857v-5.563c0-.4.106-.703.32-.9.299-.277.75-.304.912-.304l.057.002h.005a.1.1 0 0 0 .034.003h.894c1.401-.002 4.122-.005 5.492-.005.482 0 .84.12 1.062.355.313.334.285.821.283.857 0 0-.003 3.717 0 5.547 0 .4-.104.691-.32.893-.36.337-.939.322-1.017.32h-.008l-6.38.002q-.708 0-1.043-.35m4.215-5.655c.378.008 1.849.157 1.849 1.921 0 1.768-1.474 1.908-1.844 1.913l-.061.002-.062.001-.053-.003c-.39-.005-1.843-.145-1.843-1.927 0-1.779 1.44-1.907 1.829-1.91l.042-.003q.077 0 .143.006m-.006 3.01c1.028-.016 1.028-.825 1.028-1.089 0-.266 0-1.075-1.042-1.1l-.123-.003h-.03c-1.012.008-1.012.795-1.012 1.09 0 .268 0 1.089 1.028 1.103zm13.527 1.967c.008.645-.644 1.174-1.93 1.572-1.134.347-2.63.549-4.216.563-1.313.014-2.554-.112-3.596-.34.316-.06.7-.195 1.014-.487.389-.36.588-.865.585-1.501v-1.706c.577.053 1.17.087 1.782.087h.193c1.664-.017 3.24-.23 4.445-.602.68-.21 1.255-.499 1.692-.84zm-8.14-4.377c.001-.776.002-1.323 0-1.323a2.2 2.2 0 0 0-.227-1.059c.625.065 1.283.095 1.96.095h.197c1.664-.014 3.243-.226 4.445-.599.684-.21 1.255-.499 1.692-.84l.034 3.655c-.205.387-.807.908-1.925 1.252-1.128.348-2.624.546-4.21.563-.67.009-1.33-.028-1.966-.09z"
         })
     }));
-}, v = i;
+}, v = s;
 export { v as default };

package/dist-es/generated/mistica-icons/icon-lock-de-data-regular.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 l } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), a = r !== null && r !== void 0 ? r : t ? l.colors.inverse : l.colors.neutralHigh;
+    const a = s(), t = l !== null && l !== void 0 ? l : a ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: a,
+            fill: t,
             d: "m21.846 18.737-.129-13.6c-.011-1.126-.902-1.955-2.65-2.459-1.201-.344-2.759-.546-4.425-.512-1.653.014-3.222.226-4.418.596-1.44.446-2.291 1.112-2.535 1.978v.003q-.07.253-.07.526l.017 1.636-.297-.003c-1.608.014-3.487.972-3.487 3.622v.653a2.14 2.14 0 0 0-1.054.504c-.29.266-.635.759-.635 1.6l.002 5.282c-.005.09-.047.908.544 1.538.409.437.994.658 1.74.658l4.582-.003c.375.219.826.415 1.372.572 1.163.333 2.662.515 4.241.515h.182c1.645-.014 3.213-.227 4.418-.596 1.736-.538 2.613-1.384 2.602-2.51M10.586 3.913c1.084-.336 2.529-.526 4.064-.543 1.532-.011 2.983.151 4.076.465.691.199 1.495.538 1.714 1.045-.174.398-.765.773-1.686 1.059-1.085.336-2.527.53-4.065.543-1.532.034-2.983-.148-4.073-.465-.95-.272-1.549-.647-1.714-1.053.182-.395.768-.765 1.684-1.05m-5.521 6.614c0-2.084 1.43-2.406 2.282-2.415h.27c.697.017 2.324.289 2.324 2.432v.551q-.004.011-.01.023l-.007.011-4.86.006zM3.6 19.286c-.23-.24-.225-.605-.225-.669v-5.334c0-.325.079-.557.239-.706.212-.196.56-.238.728-.238l.056.002.04.001 6.117-.006q.602.002.86.272c.238.25.218.63.215.678 0 0-.003 3.563 0 5.314 0 .319-.078.549-.238.7-.24.23-.658.258-.837.25l-6.112.002q-.586.001-.843-.266m3.865-5.462c.417.008 2.037.168 2.037 2.056 0 1.893-1.625 2.039-2.031 2.047h-.194c-.425-.005-2.03-.154-2.03-2.058 0-1.902 1.588-2.042 2.014-2.045h.044q.06-.002.112 0zm-.014 2.975c.919-.017.919-.625.919-.92 0-.293 0-.907-.93-.93l-.129-.002h-.034c-.893.008-.893.6-.893.919s0 .919.91.933zm13.18 1.95c.005.66-.948 1.094-1.749 1.344-1.095.336-2.537.53-4.07.54-1.05.012-2.036-.07-2.91-.215.11-.068.216-.143.317-.236.285-.263.627-.756.627-1.588v-1.51c.569.05 1.154.087 1.76.087h.187c1.65-.014 3.218-.227 4.414-.596a5.8 5.8 0 0 0 1.398-.63zm-7.782-2.875c0-1.341 0-2.538-.003-2.538.006-.067.03-.523-.182-1.01a20 20 0 0 0 1.893.097h.194c1.652-.017 3.218-.23 4.414-.6a5.9 5.9 0 0 0 1.398-.63l.028 3.143c-.196.325-.745.78-1.742 1.087-1.087.336-2.532.53-4.065.544-.67.005-1.313-.031-1.935-.093M8.854 7.118l-.002-.538q.577.354 1.428.6c1.154.333 2.65.515 4.23.515h.193c1.653-.017 3.219-.23 4.415-.6.56-.17 1.02-.375 1.398-.607l.028 3.098c-.197.327-.746.778-1.743 1.086-1.084.337-2.53.53-4.064.544-1.308.011-2.555-.115-3.577-.35v-.32c0-1.98-1.079-3.02-2.306-3.428"
         })
     }));

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

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

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

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

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } 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 r } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: t, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const l = n(), c = t !== null && t !== void 0 ? t : l ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: c,
@@ -108,12 +108,12 @@ const m = (_param)=>{
                 d: "M17.908 8.07V9.14c1.153 0 2.08.964 2.092 2.145v8.571c0 1.18-.939 2.145-2.088 2.145H6.088C4.938 22 4 21.036 4 19.855v-8.571c0-1.18.939-2.145 2.088-2.145V8.07c0-3.349 2.65-6.07 5.91-6.07s5.91 2.725 5.91 6.07m-5.91-4.637c-2.49 0-4.515 2.08-4.515 4.637V9.14h9.03V8.07c0-2.557-2.026-4.637-4.515-4.637m6.603 16.418h.004v-8.563a.705.705 0 0 0-.693-.713H6.088a.705.705 0 0 0-.693.713v8.563c0 .388.307.712.693.712h11.82a.705.705 0 0 0 .693-.712"
             })
         ]
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: c,

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

@@ -80,14 +80,14 @@ 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 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 a = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, o = _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__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

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

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

@@ -80,15 +80,15 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useTheme as v } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = a(), h = l !== null && l !== void 0 ? l : i ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = v();
-    return t.match(/^blau/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+    const i = a(), h = l !== null && l !== void 0 ? l : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: r } = v();
+    return r.match(/^blau/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -104,7 +104,7 @@ const s = (_param)=>{
                 d: "M12.626 8.675A4.68 4.68 0 0 1 17.301 4a4.68 4.68 0 0 1 4.675 4.675v1.997h-1.362V8.675a3.316 3.316 0 0 0-3.313-3.313 3.316 3.316 0 0 0-3.313 3.313v9.319a2.014 2.014 0 0 1-2.012 2.012H3.988a2.015 2.015 0 0 1-2.012-2.012v-7.322h.016v-.016h10.634zm-8.638 9.969h7.988c.358 0 .65-.292.65-.65v-5.976H3.338v5.976c0 .358.292.65.65.65"
             })
         ]
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -114,7 +114,7 @@ const s = (_param)=>{
             fill: h,
             d: "M17.798 8.07v1.823c.954.18 1.702 1.035 1.702 2.107v7.857c0 1.18-.92 2.143-2.046 2.143H6.546C5.42 22 4.5 21.036 4.5 19.857V12c0-1.18.92-2.143 2.046-2.143h9.885V8.074c0-2.571-1.977-4.643-4.431-4.643-1.771 0-3.34 1.104-4.088 2.783-.137.356-.546.5-.885.356-.34-.144-.477-.572-.34-.927.92-2.216 3-3.643 5.317-3.643 3.202 0 5.794 2.715 5.794 6.07m-.344 12.499c.374 0 .683-.32.683-.716V12c0-.392-.305-.716-.683-.716H6.546c-.374 0-.683.32-.683.716v7.853c0 .392.305.716.683.716z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/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-logout-filled.js

@@ -78,29 +78,29 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
-    var { color: i, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: h, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = v(), l = i !== null && i !== void 0 ? i : s ? h.colors.inverse : h.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const a = v(), e = h !== null && h !== void 0 ? h : a ? i.colors.inverse : i.colors.neutralHigh, { skinName: s } = n();
+    return s.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M18.5 5.212v.18H5.62v-.18A3.2 3.2 0 0 1 8.838 2h6.44A3.203 3.203 0 0 1 18.5 5.212M5.62 18.788v-.18h12.876v.18A3.2 3.2 0 0 1 15.278 22h-6.44a3.2 3.2 0 0 1-3.218-3.212M5.62 6.464v4.284h6.44c.681 0 1.255.572 1.255 1.252s-.574 1.252-1.255 1.252H5.62v4.284H18.5V6.464z"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M12.06 11.464H3.508l1.394-1.392a.517.517 0 0 0 0-.752.52.52 0 0 0-.753 0L1.5 12l2.649 2.712a.54.54 0 0 0 .397.144.55.55 0 0 0 .396-.144.517.517 0 0 0 0-.752l-1.394-1.392h8.548a.553.553 0 0 0 .537-.536c-.004-.284-.288-.568-.573-.568"
             })
         ]
@@ -111,12 +111,12 @@ const c = (_param)=>{
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M18.5 5.212v.18H5.62v-.18A3.2 3.2 0 0 1 8.838 2h6.44A3.203 3.203 0 0 1 18.5 5.212M5.62 18.788v-.18h12.876v.18A3.2 3.2 0 0 1 15.278 22h-6.44a3.2 3.2 0 0 1-3.218-3.212M5.62 6.464v4.284h6.44c.681 0 1.255.572 1.255 1.252s-.574 1.252-1.255 1.252H5.62v4.284H18.5V6.464z"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: l,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M12.06 11.464H3.508l1.394-1.392a.517.517 0 0 0 0-.752.52.52 0 0 0-.753 0L1.5 12l2.649 2.712a.54.54 0 0 0 .397.144.55.55 0 0 0 .396-.144.517.517 0 0 0 0-.752l-1.394-1.392h8.548a.553.553 0 0 0 .537-.536c-.004-.284-.288-.568-.573-.568"
             })
         ]

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { useTheme as n } 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 v = (_param)=>{
     var { color: h, size: o = 24 } = _param, e = _object_without_properties(_param, [
@@ -115,5 +115,5 @@ const v = (_param)=>{
             })
         ]
     }));
-}, g = v;
-export { g as default };
+}, d = v;
+export { d as default };

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

@@ -80,40 +80,40 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h, jsxs as i } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: r, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = v(), l = r !== null && r !== void 0 ? r : c ? a.colors.inverse : a.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^blau/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const c = v(), l = r !== null && r !== void 0 ? r : c ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = n();
+    return o.match(/^blau/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ h("path", {
             fill: l,
             d: "m16.687 4.855.563.385c2.575 1.765 4.113 4.598 4.113 7.578 0 4.891-4.29 9.182-9.181 9.182S3 17.71 3 12.818c0-2.977 1.535-5.807 4.106-7.572l.562-.386.771 1.124-.562.386c-2.168 1.487-3.514 3.958-3.514 6.448 0 4.166 3.653 7.82 7.819 7.82 4.165 0 7.818-3.654 7.818-7.82 0-2.492-1.349-4.965-3.52-6.453l-.563-.385zM12.863 2v10.818a.682.682 0 0 1-1.363 0V2z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ h("path", {
             fill: l,
             d: "M15.506 2H9.213C7.293 2 5.72 3.608 5.72 5.571v5.715H3.727l.908-.928a.704.704 0 0 0 0-1 .67.67 0 0 0-.978 0L1 12.003l2.657 2.64c.14.143.317.215.49.215a.69.69 0 0 0 .488-.215.704.704 0 0 0 0-1l-.908-.928h9.157a.71.71 0 0 0 .7-.716.713.713 0 0 0-.7-.716H7.12V6.643h10.483v10.714H7.12v-3.035a.71.71 0 0 0-.7-.716c-.384 0-.7.324-.7.716v4.107C5.72 20.392 7.291 22 9.212 22h6.293C17.427 22 19 20.392 19 18.429V5.57C19 3.608 17.427 2 15.506 2M9.213 3.428h6.293c1.048 0 1.886.784 2.062 1.783H7.15c.176-.995 1.018-1.783 2.062-1.783m0 17.144c-1.048 0-1.886-.784-2.062-1.783h10.417c-.172.995-1.014 1.783-2.062 1.783z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ h("path", {
             fill: l,
             d: "M15.506 2H9.213C7.293 2 5.72 3.608 5.72 5.571v5.715H3.727l.908-.928a.704.704 0 0 0 0-1 .67.67 0 0 0-.978 0L1 12.003l2.657 2.64c.14.143.317.215.49.215a.69.69 0 0 0 .488-.215.704.704 0 0 0 0-1l-.908-.928h9.157a.71.71 0 0 0 .7-.716.713.713 0 0 0-.7-.716H7.12V6.643h10.483v10.714H7.12v-3.035a.71.71 0 0 0-.7-.716c-.384 0-.7.324-.7.716v4.107C5.72 20.392 7.291 22 9.212 22h6.293C17.427 22 19 20.392 19 18.429V5.57C19 3.608 17.427 2 15.506 2M9.213 3.428h6.293c1.048 0 1.886.784 2.062 1.783H7.15c.176-.995 1.018-1.783 2.062-1.783m0 17.144c-1.048 0-1.886-.784-2.062-1.783h10.417c-.172.995-1.014 1.783-2.062 1.783z"
@@ -123,7 +123,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: [
             /* @__PURE__ */ h("path", {
                 fill: l,

package/dist-es/generated/mistica-icons/icon-long-distance-call-filled.js

@@ -78,25 +78,25 @@ 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 { jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = t(), n = l !== null && l !== void 0 ? l : e ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const l = t(), n = r !== null && r !== void 0 ? r : l ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
             fill: n,
             d: "M12.012 2.18a9.8 9.8 0 0 1 9.036 5.989 9.9 9.9 0 0 1 .776 3.73c.045 5.418-4.311 9.85-9.731 9.894a.532.532 0 0 1-.734-.493V2.7a.53.53 0 0 1 .63-.521zM6.874 15.524c.748 0 1.365.171 1.835.505.473.336.79.826.936 1.462q.12.488.117.988c0 1.832-.986 2.827-2.857 2.869H6.85c-.316 0-.664-.056-.784-.076l-.014-.003-.025-.005c-1.087-.2-2.065-1.194-2.757-2.801-.714-1.661-1.09-3.874-1.09-6.407v-.09c0-2.531.379-4.747 1.093-6.402.692-1.608 1.67-2.603 2.756-2.799l.026-.003.014-.002.026-.004c.146-.024.504-.08.814-.072 1.868.042 2.857 1.034 2.857 2.868.003.334-.036.667-.118.99C9.5 7.171 9.18 7.666 8.71 8c-.47.334-1.09.505-1.835.505q-.247 0-.49-.028c-.042.033-.221.224-.347 1.028-.12.773-.135 1.776-.135 2.465v.09c0 .686.014 1.691.135 2.464.123.804.305.995.347 1.028a4 4 0 0 1 .49-.028m12.407 1.328a8.65 8.65 0 0 0 1.456-4.314h-3.535a18 18 0 0 1-.395 3.283c.919.27 1.754.614 2.474 1.031m-3.46-8.221a18 18 0 0 1-3.4.392v2.45h3.717a17 17 0 0 0-.317-2.842m-3.4-.673a16.6 16.6 0 0 0 3.15-.364 11 11 0 0 0-.736-1.927c-.395-.787-.849-1.4-1.35-1.82q-.521-.437-1.064-.558zm0 12.726q.542-.12 1.064-.558c.501-.42.955-1.03 1.35-1.817a11 11 0 0 0 .675-1.715 16.6 16.6 0 0 0-3.09-.35zm0-5.504c1.128.02 2.252.148 3.355.383.213-.994.334-2.005.362-3.022H12.42zm4.434-6.813a18 18 0 0 1 .35 3.107h3.538a8.7 8.7 0 0 0-1.353-4.188c-.731.44-1.588.801-2.535 1.081m1.339-2.563a8.7 8.7 0 0 0-3.356-2.095q.517.625.95 1.482c.338.686.613 1.403.815 2.14.81-.244 1.54-.552 2.154-.908a8 8 0 0 0-.563-.619m-2.41 12.98a7.7 7.7 0 0 1-.949 1.483 8.6 8.6 0 0 0 3.356-2.098q.228-.227.434-.466c-.6-.333-1.308-.621-2.084-.851q-.294.997-.756 1.933"
         })
     }));
-}, v = s;
+}, v = i;
 export { v as default };

package/dist-es/generated/mistica-icons/icon-long-distance-call-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 e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = e(), n = r !== null && r !== void 0 ? r : l ? o.colors.inverse : o.colors.neutralHigh;
+    const l = n(), e = r !== null && r !== void 0 ? r : l ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,9 +94,9 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ a("path", {
-            fill: n,
+            fill: e,
             d: "M11.974 21.777a.3.3 0 0 0 .11-.022c1.3 0 2.588-.26 3.78-.765A9.77 9.77 0 0 0 21.829 12c.003-5.398-4.367-9.776-9.764-9.779a.3.3 0 0 0-.062.007.28.28 0 0 0-.308.279v18.991c0 .154.126.28.28.28m.28-13.642V2.788q.766.068 1.488.673c.54.454 1.027 1.106 1.448 1.944.342.682.625 1.453.843 2.288-1.185.28-2.455.429-3.779.442m0 3.58v-3.02a18 18 0 0 0 3.91-.456c.24 1.084.373 2.26.39 3.477zm0 .561h4.3a17.3 17.3 0 0 1-.44 3.681 18 18 0 0 0-3.86-.445zm4.864 0h4.148a9.16 9.16 0 0 1-1.692 5.039c-.821-.508-1.812-.92-2.914-1.22.28-1.185.438-2.48.457-3.819m4.149-.56h-4.149a18 18 0 0 0-.408-3.617c1.134-.313 2.147-.744 2.977-1.275a9.2 9.2 0 0 1 1.58 4.893m-5.292 4.785c-.209.75-.472 1.447-.785 2.07-.423.837-.91 1.492-1.448 1.943q-.72.603-1.488.672v-5.114c1.3.013 2.55.156 3.721.429m.545.138c1.035.285 1.963.669 2.714 1.125a9.2 9.2 0 0 1-5.168 3.212c.605-.496 1.156-1.222 1.625-2.154.331-.657.609-1.392.829-2.183m.058-9.086a12.2 12.2 0 0 0-.887-2.4c-.47-.933-1.022-1.66-1.627-2.156a9.16 9.16 0 0 1 4.51 2.48q.42.424.783.89c-.757.481-1.71.888-2.779 1.186M6.666 21.276c-.272 0-.579-.046-.719-.067l-.037-.006-.02-.003-.017-.002c-1.014-.188-1.941-1.146-2.61-2.7-.715-1.662-1.093-3.892-1.093-6.44v-.096c0-2.549.378-4.778 1.092-6.44.67-1.554 1.597-2.515 2.611-2.7l.017-.003.02-.002.013-.003c.136-.021.493-.078.796-.07 1.756.039 2.65.933 2.65 2.652.003.317-.034.636-.112.944-.193.821-.793 1.796-2.563 1.796q-.263.002-.521-.03c-.333.036-.507.702-.58 1.103-.154.832-.174 1.969-.174 2.753v.093c0 .784.017 1.924.174 2.756.076.4.25 1.07.58 1.104q.26-.033.52-.031c1.771 0 2.373.975 2.564 1.795q.117.465.112.942c0 1.72-.89 2.613-2.65 2.652zm-.703-.6.03.006c.297.048.538.07.712.067.756-.016 1.291-.201 1.639-.56.333-.344.496-.857.496-1.566a3.1 3.1 0 0 0-.096-.81l-.003-.008c-.218-.938-.887-1.392-2.05-1.392q-.244-.001-.485.031-.021.004-.042.003c-.812-.034-1.023-1.158-1.094-1.534v-.004c-.163-.874-.183-2.045-.183-2.852v-.095c0-.806.02-1.977.182-2.851v-.004c.072-.376.283-1.5 1.095-1.531q.021 0 .042.003.241.032.485.03c1.163 0 1.835-.456 2.05-1.392l.003-.008q.1-.4.096-.81c0-.708-.163-1.221-.496-1.566-.348-.36-.883-.543-1.639-.56a4.3 4.3 0 0 0-.711.067l-.031.006c-1.622.3-3.264 3.356-3.264 8.616v.095c0 3.132.572 5.118 1.05 6.23.586 1.364 1.393 2.236 2.214 2.39"
         })
     }));
-}, h = s;
+}, h = i;
 export { h as default };

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

package/dist-es/generated/mistica-icons/icon-loss-theft-devices-filled.js

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

package/dist-es/generated/mistica-icons/icon-loss-theft-devices-light.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as h, jsx as o } 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 e } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = l(), s = t !== null && t !== void 0 ? t : i ? e.colors.inverse : e.colors.neutralHigh;
+    const i = l(), s = r !== null && r !== void 0 ? r : i ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: s,

package/dist-es/generated/mistica-icons/icon-loss-theft-devices-regular.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as i, jsx as e } 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 o } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [