@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -79,23 +79,23 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), o = t !== null && t !== void 0 ? t : s ? r.colors.inverse : r.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const s = h(), r = t !== null && t !== void 0 ? t : s ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: o,
+            fill: r,
             d: "M18.204 4.193a4.09 4.09 0 0 1 3.463 4.053 4.09 4.09 0 0 1-1.43 3.107v4.579a.713.713 0 0 1-.708.713.7.7 0 0 1-.5-.21l-.558-.562v2.558c0 1.97-1.588 3.569-3.544 3.569H8.545C6.589 22 5 20.4 5 18.431V5.57C5 3.599 6.589 2 8.545 2h6.386c1.439 0 2.719.859 3.272 2.193m-3.277-.767H8.545a2.14 2.14 0 0 0-2.097 1.786h8.397a4.04 4.04 0 0 1 1.765-.95 2.1 2.1 0 0 0-1.683-.836m0 7.927a4.08 4.08 0 0 1-1.412-3.107c0-.57.113-1.115.322-1.608H6.421v10.715h10.63v-1.85l-.917.922a.7.7 0 0 1-.772.156.71.71 0 0 1-.435-.658zm-6.382 9.208h6.386a2.13 2.13 0 0 0 2.092-1.787H6.448a2.135 2.135 0 0 0 2.097 1.787m10.28-6.366v-2.042a3.978 3.978 0 0 1-2.478 0v2.042l.74-.744a.706.706 0 0 1 1.003 0zm-3.898-5.949a2.67 2.67 0 0 0 2.66 2.678 2.67 2.67 0 0 0 2.659-2.678 2.67 2.67 0 0 0-2.66-2.677 2.67 2.67 0 0 0-2.66 2.677m2.66-1.786c-.977 0-1.775.8-1.775 1.786a1.78 1.78 0 0 0 1.774 1.787c.98 0 1.775-.804 1.775-1.787s-.799-1.786-1.775-1.786m-.709 1.786c0 .393.318.713.708.713s.708-.32.708-.713a.71.71 0 0 0-.708-.713c-.39 0-.708.32-.708.713"
         })
     })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -105,9 +105,9 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: o,
+            fill: r,
             d: "M19.26 15.936V11.64A4.16 4.16 0 0 0 21 8.257c0-2.15-1.607-3.91-3.655-4.094C16.913 2.883 15.715 2 14.389 2h-6.26C6.403 2 5 3.44 5 5.215v13.57C5 20.559 6.402 22 8.13 22h6.259c1.727 0 3.13-1.44 3.13-3.215V16.64a.353.353 0 0 0-.348-.357.353.353 0 0 0-.347.357v2.145c0 1.381-1.09 2.502-2.435 2.502h-6.26c-1.344 0-2.435-1.121-2.435-2.502v-.357H13c.191 0 .347-.16.347-.357a.353.353 0 0 0-.347-.356H5.694V6.28h7.791A4.2 4.2 0 0 0 13 8.247c0 1.41.69 2.649 1.74 3.39v4.294a.36.36 0 0 0 .214.33c.13.054.28.022.379-.078l1.665-1.711 1.67 1.715a.34.34 0 0 0 .378.078.36.36 0 0 0 .213-.33m-3.482 2.14a.705.705 0 0 0-.694-.713.705.705 0 0 0-.695.713c0 .393.312.713.695.713s.694-.32.694-.713M14.389 2.713c.953 0 1.812.581 2.208 1.45a3.95 3.95 0 0 0-2.627 1.409H5.695v-.357c0-1.381 1.091-2.502 2.436-2.502zm2.845 11.004a.335.335 0 0 0-.49 0l-1.318 1.354v-3.037c.481.206 1.01.325 1.567.325.553 0 1.08-.113 1.559-.32v3.032zm-3.54-5.465c0-1.875 1.483-3.394 3.304-3.394S20.3 6.381 20.3 8.252c0 1.87-1.482 3.393-3.303 3.393s-3.304-1.522-3.304-3.393m3.304 1.967c1.06 0 1.914-.883 1.914-1.967 0-1.089-.855-1.967-1.914-1.967-1.06 0-1.915.883-1.915 1.967 0 1.088.855 1.967 1.915 1.967m-1.216-1.967c0-.686.548-1.248 1.216-1.248s1.215.557 1.215 1.248c0 .686-.547 1.249-1.215 1.249s-1.216-.558-1.216-1.249"
         })
     }));
-}, u = m;
-export { u as default };
+}, d = m;
+export { d as default };

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

