@telefonica/mistica 16.72.0 → 17.1.0

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

@@ -140,7 +140,7 @@ const V = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: c } = (0, _hooks.useTheme)(), n = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: c } = (0, _hooks.useTheme)(), n = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const V = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
-            d: "M13.949 2.684c.622-.393 1.373-.648 2.175-.483.806.166 1.393.7 1.803 1.313l.001.001c.4.599.69 1.358.509 2.181-.115.532-.4.961-.754 1.303H20.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5h2.752c-.35-.34-.633-.769-.748-1.298-.18-.823.107-1.583.51-2.185.506-.756 1.27-1.364 2.303-1.364.619 0 1.188.227 1.676.535.657.415 1.153 1.186 1.48 1.775.182.33.35.677.496 1.011.148-.334.317-.682.5-1.014.327-.59.823-1.358 1.478-1.774zM7.053 4.211c-.297.443-.409.855-.327 1.225.141.483.463.733 1.035 1.039.521.28 1.326.411 2.072.368.477.008.943-.01 1.321-.04a13 13 0 0 0-.51-1.221c-.364-.754-.822-1.497-1.277-1.81-.304-.21-.677-.37-1.05-.37q-.72 0-1.264.81M17.216 5.43q.12-.552-.328-1.221c-.594-.888-1.359-1.045-2.272-.468-.468.297-.943 1.06-1.318 1.835-.207.43-.385.862-.514 1.22.379.031.845.05 1.323.041.894-.015 1.828-.123 2.3-.421.456-.289.73-.622.809-.986m3.516 14.776c0 .886-.685 1.634-1.494 1.634H4.727c-.809 0-1.495-.748-1.495-1.634V14.3h17.5z"
+            d: "M20.422 10.334v1.294h-7.86V8.3h2.62c1.446 0 2.62-1.161 2.62-2.593s-1.174-2.593-2.62-2.593c-1.385 0-2.534 1.071-2.616 2.441q-.005.076-.004.152V8.3h-1.117v3.333H3.58v-1.294c0-1.124.925-2.039 2.06-2.039h1.878a2.74 2.74 0 0 1-.566-1.669c0-1.53 1.26-2.777 2.807-2.777.719 0 1.37.27 1.868.71A3.74 3.74 0 0 1 15.188 2c2.064 0 3.74 1.66 3.74 3.702a3.68 3.68 0 0 1-1.072 2.593h.512c1.13.005 2.055.915 2.055 2.039M11.441 8.3V6.636a1.68 1.68 0 0 0-1.686-1.668c-.93 0-1.682.744-1.682 1.663 0 .92.757 1.67 1.686 1.67zM3.58 21.445c0 .308.248.555.56.555h7.295v-9.258H3.58zM19.856 22h-7.295v-9.258h7.855v8.703a.555.555 0 0 1-.56.555"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const V = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
-            d: "M20.422 10.334v1.294h-7.86V8.3h2.62c1.446 0 2.62-1.161 2.62-2.593s-1.174-2.593-2.62-2.593c-1.385 0-2.534 1.071-2.616 2.441q-.005.076-.004.152V8.3h-1.117v3.333H3.58v-1.294c0-1.124.925-2.039 2.06-2.039h1.878a2.74 2.74 0 0 1-.566-1.669c0-1.53 1.26-2.777 2.807-2.777.719 0 1.37.27 1.868.71A3.74 3.74 0 0 1 15.188 2c2.064 0 3.74 1.66 3.74 3.702a3.68 3.68 0 0 1-1.072 2.593h.512c1.13.005 2.055.915 2.055 2.039M11.441 8.3V6.636a1.68 1.68 0 0 0-1.686-1.668c-.93 0-1.682.744-1.682 1.663 0 .92.757 1.67 1.686 1.67zM3.58 21.445c0 .308.248.555.56.555h7.295v-9.258H3.58zM19.856 22h-7.295v-9.258h7.855v8.703a.555.555 0 0 1-.56.555"
+            d: "M13.949 2.684c.622-.393 1.373-.648 2.175-.483.806.166 1.393.7 1.803 1.313l.001.001c.4.599.69 1.358.509 2.181-.115.532-.4.961-.754 1.303H20.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5h2.752c-.35-.34-.633-.769-.748-1.298-.18-.823.107-1.583.51-2.185.506-.756 1.27-1.364 2.303-1.364.619 0 1.188.227 1.676.535.657.415 1.153 1.186 1.48 1.775.182.33.35.677.496 1.011.148-.334.317-.682.5-1.014.327-.59.823-1.358 1.478-1.774zM7.053 4.211c-.297.443-.409.855-.327 1.225.141.483.463.733 1.035 1.039.521.28 1.326.411 2.072.368.477.008.943-.01 1.321-.04a13 13 0 0 0-.51-1.221c-.364-.754-.822-1.497-1.277-1.81-.304-.21-.677-.37-1.05-.37q-.72 0-1.264.81M17.216 5.43q.12-.552-.328-1.221c-.594-.888-1.359-1.045-2.272-.468-.468.297-.943 1.06-1.318 1.835-.207.43-.385.862-.514 1.22.379.031.845.05 1.323.041.894-.015 1.828-.123 2.3-.421.456-.289.73-.622.809-.986m3.516 14.776c0 .886-.685 1.634-1.494 1.634H4.727c-.809 0-1.495-.748-1.495-1.634V14.3h17.5z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

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

