@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -97,15 +97,15 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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/generated/mistica-icons/icon-guru-light.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 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 = (0, _themevariantcontext.useIsInverseVariant)(), r = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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/generated/mistica-icons/icon-guru-regular.js

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 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 = (0, _themevariantcontext.useIsInverseVariant)(), e = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/{icon-millenials-light.d.ts → icon-hamburger-filled.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconMillenialsLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconMillenialsLight;
+declare const IconHamburgerFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconHamburgerFilled;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
+const i = (_param)=>{
     var { color: a, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ 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;

package/dist/generated/mistica-icons/icon-hamburger-light.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconHamburgerLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconHamburgerLight;

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/{icon-not-conexion-light.d.ts → icon-hamburger-regular.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconNotConexionLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconNotConexionLight;
+declare const IconHamburgerRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconHamburgerRegular;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 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 = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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;
+}, v = t;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: i, size: o = 24 } = _param, t = _object_without_properties(_param, [
+const d = (_param)=>{
+    var { color: n, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), c = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = n !== null && n !== void 0 ? n : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -139,4 +139,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, u = v;
+}, M = d;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), c = o !== null && o !== void 0 ? o : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: v,
         height: v,
         viewBox: "0 0 24 24",
@@ -139,4 +139,4 @@ const h = (_param)=>{
             })
         ]
     }));
-}, g = h;
+}, M = h;

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

@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), c = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: v,
         height: v,

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: n, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-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 = (0, _themevariantcontext.useIsInverseVariant)(), e = n !== null && n !== void 0 ? n : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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;
+}, d = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return h;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 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 = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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;
+}, h = l;

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 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 = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
     return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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"
@@ -113,7 +113,7 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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/generated/mistica-icons/icon-hand-free-light.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 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 = (0, _themevariantcontext.useIsInverseVariant)(), v = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: v,
@@ -119,7 +119,7 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: v,

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 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 = (0, _themevariantcontext.useIsInverseVariant)(), v = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -96,7 +96,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,7 +104,7 @@ const l = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("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"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M9.732 17.394q-.117.347-.118.773c0 1.257.79 2.036 2.065 2.036h7c.969 0 1.745-.272 2.3-.81.557-.54.865-1.378.865-2.36V9.244c0-.782-.745-1.126-1.062-1.272-.298-.137-1.265-.613-2.396-1.17l-.08-.04-.424-.208a405 405 0 0 0-5.223-2.537c-.854-.4-1.742-.24-2.263.41a1.8 1.8 0 0 0-.398 1.13c.003.44.154.866.432 1.208.29.364.694.67 1.271 1.008l-7.428.003c-1.348.087-2.118.863-2.118 2.13 0 1.316.83 2.133 2.16 2.136h2.904q-.088.313-.09.684c0 1.003.505 1.703 1.354 1.944a2.5 2.5 0 0 0-.118.776c0 1.005.51 1.708 1.367 1.947m10.67 1.417c-.398.386-.98.58-1.729.58l-6.991-.003c-.824 0-1.241-.412-1.241-1.224q-.005-.266.075-.518a.8.8 0 0 0-.056-.64.82.82 0 0 0-.504-.4c-.51-.143-.767-.535-.767-1.165a1.6 1.6 0 0 1 .075-.52.819.819 0 0 0-.555-1.04c-.504-.143-.758-.535-.758-1.163q0-.257.058-.465.03-.107.031-.218a.82.82 0 0 0-.82-.812H4.316c-.876 0-1.338-.457-1.338-1.32 0-.53.137-1.238 1.347-1.316H11.7c.37 0 .695-.247.793-.6a.81.81 0 0 0-.373-.916c-.526-.308-.84-.551-1.047-.812a1.12 1.12 0 0 1-.255-.703c0-.23.075-.448.218-.625.278-.347.765-.414 1.266-.179 1.449.678 3.77 1.82 5.636 2.74 1.118.551 2.177 1.07 2.496 1.218.42.193.586.345.586.535v7.787c0 .762-.222 1.392-.62 1.779"
         })
     }));