@@ -80,9 +80,9 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
+const i = (_param)=>{
     var { color: c, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
@@ -109,5 +109,5 @@ const h = (_param)=>{
             d: "M18.204 4.193a4.09 4.09 0 0 1 3.463 4.053 4.09 4.09 0 0 1-1.43 3.107v4.579a.713.713 0 0 1-.708.713.7.7 0 0 1-.5-.21l-.558-.562v2.558c0 1.97-1.588 3.569-3.544 3.569H8.545C6.589 22 5 20.4 5 18.431V5.57C5 3.599 6.589 2 8.545 2h6.386c1.439 0 2.719.859 3.272 2.193m-3.277-.767H8.545a2.14 2.14 0 0 0-2.097 1.786h8.397a4.04 4.04 0 0 1 1.765-.95 2.1 2.1 0 0 0-1.683-.836m0 7.927a4.08 4.08 0 0 1-1.412-3.107c0-.57.113-1.115.322-1.608H6.421v10.715h10.63v-1.85l-.917.922a.7.7 0 0 1-.772.156.71.71 0 0 1-.435-.658zm-6.382 9.208h6.386a2.13 2.13 0 0 0 2.092-1.787H6.448a2.135 2.135 0 0 0 2.097 1.787m10.28-6.366v-2.042a3.978 3.978 0 0 1-2.478 0v2.042l.74-.744a.706.706 0 0 1 1.003 0zm-3.898-5.949a2.67 2.67 0 0 0 2.66 2.678 2.67 2.67 0 0 0 2.659-2.678 2.67 2.67 0 0 0-2.66-2.677 2.67 2.67 0 0 0-2.66 2.677m2.66-1.786c-.977 0-1.775.8-1.775 1.786a1.78 1.78 0 0 0 1.774 1.787c.98 0 1.775-.804 1.775-1.787s-.799-1.786-1.775-1.786m-.709 1.786c0 .393.318.713.708.713s.708-.32.708-.713a.71.71 0 0 0-.708-.713c-.39 0-.708.32-.708.713"
         })
     }));
-}, p = h;
+}, p = i;
 export { p as default };

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = l(), o = t !== null && t !== void 0 ? t : v ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const i = l(), r = t !== null && t !== void 0 ? t : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: v } = n();
+    return v.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ h("path", {
-            fill: o,
+            fill: r,
             d: "M12.002 2C9.14 2 6.712 3.868 5.854 6.447h4.48c.502 0 .948.308 1.161.74h1.01c.213-.432.659-.74 1.161-.74h4.485C17.293 3.867 14.866 2 12.002 2m1.484 5.74c0-.085.1-.184.185-.184h2.034v.924c0 .474-.261.74-.74.74h-.924c-.232 0-.555 0-.555-.74zM8.3 7.557v.924c0 .479.266.74.74.74h.924c.232 0 .555 0 .555-.74v-.74c0-.085-.1-.184-.185-.184zm10.187.924a6.49 6.49 0 0 1-3.977 5.978c4.304.83 7.49 3.73 7.49 7.172V22H2v-.37c0-3.446 3.19-6.347 7.495-7.172A6.485 6.485 0 0 1 5.517 8.48c0-.313.034-.62.076-.924h1.593v.924c0 1.09.763 1.854 1.854 1.854h.924c1.048 0 1.669-.692 1.669-1.854v-.185h.74v.185c0 1.162.625 1.854 1.668 1.854h.924c1.09 0 1.854-.763 1.854-1.854v-.924h1.593c.047.303.075.611.075.924"
         })
     })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
