@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/{icon-autentication-success-filled.d.ts → icon-authentication-success-light.d.ts}

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

package/dist/generated/mistica-icons/{icon-autentication-success-light.js → icon-authentication-success-light.js}

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = s !== null && s !== void 0 ? s : a ? _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-authentication-success-regular.d.ts

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

package/dist/generated/mistica-icons/{icon-autentication-success-regular.js → icon-authentication-success-regular.js}

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : 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: a,
             d: "M21.841 5.33v-.027a.6.6 0 0 0-.235-.451.66.66 0 0 0-.504-.137c-1.67.257-2.55-.314-3.647-1.037l-.022-.014c-1.084-.702-2.309-1.496-4.412-1.504h-.009c-2.097 0-3.33.803-4.41 1.506l-.018.012c-1.11.723-1.987 1.294-3.639 1.037a.613.613 0 0 0-.748.615c0 .427-.006 4.873.277 7.858-1.49.577-2.319 1.888-2.319 4.011 0 2.975 1.62 4.359 4.4 4.356 1.524 0 2.704-.409 3.452-1.269a29 29 0 0 0 2.75 1.502.56.56 0 0 0 .26.055.56.56 0 0 0 .261-.055l.004-.002c.348-.165 7.464-3.524 8.094-7.127.471-2.679.466-8.801.465-9.329m-1.67 9.13c-.089.52-.389 1.058-.811 1.602-.031-.04-.056-.065-.082-.09-.918-.95-2.263-1.448-3.882-1.448h-4.768c-.103 0-.21 0-.308.009-.717-1.143-2.01-1.69-3.759-1.69a6 6 0 0 0-.88.056c-.21-2.33-.251-5.546-.26-6.921 1.717.081 2.798-.61 3.84-1.294l.016-.01c1.028-.672 2.004-1.31 3.735-1.31h.009c1.747.009 2.725.645 3.756 1.32 1.025.675 2.1 1.358 3.843 1.286-.017 1.722-.073 6.353-.448 8.49m-4.29-7.793c-.667-.639-1.633-.96-2.869-.96-1.235 0-2.199.321-2.865.96-.692.661-1.042 1.641-1.042 2.91s.35 2.247 1.042 2.905c.666.636 1.63.955 2.865.955s2.202-.322 2.868-.952c.695-.661 1.048-1.639 1.048-2.908s-.353-2.249-1.048-2.91m-.844 4.944c-.434.409-1.115.619-2.025.619-.907 0-1.588-.21-2.017-.619-.445-.42-.67-1.107-.67-2.036 0-.93.228-1.617.67-2.042.432-.412 1.11-.622 2.017-.622.908 0 1.588.21 2.023.622.448.425.675 1.112.675 2.042s-.224 1.613-.673 2.036m-7.173 4.14a.573.573 0 0 1 .806 0 .56.56 0 0 1 .006.79l-.006.006-2.428 2.4a.58.58 0 0 1-.807 0l-1.09-1.078a.557.557 0 0 1-.008-.787l.009-.009a.573.573 0 0 1 .806 0l.686.678zm10.658 1.193c-1.653 1.558-4.134 2.967-5.501 3.633a35 35 0 0 1-2.404-1.325c.238-.571.35-1.255.35-2.05q-.001-.819-.162-1.47h4.59c1.278 0 2.32.37 3.004 1.075q.03.032.072.08zM6.558 20.351c-2.232 0-3.182-.939-3.182-3.152 0-2.202.95-3.151 3.182-3.151 2.238 0 3.19.947 3.19 3.151 0 2.21-.952 3.151-3.19 3.151"

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

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : e ? _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-bacteria-light.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : o ? _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-bacteria-regular.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), h = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,18 +91,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -114,4 +114,4 @@ const i = (_param)=>{
             })
         ]
     }));
-}, d = i;
+}, m = n;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
+const n = (_param)=>{
     var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -114,4 +114,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, f = v;
+}, f = n;

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

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

package/dist/generated/mistica-icons/icon-band-aid-filled.js

@@ -96,7 +96,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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: l,
         height: l,

