@telefonica/mistica 15.20.1 → 16.1.0

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

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

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : t ? _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,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "m19.148 3.994 2.574 2.603a.56.56 0 0 1 .065.585.53.53 0 0 1-.482.308l-1.025.011c-.132 1.048-.642 3.213-2.591 4.852 3.79 2.09 3.834 6.21 3.834 6.255 0 .877-.711 1.594-1.588 1.594a1.595 1.595 0 0 1-1.588-1.586c-.006-.383-.202-3.482-4.283-4.123l-.045.059c-.037.049-.073.098-.117.14-.446.426-1.084.641-1.905.641s-1.46-.215-1.902-.641a1 1 0 0 1-.114-.139l-.054-.071c-4.196.619-4.392 3.75-4.398 4.14a1.6 1.6 0 0 1-1.588 1.574 1.596 1.596 0 0 1-1.588-1.591c0-.045.044-4.202 3.907-6.289-1.919-1.65-2.417-3.86-2.543-4.826l-1.031-.008a.53.53 0 0 1-.48-.308.55.55 0 0 1 .074-.583l2.6-2.633c.055-.078.181-.146.321-.163.14-.016.28.023.392.113l.087.09 2.53 2.568c.16.193.187.426.098.613a.53.53 0 0 1-.482.308l-.919.009c.174.938.818 2.582 3.154 3.308q.009-.009.014-.018l.014-.018c.443-.432 1.084-.648 1.902-.648.82 0 1.462.216 1.905.648l.01.011.015.017c2.348-.743 2.986-2.426 3.16-3.3l-.916-.009a.53.53 0 0 1-.476-.305.56.56 0 0 1 .067-.583l2.59-2.638c.287-.233.62-.194.802.033M4.705 18.608c.009-.46.225-4.104 4.835-4.902a3.5 3.5 0 0 1-.134-.975c0-.468.075-.877.215-1.224-3.165-1.104-3.54-3.77-3.585-4.39l-.03-.44 1.153-.005-1.896-1.927L3.36 6.672l1.053.011.084.381c.034.533.334 3.28 2.773 5.006l.597.423-.67.291c-3.938 1.717-4.025 5.782-4.025 5.824 0 .417.342.762.76.764a.777.777 0 0 0 .772-.764M19.501 7.062l.025-.387 1.11-.003-1.905-1.927-1.891 1.927 1.11.011.016.437c-.042.62-.417 3.286-3.588 4.39.14.347.218.753.218 1.224 0 .367-.05.692-.137.986 4.487.826 4.703 4.431 4.711 4.888.003.426.348.77.768.77a.77.77 0 0 0 .768-.77v-.006c-.008-.18-.158-4.101-3.956-5.798l-.666-.3.599-.417c2.479-1.726 2.782-4.49 2.818-5.025m-8.353 7.313q.353.131.849.132.49-.002.846-.129c.196-.07.361-.16.49-.286.132-.128.232-.296.305-.495.087-.241.137-.53.137-.869 0-.403-.07-.734-.196-.997a1.3 1.3 0 0 0-.249-.37 1.4 1.4 0 0 0-.54-.308 2.6 2.6 0 0 0-.793-.11 2.6 2.6 0 0 0-.796.11q-.322.105-.532.305c-.104.101-.182.23-.25.373-.123.263-.193.594-.193.997 0 .34.048.625.135.863.073.202.17.373.305.501a1.3 1.3 0 0 0 .482.283"
         })
     }));

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

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

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

package/dist/generated/mistica-icons/icon-exit-door-light.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: a, size: o = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : i ? _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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: t,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -113,14 +113,14 @@ const c = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: t,
                 d: "m18.424 17.821-2.964 2.965V5.714l2.857-2.857v10.929c0 .214.143.357.357.357s.357-.143.357-.357V2H7.96v7.857h-2L7.138 8.68a.345.345 0 0 0 0-.5.345.345 0 0 0-.5 0l-2.036 2.035 2.036 2.036a.4.4 0 0 0 .25.107.4.4 0 0 0 .25-.107.345.345 0 0 0 0-.5L5.96 10.571h7c.214 0 .357-.142.357-.357 0-.214-.143-.357-.357-.357H8.674V2.714h8.786l-2.608 2.607a.32.32 0 0 0-.107.25v12.143H8.674V12c0-.214-.143-.357-.357-.357-.215 0-.357.143-.357.357v6.429h6.785v3.214c0 .143.072.286.215.321.035.036.107.036.142.036a.32.32 0 0 0 .25-.107l3.572-3.572a.345.345 0 0 0 0-.5.345.345 0 0 0-.5 0"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: t,
                 d: "M18.674 16.643a.714.714 0 1 0 0-1.429.714.714 0 0 0 0 1.429"
             })
         ]

