@telefonica/mistica 15.20.1 → 16.0.0

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;

package/dist/generated/mistica-icons/{icon-smiley-happy-regular.js → icon-face-happy-regular.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 l = (_param)=>{
-    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: o, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), c = i !== null && i !== void 0 ? i : s ? _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 n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.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"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
+            d: "M12 2c5.52 0 10.001 4.48 10.001 10s-4.48 10-10 10S2 17.52 2 12 6.482 2 12 2m0 1.336c-4.782 0-8.664 3.881-8.664 8.664s3.882 8.664 8.665 8.664 8.664-3.881 8.664-8.664S16.783 3.336 12 3.336m-4.01 5.34a1.337 1.337 0 1 1-.002 2.675 1.337 1.337 0 0 1 .003-2.675m8.021 0a1.337 1.337 0 1 1-.001 2.674 1.337 1.337 0 0 1 .001-2.674m-8.144 5.43a.667.667 0 1 1 1.258-.447s.595 1.476 2.888 1.476c2.297 0 2.858-1.463 2.858-1.463a.668.668 0 1 1 1.268.423s-.721 2.376-4.126 2.376c-3.376 0-4.146-2.365-4.146-2.365"
+        })
+    })) : r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: t,
+            d: "M12 2c5.52 0 10.001 4.48 10.001 10s-4.48 10-10 10S2 17.52 2 12 6.482 2 12 2m0 1.336c-4.782 0-8.664 3.881-8.664 8.664s3.882 8.664 8.665 8.664 8.664-3.881 8.664-8.664S16.783 3.336 12 3.336m-4.01 5.34a1.337 1.337 0 1 1-.002 2.675 1.337 1.337 0 0 1 .003-2.675m8.021 0a1.337 1.337 0 1 1-.001 2.674 1.337 1.337 0 0 1 .001-2.674m-8.144 5.43a.667.667 0 1 1 1.258-.447s.595 1.476 2.888 1.476c2.297 0 2.858-1.463 2.858-1.463a.668.668 0 1 1 1.268.423s-.721 2.376-4.126 2.376c-3.376 0-4.146-2.365-4.146-2.365"
+        })
+    })) : r.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"
+    }, c), {
+        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"
         })
-    })) : t.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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            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"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +143,10 @@ const l = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
             d: "M21.841 12c0-6.705-3.627-9.845-9.846-9.845-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-9.846 8.612c-5.792 0-8.61-2.818-8.61-8.611 0-5.796 2.818-8.613 8.61-8.613 5.799 0 8.617 2.817 8.617 8.613 0 5.793-2.821 8.61-8.617 8.61m5.16-6.844a.615.615 0 0 1 .913.824c-.092.1-2.269 2.473-6.003 2.515h-.021q-.039.003-.133.003c-.736 0-3.893-.143-5.983-2.482a.613.613 0 1 1 .916-.818c1.918 2.145 5.046 2.074 5.183 2.07h.005c3.143-.038 5.04-2.025 5.12-2.109zm-8.143-3.22c-.356 0-.652-.113-.86-.323-.204-.207-.305-.493-.305-.846 0-.723.448-1.17 1.165-1.17.72 0 1.165.447 1.165 1.17q-.001.535-.305.846c-.207.207-.504.322-.86.322m5.112-.323c.207.21.504.322.86.322s.653-.115.857-.322c.202-.207.306-.493.306-.846 0-.723-.446-1.17-1.166-1.17-.717 0-1.165.447-1.165 1.17 0 .353.104.639.308.846"
         })
     }));
-}, v = l;
+}, f = m;

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

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

package/dist/generated/mistica-icons/icon-face-neutral-filled.js

@@ -0,0 +1,152 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return p;
+    }
+});
+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) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const s = (_param)=>{
+    var { color: o, size: e = 24 } = _param, t = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.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"
+    }, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: l,
+            d: "M12 2c5.52 0 10.001 4.48 10.001 10s-4.482 10-10 10C6.48 22 2 17.52 2 12S6.48 2 12 2M8.006 14.405l7.998-.04a.67.67 0 0 0 .663-.67.67.67 0 0 0-.67-.664l-7.999.04a.667.667 0 0 0 .008 1.334m-.006-5.742a1.334 1.334 0 1 0 0 2.665 1.334 1.334 0 0 0 0-2.665m8.004 0a1.334 1.334 0 1 0 0 2.665 1.334 1.334 0 0 0 0-2.665"
+        })
+    })) : i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: l,
+            d: "M12 2c5.52 0 10.001 4.48 10.001 10s-4.482 10-10 10C6.48 22 2 17.52 2 12S6.48 2 12 2M8.006 14.405l7.998-.04a.67.67 0 0 0 .663-.67.67.67 0 0 0-.67-.664l-7.999.04a.667.667 0 0 0 .008 1.334m-.006-5.742a1.334 1.334 0 1 0 0 2.665 1.334 1.334 0 0 0 0-2.665m8.004 0a1.334 1.334 0 1 0 0 2.665 1.334 1.334 0 0 0 0-2.665"
+        })
+    })) : i.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"
+    }, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: l,
+            d: "M22.001 12c0-5.52-4.482-10-10-10C6.48 2 2 6.48 2 12s4.48 10 10 10 10.001-4.48 10.001-10M7.625 9.481a.982.982 0 1 1 1.963-.001.982.982 0 0 1-1.963.001m6.696 0a.982.982 0 1 1 1.964 0 .982.982 0 0 1-1.964 0M8 13.5h8a.5.5 0 0 1 0 1H8a.5.5 0 0 1 0-1"
+        })
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: l,
+            d: "M22.001 12c0-5.52-4.482-10-10-10C6.48 2 2 6.48 2 12s4.48 10 10 10 10.001-4.48 10.001-10M7.625 9.481a.982.982 0 1 1 1.963-.001.982.982 0 0 1-1.963.001m6.696 0a.982.982 0 1 1 1.964 0 .982.982 0 0 1-1.964 0M8 13.5h8a.5.5 0 0 1 0 1H8a.5.5 0 0 1 0-1"
+        })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: l,
+            d: "M22 12.003C22 18.815 18.313 22 11.996 22S2 18.815 2 12.003C2 5.19 5.68 2 11.997 2s10.002 3.19 10.002 10.003M7.6 14.206l9.047-.007a.572.572 0 1 0 0-1.143l-9.048.007a.57.57 0 1 0 .001 1.143m1.366-3.68c.362 0 .663-.114.874-.328.204-.21.31-.5.31-.86 0-.733-.452-1.188-1.184-1.188-.728 0-1.184.455-1.184 1.189 0 .359.103.65.31.86.211.213.513.327.874.327m5.194-.328c.21.214.512.328.874.328.36 0 .662-.114.87-.328.208-.21.313-.5.313-.86 0-.733-.453-1.188-1.183-1.188s-1.184.455-1.184 1.189c0 .356.102.646.31.86"
+        })
+    }));
+}, p = s;

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

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