package/dist/generated/mistica-icons/icon-band-aid-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: c, size: o = 24 } = _param, t = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: c, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M20.171 12.247c2.311 2.468 2.23 5.2-.25 7.679-1.277 1.277-2.621 1.919-3.963 1.919s-2.681-.636-3.956-1.913l-.165-.16a5 5 0 0 1-.342-.348l-.709-.708q-.007-.006-.015-.01l-.018-.013-5.6-5.6-.01-.015q-.004-.01-.013-.019l-.574-.574c-.1-.084-.212-.2-.326-.32l-.002-.002L4.071 12c-2.555-2.555-2.555-5.37 0-7.928 2.519-2.519 5.292-2.555 7.813-.11l1.18 1.18.01.007.01.007 5.605 5.598.002.001v.003l.007.01 1.308 1.305.028.028q.072.07.137.146m-15.506-.84.171.176.057.059c.075.078.151.157.232.226l.327.328 6.746-6.746-.896-.896C10.22 3.506 9.128 2.979 8.038 2.979c-1.126 0-2.255.558-3.373 1.678-2.238 2.242-2.238 4.51 0 6.75m14.669 7.928c2.17-2.169 2.24-4.368.215-6.53a1 1 0 0 0-.09-.094l-.015-.015-.015-.015-.09-.087-.95-.95-6.743 6.747.468.465c.106.122.203.214.303.309l.002.002.18.173c2.233 2.233 4.499 2.23 6.735-.005m-8.279-1.538 6.743-6.747-5.009-5.009-6.743 6.746zm1.345-6.33a.634.634 0 0 0-.9 0 .64.64 0 0 0 0 .903.638.638 0 0 0 .9-.902m-1.462 2.909c.249-.25.65-.25.899 0 .25.25.25.653 0 .9a.634.634 0 0 1-.9 0 .634.634 0 0 1 0-.9m4.443-2.642a.638.638 0 1 0-.901-.902.638.638 0 0 0 .9.902m-6.727.336c.25-.25.653-.25.9 0a.637.637 0 1 1-.9 0m4.444-3.544a.634.634 0 0 0-.9 0 .634.634 0 0 0 0 .9c.25.249.65.249.9 0a.634.634 0 0 0 0-.9"
         })
     }));
-}, h = s;
+}, h = n;

package/dist/generated/mistica-icons/icon-band-aid-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: a, size: r = 24 } = _param, c = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: a, size: r = 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 c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M20.144 12.11c2.342 2.498 2.26 5.268-.255 7.784-1.294 1.294-2.647 1.95-4.02 1.95h-.075c-1.35-.023-2.675-.678-3.938-1.942l-.154-.148-.047-.046a6 6 0 0 1-.306-.313l-.684-.683q-.007-.006-.015-.01l-.018-.013-5.477-5.478q-.007-.009-.01-.018l-.006-.01-.566-.566a4 4 0 0 1-.325-.32l-.149-.154c-1.266-1.266-1.918-2.59-1.944-3.94C2.13 6.798 2.783 5.42 4.1 4.103c2.552-2.555 5.367-2.591 7.93-.112l1.157 1.157.015.009.005.002 5.476 5.479.009.014 1.268 1.269q.098.092.185.188m-14.552-.205 6.309-6.31-.734-.735C10.142 3.87 9.13 3.37 8.119 3.37c-1.048 0-2.092.532-3.154 1.594-2.123 2.123-2.123 4.185 0 6.308l.168.174c.09.098.177.19.272.271zm5.477 5.48 6.305-6.312-4.61-4.61-6.306 6.31zm7.952 1.643c2.059-2.058 2.126-4.053.207-6.103a1 1 0 0 0-.086-.09l-.026-.025-.087-.084-.787-.787-6.308 6.308.311.31c.112.127.205.216.3.306l.174.168c1.033 1.034 2.072 1.566 3.095 1.583 1.028.011 2.137-.513 3.207-1.586m-6.636-7.549a.62.62 0 0 0-.88 0 .625.625 0 0 0 0 .88.62.62 0 0 0 .88 0 .62.62 0 0 0 0-.88m-1.431 2.846a.62.62 0 0 1 .88 0 .62.62 0 0 1 0 .88.62.62 0 0 1-.88 0 .626.626 0 0 1 0-.88M15.3 11.74a.62.62 0 0 0 0-.88.62.62 0 0 0-.88 0 .62.62 0 0 0 0 .88.62.62 0 0 0 .88 0m-6.58.33a.62.62 0 0 1 .88 0 .62.62 0 0 1 0 .88.62.62 0 0 1-.88 0 .62.62 0 0 1 0-.88m4.348-3.467a.62.62 0 0 0-.88 0 .62.62 0 0 0 0 .88.62.62 0 0 0 .88 0 .62.62 0 0 0 0-.88"
         })
     }));