@@ -105,7 +105,7 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ h("path", {
-            fill: o,
+            fill: r,
             d: "M12.002 2C9.14 2 6.712 3.868 5.854 6.447h4.48c.502 0 .948.308 1.161.74h1.01c.213-.432.659-.74 1.161-.74h4.485C17.293 3.867 14.866 2 12.002 2m1.484 5.74c0-.085.1-.184.185-.184h2.034v.924c0 .474-.261.74-.74.74h-.924c-.232 0-.555 0-.555-.74zM8.3 7.557v.924c0 .479.266.74.74.74h.924c.232 0 .555 0 .555-.74v-.74c0-.085-.1-.184-.185-.184zm10.187.924a6.49 6.49 0 0 1-3.977 5.978c4.304.83 7.49 3.73 7.49 7.172V22H2v-.37c0-3.446 3.19-6.347 7.495-7.172A6.485 6.485 0 0 1 5.517 8.48c0-.313.034-.62.076-.924h1.593v.924c0 1.09.763 1.854 1.854 1.854h.924c1.048 0 1.669-.692 1.669-1.854v-.185h.74v.185c0 1.162.625 1.854 1.668 1.854h.924c1.09 0 1.854-.763 1.854-1.854v-.924h1.593c.047.303.075.611.075.924"
         })
     }));

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+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: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), r = e !== null && e !== void 0 ? e : t ? a.colors.inverse : a.colors.neutralHigh, { skinName: i } = s();
+    const t = n(), a = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = s();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ h("path", {
-            fill: r,
+            fill: a,
             d: "M15.533 14.314a6.67 6.67 0 0 0 3.134-5.647A6.676 6.676 0 0 0 12 2a6.676 6.676 0 0 0-6.667 6.667 6.67 6.67 0 0 0 3.135 5.647C4.65 15.348 2 18.03 2 21.26a.74.74 0 0 0 1.48 0c0-3.267 3.821-5.927 8.52-5.927s8.52 2.66 8.52 5.927a.74.74 0 0 0 1.48 0c0-3.229-2.65-5.912-6.467-6.946M12 3.479a5.19 5.19 0 0 1 4.68 2.964h-3.011c-.503 0-.948.308-1.162.74h-1.01a1.32 1.32 0 0 0-1.161-.74H7.325A5.18 5.18 0 0 1 12 3.479m1.669 4.073h2.039v.925c0 .479-.26.74-.74.74h-.93c-.232 0-.554 0-.554-.74v-.74c-.005-.085.095-.185.185-.185m-5.372 0h2.034c.085 0 .185.1.185.185v.74c0 .74-.322.74-.555.74h-.924c-.48 0-.74-.266-.74-.74zm-1.361.005h.247v.925c0 1.09.763 1.854 1.854 1.854h.924c1.043 0 1.67-.693 1.67-1.854v-.185h.739v.185c0 1.161.621 1.854 1.669 1.854h.925c1.09 0 1.853-.764 1.853-1.854v-.925h.247q.122.54.123 1.11A5.195 5.195 0 0 1 12 13.854a5.195 5.195 0 0 1-5.187-5.187q0-.576.123-1.11"
         })
     })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ h("path", {
-            fill: r,
+            fill: a,
             d: "M20.827 19.454a.37.37 0 0 0 .153-.497c-1.168-2.28-3.673-3.916-6.699-4.5 2.29-.98 3.902-3.289 3.902-5.977 0-3.574-2.854-6.48-6.365-6.48-3.51 0-6.364 2.906-6.364 6.48 0 2.688 1.611 4.997 3.906 5.978C5.133 15.283 2 18.184 2 21.63c0 .204.163.37.363.37s.363-.166.363-.37c0-3.674 4.078-6.665 9.092-6.665 3.767 0 7.193 1.745 8.515 4.338a.366.366 0 0 0 .494.151M11.818 2.74c2.403 0 4.456 1.54 5.266 3.702h-3.808c-.48 0-.88.317-1.03.754l-.023-.007a.1.1 0 0 0-.041-.008h-.727a.1.1 0 0 0-.041.008l-.024.007a1.09 1.09 0 0 0-1.029-.754H6.553c.81-2.162 2.863-3.702 5.265-3.702m4.004 4.441v1.11a1.1 1.1 0 0 1-1.09 1.109h-.725a1.1 1.1 0 0 1-1.09-1.11v-.739c0-.204.163-.37.363-.37zm-7.998 0h2.542c.2 0 .363.166.363.37v.74A1.1 1.1 0 0 1 9.64 9.4h-.726a1.1 1.1 0 0 1-1.089-1.11zm-1.49-.004q.008 0 .014.002l.014.002h.726v1.11c0 1.019.815 1.853 1.82 1.853h.727c1 0 1.82-.83 1.82-1.853v-.37h.727v.37c0 1.019.814 1.853 1.82 1.853h.726c1.001 0 1.82-.83 1.82-1.853V7.18h.727q.006 0 .014-.002l.014-.002c.097.417.153.853.153 1.303 0 3.167-2.528 5.74-5.638 5.74s-5.637-2.573-5.637-5.74c0-.45.056-.882.153-1.303M22 21.256c0 .408-.325.74-.726.74a.733.733 0 0 1-.727-.74c0-.409.326-.74.727-.74s.726.331.726.74"
         })
     }));

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

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

