@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-close-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -129,4 +129,4 @@ const c = (_param)=>{
             d: "M16.841 17.853a.722.722 0 0 0 .948-1.086L13.022 12l4.766-4.767.065-.074a.722.722 0 0 0-1.086-.947L12 10.978 7.233 6.211l-.074-.064a.722.722 0 0 0-.947 1.086L10.979 12 6.21 16.767l-.064.074a.722.722 0 0 0 1.086.947L12 13.022l4.767 4.767z"
         })
     }));
-}, d = c;
+}, p = c;

package/dist/generated/mistica-icons/icon-cloud-distribution-alternative-filled.js

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

package/dist/generated/mistica-icons/icon-cloud-distribution-alternative-light.js

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

package/dist/generated/mistica-icons/icon-cloud-distribution-alternative-regular.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    return s.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: o,
             d: "M14.16 18.887h7.295c.299 0 .545.272.545.568s-.26.557-.555.557H14.15c-.26.854-1.038 1.488-1.963 1.488-.924 0-1.702-.63-1.962-1.488H6c-.26.854-1.038 1.488-1.963 1.488C2.924 21.5 2 20.57 2 19.45s.93-2.05 2.038-2.05c.925 0 1.702.629 1.963 1.487h4.224c.185-.672.74-1.23 1.408-1.416v-2.307H7.598c-2.479 0-4.48-2.05-4.48-4.544S5.12 6.114 7.566 6.114A4.465 4.465 0 0 1 11.974 2.5c2.185 0 4 1.569 4.409 3.652 2.44.072 4.517 2.084 4.517 4.506 0 2.455-2.114 4.506-4.631 4.506H12.75v2.307a2.07 2.07 0 0 1 1.408 1.416m-6.557-5.211h3.67v.005h.364v-1.192c-.848-.263-1.479-1.045-1.479-1.974 0-1.12.925-2.05 2.039-2.05s2.038.934 2.038 2.05c0 .93-.626 1.711-1.479 1.974v1.192h3.517c1.702 0 3.148-1.378 3.148-3.018 0-1.602-1.37-2.942-3-3.018l-.01.059a2.8 2.8 0 0 1-.138.575.74.74 0 0 1-.701.52c-.076 0-.147 0-.223-.039-.408-.11-.592-.558-.483-.93.07-.262.109-.486.109-.82a2.995 2.995 0 0 0-3.001-3.018c-1.446 0-2.631.968-2.925 2.346.375.148.744.296 1.076.52s.408.71.185 1.044-.706.41-1.038.186a3.1 3.1 0 0 0-1.669-.486c-1.668 0-3 1.34-3 3.018 0 1.716 1.332 3.056 3 3.056M4.048 20.38c.521 0 .924-.41.924-.93a.92.92 0 0 0-.924-.93.92.92 0 0 0-.925.93c0 .52.408.93.925.93m7.224-.93c0 .52.408.93.925.93a.92.92 0 0 0 .924-.93.92.92 0 0 0-.924-.93.92.92 0 0 0-.925.93"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M14.16 18.887h7.295c.299 0 .545.272.545.568s-.26.557-.555.557H14.15c-.26.854-1.038 1.488-1.963 1.488-.924 0-1.702-.63-1.962-1.488H6c-.26.854-1.038 1.488-1.963 1.488C2.924 21.5 2 20.57 2 19.45s.93-2.05 2.038-2.05c.925 0 1.702.629 1.963 1.487h4.224c.185-.672.74-1.23 1.408-1.416v-2.307H7.598c-2.479 0-4.48-2.05-4.48-4.544S5.12 6.114 7.566 6.114A4.465 4.465 0 0 1 11.974 2.5c2.185 0 4 1.569 4.409 3.652 2.44.072 4.517 2.084 4.517 4.506 0 2.455-2.114 4.506-4.631 4.506H12.75v2.307a2.07 2.07 0 0 1 1.408 1.416m-6.557-5.211h3.67v.005h.364v-1.192c-.848-.263-1.479-1.045-1.479-1.974 0-1.12.925-2.05 2.039-2.05s2.038.934 2.038 2.05c0 .93-.626 1.711-1.479 1.974v1.192h3.517c1.702 0 3.148-1.378 3.148-3.018 0-1.602-1.37-2.942-3-3.018l-.01.059a2.8 2.8 0 0 1-.138.575.74.74 0 0 1-.701.52c-.076 0-.147 0-.223-.039-.408-.11-.592-.558-.483-.93.07-.262.109-.486.109-.82a2.995 2.995 0 0 0-3.001-3.018c-1.446 0-2.631.968-2.925 2.346.375.148.744.296 1.076.52s.408.71.185 1.044-.706.41-1.038.186a3.1 3.1 0 0 0-1.669-.486c-1.668 0-3 1.34-3 3.018 0 1.716 1.332 3.056 3 3.056M4.048 20.38c.521 0 .924-.41.924-.93a.92.92 0 0 0-.924-.93.92.92 0 0 0-.925.93c0 .52.408.93.925.93m7.224-.93c0 .52.408.93.925.93a.92.92 0 0 0 .924-.93.92.92 0 0 0-.924-.93.92.92 0 0 0-.925.93"
         })
     }));

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: v, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = v !== null && v !== void 0 ? v : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

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

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const n = (_param)=>{
             fill: o,
             d: "M17.763 16.639c.28-.603.87-1.07 1.56-1.07.936 0 1.699.823 1.677 1.787 0 .75-.413 1.326-1.038 1.61v2.321c0 .393-.31.713-.692.713a.703.703 0 0 1-.691-.713v-2.322a1.85 1.85 0 0 1-.834-.891h-4.19a1.77 1.77 0 0 1-.864.891v2.322c0 .393-.31.713-.691.713a.703.703 0 0 1-.692-.713v-2.322a1.85 1.85 0 0 1-.833-.891h-4.19a1.77 1.77 0 0 1-.864.891v2.322c0 .393-.31.713-.692.713a.703.703 0 0 1-.692-.713v-2.322C3.452 18.677 3 18.07 3 17.357c0-.965.798-1.787 1.733-1.787.696 0 1.286.425 1.561 1.069h4.159c.172-.393.483-.713.864-.891v-1.61H7.89c-2.319 0-4.19-1.964-4.19-4.318S5.571 5.537 7.86 5.5c.381-2 2.08-3.5 4.123-3.5 2.008 0 3.742 1.504 4.123 3.5 2.283.033 4.225 1.998 4.225 4.32 0 2.39-1.87 4.319-4.158 4.319h-3.463v1.572c.412.178.692.535.865.928zM5.088 9.819c0 1.573 1.21 2.857 2.771 2.894v.005h8.313c1.56 0 2.806-1.248 2.806-2.857 0-1.536-1.281-2.82-2.806-2.893a4 4 0 0 1-.138.608.676.676 0 0 1-.656.498c-.07 0-.137 0-.208-.037-.382-.105-.586-.498-.484-.89.067-.289.102-.54.102-.823 0-1.61-1.245-2.893-2.806-2.893a2.78 2.78 0 0 0-2.735 2.248c.345.142.66.284.97.498.346.215.417.681.209 1.001a.677.677 0 0 1-.971.215 3.2 3.2 0 0 0-1.144-.43c-.142-.036-.28-.036-.417-.036-1.56 0-2.806 1.284-2.806 2.893"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/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-cloud-filled.js

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = h !== null && h !== void 0 ? h : n ? _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: e,
         height: e,

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

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

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

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), c = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : l ? _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: a,
         height: a,

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: a = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : l ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,

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

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

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : i ? _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 a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M11.057 3.385c.82 0 4.91.193 6.087 3.924 1.414.112 4.697.85 4.697 5.213 0 4.992-4.31 5.247-5.174 5.247l-1.58.008v2.081c0 .415-.364.754-.798.754H9.7c-.438 0-.8-.34-.8-.762v-2.04l-2.515.018c-2.05 0-4.23-1.143-4.23-4.331 0-2.613 1.449-3.63 2.502-4.02.107-5.795 5.34-6.092 6.4-6.092m5.193 11.658a.34.34 0 0 0 .302-.201.36.36 0 0 0-.067-.367l-4.204-4.46a.37.37 0 0 0-.238-.1.31.31 0 0 0-.233.1L7.508 14.56a.32.32 0 0 0-.065.364.31.31 0 0 0 .294.204l1.869.009a.12.12 0 0 1 .123.117v2.529l-.008.01v1.963l4.543.008V15.17c.006-.075.056-.126.132-.126z"
         })
     }));