-}, h = s;
+}, h = i;

package/dist/generated/mistica-icons/icon-bar-chart-filled.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M17 2h1a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2M12 6h-1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2M6 10H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2"
         })
     }));

package/dist/generated/mistica-icons/icon-bar-chart-light.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: a,
         height: a,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M17 2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm-1.5 2A1.5 1.5 0 0 1 17 2.5h1A1.5 1.5 0 0 1 19.5 4v15a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zM9 8a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2zm2-1.5A1.5 1.5 0 0 0 9.5 8v11a1.5 1.5 0 0 0 1.5 1.5h1a1.5 1.5 0 0 0 1.5-1.5V8A1.5 1.5 0 0 0 12 6.5zM3 12a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-1.5A1.5 1.5 0 0 0 3.5 12v7A1.5 1.5 0 0 0 5 20.5h1A1.5 1.5 0 0 0 7.5 19v-7A1.5 1.5 0 0 0 6 10.5z"
         })
     }));

package/dist/generated/mistica-icons/icon-bar-chart-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M17 2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm-1 2a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1zM9 8a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zM3 12a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1z"

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = e !== null && e !== void 0 ? e : r ? _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: a,
         height: a,
@@ -119,4 +119,4 @@ const s = (_param)=>{
             d: "M22 7.001v9.643c0 .593-.482 1.072-1.071 1.072h-.358a.36.36 0 0 1-.357-.357c0-.197.161-.358.357-.358h.358c.196 0 .357-.16.357-.357V7.001a.36.36 0 0 0-.357-.357H3.07a.36.36 0 0 0-.357.357v9.643c0 .197.161.357.357.357h13.215a.358.358 0 0 1 0 .714H3.07A1.07 1.07 0 0 1 2 16.646V7c0-.592.482-1.071 1.071-1.071H20.93c.589 0 1.071.482 1.071 1.071M4.143 14.144c.196 0 .357-.16.357-.357V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357m2.5 0c.196 0 .357-.16.357-.357V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357m2.143 0c.196 0 .357-.16.357-.357V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357m2.143-6.071a.36.36 0 0 0-.358-.357.36.36 0 0 0-.357.357v5.714c0 .197.161.357.357.357.197 0 .358-.16.358-.357zm.714 0v7.5c0 .196.16.357.357.357s.357-.16.357-.357v-7.5A.36.36 0 0 0 12 7.716a.36.36 0 0 0-.357.357m2.5 5.714V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357s.357-.16.357-.357m1.428.357c.197 0 .358-.16.358-.357V8.073a.36.36 0 0 0-.358-.357.36.36 0 0 0-.357.357v5.714c0 .197.161.357.357.357m2.143-.357V8.073a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v5.714c0 .197.16.357.357.357s.357-.16.357-.357m2.5-5.714a.36.36 0 0 0-.357-.357.36.36 0 0 0-.357.357v7.5c0 .196.16.357.357.357s.357-.16.357-.357zM4.143 15.93h1.071c.197 0 .357-.16.357-.357a.36.36 0 0 0-.357-.357H4.143a.36.36 0 0 0-.357.357c0 .196.16.357.357.357m2.5 0h.714c.197 0 .357-.16.357-.357a.36.36 0 0 0-.357-.357h-.714a.36.36 0 0 0-.357.357c0 .196.16.357.357.357m2.143 0h1.785c.197 0 .358-.16.358-.357a.36.36 0 0 0-.358-.357H8.786a.36.36 0 0 0-.357.357c0 .196.16.357.357.357m4.285-.357c0 .196.161.357.358.357h.714c.196 0 .357-.16.357-.357a.36.36 0 0 0-.357-.357h-.714a.36.36 0 0 0-.358.357m4.286-.357h-1.786a.36.36 0 0 0-.357.357c0 .196.161.357.357.357h1.786c.197 0 .357-.16.357-.357a.36.36 0 0 0-.357-.357m1.072 1.428a.716.716 0 0 0-.715.715c0 .392.322.714.715.714a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.715"
         })
     }));