@@ -140,7 +140,7 @@ const C = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: h, gradientDef: n } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: i } = (0, _hooks.useTheme)(), c = i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: h, gradientDef: n } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: i } = (0, _hooks.useTheme)(), c = i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const C = (_param)=>{
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
-            d: "M17.632 3.418c-.368-.575-.874-1.046-1.554-1.192s-1.334.076-1.902.452h-.002c-.378.252-.69.644-.934 1.013a10 10 0 0 0-.685 1.257c-.221.477-.41.957-.547 1.357L12 6.328l-.008-.024c-.138-.4-.326-.88-.547-1.357a10 10 0 0 0-.686-1.257c-.243-.37-.555-.761-.933-1.012l-.002-.001c-.568-.376-1.222-.598-1.902-.452s-1.186.617-1.554 1.192v.001c-.364.57-.587 1.227-.444 1.907.11.53.419.959.817 1.3H3.5a1.5 1.5 0 0 0-1.5 1.5v3.281a1.5 1.5 0 0 0 .825 1.34v6.935c0 1.105.825 2.131 1.92 2.131h14.51c1.095 0 1.92-1.026 1.92-2.131v-6.935a1.5 1.5 0 0 0 .825-1.34V8.124a1.5 1.5 0 0 0-1.5-1.5h-3.241c.398-.34.707-.77.817-1.299.143-.68-.08-1.336-.444-1.907m-3.775 4.056H20.5a.65.65 0 0 1 .65.65v3.282a.65.65 0 0 1-.65.65h-17a.65.65 0 0 1-.65-.65V8.124a.65.65 0 0 1 .65-.65zm.093-.85h-.091a14 14 0 0 1-1.047-.044 14 14 0 0 1 .514-1.275c.375-.81.85-1.608 1.318-1.919.913-.603 1.678-.439 2.272.49.297.465.409.892.327 1.276-.078.38-.352.728-.81 1.03-.47.311-1.404.424-2.299.44zm-3.808 0h-.092l-.184-.002c-.895-.016-1.829-.129-2.3-.44-.457-.302-.731-.65-.81-1.03q-.119-.577.328-1.277c.594-.928 1.359-1.092 2.272-.489.469.311.943 1.109 1.318 1.918a14 14 0 0 1 .514 1.276 13 13 0 0 1-1.046.044M3.675 19.681v-6.775h16.65v6.775c0 .745-.546 1.281-1.07 1.281H4.746c-.523 0-1.07-.536-1.07-1.281"
+            d: "M17.998 8.037h-.167a3.88 3.88 0 0 0 .712-2.265C18.543 3.657 16.946 2 14.907 2c-1.578 0-2.886.99-3.398 2.42a2.95 2.95 0 0 0-1.69-.532c-1.555 0-2.728 1.218-2.728 2.83 0 .484.107.933.298 1.32H6.002C4.88 8.037 4 9.031 4 10.301v10.945c0 .415.326.753.726.753h14.548c.4 0 .726-.338.726-.753v-10.95c0-1.265-.88-2.26-2.002-2.26m.545 2.26v1.13h-5.82V9.54h5.275c.4.005.545.46.545.758M17.09 5.772c0 1.29-.935 2.265-2.183 2.265h-2.183V5.772c0-1.29.94-2.265 2.183-2.265s2.183.975 2.183 2.265m-8.546.942c0-.778.52-1.319 1.27-1.319.699 0 1.453.507 1.453 1.319v1.318H9.814c-.75.005-1.27-.54-1.27-1.318m2.727 2.83v1.888H5.453v-1.13c0-.304.145-.758.545-.758zM5.453 12.94h5.82v7.544h-5.82zm7.272 0h5.819v7.544h-5.82z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const C = (_param)=>{
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
-            d: "M17.998 8.037h-.167a3.88 3.88 0 0 0 .712-2.265C18.543 3.657 16.946 2 14.907 2c-1.578 0-2.886.99-3.398 2.42a2.95 2.95 0 0 0-1.69-.532c-1.555 0-2.728 1.218-2.728 2.83 0 .484.107.933.298 1.32H6.002C4.88 8.037 4 9.031 4 10.301v10.945c0 .415.326.753.726.753h14.548c.4 0 .726-.338.726-.753v-10.95c0-1.265-.88-2.26-2.002-2.26m.545 2.26v1.13h-5.82V9.54h5.275c.4.005.545.46.545.758M17.09 5.772c0 1.29-.935 2.265-2.183 2.265h-2.183V5.772c0-1.29.94-2.265 2.183-2.265s2.183.975 2.183 2.265m-8.546.942c0-.778.52-1.319 1.27-1.319.699 0 1.453.507 1.453 1.319v1.318H9.814c-.75.005-1.27-.54-1.27-1.318m2.727 2.83v1.888H5.453v-1.13c0-.304.145-.758.545-.758zM5.453 12.94h5.82v7.544h-5.82zm7.272 0h5.819v7.544h-5.82z"
+            d: "M17.632 3.418c-.368-.575-.874-1.046-1.554-1.192s-1.334.076-1.902.452h-.002c-.378.252-.69.644-.934 1.013a10 10 0 0 0-.685 1.257c-.221.477-.41.957-.547 1.357L12 6.328l-.008-.024c-.138-.4-.326-.88-.547-1.357a10 10 0 0 0-.686-1.257c-.243-.37-.555-.761-.933-1.012l-.002-.001c-.568-.376-1.222-.598-1.902-.452s-1.186.617-1.554 1.192v.001c-.364.57-.587 1.227-.444 1.907.11.53.419.959.817 1.3H3.5a1.5 1.5 0 0 0-1.5 1.5v3.281a1.5 1.5 0 0 0 .825 1.34v6.935c0 1.105.825 2.131 1.92 2.131h14.51c1.095 0 1.92-1.026 1.92-2.131v-6.935a1.5 1.5 0 0 0 .825-1.34V8.124a1.5 1.5 0 0 0-1.5-1.5h-3.241c.398-.34.707-.77.817-1.299.143-.68-.08-1.336-.444-1.907m-3.775 4.056H20.5a.65.65 0 0 1 .65.65v3.282a.65.65 0 0 1-.65.65h-17a.65.65 0 0 1-.65-.65V8.124a.65.65 0 0 1 .65-.65zm.093-.85h-.091a14 14 0 0 1-1.047-.044 14 14 0 0 1 .514-1.275c.375-.81.85-1.608 1.318-1.919.913-.603 1.678-.439 2.272.49.297.465.409.892.327 1.276-.078.38-.352.728-.81 1.03-.47.311-1.404.424-2.299.44zm-3.808 0h-.092l-.184-.002c-.895-.016-1.829-.129-2.3-.44-.457-.302-.731-.65-.81-1.03q-.119-.577.328-1.277c.594-.928 1.359-1.092 2.272-.489.469.311.943 1.109 1.318 1.918a14 14 0 0 1 .514 1.276 13 13 0 0 1-1.046.044M3.675 19.681v-6.775h16.65v6.775c0 .745-.546 1.281-1.07 1.281H4.746c-.523 0-1.07-.536-1.07-1.281"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

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

@@ -140,7 +140,7 @@ const C = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: h, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: i } = (0, _hooks.useTheme)(), o = i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: h, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: i } = (0, _hooks.useTheme)(), o = i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const C = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
-            d: "M13.947 2.685h.002c.622-.394 1.373-.649 2.175-.484.806.166 1.393.7 1.803 1.313l.001.001c.4.6.69 1.358.509 2.182-.115.53-.4.96-.753 1.302H20.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.268 1.482v7.225c0 .886-.685 1.634-1.494 1.634H4.727c-.809 0-1.495-.748-1.495-1.634v-7.231A1.5 1.5 0 0 1 2 11.499v-3a1.5 1.5 0 0 1 1.5-1.5h2.752c-.35-.34-.633-.769-.748-1.298-.18-.823.107-1.583.51-2.185.506-.756 1.27-1.364 2.303-1.364.619 0 1.188.227 1.676.535.657.415 1.153 1.186 1.48 1.775.182.33.35.678.496 1.011.148-.334.317-.682.5-1.014.327-.59.823-1.358 1.478-1.774m3.269 2.745q.12-.552-.328-1.221c-.594-.888-1.359-1.045-2.272-.468-.468.297-.943 1.06-1.318 1.835-.207.43-.385.862-.514 1.22.379.031.845.05 1.323.041.894-.015 1.828-.123 2.3-.421.456-.289.73-.622.809-.986m-10.487 0c.078.364.353.697.81.986.47.298 1.405.406 2.299.421.478.008.944-.01 1.322-.04a13 13 0 0 0-.514-1.22c-.375-.775-.85-1.539-1.318-1.836-.913-.577-1.678-.42-2.271.468-.297.445-.41.854-.328 1.221M20.5 8.249h-17a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .138.223h17.224a.25.25 0 0 0 .138-.223v-3a.25.25 0 0 0-.25-.25M4.482 20.206c0 .12.048.23.116.305.069.075.12.079.129.079h14.511c.008 0 .06-.004.128-.08a.46.46 0 0 0 .116-.304V13h-15z"
+            d: "M17.998 8.037h-.167a3.88 3.88 0 0 0 .712-2.265C18.543 3.657 16.946 2 14.907 2c-1.578 0-2.886.99-3.398 2.42a2.95 2.95 0 0 0-1.69-.532c-1.555 0-2.728 1.218-2.728 2.83 0 .484.107.933.298 1.32H6.002C4.88 8.037 4 9.031 4 10.301v10.945c0 .415.326.753.726.753h14.548c.4 0 .726-.338.726-.753v-10.95c0-1.265-.88-2.26-2.002-2.26m.545 2.26v1.13h-5.82V9.54h5.275c.4.005.545.46.545.758M17.09 5.772c0 1.29-.935 2.265-2.183 2.265h-2.183V5.772c0-1.29.94-2.265 2.183-2.265s2.183.975 2.183 2.265m-8.546.942c0-.778.52-1.319 1.27-1.319.699 0 1.453.507 1.453 1.319v1.318H9.814c-.75.005-1.27-.54-1.27-1.318m2.727 2.83v1.888H5.453v-1.13c0-.304.145-.758.545-.758zM5.453 12.94h5.82v7.544h-5.82zm7.272 0h5.819v7.544h-5.82z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const C = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
-            d: "M17.998 8.037h-.167a3.88 3.88 0 0 0 .712-2.265C18.543 3.657 16.946 2 14.907 2c-1.578 0-2.886.99-3.398 2.42a2.95 2.95 0 0 0-1.69-.532c-1.555 0-2.728 1.218-2.728 2.83 0 .484.107.933.298 1.32H6.002C4.88 8.037 4 9.031 4 10.301v10.945c0 .415.326.753.726.753h14.548c.4 0 .726-.338.726-.753v-10.95c0-1.265-.88-2.26-2.002-2.26m.545 2.26v1.13h-5.82V9.54h5.275c.4.005.545.46.545.758M17.09 5.772c0 1.29-.935 2.265-2.183 2.265h-2.183V5.772c0-1.29.94-2.265 2.183-2.265s2.183.975 2.183 2.265m-8.546.942c0-.778.52-1.319 1.27-1.319.699 0 1.453.507 1.453 1.319v1.318H9.814c-.75.005-1.27-.54-1.27-1.318m2.727 2.83v1.888H5.453v-1.13c0-.304.145-.758.545-.758zM5.453 12.94h5.82v7.544h-5.82zm7.272 0h5.819v7.544h-5.82z"
+            d: "M13.947 2.685h.002c.622-.394 1.373-.649 2.175-.484.806.166 1.393.7 1.803 1.313l.001.001c.4.6.69 1.358.509 2.182-.115.53-.4.96-.753 1.302H20.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.268 1.482v7.225c0 .886-.685 1.634-1.494 1.634H4.727c-.809 0-1.495-.748-1.495-1.634v-7.231A1.5 1.5 0 0 1 2 11.499v-3a1.5 1.5 0 0 1 1.5-1.5h2.752c-.35-.34-.633-.769-.748-1.298-.18-.823.107-1.583.51-2.185.506-.756 1.27-1.364 2.303-1.364.619 0 1.188.227 1.676.535.657.415 1.153 1.186 1.48 1.775.182.33.35.678.496 1.011.148-.334.317-.682.5-1.014.327-.59.823-1.358 1.478-1.774m3.269 2.745q.12-.552-.328-1.221c-.594-.888-1.359-1.045-2.272-.468-.468.297-.943 1.06-1.318 1.835-.207.43-.385.862-.514 1.22.379.031.845.05 1.323.041.894-.015 1.828-.123 2.3-.421.456-.289.73-.622.809-.986m-10.487 0c.078.364.353.697.81.986.47.298 1.405.406 2.299.421.478.008.944-.01 1.322-.04a13 13 0 0 0-.514-1.22c-.375-.775-.85-1.539-1.318-1.836-.913-.577-1.678-.42-2.271.468-.297.445-.41.854-.328 1.221M20.5 8.249h-17a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .138.223h17.224a.25.25 0 0 0 .138-.223v-3a.25.25 0 0 0-.25-.25M4.482 20.206c0 .12.048.23.116.305.069.075.12.079.129.079h14.511c.008 0 .06-.004.128-.08a.46.46 0 0 0 .116-.304V13h-15z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

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