-}, p = a;
+}, p = n;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: o = 24 } = _param, a = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M11.063 3.385c.82 0 4.908.196 6.084 3.953 1.415.109 4.695.851 4.698 5.244 0 5.025-4.311 5.28-5.174 5.28l-2.098.008-.008 2.087a.64.64 0 0 1-.633.656h-3.875a.645.645 0 0 1-.633-.656v-2.053l-3.042.017c-2.04 0-4.227-1.152-4.227-4.362 0-2.63 1.454-3.653 2.507-4.053.11-5.824 5.34-6.121 6.401-6.121m5.608 13.625c1.02 0 4.35-.322 4.356-4.431 0-3.866-2.936-4.37-4.202-4.412a.404.404 0 0 1-.386-.314c-.888-3.44-4.63-3.62-5.37-3.62-1.309 0-5.586.393-5.586 5.469l.008.12a.43.43 0 0 1-.297.41c-1.465.425-2.213 1.548-2.213 3.33 0 3.168 2.384 3.51 3.404 3.51l3.042-.017v-1.524H7.75a.63.63 0 0 1-.583-.409.65.65 0 0 1 .132-.706l4.3-4.574a.6.6 0 0 1 .451-.196c.17 0 .336.067.46.196l4.201 4.487a.67.67 0 0 1 .124.706.63.63 0 0 1-.583.401h-1.67l-.008 1.583zm-2.93 2.751.017-4.521a.65.65 0 0 1 .633-.656h1.415l-3.76-4.011-3.857 4.104h1.423c.345 0 .633.291.633.655v4.43z"
         })
     }));