package/dist/generated/mistica-icons/icon-exit-door-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const v = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
     }));
-}, u = v;
+}, d = v;

package/dist/generated/mistica-icons/icon-exit-fullscreen-light.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, c = _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 = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M8.245 2.155c.319 0 .58.258.58.577v5.513a.59.59 0 0 1-.578.58H2.735a.579.579 0 1 1 0-1.157h4.933V2.735c0-.322.257-.58.577-.58m.58 13.594c0-.32-.261-.577-.58-.577 0 0-5.51 0-5.51-.003a.58.58 0 1 0 0 1.16h4.93v4.933a.581.581 0 0 0 1.16 0zm13.016.003c0-.32-.26-.58-.58-.58h-5.515c-.32 0-.577.26-.577.58v5.512a.581.581 0 0 0 1.16 0v-4.933h4.932c.32 0 .58-.26.58-.58m-6.67-7.505c0 .32.261.578.58.578v.002h5.51a.581.581 0 0 0 0-1.16H16.33V2.736a.579.579 0 1 0-1.157 0z"
         })
     }));

package/dist/generated/mistica-icons/icon-exit-fullscreen-regular.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: a, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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: r,
         height: r,

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : a ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M11.838 2.201a.8.8 0 0 0-.185.126L5.755 8.222a.583.583 0 0 0 .824.823l4.897-4.91v12.08a.581.581 0 0 0 1.16 0V4.134l4.805 4.807a.583.583 0 0 0 .824-.824l-5.792-5.79a1 1 0 0 0-.196-.127.55.55 0 0 0-.44 0m10.007 14.86c0-.32-.26-.58-.58-.58a.577.577 0 0 0-.577.58v3.624H3.315V17.06a.581.581 0 0 0-1.16 0v4.205c0 .32.26.58.58.58h18.53c.32 0 .58-.26.58-.58z"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: a, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M5.497 8.729a.842.842 0 0 0 1.436.59l4.278-4.282v11.05a.845.845 0 0 0 1.689 0V5.037l4.21 4.213.008.008.014.014a.845.845 0 0 0 1.171-1.216l-5.65-5.655a.847.847 0 0 0-1.193 0L5.743 8.129a.86.86 0 0 0-.246.6M21.84 16.91a.844.844 0 0 0-.843-.844.84.84 0 0 0-.84.844v3.243H3.844v-3.243a.845.845 0 0 0-1.69 0v4.086c0 .465.379.844.844.844h18a.844.844 0 0 0 .843-.844z"

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

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

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

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

package/dist/generated/mistica-icons/icon-eye-off-filled.js

@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.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"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "m17.649 16.924 3.672 3.856a.72.72 0 0 1 .004 1.004.65.65 0 0 1-.476.216.65.65 0 0 1-.476-.216L2.683 3.213a.717.717 0 0 1 0-1 .64.64 0 0 1 .952 0L7.58 6.317a9.84 9.84 0 0 1 4.423-1.036c4.08 0 7.757 2.536 9.422 6.428a.82.82 0 0 1 0 .572c-.85 1.927-2.141 3.535-3.776 4.643m-2.313-2.464 1.394 1.424a9.15 9.15 0 0 0 3.368-3.892c-1.497-3.211-4.625-5.283-8.062-5.283a8.45 8.45 0 0 0-3.402.716l1.021 1.072a3.82 3.82 0 0 1 2.347-.784c2.244 0 4.08 1.928 4.08 4.283 0 .893-.27 1.748-.746 2.464M12.002 17.28c.781 0 1.532-.104 2.278-.32l1.125 1.144a10.1 10.1 0 0 1-3.403.608c-4.046 0-7.757-2.536-9.422-6.431a.82.82 0 0 1 0-.572c.648-1.608 1.669-2.928 2.926-4l.953 1.036a9.8 9.8 0 0 0-2.519 3.252c1.497 3.211 4.626 5.283 8.062 5.283"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M13.397 16.028c-.442.144-.884.252-1.395.252-2.244 0-4.08-1.928-4.084-4.284 0-.536.103-1 .24-1.463z"
             })
         ]