-}, m = i;
+}, d = s;

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

@@ -96,7 +96,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), n = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const s = (_param)=>{
     var { color: t, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: n,
             d: "M14.264 17.395q.118.347.118.773c0 1.258-.79 2.036-2.064 2.036H5.32c-.969 0-1.745-.271-2.3-.81-.557-.54-.865-1.377-.865-2.36V9.245c0-.781.742-1.126 1.062-1.271.298-.137 1.265-.614 2.396-1.171l.08-.04.424-.208C7.905 5.678 10 4.649 11.34 4.019c.851-.403 1.74-.24 2.26.41.267.327.398.728.398 1.13 0 .421-.146.847-.431 1.208-.292.364-.695.67-1.272 1.009l7.429.005c1.347.087 2.117.863 2.117 2.13 0 1.316-.829 2.133-2.162 2.133h-2.902q.09.314.09.684c0 1.003-.505 1.703-1.353 1.944.075.232.117.493.117.776 0 1.005-.51 1.709-1.367 1.947m-10.67 1.417c.399.387.981.58 1.73.58l6.99-.003c.824 0 1.242-.412 1.242-1.224 0-.19-.026-.367-.076-.518a.8.8 0 0 1 .056-.639.82.82 0 0 1 .504-.4c.51-.143.768-.535.768-1.166 0-.193-.025-.37-.076-.52a.818.818 0 0 1 .555-1.04c.504-.143.759-.535.759-1.162q0-.258-.059-.465a.8.8 0 0 1-.03-.219.82.82 0 0 1 .82-.812h2.902c.877 0 1.339-.457 1.339-1.32 0-.529-.137-1.238-1.348-1.316h-7.375a.82.82 0 0 1-.793-.6.81.81 0 0 1 .373-.915c.527-.309.84-.552 1.047-.813.166-.204.255-.454.255-.703a1 1 0 0 0-.218-.625c-.277-.347-.765-.414-1.266-.179-1.448.678-3.77 1.821-5.636 2.74-1.118.552-2.176 1.07-2.496 1.218-.42.193-.585.345-.585.535v7.787c0 .762.221 1.392.619 1.78"
         })
     }));
-}, m = a;
+}, g = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M14.264 17.388q.118.349.118.774c0 1.255-.79 2.036-2.062 2.039H5.323c-.972 0-1.745-.272-2.303-.81-.557-.54-.865-1.378-.865-2.361V9.243c0-.782.742-1.126 1.059-1.272.298-.137 1.265-.613 2.396-1.17l.08-.04a415 415 0 0 1 5.647-2.748c.854-.4 1.742-.24 2.263.41.266.33.398.727.398 1.13 0 .42-.146.85-.431 1.208-.292.367-.695.672-1.272 1.011a5542 5542 0 0 1 7.384 0h.045c1.347.087 2.117.863 2.117 2.129 0 1.317-.829 2.135-2.162 2.135h-2.902q.09.312.09.683c0 1.003-.502 1.703-1.354 1.944.079.23.118.493.118.776 0 1.008-.51 1.711-1.367 1.95m-10.38 1.13c.319.31.792.462 1.439.462v.008h7c.588 0 .83-.238.83-.818q0-.224-.057-.39a1.2 1.2 0 0 1 .084-.957c.157-.294.429-.513.754-.603.154-.042.467-.131.467-.773q-.001-.227-.056-.395a1.2 1.2 0 0 1 .082-.955c.157-.294.425-.51.748-.602.137-.04.462-.132.462-.77q-.001-.201-.045-.356a1.217 1.217 0 0 1 .202-1.067c.232-.306.599-.485.983-.485h2.907c.653 0 .93-.274.93-.916 0-.527-.16-.86-.963-.91H12.3a1.23 1.23 0 0 1-1.233-1.219c0-.432.23-.832.602-1.05.482-.283.762-.499.936-.717a.73.73 0 0 0 .165-.451.6.6 0 0 0-.129-.373c-.224-.28-.613-.137-.77-.064-1.426.666-3.726 1.798-5.574 2.708l-.056.028a223 223 0 0 1-2.504 1.222c-.07.03-.272.123-.348.199v7.753c0 .644.18 1.185.493 1.49"
         })
     }));