-}, d = s;
+}, H = s;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: r, size: a = 24 } = _param, m = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: o, size: a = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : h ? _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: a,
         height: a,
@@ -119,4 +119,4 @@ const i = (_param)=>{
             d: "M19.934 5.57H4.062c-1.139 0-2.064.932-2.064 2.075v8.707c0 1.143.925 2.075 2.064 2.075h15.872c1.139 0 2.064-.932 2.064-2.075V7.645a2.07 2.07 0 0 0-2.064-2.075m.635 10.782a.64.64 0 0 1-.635.647H4.062a.64.64 0 0 1-.635-.647V7.645c0-.357.285-.646.635-.646h15.872c.35 0 .635.289.635.646zM4.17 13.96V8.245a.535.535 0 1 1 1.072 0v5.714a.535.535 0 1 1-1.072 0m2.822-5.71v5.714a.535.535 0 1 1-1.072 0V8.249a.535.535 0 1 1 1.072 0m3.582 0v5.714a.535.535 0 1 1-1.071 0V8.249a.535.535 0 1 1 1.071 0m-2.857 5.71V8.245a.535.535 0 1 1 1.071 0v5.714a.535.535 0 1 1-1.071 0m4.818-5.71v7.503a.535.535 0 1 1-1.072 0V8.25a.535.535 0 1 1 1.072 0m2.325 0v5.714a.535.535 0 1 1-1.072 0V8.249a.535.535 0 1 1 1.072 0m1.068 5.7V8.234a.535.535 0 1 1 1.071 0v5.715a.535.535 0 1 1-1.072 0m3.928-5.7v7.503a.535.535 0 1 1-1.071 0V8.25a.535.535 0 1 1 1.071 0M6.991 15.752c0 .297-.24.536-.536.536H4.684a.535.535 0 1 1 0-1.072h1.771c.297 0 .536.24.536.536m3.582 0c0 .297-.24.536-.536.536H8.252a.535.535 0 1 1 0-1.072h1.785c.293 0 .536.24.536.536m4.286 0c0 .297-.24.536-.536.536h-.714a.535.535 0 1 1 0-1.072h.714c.296 0 .536.24.536.536m3.221 0c0 .297-.24.536-.536.536h-1.428a.535.535 0 1 1 0-1.072h1.428c.293 0 .536.24.536.536"
         })
     }));
-}, f = i;
+}, f = n;

package/dist/generated/mistica-icons/icon-battery-charging-filled.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: o, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.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), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M14.82 3.783h1.054c1.17 0 2.118.96 2.126 2.143v13.93C18 21.04 17.052 22 15.882 22H8.118C6.948 22 6 21.04 6 19.857V5.93c0-1.183.948-2.143 2.118-2.143h1.055V2h5.646zm-3.035 13.111 2.43-4.274a.53.53 0 0 0-.004-.536.55.55 0 0 0-.463-.268h-2.643l1.98-3.483a.536.536 0 0 0-.194-.731.523.523 0 0 0-.723.196l-2.43 4.286a.54.54 0 0 0 0 .536.54.54 0 0 0 .462.268h2.64l-1.976 3.47a.54.54 0 0 0 .194.732.53.53 0 0 0 .727-.196"
@@ -113,7 +113,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M14.82 3.783h1.054c1.17 0 2.118.96 2.126 2.143v13.93C18 21.04 17.052 22 15.882 22H8.118C6.948 22 6 21.04 6 19.857V5.93c0-1.183.948-2.143 2.118-2.143h1.055V2h5.646zm-3.035 13.111 2.43-4.274a.53.53 0 0 0-.004-.536.55.55 0 0 0-.463-.268h-2.643l1.98-3.483a.536.536 0 0 0-.194-.731.523.523 0 0 0-.723.196l-2.43 4.286a.54.54 0 0 0 0 .536.54.54 0 0 0 .462.268h2.64l-1.976 3.47a.54.54 0 0 0 .194.732.53.53 0 0 0 .727-.196"
@@ -123,7 +123,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M17.274 5.155c.588.583.874 1.392.874 2.479v10.86c0 1.098-.289 1.913-.883 2.493-.588.574-1.411.854-2.515.854H9.243c-1.104 0-1.927-.28-2.515-.854-.594-.583-.883-1.398-.883-2.496V7.634c0-1.073.286-1.88.874-2.465.591-.588 1.41-.877 2.493-.882V3.84c0-.515.151-.93.454-1.23.305-.302.728-.456 1.255-.456h2.148c.535 0 .958.151 1.258.451.3.297.451.714.451 1.235v.446c1.095.005 1.913.288 2.496.868m-6.799-1.314v.446h3.048V3.84c0-.103-.011-.285-.084-.358-.076-.073-.26-.084-.364-.084h-2.149c-.128 0-.29.014-.364.09-.072.07-.086.232-.086.352m6.412 3.793c0-.742-.165-1.266-.507-1.602-.341-.34-.874-.502-1.63-.502H9.243c-.745 0-1.277.168-1.625.516-.344.341-.512.862-.512 1.59v10.858c0 .748.165 1.277.51 1.61.338.334.87.494 1.627.494h5.51c.753 0 1.288-.16 1.627-.493.342-.334.507-.863.507-1.611zm-1.644 3.569a.54.54 0 0 0-.51-.208l-2.31.32.047-3.737a.54.54 0 0 0-.437-.532.546.546 0 0 0-.616.322L8.68 13.917a.53.53 0 0 0 .073.535.53.53 0 0 0 .507.204l2.09-.285-.006 3.804a.547.547 0 0 0 1.048.216l2.915-6.648a.52.52 0 0 0-.064-.54"