@@ -119,14 +119,14 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "m17.649 16.924 3.672 3.856a.72.72 0 0 1 .004 1.004.65.65 0 0 1-.476.216.65.65 0 0 1-.476-.216L2.683 3.213a.717.717 0 0 1 0-1 .64.64 0 0 1 .952 0L7.58 6.317a9.84 9.84 0 0 1 4.423-1.036c4.08 0 7.757 2.536 9.422 6.428a.82.82 0 0 1 0 .572c-.85 1.927-2.141 3.535-3.776 4.643m-2.313-2.464 1.394 1.424a9.15 9.15 0 0 0 3.368-3.892c-1.497-3.211-4.625-5.283-8.062-5.283a8.45 8.45 0 0 0-3.402.716l1.021 1.072a3.82 3.82 0 0 1 2.347-.784c2.244 0 4.08 1.928 4.08 4.283 0 .893-.27 1.748-.746 2.464M12.002 17.28c.781 0 1.532-.104 2.278-.32l1.125 1.144a10.1 10.1 0 0 1-3.403.608c-4.046 0-7.757-2.536-9.422-6.431a.82.82 0 0 1 0-.572c.648-1.608 1.669-2.928 2.926-4l.953 1.036a9.8 9.8 0 0 0-2.519 3.252c1.497 3.211 4.626 5.283 8.062 5.283"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M13.397 16.028c-.442.144-.884.252-1.395.252-2.244 0-4.08-1.928-4.084-4.284 0-.536.103-1 .24-1.463z"
             })
         ]
@@ -135,9 +135,9 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M16.774 15.984c1.65-.795 3.286-2 4.894-3.608a.56.56 0 0 0 0-.792c-3.132-3.138-6.376-4.726-9.642-4.726q-1.854 0-3.694.68L3.13 2.34a.56.56 0 0 0-.79 0 .56.56 0 0 0 0 .793l4.882 4.882c-1.652.795-3.288 2-4.896 3.608a.57.57 0 0 0-.165.398.55.55 0 0 0 .165.394c3.134 3.135 6.378 4.723 9.644 4.723q1.854 0 3.695-.68l5.199 5.198a.56.56 0 0 0 .79 0 .56.56 0 0 0 0-.792zm-3.468-3.468L11.47 10.68c.16-.062.322-.067.504-.067.846 0 1.392.546 1.392 1.395 0 .17-.005.341-.059.51m1.079 1.079q.285-.614.285-1.496c0-.955-.252-1.68-.75-2.154-.474-.451-1.168-.678-2.065-.678-.588 0-1.092.098-1.501.294l-.622-.622c.572-.341 1.283-.515 2.123-.515 2.325 0 3.659 1.339 3.659 3.675q-.006 1.259-.507 2.118z"
         })
     }));

package/dist/generated/mistica-icons/icon-eye-off-light.js

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

package/dist/generated/mistica-icons/icon-eye-off-regular.js

@@ -97,8 +97,8 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const h = (_param)=>{
             fill: e,
             d: "m17.649 16.924 3.672 3.856a.72.72 0 0 1 .004 1.004.65.65 0 0 1-.476.216.8.8 0 0 1-.476-.18l-3.947-4.144a9.84 9.84 0 0 1-4.424 1.036c-4.046 0-7.757-2.536-9.418-6.42a.82.82 0 0 1 0-.572c.579-1.355 1.394-2.571 2.45-3.535a.64.64 0 0 1 .952.036.717.717 0 0 1-.034 1 8.4 8.4 0 0 0-2.008 2.784c1.497 3.211 4.625 5.283 8.062 5.283a8.45 8.45 0 0 0 3.402-.716l-.78-.82a4.25 4.25 0 0 1-2.622.892c-2.45 0-4.423-2.072-4.423-4.643 0-1.036.304-1.968.85-2.752l-5.75-6.036a.717.717 0 0 1 0-1 .64.64 0 0 1 .952 0L7.58 6.317a9.94 9.94 0 0 1 4.423-1.036c4.08 0 7.757 2.536 9.422 6.428a.82.82 0 0 1 0 .572c-.85 1.927-2.14 3.535-3.775 4.643m-8.71-4.927c0 1.787 1.364 3.215 3.063 3.215a2.83 2.83 0 0 0 1.63-.504l-4.217-4.427a3.24 3.24 0 0 0-.476 1.715m5.65 1.715c.305-.5.476-1.072.476-1.716 0-1.787-1.364-3.215-3.063-3.215-.613 0-1.158.18-1.634.5zm1.837-1.716a4.76 4.76 0 0 1-.85 2.752l1.12 1.136a9.15 9.15 0 0 0 3.368-3.892C18.567 8.782 15.44 6.71 12.002 6.71c-1.192 0-2.313.252-3.402.716l.78.82a4.25 4.25 0 0 1 2.622-.892c2.45 0 4.424 2.072 4.424 4.643"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

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

@@ -92,15 +92,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: s, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: s, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = s !== null && s !== void 0 ? s : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = s !== null && s !== void 0 ? s : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
@@ -115,8 +115,8 @@ const a = (_param)=>{
             })
         ]
     })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