-}, g = i;
+}, d = s;

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: n, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: n, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M9.222 2.716v3.587a.707.707 0 0 1-.695.717.707.707 0 0 1-.694-.717V2.716c0-.395.312-.716.694-.716.383 0 .695.321.695.716m10.972 14.751c.325-.34.507-.79.507-1.267 0-.482-.182-.933-.516-1.277-.28-.29-.641-.46-1.029-.505a1.83 1.83 0 0 0-.2-2.283c-.28-.289-.641-.459-1.029-.505a1.834 1.834 0 0 0-.2-2.282 1.7 1.7 0 0 0-.989-.5l2.467-2.545a1.836 1.836 0 0 0 0-2.535 1.704 1.704 0 0 0-2.458 0L9.13 11.63 6.403 8.82a1.672 1.672 0 0 0-2.422 0 1.77 1.77 0 0 0-.503 1.249c0 .473.178.914.503 1.249l1.79 1.846a5.5 5.5 0 0 1 1.434 2.723l.254 1.236a6.2 6.2 0 0 0 1.62 3.081 5.88 5.88 0 0 0 3.901 1.791h.008l.02.001q.06.003.213.004c.69 0 2.694-.12 3.922-1.428a3 3 0 0 1 .235-.217q.084-.073.162-.15zM6.929 6.157a.734.734 0 0 1 0 1.014.69.69 0 0 1-.49.211.67.67 0 0 1-.49-.21L3.514 4.658a.734.734 0 0 1 0-1.015.68.68 0 0 1 .984 0zm4.177 1.014L13.54 4.66a.734.734 0 0 0 0-1.015.68.68 0 0 0-.984 0l-2.436 2.512a.734.734 0 0 0 0 1.015.67.67 0 0 0 .49.211.7.7 0 0 0 .495-.21"
@@ -113,7 +113,7 @@ const h = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M9.222 2.716v3.587a.707.707 0 0 1-.695.717.707.707 0 0 1-.694-.717V2.716c0-.395.312-.716.694-.716.383 0 .695.321.695.716m10.972 14.751c.325-.34.507-.79.507-1.267 0-.482-.182-.933-.516-1.277-.28-.29-.641-.46-1.029-.505a1.83 1.83 0 0 0-.2-2.283c-.28-.289-.641-.459-1.029-.505a1.834 1.834 0 0 0-.2-2.282 1.7 1.7 0 0 0-.989-.5l2.467-2.545a1.836 1.836 0 0 0 0-2.535 1.704 1.704 0 0 0-2.458 0L9.13 11.63 6.403 8.82a1.672 1.672 0 0 0-2.422 0 1.77 1.77 0 0 0-.503 1.249c0 .473.178.914.503 1.249l1.79 1.846a5.5 5.5 0 0 1 1.434 2.723l.254 1.236a6.2 6.2 0 0 0 1.62 3.081 5.88 5.88 0 0 0 3.901 1.791h.008l.02.001q.06.003.213.004c.69 0 2.694-.12 3.922-1.428a3 3 0 0 1 .235-.217q.084-.073.162-.15zM6.929 6.157a.734.734 0 0 1 0 1.014.69.69 0 0 1-.49.211.67.67 0 0 1-.49-.21L3.514 4.658a.734.734 0 0 1 0-1.015.68.68 0 0 1 .984 0zm4.177 1.014L13.54 4.66a.734.734 0 0 0 0-1.015.68.68 0 0 0-.984 0l-2.436 2.512a.734.734 0 0 0 0 1.015.67.67 0 0 0 .49.211.7.7 0 0 0 .495-.21"