package/dist-es/generated/mistica-icons/{icon-hamburguer-filled.js → icon-hamburger-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 t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
+const i = (_param)=>{
     var { color: a, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
@@ -98,5 +98,5 @@ const h = (_param)=>{
             d: "M21.84 7.646c0-.692-.264-1.104-.488-1.325a1.44 1.44 0 0 0-.84-.443l-.104-.007-.02-.001c-.549-.02-2.216-.006-2.216-.006V3.727c0-.868-.677-1.571-1.512-1.571-.832 0-1.513.706-1.513 1.571v2.137H13.21c-.639 0-1.025.252-1.238.465-.219.222-.482.63-.482 1.322 0 .695.263 1.101.485 1.323q.148.142.325.238l.01.287V9.5l.029.72h.213c1.666 0 2.798.644 3.507 1.916q.456.818.68 1.994.016.088.037.174.023.098.042.205c.227.112.442.246.622.425.495.496.747 1.196.747 2.084s-.254 1.589-.75 2.084a2.34 2.34 0 0 1-.936.555l-.028.1c-.24.87-.456 1.628-1.199 2.08h3.02q.082 0 .168-.02c1.846-.41 2.14-2.05 2.154-3.757.003-.075.081-1.826.174-3.781l.154-3.304v-.004l.084-1.762a1.4 1.4 0 0 0 .325-.238c.224-.219.487-.628.487-1.325m-1.23 0c0 .137-.02.314-.11.403-.092.09-.28.104-.384.104h-6.904c-.126 0-.297-.017-.384-.104s-.106-.266-.106-.403c0-.135.02-.317.106-.404.09-.09.258-.106.384-.106h6.904c.13 0 .297.017.384.106.09.087.11.27.11.404m-5.98 6.762H4.71c.37-1.731 1.135-2.185 2.16-2.3a1 1 0 0 0 .073-.014h.075a5 5 0 0 1 .743.003l3.857-.003c.09-.008.176-.011.269-.011q.042-.005.084-.006c.157 0 .297.011.434.025.51.05.922.194 1.25.446.476.367.79.96.974 1.86m-.32 5.151a4 4 0 0 1-.16.454c-.16.364-.364.476-.877.53l-.232.002-.717.014a5 5 0 0 1-.44.008c-.095 0-.19-.002-.305-.008l-3.855.003c-.134.005-.972.014-1.103.014-1.009 0-1.278-.188-1.566-1.017zm-9.975-2.636q-.56-.586-.692-1.238h4.518q-.127.653-.689 1.238c-.473.49-.991.748-1.532.76h-.036c-.555 0-1.082-.256-1.569-.76m11.266 2.602.025-.092c.336-.11.628-.277.857-.515.46-.457.692-1.107.692-1.928 0-.635-.143-1.165-.42-1.585a2 2 0 0 0-.269-.342 2.1 2.1 0 0 0-.577-.395c-.045-.28-.1-.538-.162-.787l-.055-.191-.024-.08a7 7 0 0 0-.172-.502q-.04-.107-.083-.207a4 4 0 0 0-.246-.48 3.5 3.5 0 0 0-.47-.624 2.97 2.97 0 0 0-1.58-.857 5 5 0 0 0-.765-.112l-.138-.012q-.118-.014-.249-.016l-.044.001-.04.002c-.12.002-.235.008-.31.014l-3.768.002a6 6 0 0 0-.832-.002h-.177a.6.6 0 0 0-.204.039c-2.314.336-2.938 2.252-3.174 3.812a2.1 2.1 0 0 0-.577.398c-.456.46-.689 1.106-.689 1.927 0 .82.233 1.468.692 1.927.244.241.538.41.88.518.406 1.367.834 2.398 2.896 2.398l4.924-.002.317.002h.512s.734-.002.98-.02c.306-.016.55-.097.771-.181a1.9 1.9 0 0 0 .54-.311c.124-.101.236-.208.329-.33q.148-.193.254-.418c.149-.32.253-.675.356-1.05"
         })
     }));
-}, q = h;
+}, q = i;
 export { q as default };

package/dist-es/generated/mistica-icons/{icon-hamburguer-light.js → icon-hamburger-light.js}

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