@@ -131,8 +131,8 @@ const a = (_param)=>{
             })
         ]
     })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
@@ -147,8 +147,8 @@ const a = (_param)=>{
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
@@ -157,4 +157,4 @@ const a = (_param)=>{
             d: "M21.705 12.374c-.194.239-4.83 5.774-9.678 5.774s-9.535-5.535-9.731-5.77a.59.59 0 0 1-.003-.76l.003-.003c.235-.279 4.874-5.77 9.706-5.77 4.851 0 9.507 5.538 9.703 5.773a.59.59 0 0 1 0 .756m-9.678 4.58c3.602 0 7.3-3.736 8.409-4.955-1.115-1.218-4.835-4.96-8.434-4.96-3.603 0-7.32 3.736-8.435 4.957 1.124 1.219 4.86 4.958 8.46 4.958m2.456-4.874c0-2.252-1.893-2.442-2.38-2.453-.07-.003-.157-.003-.233-.003-.501.003-2.353.17-2.353 2.442 0 2.275 1.871 2.451 2.37 2.46q.113 0 .227-.003c.473-.008 2.37-.185 2.37-2.443"
         })
     }));
-}, q = a;
+}, q = h;

package/dist/generated/mistica-icons/{icon-hamburguer-light.d.ts → icon-face-happy-filled.d.ts}

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

package/dist/generated/mistica-icons/{icon-smiley-happy-filled.js → icon-face-happy-filled.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,30 +92,50 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : 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({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: t,
+            d: "M12 2c5.519 0 10 4.481 10 10s-4.481 10-10 10S2 17.52 2 12 6.481 2 12 2M7.99 8.677a1.337 1.337 0 1 0 .001 2.674 1.337 1.337 0 0 0 0-2.674m8.02 0a1.337 1.337 0 1 0 .001 2.671 1.337 1.337 0 0 0-.001-2.67m-8.144 5.429s.771 2.365 4.146 2.365c3.406 0 4.126-2.377 4.126-2.377a.668.668 0 1 0-1.267-.423s-.562 1.464-2.859 1.464c-2.293 0-2.887-1.476-2.887-1.476a.67.67 0 0 0-1.259.447"
+        })
+    })) : c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: t,
+            d: "M12 2c5.519 0 10 4.481 10 10s-4.481 10-10 10S2 17.52 2 12 6.481 2 12 2M7.99 8.677a1.337 1.337 0 1 0 .001 2.674 1.337 1.337 0 0 0 0-2.674m8.02 0a1.337 1.337 0 1 0 .001 2.671 1.337 1.337 0 0 0-.001-2.67m-8.144 5.43s.771 2.364 4.146 2.364c3.406 0 4.126-2.377 4.126-2.377a.668.668 0 1 0-1.267-.423s-.562 1.464-2.859 1.464c-2.293 0-2.887-1.476-2.887-1.476a.67.67 0 0 0-1.259.447"
+        })
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: t,
             d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2M8.607 8.25a.982.982 0 1 1 .001 1.963.982.982 0 0 1 0-1.963m7.31 6.54c-.942 1.16-2.388 1.824-3.96 1.824-1.568 0-3.01-.66-3.953-1.818a.444.444 0 0 1 .064-.628.444.444 0 0 1 .628.064c.761.932 1.983 1.49 3.265 1.49 1.285 0 2.507-.561 3.268-1.497a.444.444 0 0 1 .628-.064c.19.157.218.435.06.628m-.613-4.576a.982.982 0 1 1-.002-1.963.982.982 0 0 1 .002 1.963"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: t,
             d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2M8.607 8.25a.982.982 0 1 1 .001 1.963.982.982 0 0 1 0-1.963m7.31 6.54c-.942 1.16-2.388 1.824-3.96 1.824-1.568 0-3.01-.66-3.953-1.818a.444.444 0 0 1 .064-.628.444.444 0 0 1 .628.064c.761.932 1.983 1.49 3.265 1.49 1.285 0 2.507-.561 3.268-1.497a.444.444 0 0 1 .628-.064c.19.157.218.435.06.628m-.613-4.576a.982.982 0 1 1-.002-1.963.982.982 0 0 1 .002 1.963"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,8 +145,8 @@ const h = (_param)=>{
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: t,
             d: "M21.841 12.001c0-6.706-3.627-9.846-9.846-9.846-6.218 0-9.84 3.14-9.84 9.846s3.622 9.84 9.84 9.84c6.219 0 9.846-3.134 9.846-9.84m-4.689 1.77.003-.003a.613.613 0 1 1 .913.821c-.09.101-2.269 2.474-6.003 2.516h-.021l-.133.002c-.736 0-3.893-.142-5.983-2.481a.613.613 0 1 1 .916-.818c1.918 2.146 5.044 2.073 5.183 2.07h.005c3.143-.033 5.04-2.022 5.12-2.107m-8.14-3.224c-.356 0-.652-.115-.86-.322-.201-.207-.305-.493-.305-.846 0-.723.445-1.17 1.165-1.17.717 0 1.165.447 1.165 1.17 0 .353-.1.639-.305.846-.207.21-.504.322-.86.322m6.832-.325c-.207.213-.504.325-.86.325s-.652-.115-.857-.325c-.205-.207-.308-.493-.308-.846 0-.722.445-1.17 1.165-1.17.717 0 1.165.448 1.165 1.17 0 .353-.103.639-.305.846"
         })
     }));