@@ -136,18 +136,18 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const x = (_param)=>{
-    var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: c, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), a = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), a = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: n,
             d: "M2.001 19.468V4.53C1.983 3.085 3.244 2.058 4.63 2h14.742c1.385.058 2.646 1.085 2.628 2.53v14.938c.018 1.445-1.243 2.472-2.628 2.53H4.629c-1.385-.058-2.646-1.085-2.628-2.53M7.967 5.475a.75.75 0 0 0-1.06.008l-1.43 1.452a.75.75 0 1 0 1.068 1.053l1.43-1.452a.75.75 0 0 0-.008-1.06m3.18 2.325a.75.75 0 0 0-1.074-1.048L7.19 9.705a.75.75 0 0 0 1.073 1.048z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -155,9 +155,9 @@ const x = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: n,
             d: "M16.5 2.5a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-13a3 3 0 0 1 3-3zm-.97 4.97a.75.75 0 0 0-1.06 0l-.17.17-.01.008-.01.01-.008.01-.01.01-.011.01-.01.01-.01.01-.039.04-.01.009-.01.01-.122.123q-.006.004-.01.01l-.01.01-.117.116-.01.01-.054.054-.011.012-.187.186-.011.01-.011.013-.012.01-.01.012-.149.148-.012.011-.01.012-.094.094-.012.01-.012.013-.297.298-.013.012-.012.012-.013.012-.011.013-.05.049-.012.011-.012.013-.335.336-.013.012-.012.012-.28.28-.013.012-.013.014-.076.076-.013.013-.013.014-.05.05-.015.013-.012.014-.038.038-.014.012-.013.014-.18.18-.014.014-.013.013-.064.065-.014.012-.013.014-.103.103-.014.013-.013.014-.181.181-.014.013-.013.014-.103.103-.014.013-.012.014-.065.064-.013.013-.013.014-.18.18-.014.013-.013.014-.038.038-.014.012-.013.014-.05.05-.014.014-.013.013-.076.076-.014.013-.012.014-.28.28-.012.01-.012.014-.336.335-.013.012-.011.013-.05.049-.012.011-.012.013-.012.012-.012.013-.298.297-.013.012-.01.012-.094.093-.012.011-.01.012-.149.148-.012.011-.01.012-.012.01-.01.012-.187.187-.012.01-.054.054-.01.011-.116.116-.01.01-.01.01-.122.123-.011.01-.01.01-.039.04-.01.01q-.006.004-.01.009l-.01.01-.01.01-.01.01-.01.009-.008.01-.17.17a.75.75 0 1 0 1.06 1.06l.17-.17.01-.008.01-.01.009-.01.01-.01.01-.01.01-.01.01-.01.039-.04.01-.009.01-.01.122-.123q.006-.004.01-.01l.01-.01.117-.116.01-.01.054-.054.011-.012.187-.186.011-.01.011-.012.012-.011.01-.012.149-.148.012-.011.01-.012.094-.094.012-.01.012-.013.297-.298.013-.012.012-.012.013-.012.011-.013.05-.049.012-.011.012-.013.335-.336.013-.012.012-.012.28-.28.013-.012.013-.014.076-.076.013-.013.013-.014.05-.05.015-.013.012-.014.038-.038.014-.012.013-.014.18-.18.014-.014.013-.013.064-.065.014-.012.013-.014.103-.103.014-.013.013-.014.181-.181.014-.013.013-.014.103-.103.014-.013.012-.014.065-.064.013-.013.013-.014.18-.18.014-.013.013-.014.038-.038.014-.012.013-.014.05-.05.014-.014.013-.013.076-.076.014-.013.012-.014.28-.28.012-.01.012-.014.336-.335.013-.012.011-.013.05-.049.012-.011.012-.013.012-.012.012-.013.298-.297.013-.012.01-.012.094-.094.012-.01.01-.012.149-.148.012-.011.01-.012.012-.01.01-.012.187-.187.012-.01.054-.054.01-.011.116-.116.01-.01.01-.01.122-.123.011-.01.01-.01.039-.04q.006-.004.01-.01.006-.004.01-.009l.01-.01.01-.01.01-.01.01-.009.008-.01.17-.17a.75.75 0 0 0 0-1.06m-4-1a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 1 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return w;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const q = (_param)=>{