package/dist-es/generated/mistica-icons/{icon-hamburguer-regular.js → icon-hamburger-regular.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 s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
-    var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), a = o !== null && o !== void 0 ? o : e ? l.colors.inverse : l.colors.neutralHigh;
+    const h = s(), a = o !== null && o !== void 0 ? o : h ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
             fill: a,
             d: "M18.293 21.834h-.11v.002l-10.417.003c-.07.007-.615.003-.936.001h-.215c-2.059 0-2.487-1.029-2.893-2.396a2.16 2.16 0 0 1-.883-.52c-.454-.457-.689-1.107-.689-1.928 0-.82.233-1.47.69-1.93.164-.168.363-.291.576-.398.238-1.56.86-3.476 3.177-3.81a2 2 0 0 1 .378-.038c.12-.002.287 0 .463 0 .123.002.25.002.369.002l3.77-.002q.095.001.214-.001l.184-.002c.137 0 .258.005.386.014l-.032-.901-.026-.721a1.6 1.6 0 0 1-.325-.238c-.222-.224-.485-.63-.485-1.325 0-.692.263-1.104.482-1.322.305-.311.723-.465 1.238-.465h1.941V3.722c0-.869.68-1.572 1.513-1.572.834 0 1.512.706 1.512 1.572v2.137h2.21a1 1 0 0 1 .127.005c.336.043.619.236.84.46.221.218.484.63.484 1.322 0 .695-.263 1.104-.484 1.325-.098.095-.21.17-.328.238-.022.501-.076 1.642-.199 4.272l-.057 1.227-.153 3.35c-.017 1.706-.286 3.496-2.151 3.764-.065.012-.11.012-.171.012m-1.91-18.11c0-.162.126-.294.283-.294s.282.132.282.294V5.87h-.565zM20.5 8.05c.09-.086.107-.266.11-.4 0-.135-.02-.317-.11-.404-.087-.09-.255-.106-.384-.106h-6.904c-.126 0-.294.017-.381.104-.09.086-.11.269-.11.403 0 .137.017.317.107.406.087.087.255.104.381.104v.011h6.905v-.011c.129 0 .3-.017.386-.107m-.902 5.373.012-.242c.069-1.478.136-2.925.176-3.733h-6.244c.01.369.03.876.053 1.46l.006.165q.642.241 1.112.72.146-.23.356-.448c.501-.524 1.036-.77 1.624-.774.552.009 1.079.266 1.564.765.484.501.733 1.048.745 1.622.01.596-.238 1.168-.743 1.689-.462.482-.966.731-1.495.76.277.422.422.952.422 1.587 0 .821-.232 1.468-.694 1.928-.241.238-.53.406-.866.515l-.028.092c-.103.376-.207.731-.353 1.048h.037q.1 0 .19-.009l2.255-.002c.202.014.297.01.42.002h.026l.04-.004.007-.001c.625-.067 1.146-.303 1.165-2.53 0-.025 0-.033.213-4.61m-3.658-1.18c-.258.267-.384.524-.38.762.002.23.13.48.38.737q.378.389.714.395c.247-.014.48-.126.734-.392.258-.269.39-.527.384-.765q-.008-.35-.384-.742c-.246-.258-.487-.39-.709-.392h-.01q-.346-.001-.729.398M4.509 18.286h10.316c.353-.026.636-.11.813-.286.21-.207.316-.546.316-1.006s-.106-.8-.317-1.01c-.19-.189-.495-.287-.89-.295H8.215c-.11.42-.342.824-.71 1.204-.509.53-1.06.802-1.64.813h-.037c-.588 0-1.151-.272-1.672-.812-.241-.25-.42-.513-.552-.782-.143.21-.219.501-.219.882 0 .46.104.799.311 1.006.177.176.46.26.813.286m8.767 2.26c.51-.059.715-.168.877-.532.052-.118.098-.262.155-.438l.005-.013H5.058c.285.823.554 1.014 1.563 1.014.131 0 .972-.009 1.106-.017l3.855-.003.745.003.717-.011zm-6.403-4.857H4.786c.067.1.14.202.24.303.284.296.52.448.819.44.246-.006.515-.155.79-.44.098-.104.173-.202.238-.303m.89-3.588a13 13 0 0 0-.747-.003l-.14.017c-1.026.112-1.793.571-2.16 2.3h9.913c-.188-.9-.498-1.496-.977-1.863-.328-.252-.737-.395-1.247-.443a3 3 0 0 0-.332-.009h-.102l-.093.001q-.134.002-.26-.003z"
         })
     }));
-}, u = t;
-export { u as default };
+}, v = t;
+export { v as default };

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

@@ -78,17 +78,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: i, size: o = 24 } = _param, t = _object_without_properties(_param, [
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const d = (_param)=>{
+    var { color: n, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = h(), c = i !== null && i !== void 0 ? i : r ? n.colors.inverse : n.colors.neutralHigh, { skinName: a } = s();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const r = h(), c = n !== null && n !== void 0 ? n : r ? l.colors.inverse : l.colors.neutralHigh, { skinName: a } = s();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
                 d: "M17.605 12c-.317 0-.594.108-.837.252-.176-.68-.735-1.144-1.431-1.144-.317 0-.595.108-.837.252-.176-.68-.735-1.144-1.431-1.144-.278 0-.56.072-.767.252v-2.64c0-.824-.665-1.5-1.466-1.5-.802 0-1.467.68-1.467 1.5v5.428c-.806.144-1.326.856-1.326 1.752v.284c0 2.32 1.956 4.712 2.445 5.284V22h6.984v-2.5c1.118-.252 1.607-1.712 1.674-2.5v-3.504c-.04-.82-.736-1.496-1.541-1.496"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -129,5 +129,5 @@ const v = (_param)=>{
             })
         ]
     }));