-}, d = i;
+}, v = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: a, size: o = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: a, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M11.079 3.39c.832 0 4.868.19 6.109 3.863 2.33.227 4.658 1.714 4.655 5.31 0 3.964-2.834 5.368-5.268 5.368l-1.855.008v1.83c0 .464-.37.845-.82.845h-3.796a.83.83 0 0 1-.82-.846v-1.804l-2.78.017c-2.103 0-4.344-1.174-4.344-4.462 0-2.583 1.384-3.647 2.456-4.087.185-5.75 5.407-6.042 6.463-6.042m5.498 13.297c.958 0 4.06-.3 4.062-4.123 0-3.591-2.74-4.056-3.916-4.09a.605.605 0 0 1-.563-.465c-.838-3.216-4.376-3.372-5.076-3.372-1.235 0-5.263.364-5.263 5.126l.008.1a.64.64 0 0 1-.442.617c-1.336.392-2.014 1.411-2.014 3.042 0 2.907 2.19 3.215 3.134 3.215l2.779-.016v-1.073H7.843a.82.82 0 0 1-.764-.516.88.88 0 0 1 .168-.921l4.221-4.465a.837.837 0 0 1 1.177 0l4.117 4.38c.224.242.297.606.168.922a.83.83 0 0 1-.756.516H14.73v1.131zm-3.064 2.683.011-4.204c.008-.473.378-.849.83-.849h.901l-3.199-3.406-3.305 3.49.91.009c.46 0 .83.383.83.848v4.112z"

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