+const w = (_param)=>{
     var { color: c, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return w;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const q = (_param)=>{
+const w = (_param)=>{
     var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: a } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: a } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const V = (_param)=>{
     var { color: m, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: l } = (0, _hooks.useTheme)(), c = l.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: l } = (0, _hooks.useTheme)(), c = l.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const V = (_param)=>{
     var { color: l, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : h), { skinName: s } = (0, _hooks.useTheme)(), c = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : h), { skinName: s } = (0, _hooks.useTheme)(), c = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const A = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), m = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: n } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), m = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: n } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const C = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), m = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: o } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : m), { skinName: s } = (0, _hooks.useTheme)(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), m = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: o } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : m), { skinName: s } = (0, _hooks.useTheme)(), r = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const C = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), m = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : m), { skinName: s } = (0, _hooks.useTheme)(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), m = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : m), { skinName: s } = (0, _hooks.useTheme)(), r = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return C;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,14 +135,14 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
-    var { color: v, size: a = 24 } = _param, n = _object_without_properties(_param, [
+const C = (_param)=>{
+    var { color: v, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: h } = (0, _hooks.useTheme)(), r = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: h } = (0, _hooks.useTheme)(), r = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, n), {
@@ -151,8 +151,8 @@ const w = (_param)=>{
             d: "M6.982 2.19h7.765c.782 0 1.123.74 1.266 1.053.142.3.627 1.287 1.192 2.436l.016.032c.918 1.866 2.061 4.188 2.739 5.633.4.849.24 1.737-.406 2.255a1.8 1.8 0 0 1-1.129.395 1.93 1.93 0 0 1-1.204-.429c-.365-.291-.667-.694-1.006-1.269v7.362l-.002.022v.023c-.088 1.341-.86 2.112-2.124 2.112-1.314 0-2.129-.827-2.129-2.157v-2.894q-.31.09-.68.09c-1 0-1.698-.502-1.939-1.347a2.5 2.5 0 0 1-.776.117c-1.003 0-1.703-.507-1.941-1.361-.233.075-.49.117-.773.117-1.252 0-2.031-.787-2.031-2.056V5.348c0-.967.269-1.74.807-2.291.537-.558 1.375-.866 2.355-.866m8.297 1.406c-.193-.423-.344-.585-.532-.585l-7.77-.003c-.762 0-1.392.218-1.776.616-.384.395-.577.975-.577 1.723v6.975c0 .82.409 1.238 1.218 1.238q.265.004.519-.076a.813.813 0 0 1 1.036.557c.14.508.53.765 1.16.765.176.003.353-.022.52-.075a.81.81 0 0 1 1.037.551q.216.755 1.16.757.235.003.462-.056a.8.8 0 0 1 .709.134.82.82 0 0 1 .319.653v2.893c0 .874.457 1.337 1.32 1.337.526 0 1.237-.14 1.313-1.348V12.3a.82.82 0 0 1 .597-.79.81.81 0 0 1 .913.373c.31.527.554.837.812 1.045.205.165.457.255.703.255a.98.98 0 0 0 .625-.219c.347-.277.414-.762.18-1.263a443 443 0 0 0-2.732-5.616 216 216 0 0 1-1.216-2.488"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, n), {

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return C;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const C = (_param)=>{
     var { color: v, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: h } = (0, _hooks.useTheme)(), r = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: h } = (0, _hooks.useTheme)(), r = h.match(/^vivo/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-hand-left-filled.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const A = (_param)=>{
     var { color: h, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const A = (_param)=>{
     var { color: h, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const V = (_param)=>{
+const q = (_param)=>{
     var { color: h, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const V = (_param)=>{
     var { color: h, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const w = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-hard-disk-filled.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), c = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), c = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",