-}, u = v;
-export { u as default };
+}, M = d;
+export { M as default };

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

@@ -78,17 +78,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { useTheme as r } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
     var { color: o, size: v = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), c = o !== null && o !== void 0 ? o : n ? e.colors.inverse : e.colors.neutralHigh, { skinName: i } = r();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    const i = l(), c = o !== null && o !== void 0 ? o : i ? s.colors.inverse : s.colors.neutralHigh, { skinName: n } = r();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: v,
         height: v,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const h = (_param)=>{
                 d: "M17.341 11.642c-.216 0-.428.036-.644.108a1.76 1.76 0 0 0-1.498-.824c-.18 0-.324.036-.464.072-.284-.68-.928-1.144-1.679-1.144-.108 0-.252 0-.356.036V8.067c0-1-.783-1.784-1.782-1.784-1 0-1.783.784-1.783 1.784v5.067c-.855.252-1.427 1.036-1.427 2.035v.284c0 2.252 1.963 4.392 2.678 5.067v.752c0 .396.324.716.716.716a.72.72 0 0 0 .715-.716V20.2a.64.64 0 0 0-.252-.535c-.036-.037-2.426-2.212-2.426-4.252v-.216c0 .396.324.716.715.716a.72.72 0 0 0 .716-.716v-7.13c0-.216.144-.356.356-.356.215 0 .355.144.355.356v4.283c0 .396.324.716.716.716a.72.72 0 0 0 .715-.716v-.712c0-.216.144-.356.356-.356s.356.144.356.356v1.428c0 .396.324.716.715.716a.72.72 0 0 0 .716-.716v-.356c0-.216.144-.356.355-.356.216 0 .356.144.356.356v1.072c0 .396.324.716.716.716a.717.717 0 0 0 .715-.716v-.356c0-.216.144-.356.356-.356s.356.144.356.356v3.391s0 1.252-.716 1.252a.72.72 0 0 0-.715.716v2.5c0 .395.324.715.715.715a.72.72 0 0 0 .716-.716v-1.963c1.107-.428 1.427-1.712 1.427-2.5V13.43a1.783 1.783 0 0 0-1.795-1.788"
             })
         ]
-    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: v,
         height: v,
         viewBox: "0 0 24 24",
@@ -129,5 +129,5 @@ const h = (_param)=>{
             })
         ]
     }));
-}, g = h;
-export { g as default };
+}, M = h;
+export { M as default };

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

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

package/dist-es/generated/mistica-icons/icon-hand-down-filled.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 s } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: n, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = s(), l = e !== null && e !== void 0 ? e : c ? n.colors.inverse : n.colors.neutralHigh;
+    const c = l(), i = n !== null && n !== void 0 ? n : c ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,9 +94,9 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ r("path", {
-            fill: l,
+            fill: i,
             d: "M14.758 2.16H6.974c-.983 0-1.824.308-2.364.866-.538.554-.81 1.33-.81 2.3v6.996c0 1.272.782 2.062 2.036 2.062q.425 0 .774-.118c.238.857.94 1.367 1.946 1.367q.43 0 .776-.117c.244.848.941 1.353 1.944 1.353q.371 0 .684-.09v2.902c0 1.333.818 2.162 2.134 2.162 1.266 0 2.042-.773 2.129-2.117l.003-.045v-7.384c.339.577.641.98 1.008 1.272.359.286.787.431 1.207.431.404 0 .802-.131 1.132-.398.65-.52.81-1.408.41-2.26a430 430 0 0 0-2.746-5.647c-.574-1.165-1.07-2.17-1.21-2.476-.143-.317-.488-1.059-1.269-1.059"
         })
     }));
-}, f = i;
+}, f = s;
 export { f as default };