@@ -96,7 +96,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = l !== null && l !== void 0 ? l : i ? _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 c = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M15.688 19.736c1.684 1.35 3.566 2.109 5.213 2.109q.114 0 .224-.006a.9.9 0 0 0 .44-.143.59.59 0 0 0 .162-.849.66.66 0 0 0-.756-.224c-1.333.04-2.977-.63-4.462-1.823l-.067-.053a10.5 10.5 0 0 1-2.123-2.325c.215.188.43.353.652.482.885.52 1.765.787 2.544.787.437 0 .843-.084 1.201-.255.54-.258 1.205-.826 1.392-2.07.956-.866 1.06-1.712.967-2.28-.168-1.048-1.123-1.998-2.62-2.603-.845-.344-2.052-.423-3.234-.383.991-.62 1.93-1.35 2.406-2.096.854-1.319 1.056-2.621.557-3.568-.272-.516-.865-1.149-2.174-1.328-.91-.913-1.795-1.011-2.392-.921-1.098.16-2.092 1.072-2.728 2.498-.361.804-.443 1.955-.4 3.084-.65-.944-1.418-1.84-2.2-2.294-1.386-.812-2.75-1.008-3.745-.532-.54.258-1.204.826-1.392 2.07-.955.865-1.058 1.711-.966 2.28.168 1.048 1.126 1.994 2.619 2.6.714.29 1.692.394 2.695.394q.272-.001.543-.01c-.992.618-1.933 1.352-2.409 2.097-.854 1.32-1.056 2.622-.557 3.569.271.515.868 1.148 2.173 1.325.745.748 1.474.947 2.042.947.124 0 .244-.009.35-.026 1.101-.16 2.096-1.073 2.729-2.498.182-.404.291-.9.353-1.429a11.7 11.7 0 0 0 2.899 3.418"
         })
     }));

package/dist/generated/mistica-icons/icon-clover-light.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.088 21.84c-1.63 0-3.501-.759-5.185-2.106l-.061-.056a11.7 11.7 0 0 1-3.26-4.15c-.026.824-.138 1.608-.404 2.198-.619 1.387-1.574 2.274-2.621 2.425-.101.014-.21.026-.325.026-.546 0-1.255-.2-1.983-.955-1.294-.154-1.874-.76-2.132-1.25-.476-.9-.272-2.155.56-3.44.589-.914 1.871-1.807 3.095-2.498-.448.036-.91.058-1.37.058-.994 0-1.963-.1-2.669-.392-1.459-.588-2.389-1.498-2.548-2.495-.087-.543.016-1.355.977-2.195.163-1.232.798-1.784 1.314-2.03.944-.454 2.263-.258 3.613.534.958.558 1.896 1.779 2.622 2.94-.118-1.346-.093-2.858.35-3.841.619-1.39 1.574-2.274 2.621-2.428.569-.087 1.42.014 2.306.93 1.294.156 1.873.761 2.131 1.251.476.902.272 2.157-.56 3.442-.585.913-1.871 1.806-3.092 2.498 1.417-.11 3.005-.087 4.039.333 1.456.59 2.386 1.5 2.546 2.498.087.543-.017 1.355-.978 2.195-.162 1.232-.798 1.784-1.314 2.03-.336.16-.717.238-1.131.238-.754 0-1.613-.26-2.485-.773-.655-.38-1.296-1.072-1.87-1.842a10.84 10.84 0 0 0 3.123 4.058l.07.056c1.574 1.262 3.302 1.957 4.75 1.91.235-.018.426-.029.549.145a.4.4 0 0 1-.12.574.7.7 0 0 1-.337.106 6 6 0 0 1-.22.006M13.814 3.003c-.731.106-1.46.829-1.952 1.932-.642 1.428-.233 4.458.042 5.701 1.227-.504 4.058-1.94 4.907-3.262.661-1.022.857-2.005.527-2.635-.247-.47-.788-.745-1.605-.815l-.177-.017-.115-.129c-.47-.523-.952-.79-1.434-.79q-.096-.001-.193.015m-8.744 7.93c1.495.61 4.68.224 5.988-.045-.53-1.165-2.04-3.861-3.428-4.67-.729-.426-1.44-.65-2.028-.65-.278 0-.53.05-.74.15-.493.236-.781.751-.854 1.53l-.017.168-.134.11c-.625.506-.9 1.027-.815 1.548.109.697.868 1.391 2.028 1.859m6.299 6.469c.641-1.426.235-4.456-.045-5.699-1.224.504-4.059 1.94-4.907 3.262-.658 1.023-.855 2.005-.524 2.635.246.47.787.745 1.605.815l.176.014.115.13c.532.596 1.079.853 1.628.775.73-.11 1.459-.83 1.952-1.932m6.792-5.999c-1.496-.613-4.678-.224-5.988.04.03.066.072.153.111.234l.012.023.006.009c.607 1.268 1.997 3.654 3.296 4.407 1.073.63 2.106.818 2.768.502.495-.236.784-.75.857-1.53l.016-.167.138-.11c.622-.506.896-1.027.812-1.548-.112-.695-.871-1.39-2.028-1.86"
         })
     }));