-}, v = h;
+}, f = s;

package/dist/generated/mistica-icons/{icon-smiley-sad-light.d.ts → icon-face-happy-light.d.ts}

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

package/dist/generated/mistica-icons/{icon-smiley-happy-light.js → icon-face-happy-light.js}

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,67 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: l, size: a = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M9 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0M17 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M12 21.15a9.15 9.15 0 1 1 0-18.3 9.15 9.15 0 0 1 0 18.3m0 .85c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M12 15.5c2.28 0 3.077-1.354 3.15-1.629a.5.5 0 1 1 .967.258C15.923 14.854 14.72 16.5 12 16.5s-3.923-1.646-4.117-2.371a.5.5 0 0 1 .967-.258c.073.275.87 1.629 3.15 1.629"
+            })
+        ]
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: t,
+            d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25m4.057 11.65a.624.624 0 1 0-.968-.79c-.728.897-1.9 1.43-3.128 1.43s-2.397-.533-3.125-1.426a.624.624 0 1 0-.968.79c.978 1.196 2.471 1.882 4.093 1.882 1.625.007 3.118-.682 4.096-1.886m-7.45-6.65a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
+        })
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M8.597 9.932a.716.716 0 1 0 0-1.432.716.716 0 0 0 0 1.432M15.284 9.932a.716.716 0 1 0 0-1.432.716.716 0 0 0 0 1.432M8.813 13.193a.35.35 0 0 0-.626.314c.214.426.539.79.893 1.105.613.544 1.568 1.088 2.92 1.088s2.307-.544 2.92-1.088c.354-.315.68-.68.893-1.105a.35.35 0 0 0-.592-.368 3.9 3.9 0 0 1-.766.95c-.512.455-1.307.911-2.455.911s-1.943-.456-2.455-.912c-.287-.254-.555-.552-.732-.895"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-.7 0a9.3 9.3 0 1 0-18.6 0 9.3 9.3 0 0 0 18.6 0"
+            })
+        ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: t,
             d: "M21.838 11.997c0-6.706-3.628-9.846-9.846-9.846-6.219 0-9.84 3.14-9.84 9.846s3.621 9.84 9.84 9.84 9.845-3.134 9.845-9.84m-9.846 9.02c-5.986 0-9.02-3.034-9.02-9.02 0-5.989 3.034-9.025 9.02-9.025 5.988 0 9.025 3.036 9.025 9.025 0 5.986-3.037 9.02-9.025 9.02m5.31-7.115a.411.411 0 0 1 .611.549c-.09.098-2.207 2.406-5.854 2.448q-.076.004-.151.003c-.726 0-3.799-.14-5.832-2.415a.412.412 0 0 1 .613-.546c2.017 2.258 5.314 2.143 5.347 2.137 3.23-.035 5.18-2.085 5.264-2.173zM9.008 10.44c-.327 0-.599-.101-.787-.292-.185-.187-.277-.448-.277-.775 0-.667.398-1.068 1.064-1.068.667 0 1.065.4 1.065 1.068q0 .49-.277.775c-.188.19-.46.292-.788.292m5.185-.292c.188.19.46.292.787.292.328 0 .6-.101.787-.292q.278-.285.278-.775c0-.667-.398-1.068-1.065-1.068s-1.064.4-1.064 1.068q0 .492.277.775"
         })
     }));
-}, h = l;
+}, M = m;

package/dist/generated/mistica-icons/{icon-hamburguer-filled.d.ts → icon-face-happy-regular.d.ts}

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