package/dist-es/generated/mistica-icons/icon-hand-down-light.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 s } 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: n, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a, size: c = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), e = n !== null && n !== void 0 ? n : a ? r.colors.inverse : r.colors.neutralHigh;
+    const t = i(), e = a !== null && a !== void 0 ? a : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ o("path", {
             fill: e,
             d: "M6.982 2.19h7.765c.782 0 1.123.74 1.266 1.053.142.3.627 1.287 1.192 2.436l.016.032c.918 1.866 2.061 4.188 2.74 5.633.4.849.24 1.737-.407 2.255a1.8 1.8 0 0 1-1.129.395c-.42 0-.846-.143-1.204-.429-.365-.291-.667-.694-1.006-1.269v7.362l-.001.022-.002.023c-.087 1.341-.86 2.112-2.123 2.112-1.314 0-2.129-.827-2.129-2.157v-2.894c-.204.06-.434.09-.68.09-1 0-1.698-.502-1.939-1.347a2.5 2.5 0 0 1-.776.117c-1.003 0-1.703-.507-1.941-1.361-.233.075-.49.117-.773.117-1.252 0-2.031-.787-2.031-2.056V5.348c0-.967.269-1.74.807-2.291.538-.558 1.375-.866 2.355-.866m8.297 1.406c-.193-.423-.344-.585-.532-.585l-7.77-.003c-.762 0-1.392.218-1.776.616-.384.395-.577.975-.577 1.723v6.975c0 .82.409 1.238 1.218 1.238q.265.004.519-.076a.813.813 0 0 1 1.036.557c.14.508.53.765 1.16.765.176.003.353-.022.52-.075a.81.81 0 0 1 1.037.551c.143.502.532.757 1.16.757q.235.003.462-.056a.8.8 0 0 1 .709.134c.201.154.319.395.319.653v2.893c0 .874.457 1.337 1.32 1.337.526 0 1.237-.14 1.313-1.348V12.3a.82.82 0 0 1 .597-.79.81.81 0 0 1 .913.373c.31.527.555.837.812 1.045.205.165.457.255.703.255a.98.98 0 0 0 .625-.219c.347-.277.415-.762.18-1.263a445 445 0 0 0-2.732-5.616 212 212 0 0 1-1.216-2.488"
         })
     }));
-}, m = i;
-export { m as default };
+}, d = s;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-hand-down-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 s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
-    var { color: n, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), t = n !== null && n !== void 0 ? n : a ? r.colors.inverse : r.colors.neutralHigh;
+    const a = s(), t = e !== null && e !== void 0 ? e : a ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, n), {
         children: /* @__PURE__ */ o("path", {
             fill: t,
             d: "M6.974 2.155h7.787c.781 0 1.126.742 1.269 1.062.14.302.636 1.31 1.21 2.476a415 415 0 0 1 2.748 5.647c.398.854.24 1.742-.41 2.263-.33.264-.727.395-1.13.395-.424 0-.852-.146-1.211-.431-.367-.292-.67-.695-1.008-1.272.002 1.899 0 5.74 0 6.99v.394q0 .024-.003.045c-.087 1.344-.863 2.117-2.129 2.117-1.317 0-2.134-.829-2.134-2.162v-2.902q-.313.09-.684.09c-1.003 0-1.703-.505-1.944-1.354-.23.079-.493.118-.776.118-1.008 0-1.711-.51-1.95-1.367q-.348.118-.773.118c-1.254 0-2.036-.793-2.036-2.065V5.323c0-.972.272-1.748.81-2.302.54-.558 1.38-.866 2.364-.866m7.952 1.583c-.03-.073-.123-.272-.199-.35v-.006H6.985c-.644 0-1.185.182-1.49.496-.311.322-.462.792-.462 1.44v6.994c0 .59.235.832.815.832q.223-.001.392-.056a1.222 1.222 0 0 1 1.557.84v.002c.04.14.131.466.773.466q.223-.001.393-.056a1.2 1.2 0 0 1 .952.081c.294.157.51.429.602.75.04.141.13.463.77.463q.201-.002.356-.045.162-.045.328-.045c.266 0 .524.087.74.252.302.233.481.594.481.98v2.906c0 .652.272.93.913.93.524 0 .857-.163.91-.967l-.002-.538v-6.81a1.23 1.23 0 0 1 1.221-1.232c.42 0 .824.222 1.048.603.283.481.498.762.717.935a.73.73 0 0 0 .45.165.6.6 0 0 0 .37-.128c.28-.225.138-.614.065-.77-.675-1.44-1.818-3.763-2.737-5.628l-.313-.638c-.435-.888-.787-1.605-.908-1.866"
         })
     }));
-}, m = l;
-export { m as default };
+}, h = l;
+export { h as default };

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