package/dist/generated/mistica-icons/icon-clover-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "M20.902 21.843c-1.648 0-3.53-.76-5.213-2.11l-.065-.056a11.7 11.7 0 0 1-2.899-3.417c-.062.53-.17 1.025-.353 1.428-.633 1.426-1.63 2.337-2.728 2.5q-.163.024-.35.024c-.569 0-1.297-.199-2.042-.947-1.306-.176-1.902-.809-2.174-1.324-.499-.947-.297-2.25.557-3.569.477-.745 1.418-1.476 2.41-2.098q-.275.01-.544.011c-1.003 0-1.98-.104-2.695-.395-1.493-.605-2.45-1.554-2.619-2.602-.092-.569.009-1.412.967-2.28.187-1.244.851-1.81 1.392-2.07.994-.476 2.358-.28 3.745.532.784.454 1.546 1.35 2.199 2.294-.042-1.129.039-2.28.4-3.084.636-1.426 1.63-2.336 2.728-2.499.597-.09 1.485.009 2.393.925 1.308.18 1.902.812 2.173 1.328.499.946.294 2.249-.56 3.568-.476.745-1.414 1.476-2.406 2.095 1.182-.039 2.39.04 3.235.384 1.499.605 2.454 1.555 2.622 2.603.093.568-.011 1.411-.966 2.28-.188 1.243-.852 1.812-1.392 2.07-.359.17-.765.255-1.202.255-.779 0-1.658-.267-2.543-.788a4.3 4.3 0 0 1-.653-.481 10.5 10.5 0 0 0 2.123 2.324l.07.054c1.485 1.193 3.129 1.863 4.462 1.823a.67.67 0 0 1 .757.224l.01.017.012.017a.59.59 0 0 1-.185.815.9.9 0 0 1-.443.143 6 6 0 0 1-.224.006m-7.09-18.457c-.63.095-1.3.773-1.745 1.773-.56 1.25-.25 3.908.005 5.213 1.266-.557 3.72-1.854 4.46-3.011.6-.927.792-1.84.507-2.387-.208-.392-.678-.624-1.4-.686l-.261-.022-.168-.188q-.629-.703-1.244-.703-.077.001-.154.011m-8.504 7.38c1.31.536 4.1.242 5.465-.002-.583-1.207-1.944-3.546-3.157-4.252-.675-.398-1.342-.608-1.88-.608-.235 0-.448.042-.622.126-.411.196-.655.644-.72 1.334l-.022.246-.199.163c-.549.448-.793.896-.723 1.33.099.602.81 1.241 1.858 1.664m5.885 6.446c.563-1.249.252-3.91-.006-5.213-1.266.558-3.72 1.855-4.462 3.012-.6.924-.793 1.837-.507 2.383.207.395.678.625 1.4.687l.261.022.168.188c.47.526.947.756 1.4.692.63-.093 1.3-.77 1.746-1.77m6.759-5.61c-1.308-.535-4.098-.238-5.47 0 .582 1.21 1.943 3.549 3.156 4.255.972.574 1.933.756 2.502.484.414-.199.655-.647.72-1.333l.025-.25.198-.16c.552-.447.796-.896.726-1.333-.095-.602-.81-1.24-1.857-1.663"
         })
     }));