package/dist/generated/mistica-icons/icon-battery-charging-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,42 +93,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: o, size: h = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = o !== null && o !== void 0 ? o : i ? _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: h,
-        height: h,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: h,
                 d: "M10.928 17.26a.724.724 0 0 0 .98-.26l2.5-4.288a.7.7 0 0 0 .004-.716.7.7 0 0 0-.616-.356h-2.328l1.876-3.208a.71.71 0 0 0-.256-.98.71.71 0 0 0-.98.256l-2.5 4.288a.7.7 0 0 0-.004.716c.124.22.36.356.616.356h2.328l-1.876 3.212a.71.71 0 0 0 .256.98"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: h,
                 d: "M15.928 22H8.076c-1.18 0-2.144-.96-2.144-2.144V5.928c0-1.18.96-2.144 2.144-2.144h1.068V2h5.716v1.788h1.068c1.18 0 2.144.96 2.144 2.144V19.86c0 1.176-.96 2.14-2.144 2.14M8.076 5.212a.714.714 0 0 0-.712.712v13.928c0 .392.32.712.712.712h7.86c.392 0 .712-.32.712-.712V5.928a.714.714 0 0 0-.712-.712h-2.5V3.428H10.58v1.788H8.076z"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: h,
                 d: "M11.12 16.692a.3.3 0 0 0 .176.048.37.37 0 0 0 .304-.172l2.456-4.212a.351.351 0 0 0-.304-.528h-2.896l2.148-3.684a.35.35 0 0 0-.124-.48.35.35 0 0 0-.48.124L9.944 12a.351.351 0 0 0 .304.528h2.896l-2.148 3.684c-.1.164-.044.38.124.48m2.628 3.908a.7.7 0 1 0 .002 1.402.7.7 0 0 0-.002-1.402"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: h,
                 d: "M17.62 5.512c0-.972-.792-1.756-1.756-1.756h-1.408V2H9.544v1.752H8.136c-.972 0-1.756.792-1.756 1.756v14.388c0 .972.792 1.756 1.756 1.756h3.508c.192 0 .36-.16.36-.356a.353.353 0 0 0-.352-.352H8.144c-.58 0-1.052-.472-1.052-1.052V5.508c0-.58.472-1.052 1.052-1.052h2.108V2.7h3.508v1.756h2.108c.58 0 1.052.472 1.052 1.052v12.56c-.004.028-.008.048-.008.076V19.9c0 .576-.476 1.048-1.056 1.052a.353.353 0 0 0 0 .704 1.763 1.763 0 0 0 1.756-1.752v-1.676c.004-.028.008-.048.008-.076z"
             })
         ]
     }));
-}, V = v;
+}, d = v;