@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useTheme as a } 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 m = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), t = n !== null && n !== void 0 ? n : i ? l.colors.inverse : l.colors.neutralHigh, { skinName: c } = a();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = s(), t = l !== null && l !== void 0 ? l : n ? i.colors.inverse : i.colors.neutralHigh, { skinName: c } = a();
+    return c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: t,
             d: "m18.464 17.888 2.84 2.874a.714.714 0 0 1-.004 1.022.7.7 0 0 1-.503.216.7.7 0 0 1-.503-.216L2.687 3.964a.706.706 0 0 1 0-1.018.686.686 0 0 1 1.006 0l3.62 3.675V3.82c0-1.022.828-1.82 1.799-1.82 1.01 0 1.798.838 1.798 1.82v3.455c.29-.22.682-.365 1.078-.365.93 0 1.652.73 1.758 1.635.33-.22.686-.365 1.117-.365.864 0 1.62.654 1.728 1.491.328-.256.685-.4 1.117-.4.97 0 1.798.837 1.798 1.82v4.36c0 .108-.147 1.6-1.042 2.437m-12.94-4.982c0-1.054.791-2.545 1.798-2.726l10.243 10.365v1.451H8.938V19.96c-.614-.617-3.415-3.78-3.415-6.69z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: t,
             d: "m18.464 17.888 2.84 2.874a.714.714 0 0 1-.003 1.022.7.7 0 0 1-.504.216.7.7 0 0 1-.503-.216L2.687 3.964a.706.706 0 0 1 0-1.018.686.686 0 0 1 1.006 0l3.62 3.675V3.82c0-1.022.829-1.82 1.8-1.82 1.01 0 1.797.838 1.797 1.82v3.455a1.82 1.82 0 0 1 1.078-.365c.93 0 1.652.73 1.759 1.635.328-.22.685-.365 1.117-.365.863 0 1.62.654 1.727 1.491.328-.256.685-.4 1.117-.4.97 0 1.798.837 1.798 1.82v4.36c0 .108-.146 1.6-1.042 2.437m-12.94-4.982c0-1.054.791-2.545 1.798-2.726l10.243 10.365v1.451H8.938V19.96c-.614-.617-3.415-3.78-3.415-6.69z"
         })

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const h = (_param)=>{
-    var { color: t, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), v = t !== null && t !== void 0 ? t : i ? r.colors.inverse : r.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const i = s(), v = t !== null && t !== void 0 ? t : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: a } = n();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: v,
@@ -104,12 +104,12 @@ const h = (_param)=>{
                 d: "m18.413 18.212 2.47 2.572a.705.705 0 0 1 .005.996.67.67 0 0 1-.48.216.67.67 0 0 1-.481-.216l-2.263-2.356v1.856c0 .392-.308.716-.688.716-.377 0-.688-.32-.688-.716v-3.212L3.115 4.284a.713.713 0 0 1 0-1 .65.65 0 0 1 .96 0l3.078 3.252V4.144C7.153 2.964 8.045 2 9.18 2c1.168 0 2.094.964 2.094 2.144v2.752c.207-.072.411-.108.653-.108.892 0 1.645.604 1.956 1.428a2 2 0 0 1 .823-.18c.822 0 1.544.532 1.886 1.284.242-.144.55-.216.861-.216 1.134 0 2.06.964 2.06 2.144v4.356c0 .108-.138 1.712-1.1 2.608M9.255 3.428c-.376 0-.687.32-.687.716v3.82l8.907 9.256c.504-.392.662-1.324.712-1.617l.01-.063v-4.252c0-.392-.31-.716-.687-.716s-.688.32-.688.716c0 .392-.307.716-.688.716-.377 0-.688-.32-.688-.716v-1.072c0-.392-.307-.716-.688-.716-.345 0-.687.248-.687.644v.072c0 .392-.308.716-.688.716-.377 0-.688-.32-.688-.716V8.964c0-.392-.308-.716-.688-.716a.676.676 0 0 0-.688.68c0 .392-.307.716-.688.716-.376 0-.688-.32-.688-.716V4.144c0-.392-.307-.716-.688-.716"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: v,

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

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

package/dist-es/generated/mistica-icons/icon-hand-left-filled.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 i } from "../../theme-variant-context.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: t, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = i(), s = t !== null && t !== void 0 ? t : c ? e.colors.inverse : e.colors.neutralHigh;
+    const c = s(), i = t !== null && t !== void 0 ? t : c ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,7 +94,7 @@ const l = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ r("path", {
-            fill: s,
+            fill: i,
             d: "M9.614 18.159q0-.424.118-.773c-.857-.238-1.367-.942-1.367-1.95q.002-.425.118-.776c-.849-.24-1.353-.941-1.353-1.944q0-.37.09-.683H4.316c-1.333 0-2.162-.818-2.162-2.135 0-1.266.77-2.042 2.118-2.129H11.7c-.577-.339-.98-.644-1.271-1.008a1.93 1.93 0 0 1-.432-1.207c0-.404.132-.801.398-1.132.52-.65 1.409-.81 2.263-.409 1.448.68 3.776 1.826 5.647 2.748 1.165.574 2.174 1.07 2.476 1.21.32.146 1.062.49 1.062 1.272v7.787c0 .983-.308 1.82-.866 2.361-.554.538-1.33.81-2.302.81h-6.997c-1.275-.006-2.065-.785-2.065-2.042"
         })
     }));