-}, f = a;
+}, f = n;

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

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : n ? _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: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -109,8 +109,8 @@ const s = (_param)=>{
             d: "M20.869 2.792a.48.48 0 0 0 .098-.506.45.45 0 0 0-.415-.286H3.448a.45.45 0 0 0-.414.286.48.48 0 0 0 .097.506L11.1 11.03v9.113H9.75c-.495 0-.898.417-.898.929s.403.929.898.929h4.5c.495 0 .898-.417.898-.93 0-.511-.403-.928-.899-.928h-1.348v-9.113z"
         })
     })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -119,8 +119,8 @@ const s = (_param)=>{
             d: "M20.869 2.792a.48.48 0 0 0 .098-.506.45.45 0 0 0-.415-.286H3.448a.45.45 0 0 0-.414.286.48.48 0 0 0 .097.506L11.1 11.03v9.113H9.75c-.495 0-.898.417-.898.929s.403.929.898.929h4.5c.495 0 .898-.417.898-.93 0-.511-.403-.928-.899-.928h-1.348v-9.113z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {

package/dist/generated/mistica-icons/icon-cocktail-light.js

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -105,7 +105,7 @@ const m = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M21.421 2.56a.96.96 0 0 1-.16 1.012l-8.329 9.38v7.169h1.388c.51 0 .926.421.926.94 0 .517-.416.939-.926.939H9.687a.934.934 0 0 1-.925-.94c0-.518.415-.94.925-.94h1.388v-7.168L2.74 3.572a.95.95 0 0 1-.16-1.012A.92.92 0 0 1 3.43 2h17.144c.368 0 .7.223.848.56m-9.42 8.627 6.49-7.301H5.51z"
         })
     })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -116,11 +116,11 @@ const m = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M20.996 2c.188 0 .363.116.436.293a.48.48 0 0 1-.103.518l-4.627 4.646a.47.47 0 0 1-.667 0 .47.47 0 0 1 0-.67L19.85 2.95H4.132l8.198 8.238c.091.085.14.207.14.335v9.525h1.892a.475.475 0 0 1 0 .951H9.626a.475.475 0 0 1 0-.951h1.892v-9.33l-8.86-8.908a.48.48 0 0 1-.103-.518A.47.47 0 0 1 2.992 2z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M14.362 10.092a.95.95 0 0 0 .946-.952.95.95 0 0 0-.946-.951.95.95 0 0 0-.946.951c0 .526.423.951.946.951"
             })
         ]