package/dist/generated/mistica-icons/icon-battery-charging-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 v = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -141,4 +141,4 @@ const v = (_param)=>{
             d: "M18.148 7.542c0-1.056-.275-1.835-.84-2.387-.57-.555-1.373-.824-2.457-.824h-.188v-.666c0-.482-.132-.846-.406-1.112-.27-.264-.656-.398-1.146-.398h-2.227c-.49 0-.877.137-1.145.403-.27.266-.407.639-.407 1.107v.67h-.187c-1.079 0-1.88.274-2.457.84-.566.557-.843 1.333-.843 2.37v11.092c0 1.061.277 1.846.849 2.395.566.546 1.367.812 2.45.812h5.707c1.08 0 1.885-.266 2.448-.812.571-.552.849-1.336.849-2.398zM10.2 3.665c0-.359.117-.474.157-.51.039-.04.154-.154.526-.154h2.227c.37 0 .486.107.527.146l.002.002.001.001c.038.037.15.15.15.515v.666h-3.59zm7.075 14.969c0 .823-.193 1.412-.588 1.796-.395.38-.994.565-1.837.565H9.145c-.843 0-1.443-.184-1.838-.566-.398-.383-.59-.971-.59-1.795V7.542c0-.804.192-1.381.59-1.774.404-.395 1.003-.588 1.838-.588h5.703c.843 0 1.445.188 1.843.574.392.384.585.97.585 1.788zm-4.952-2.375.003-2.468a.42.42 0 0 0-.149-.32.44.44 0 0 0-.344-.1l-2.062.277 1.68-3.97-.024 2.25c0 .123.053.241.148.322a.44.44 0 0 0 .347.101l2.278-.308zm2.93-4.992a.45.45 0 0 0-.406-.165l-2.54.344.044-3.963a.43.43 0 0 0-.347-.42.436.436 0 0 0-.49.254l-2.835 6.69a.42.42 0 0 0 .059.42c.098.12.249.182.403.16l2.316-.312-.008 4.034a.43.43 0 0 0 .347.415.435.435 0 0 0 .488-.247l3.022-6.787a.41.41 0 0 0-.053-.423"
         })
     }));
-}, d = v;
+}, p = v;

package/dist/generated/mistica-icons/icon-battery-full-filled.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M17.279 5.152c.588.583.874 1.392.874 2.482v10.86c0 1.098-.289 1.913-.883 2.493-.588.577-1.412.854-2.515.854H9.248c-1.104 0-1.927-.28-2.516-.854-.593-.58-.882-1.395-.882-2.496V7.634c0-1.07.286-1.877.874-2.465.591-.588 1.409-.877 2.493-.882v-.449c0-.515.151-.93.454-1.226.302-.303.725-.457 1.255-.457h2.148c.532 0 .955.151 1.258.451.3.297.45.714.45 1.235v.448c1.096.003 1.914.286 2.497.863m-6.802-1.31v.442h3.048v-.446c0-.103-.011-.285-.084-.358s-.26-.084-.364-.084h-2.149c-.126.003-.288.017-.36.09-.074.072-.09.232-.09.355m6.415 3.792c0-.742-.165-1.266-.507-1.602-.342-.34-.874-.502-1.63-.502H9.248c-.745 0-1.277.168-1.625.516-.344.341-.512.862-.512 1.59v10.86c0 .751.165 1.278.51 1.611.338.334.87.493 1.627.493h5.51c.753 0 1.288-.162 1.627-.493.342-.336.507-.862.507-1.613zm-.748-.496V17.87c0 1.219-1.005 2.207-2.24 2.207h-3.805c-1.235 0-2.24-.988-2.24-2.207V7.14c0-.343.282-.623.63-.623h7.025c.347 0 .63.28.63.622"