@@ -131,7 +131,7 @@ const m = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M13.601 6.3c0-2.673 1.46-4.144 4.112-4.144 2.656 0 4.118 1.474 4.118 4.14 0 2.667-1.462 4.138-4.115 4.138-.515 0-.98-.07-1.41-.18l-3.85 4.465c-.057.065-.127.107-.197.149v4.38l4.171 1.763q.085 0 .165.033a.414.414 0 0 1-.325.762l-8.495.017a.414.414 0 0 1-.17-.79l3.834-1.776v-4.373l-.01-.005a.7.7 0 0 1-.19-.134l-6.271-6.64a.83.83 0 0 1-.16-.893.82.82 0 0 1 .751-.501l1.521-.009-1.6-1.607a.44.44 0 0 0-.319-.135H2.573a.413.413 0 0 1 0-.826h2.583c.339 0 .664.137.902.378l2.114 2.126q.014.017.024.036l.016.026 5.406-.026-.007-.12q-.009-.123-.01-.255m4.112 3.31c2.219 0 3.297-1.081 3.297-3.314 0-2.23-1.078-3.313-3.294-3.313s-3.291 1.084-3.291 3.313c0 .126.008.245.016.365v.008l3.166-.014h.008a.82.82 0 0 1 .818.826c0 .221-.087.42-.227.569L16.912 9.55q.373.06.801.059m-5.88 4.569 3.95-4.583.011-.017H7.49zm.023 5.798-2.199 1.017s4.583-.006 4.586-.009zm5.753-12.496s-12.047.056-12.047.053l1.21 1.283a.4.4 0 0 1 .213-.067h9.53z"
         })
     }));

package/dist/generated/mistica-icons/icon-cocktail-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -109,8 +109,8 @@ const s = (_param)=>{
             d: "M21.421 2.56a.96.96 0 0 1-.16 1.012l-8.329 9.38v7.169h1.388c.51 0 .926.421.926.94 0 .517-.416.939-.926.939H9.687a.934.934 0 0 1-.925-.94c0-.518.415-.94.925-.94h1.388v-7.168L2.74 3.572a.95.95 0 0 1-.16-1.012A.92.92 0 0 1 3.43 2h17.144c.368 0 .7.223.848.56m-9.42 8.627 6.49-7.301H5.51z"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -119,8 +119,8 @@ const s = (_param)=>{
             d: "M21.421 2.56a.96.96 0 0 1-.16 1.012l-8.329 9.38v7.169h1.388c.51 0 .926.421.926.94 0 .517-.416.939-.926.939H9.687a.934.934 0 0 1-.925-.94c0-.518.415-.94.925-.94h1.388v-7.168L2.74 3.572a.95.95 0 0 1-.16-1.012A.92.92 0 0 1 3.43 2h17.144c.368 0 .7.223.848.56m-9.42 8.627 6.49-7.301H5.51z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M13.381 6.38 8.2 6.403 6.328 4.522A1.45 1.45 0 0 0 5.3 4.096H2.765a.607.607 0 0 0 0 1.216H5.3c.064 0 .129.025.174.07l1.022 1.03-.807.003a1.21 1.21 0 0 0-1.106.74c-.188.445-.095.96.235 1.314l6.151 6.512c.082.087.183.157.286.216v3.798l-3.641 1.687a.608.608 0 0 0 .249 1.16l8.33-.017a.61.61 0 0 0 .232-1.168l-3.965-1.678V15.18q.168-.097.294-.24l3.765-4.362c.338.062.7.098 1.09.098 2.73 0 4.234-1.513 4.234-4.26.003-2.746-1.501-4.261-4.232-4.261-2.717 0-4.216 1.501-4.23 4.224m4.166 3.08-.06-.002.905-1.05c.202-.22.328-.51.328-.83 0-.672-.538-1.216-1.204-1.216h-.014l-2.913.014c.013-2.047.971-3.005 3.022-3.005 2.036 0 3.028.997 3.028 3.047 0 2.076-.964 3.045-3.028 3.045zm-5.704 4.681L7.776 9.836h7.782zm.026 5.908 1.338.565-2.574.006zM17.51 7.578l-.916 1.056-.032-.007a.2.2 0 0 0-.04-.007H6.627l-.936-.989c0 .003 11.818-.053 11.818-.053"
         })
     }));