package/dist/generated/mistica-icons/icon-battery-full-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M18.15 7.539c0-1.053-.275-1.832-.84-2.384-.566-.555-1.373-.824-2.46-.824h-.188v-.666c0-.474-.134-.849-.406-1.112-.269-.266-.655-.398-1.145-.398h-2.225c-.487 0-.873.134-1.142.406-.27.263-.407.636-.407 1.104v.666H9.15c-1.079 0-1.883.275-2.457.84-.568.558-.843 1.331-.843 2.368V18.63c0 1.065.277 1.849.849 2.398.566.546 1.367.812 2.448.812h5.706c1.081 0 1.882-.266 2.448-.812.572-.55.849-1.333.849-2.398zm-7.947-3.874c0-.359.118-.474.157-.51.04-.04.157-.154.53-.154h2.223c.379 0 .493.112.53.148v.001c.038.037.151.15.151.515v.666h-3.591zm7.079 14.966c-.003.826-.197 1.415-.592 1.796-.395.38-.997.566-1.837.566H9.147c-.843 0-1.443-.185-1.838-.566-.397-.381-.59-.97-.59-1.796V7.54c0-.804.193-1.381.59-1.773.404-.395 1.003-.589 1.838-.589h5.706c.843 0 1.445.188 1.84.575.395.383.588.969.588 1.787zm-1.72-.636c0 .661-.555 1.2-1.233 1.2H9.668c-.68 0-1.232-.539-1.232-1.2V7.458h7.126zm.868-10.96a.427.427 0 0 0-.434-.423H7.999a.43.43 0 0 0-.435.423v10.96c0 1.13.944 2.045 2.104 2.045h4.658c1.163 0 2.104-.916 2.104-2.045z"
         })
     }));
-}, m = a;
+}, m = n;

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

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

package/dist/generated/mistica-icons/icon-battery-low-filled.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M17.277 5.152c.588.583.874 1.392.874 2.482v10.86c0 1.098-.289 1.913-.883 2.493-.588.574-1.412.854-2.515.854h-5.51c-1.104 0-1.927-.28-2.515-.854-.594-.58-.883-1.398-.883-2.493V7.634c0-1.07.286-1.877.874-2.465.591-.588 1.41-.877 2.493-.882V3.84c0-.515.154-.93.454-1.23.305-.302.728-.456 1.255-.456h2.148c.535 0 .958.151 1.258.451.3.297.451.711.451 1.232v.446c1.098.008 1.916.291 2.499.868m-6.799-1.31v.445h3.048V3.84c0-.1-.011-.283-.084-.355-.076-.076-.26-.085-.364-.085h-2.149c-.129-.002-.291.012-.364.087-.073.07-.087.233-.087.353m6.412 3.792c0-.742-.165-1.266-.507-1.602-.342-.34-.874-.502-1.63-.502h-5.51c-.745 0-1.277.168-1.625.516-.344.341-.51.862-.51 1.59v10.86c0 .749.166 1.278.51 1.611.34.334.874.493 1.628.493h5.51c.753 0 1.285-.162 1.627-.493.342-.336.507-.865.507-1.613zm-.748 9.941a.626.626 0 0 0-.63-.622H8.489c-.347 0-.63.28-.63.622v.294c0 1.219.941 2.21 2.095 2.21h4.093c1.154 0 2.095-.991 2.095-2.21z"
         })
     }));

package/dist/generated/mistica-icons/icon-battery-low-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: s,
             d: "M18.153 7.542c0-1.056-.275-1.835-.84-2.387-.57-.555-1.373-.824-2.46-.824h-.185v-.666c0-.482-.132-.846-.406-1.112-.27-.264-.656-.398-1.146-.398H10.89c-.49 0-.876.137-1.145.403-.27.264-.407.636-.407 1.107v.664H9.15c-1.079 0-1.88.274-2.457.84-.566.557-.843 1.333-.843 2.37v11.098c0 1.061.277 1.846.849 2.395.566.546 1.367.812 2.45.812h5.704c1.084 0 1.888-.266 2.45-.812.572-.552.85-1.337.85-2.398zm-7.947-3.877c0-.359.117-.474.157-.51.036-.04.154-.154.526-.154h2.227c.37 0 .486.107.527.146l.003.002v.001c.038.037.15.15.15.515v.666h-3.59zm7.078 14.969c0 .823-.196 1.412-.594 1.793-.395.38-.994.565-1.837.565H9.15c-.843 0-1.443-.184-1.838-.565-.397-.384-.59-.972-.59-1.796V7.54c0-.804.193-1.381.59-1.773.404-.395 1.003-.589 1.838-.589h5.706c.843 0 1.445.188 1.84.575.395.383.588.969.588 1.787zm-2.952.56H9.668a1.22 1.22 0 0 1-1.224-1.075h7.112c-.062.605-.588 1.075-1.224 1.075m2.1-1.498a.43.43 0 0 0-.433-.423H8a.43.43 0 0 0-.434.422v.3c0 1.13.944 2.045 2.104 2.045h4.66c1.16 0 2.102-.916 2.102-2.045z"
         })
     }));
-}, m = l;
+}, m = i;