-}, d = s;
+}, p = s;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M20.413 4.622c.787 0 1.428.62 1.428 1.379v12.008c0 .759-.641 1.378-1.428 1.378H3.586c-.79.003-1.431-.616-1.431-1.375V6c0-.76.641-1.379 1.431-1.379zM4.785 6.295a.55.55 0 0 0-.56.535v.002c0 .297.25.538.557.538a.55.55 0 0 0 .56-.538.55.55 0 0 0-.557-.537m15.852 11.717V8.348H3.36v9.664c0 .117.1.215.224.215h16.829a.22.22 0 0 0 .224-.215M7.02 6.832a.55.55 0 0 0-.558-.537H6.46a.55.55 0 0 0-.557.537c0 .297.25.538.557.538a.55.55 0 0 0 .56-.538m1.12-.537h-.003a.55.55 0 0 0-.56.535v.002c0 .297.25.538.56.538a.55.55 0 0 0 .56-.538.55.55 0 0 0-.557-.537m.955 5.736a.53.53 0 0 0 .02-.748.58.58 0 0 0-.796-.036l-2.294 2.006a.53.53 0 0 0-.006.801l2.295 2.036a.576.576 0 0 0 .815-.048.53.53 0 0 0-.05-.745l-1.844-1.641 1.84-1.608.01-.008zm6.538-.784 2.294 2.006c.115.1.182.246.185.397 0 .154-.067.3-.182.4l-2.294 2.043a.58.58 0 0 1-.384.146.57.57 0 0 1-.412-.174.53.53 0 0 1 .009-.748q.009-.01.022-.02l1.843-1.641-1.84-1.605a.53.53 0 0 1-.059-.745l.01-.011.01-.012a.58.58 0 0 1 .798-.036m-2.216.647a.534.534 0 0 0-.283-.717.57.57 0 0 0-.742.274l-1.86 4.003a.53.53 0 0 0 .283.715q.11.046.23.047a.56.56 0 0 0 .512-.32z"
         })
     }));
-}, d = i;
+}, d = s;

package/dist/generated/mistica-icons/icon-code-light.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: r, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M21.838 5.832c0-.67-.564-1.216-1.255-1.216H3.406c-.692 0-1.255.546-1.255 1.216v12.333c0 .67.563 1.216 1.255 1.216h17.177c.692 0 1.255-.546 1.255-1.216zm-18.432-.42h17.177c.24 0 .434.187.434.42V7.84H2.972V5.832c0-.23.196-.42.434-.42m17.177 13.17H3.406a.426.426 0 0 1-.434-.42V8.634h18.045v9.53c0 .232-.196.42-.434.42M6.89 13.696l2.014 1.804c.165.148.176.4.022.563a.42.42 0 0 1-.302.126.43.43 0 0 1-.28-.107l-2.342-2.098a.4.4 0 0 1-.132-.294c0-.112.05-.218.135-.294l2.341-2.062a.42.42 0 0 1 .58.028.39.39 0 0 1-.028.563zM5.773 6.686c0 .303.255.552.572.552.313 0 .568-.25.568-.552a.56.56 0 0 0-.568-.554.563.563 0 0 0-.572.554m2.283.552a.563.563 0 0 1-.571-.552c0-.305.254-.554.571-.554s.571.246.571.554a.563.563 0 0 1-.571.552m-3.997-.552c0 .303.255.552.571.552.317 0 .572-.25.572-.552a.56.56 0 0 0-.572-.554.563.563 0 0 0-.571.554m11.535 4.65 2.342 2.062a.393.393 0 0 1 .002.588l-2.341 2.098a.42.42 0 0 1-.583-.02.39.39 0 0 1 .022-.563l2.017-1.806-2.011-1.768a.39.39 0 0 1-.028-.563.42.42 0 0 1 .58-.028m-2.297.482a.394.394 0 0 0-.207-.527.42.42 0 0 0-.544.2l-1.899 4.108a.394.394 0 0 0 .207.527.41.41 0 0 0 .543-.199z"

package/dist/generated/mistica-icons/icon-code-regular.js

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