@telefonica/mistica 16.67.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-data-checked-filled.js

@@ -78,50 +78,57 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: c = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as l, jsxs as m } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), a = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const a = v(), h = a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: e, gradientDef: n } = g(s !== null && s !== void 0 ? s : h), { skinName: d } = f(), c = d.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: /* @__PURE__ */ l("path", {
-            fill: a,
+            fill: e,
             d: "M9.189 4.023c.179.515.854.963 1.963 1.294 1.171.347 2.706.54 4.345.54s3.176-.193 4.344-.54c1.084-.32 1.751-.75 1.947-1.252 0-.009.008-.017.008-.017-.145-.54-.8-.997-1.963-1.345-1.16-.35-2.706-.543-4.345-.543-1.636 0-3.182.193-4.353.543-1.1.328-1.775.788-1.955 1.303q.007.006.008.01zm2.493 8.243a.62.62 0 0 0-.866 0l-3.26 3.227-1.224-1.213a.62.62 0 0 0-.866 0l-.003.003a.605.605 0 0 0 .003.854l1.658 1.645a.614.614 0 0 0 .866 0l3.692-3.658.005-.006a.6.6 0 0 0-.005-.852m2.073-.678c-.012.608-.029 1.32-.054 2.02l-.008.16q-.022.428-.048.846l-.014.196c-.022.32-.047.627-.078.905a10 10 0 0 1-.09.672q-.013.059-.033.12l-.014.045c-.208.698-.914 1.431-1.76 2.095l-.014.012c-.338.263-.697.518-1.056.75l-.002.003c-.647.42-1.32.804-2.009 1.151-1.476-.73-4.6-2.585-4.88-4.173-.251-1.432-.302-4.465-.313-5.802h.011c1.171 0 1.936-.5 2.622-.952l.006-.004c.707-.463 1.373-.9 2.551-.9h.003c.202 0 .384.016.555.041.38.048.75.16 1.098.328l.003.003q.232.113.45.246l.037.023q.209.128.415.263c.68.448 1.437.944 2.633.944h.002l-.01.765zm1.44-.77q.15.005.305.006c1.638 0 3.182-.185 4.341-.532 1.151-.348 1.785-.872 1.997-1.27V5.3c-.425.339-1.008.61-1.75.83-1.247.372-2.877.576-4.591.576-1.717 0-3.348-.204-4.594-.577-.76-.221-1.347-.507-1.776-.846v2.264a7 7 0 0 0-.552-.026H8.57c-1.546 0-2.44.586-3.228 1.104l-.005.003c-.75.49-1.344.874-2.423.714a.608.608 0 0 0-.76.585l.001.018c0 .364-.004 4.732.336 6.655.457 2.608 5.272 4.932 5.827 5.185a.61.61 0 0 0 .523 0 21 21 0 0 0 2.653-1.513c1.129.289 2.521.457 4.003.457 1.63 0 3.173-.194 4.344-.541 1.33-.398 2.006-.941 2.006-1.6v-3.341c-.454.347-1.05.644-1.75.846-1.239.372-2.87.577-4.595.577-.238 0-.473-.01-.707-.02l-.139-.005q0-.012.006-.027l.006-.021c.042-.23.075-.502.106-.793l.143.005q.289.014.585.015c1.639 0 3.182-.194 4.345-.54 1.151-.348 1.784-.872 1.997-1.27v-3.756c-.454.347-1.05.636-1.75.838-1.239.372-2.869.577-4.594.577q-.197-.001-.39-.01l-.131-.004.01-.846q.104.001.205.005"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
             /* @__PURE__ */ l("path", {
-                fill: a,
+                fill: e,
                 d: "M20.47 16.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06L17 19.94z"
             }),
             /* @__PURE__ */ l("path", {
-                fill: a,
+                fill: e,
                 d: "M4.032 14.725c0-.116.127-.19.229-.133.426.235.916.461 1.483.672 1.723.65 4.008 1.006 6.413 1.006v-.01c.8 0 1.586-.04 2.343-.116 1.52-.154 2.921-.457 4.071-.891.263-.1.612-.264.9-.385s.367.132.253.246q-.125.123-.315.295l-2.232 2.233a.25.25 0 0 1-.354 0l-.232-.233-.171-.154a2.25 2.25 0 0 0-2.84 0l-.17.154c-.88.879-.796 2.1-.127 3.008.103.139.017.352-.155.36-2.5.1-5.123-.184-6.907-.855-1.354-.498-2.189-1.192-2.189-1.788z"
             }),
             /* @__PURE__ */ l("path", {
-                fill: a,
+                fill: e,
                 d: "M4.054 8.54c0-.117.126-.19.228-.134.429.235.928.463 1.505.683 1.723.65 4.01 1.007 6.414 1.007s4.69-.357 6.413-1.007q.82-.313 1.448-.658a.155.155 0 0 1 .231.132v3.64a.48.48 0 0 1-.122.334c-.294.303-.946.749-2.163 1.21-3.055 1.148-8.635 1.148-11.69 0l.022.01c-1.25-.467-1.879-.901-2.18-1.19a.36.36 0 0 1-.106-.26z"
             }),
             /* @__PURE__ */ l("path", {
-                fill: a,
+                fill: e,
                 d: "M12.136 3c4.493 0 8.135 1.212 8.136 2.708s-3.643 2.709-8.136 2.709C7.642 8.417 4 7.204 4 5.708S7.643 3 12.136 3"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(c, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { p as default };
+export { M as default };

package/dist-es/generated/mistica-icons/icon-data-checked-light.js

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), l = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const t = f(), h = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: n } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = v(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M21.838 4.91c0-1.002-.807-1.75-2.404-2.23-1.137-.341-2.63-.529-4.199-.529s-3.061.188-4.198.532c-1.325.395-2.11.99-2.337 1.762v.003a1.7 1.7 0 0 0-.064.462v2.824l-.087-.005-.126-.006h-.006c-1.501 0-2.378.577-3.148 1.087l-.004.002c-.791.523-1.416.936-2.607.748a.43.43 0 0 0-.35.076.41.41 0 0 0-.157.322v.022c0 .392-.005 4.782.336 6.71.451 2.584 5.541 5.008 5.757 5.108a.4.4 0 0 0 .35 0q1.362-.659 2.616-1.504c1.12.314 2.538.488 4.028.488 1.563 0 3.053-.188 4.199-.53 1.594-.479 2.4-1.23 2.4-2.232zm-12.33-.269c.156-.47.761-.876 1.764-1.176 1.064-.32 2.47-.493 3.963-.493s2.9.176 3.964.493c1.04.31 1.633.717 1.779 1.204l-.006.009-.006.008c-.17.454-.778.846-1.759 1.14-1.061.317-2.465.493-3.96.493-1.493 0-2.9-.176-3.961-.493-1.003-.302-1.616-.708-1.773-1.176q-.005-.005-.006-.009m-.051 1.216q.586.452 1.593.75c1.135.34 2.625.527 4.197.527 1.574 0 3.061-.184 4.198-.526.664-.202 1.185-.446 1.572-.734v3.358c-.196.359-.762.838-1.81 1.152-1.061.32-2.467.495-3.96.495q-.217 0-.43-.01l-.133-.003c.004-.44.003-.753.003-.866v-.04a.41.41 0 0 0-.157-.307.42.42 0 0 0-.342-.093c-1.207.185-1.828-.226-2.62-.75h-.002c-.572-.379-1.205-.796-2.11-.984zm4.092 10.69c-.302 1.727-3.65 3.7-5.129 4.425-1.479-.726-4.823-2.695-5.129-4.426-.271-1.546-.313-4.905-.319-6.129 1.23.062 2.006-.434 2.748-.924l.004-.003c.74-.489 1.438-.95 2.69-.95h.006c1.252.003 1.953.463 2.692.953l.023.015c.73.48 1.483.976 2.728.904-.006 1.218-.048 4.585-.314 6.134m-2.723-4.074a.41.41 0 0 1 .583.577l-.003.003-3.722 3.712a.41.41 0 0 1-.58 0l-1.675-1.67a.407.407 0 0 1-.003-.577l.003-.003c.16-.16.42-.16.582 0l1.381 1.378zm8.373 6.992c-1.07.32-2.476.496-3.964.493-1.14 0-2.23-.104-3.16-.294 1.104-.863 2.093-1.905 2.28-2.978.023-.131.046-.28.065-.434q.406.023.824.025c1.571 0 3.061-.187 4.199-.53.627-.187 1.156-.447 1.571-.755v3.028c0 .599-.61 1.084-1.815 1.445m-4.527-7.784.141.004q.215.009.436.01c1.569 0 3.06-.188 4.196-.53.628-.187 1.157-.445 1.572-.753v3.4c-.196.359-.765.838-1.81 1.152-1.061.319-2.467.493-3.96.493-.247 0-.488-.011-.732-.023h-.008c.1-1.185.149-2.638.165-3.753"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M12 2.25c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.094.496.441.88 1.023.88 1.729v6a.75.75 0 0 1-1.5 0V8.184a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V12c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831 1.08 0 2.105-.083 3.031-.231a.75.75 0 0 1 .238 1.481c-1.009.162-2.113.25-3.269.25-2.275 0-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V18c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831q.225 0 .451-.005a.75.75 0 0 1 .03 1.5q-.237.005-.481.005c-2.275 0-4.368-.345-5.92-.927-.773-.29-1.451-.653-1.95-1.094-.496-.441-.88-1.023-.88-1.729V6c0-.706.384-1.288.88-1.729.499-.441 1.177-.804 1.95-1.094C7.632 2.595 9.725 2.25 12 2.25m0 1.5c-2.143 0-4.05.327-5.394.831-.674.253-1.168.536-1.48.813S4.75 5.877 4.75 6s.064.33.376.606c.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.831c.674-.253 1.168-.536 1.48-.813s.376-.483.376-.606-.064-.33-.376-.606c-.312-.277-.806-.56-1.48-.813C16.05 4.077 14.143 3.75 12 3.75"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M20.47 16.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06L17 19.94z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-data-checked-regular.js

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as n } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = m(), l = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = g(), h = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: c, gradientDef: n } = v(s !== null && s !== void 0 ? s : h), { skinName: m } = f(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: l,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M21.84 5.075c0-1.078-.841-1.877-2.497-2.375-1.131-.34-2.613-.527-4.179-.541-1.557 0-3.039.188-4.17.527-1.37.411-2.186 1.039-2.424 1.865a1.8 1.8 0 0 0-.072.513V7.62h-.012c-1.528 0-2.41.582-3.191 1.097l-.002.001-.007.005c-.736.49-1.316.877-2.385.707a.604.604 0 0 0-.75.582v.022c-.001.389-.006 4.704.33 6.606.454 2.59 5.213 4.899 5.753 5.154a.6.6 0 0 0 .516.003 21 21 0 0 0 2.526-1.437c1.098.294 2.46.46 3.894.46 1.554 0 3.036-.189 4.173-.527 1.656-.496 2.496-1.297 2.496-2.376zM9.788 4.809c.17-.364.706-.7 1.56-.958 1.02-.305 2.378-.474 3.82-.476 1.446 0 2.805.168 3.824.473.636.193 1.373.51 1.577.972-.168.364-.717.703-1.568.958-1.023.305-2.378.473-3.821.473-1.44 0-2.798-.168-3.82-.473-.866-.258-1.41-.602-1.572-.97m-.076 1.577q.526.315 1.3.546c1.134.339 2.613.524 4.17.524 1.555 0 3.037-.188 4.169-.527q.755-.227 1.28-.535V9.24c-.182.303-.686.72-1.627 1.003-1.023.308-2.379.476-3.821.476q-.117 0-.232-.005l-.118-.003.002-.69a.62.62 0 0 0-.224-.453.63.63 0 0 0-.495-.134c-1.101.173-1.687-.213-2.426-.704-.544-.358-1.146-.747-1.978-.952zm3.605 10.056c-.277 1.577-3.364 3.417-4.826 4.146-1.46-.729-4.543-2.57-4.82-4.149-.25-1.42-.3-4.434-.309-5.762 1.14-.005 1.922-.496 2.602-.947l.01-.005c.696-.458 1.357-.89 2.517-.89h.003c1.168.002 1.826.436 2.526.898l.007.004c.67.442 1.415.932 2.593.932h.003c-.009 1.325-.06 4.347-.306 5.773m-2.608-4.098a.605.605 0 0 1 .855 0 .6.6 0 0 1 0 .851l-3.647 3.633a.605.605 0 0 1-.852 0l-1.638-1.633a.6.6 0 0 1 0-.851.605.605 0 0 1 .854 0l1.21 1.207zm8.286 6.798c-1.028.308-2.386.476-3.826.476-.93 0-1.815-.075-2.61-.21.963-.812 1.775-1.762 1.949-2.759v-.003l.022-.141q.007-.057.017-.113l.127.005q.25.012.506.014c1.557 0 3.04-.188 4.168-.527a5.6 5.6 0 0 0 1.28-.557v2.591c0 .605-.888 1-1.633 1.224m-4.18-7.227q.09 0 .18.004.092.005.188.005c1.554 0 3.036-.188 4.168-.527a5.6 5.6 0 0 0 1.28-.557v2.89c-.182.303-.69.72-1.627 1.003-1.02.306-2.376.474-3.821.474q-.193-.001-.383-.01l-.124-.004c.081-1.056.12-2.28.14-3.278"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: c,
                 d: "M12 2.25c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.094.496.441.88 1.023.88 1.729v6a.75.75 0 0 1-1.5 0V8.184a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V12c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831 1.08 0 2.105-.083 3.031-.231a.75.75 0 0 1 .238 1.481c-1.009.162-2.113.25-3.269.25-2.275 0-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V18c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831q.225 0 .451-.005a.75.75 0 0 1 .03 1.5q-.237.005-.481.005c-2.275 0-4.368-.345-5.92-.927-.773-.29-1.451-.653-1.95-1.094-.496-.441-.88-1.023-.88-1.729V6c0-.706.384-1.288.88-1.729.499-.441 1.177-.804 1.95-1.094C7.632 2.595 9.725 2.25 12 2.25m0 1.5c-2.143 0-4.05.327-5.394.831-.674.253-1.168.536-1.48.813S4.75 5.877 4.75 6s.064.33.376.606c.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.831c.674-.253 1.168-.536 1.48-.813s.376-.483.376-.606-.064-.33-.376-.606c-.312-.277-.806-.56-1.48-.813C16.05 4.077 14.143 3.75 12 3.75"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: c,
                 d: "M20.47 16.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06L17 19.94z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { x as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: m, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), e = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = d(), s = l === "brand" || l === "media" ? n.colors.neutralHighBrand : l === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = f(m !== null && m !== void 0 ? m : s), { skinName: r } = v(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M17.183 5.83c2.325.207 4.658 1.627 4.658 5.039 0 3.756-2.84 5.095-5.271 5.095h-.41v1.37c-.148.266-.574.616-1.358.848-.795.241-1.84.37-2.955.37-1.12 0-2.168-.126-2.964-.37-.703-.207-1.218-.52-1.375-.84v-1.353l-.032.01a.3.3 0 0 1-.074.015l-.9.009c-2.103 0-4.347-1.115-4.347-4.247 0-2.45 1.375-3.468 2.448-3.885.196-5.445 5.412-5.728 6.474-5.728.818-.003 4.862.182 6.106 3.666m-.588 8.946c.966-.022 4.02-.297 4.02-3.91 0-3.387-2.734-3.838-3.905-3.869a.604.604 0 0 1-.575-.44c-.834-3.044-4.361-3.195-5.058-3.195-1.236 0-5.247.344-5.247 4.846v.112c0 .266-.18.504-.442.577-1.337.37-2.006 1.339-2.006 2.876 0 2.748 2.176 3.045 3.118 3.045l.893-.008h.009c.05 0 .072 0 .106.008.31.216.711.41 1.21.552.843.25 1.955.387 3.126.387s2.275-.138 3.118-.387c.482-.137.885-.328 1.196-.56zM7.55 10.614c.123.347.58.65 1.336.87.796.236 1.84.365 2.958.365 1.115 0 2.163-.132 2.958-.364.737-.219 1.19-.507 1.325-.843 0-.006.006-.011.006-.011-.098-.367-.547-.673-1.337-.905-.79-.233-1.84-.364-2.957-.364-1.115 0-2.169.131-2.964.364-.75.221-1.207.53-1.33.876l.005.007zm4.294 4.574c-1.115 0-2.162-.126-2.958-.359-.709-.21-1.221-.529-1.378-.848v-2.518c.291.226.692.42 1.21.568.849.25 1.958.387 3.126.387s2.277-.138 3.126-.387c.507-.148.902-.33 1.19-.557v2.501c-.142.269-.574.62-1.358.854-.793.233-1.843.359-2.958.359m3.126 3.54c-.843.25-1.952.387-3.126.387-1.168 0-2.28-.134-3.123-.39-.496-.148-.908-.341-1.21-.562v2.24c0 .446.46.81 1.364 1.076.804.233 1.854.364 2.964.364 1.111 0 2.162-.128 2.957-.364.905-.266 1.365-.63 1.365-1.075V18.16a3.7 3.7 0 0 1-1.19.569"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M8.182 9.255a.74.74 0 0 0 1.023.279.77.77 0 0 0 .268-1.047 3.7 3.7 0 0 0-1.224-1.29c.564-2.146 2.486-3.672 4.685-3.672 2.174 0 4.1 1.501 4.679 3.642.11.406.52.646.918.533a.766.766 0 0 0 .52-.938C18.297 3.96 15.783 2 12.935 2c-2.82 0-5.297 1.921-6.085 4.644a3.5 3.5 0 0 0-.636-.063c-2.06 0-3.733 1.71-3.733 3.818s1.673 3.818 3.733 3.818a.755.755 0 0 0 .746-.763.755.755 0 0 0-.746-.762c-1.238 0-2.242-1.027-2.242-2.293S4.98 8.106 6.213 8.106c.817 0 1.568.44 1.97 1.149m6.845.034a.36.36 0 0 1 .301 0l5.588 2.503-5.74 2.938-5.741-2.938zm-6.195 9.514c0 .146.082.278.206.342L14.62 22v-6.282L8.832 12.76zm6.907-3.085 5.789-2.958v6.043a.38.38 0 0 1-.206.342L15.74 22z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M8.182 9.255a.74.74 0 0 0 1.023.279.77.77 0 0 0 .268-1.047 3.7 3.7 0 0 0-1.224-1.29c.564-2.146 2.486-3.672 4.685-3.672 2.174 0 4.1 1.501 4.679 3.642.11.406.52.646.918.533a.766.766 0 0 0 .52-.938C18.297 3.96 15.783 2 12.935 2c-2.82 0-5.297 1.921-6.085 4.644a3.5 3.5 0 0 0-.636-.063c-2.06 0-3.733 1.71-3.733 3.818s1.673 3.818 3.733 3.818a.755.755 0 0 0 .746-.763.755.755 0 0 0-.746-.762c-1.238 0-2.242-1.027-2.242-2.293S4.98 8.106 6.213 8.106c.817 0 1.568.44 1.97 1.149m6.845.034a.36.36 0 0 1 .301 0l5.588 2.503-5.74 2.938-5.741-2.938zm-6.195 9.514c0 .146.082.278.206.342L14.62 22v-6.282L8.832 12.76zm6.907-3.085 5.789-2.958v6.043a.38.38 0 0 1-.206.342L15.74 22z"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M15.85 11.51c.884.06 1.74.395 2.428.981l.204.189c.828.834 1.06 1.98 1.11 2.992h.156l.275.013c.638.068 1.232.37 1.681.851.511.549.794 1.287.796 2.049v.002a3.02 3.02 0 0 1-.796 2.049 2.67 2.67 0 0 1-1.956.863l-7.72.001c-.99 0-1.88-.416-2.52-1.082l-.019-.02-.105-.117-.022-.026-.097-.12-.022-.029-.089-.12-.025-.039a4 4 0 0 1-.177-.288l-.022-.04a4 4 0 0 1-.225-.51l-.016-.049a4 4 0 0 1-.097-.348l-.006-.028-.03-.147-.007-.04-.02-.152-.008-.057a4 4 0 0 1-.018-.268l-.003-.123q0-.12.008-.236l.002-.031a3.7 3.7 0 0 1 .335-1.282q.017-.04.036-.078.054-.11.116-.215a3.56 3.56 0 0 1 1.691-1.495l.152-.058.03-.01a4 4 0 0 1 .257-.082l.047-.012q.084-.02.17-.038l.087-.016q.102-.018.207-.03a4.04 4.04 0 0 1 2.623-2.608 4.2 4.2 0 0 1 1.59-.196M4.032 14.725c0-.116.127-.19.229-.133.426.235.916.461 1.483.672q.574.216 1.225.387c.15.04.231.204.177.35a5.4 5.4 0 0 0-.346 1.895l.007.269c.031.636.176 1.247.413 1.81.05.117-.056.245-.179.211a10 10 0 0 1-.82-.264c-1.354-.498-2.189-1.192-2.189-1.788zm.022-6.185c0-.117.126-.19.228-.134.429.235.928.463 1.505.683 1.723.65 4.01 1.007 6.414 1.007q.4 0 .794-.014c.12-.004.17.231.06.282a5.77 5.77 0 0 0-2.609 2.433.16.16 0 0 1-.086.072 5.2 5.2 0 0 0-1.984 1.233.41.41 0 0 1-.372.117 11 11 0 0 1-1.686-.472l.022.01c-1.25-.467-1.879-.901-2.18-1.19a.36.36 0 0 1-.106-.26zm16.009-.11a.155.155 0 0 1 .23.133v3.166c0 .149-.2.212-.294.097a5 5 0 0 0-.31-.343l-.053-.052-.204-.189-.051-.045-.299-.238a5.85 5.85 0 0 0-2.306-1.033c-.117-.025-.126-.272-.01-.298a13.5 13.5 0 0 0 1.848-.54q.82-.311 1.448-.657M12.136 3c4.493 0 8.135 1.212 8.136 2.708s-3.643 2.709-8.136 2.709C7.642 8.417 4 7.204 4 5.708S7.643 3 12.136 3"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { M as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as v } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: h, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), c = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = f(), m = e === "brand" || e === "media" ? n.colors.neutralHighBrand : e === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = g(h !== null && h !== void 0 ? h : m), { skinName: r } = d(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: c,
             d: "M11.062 2.156c.82 0 4.907.182 6.086 3.773 1.412.107 4.69.813 4.69 5.014 0 4.807-4.306 5.048-5.174 5.048l-.376.008v3.905c0 .72-.56 1.258-1.672 1.588-.762.224-1.756.348-2.793.348-1.044 0-2.033-.123-2.792-.348-1.12-.33-1.68-.868-1.68-1.588v-3.863q-.014.001-.022.005t-.02.004h-.92c-2.047 0-4.238-1.093-4.238-4.171 0-2.507 1.454-3.49 2.507-3.874.11-5.569 5.342-5.849 6.404-5.849m5.227 13.017.375-.008c1.02 0 4.339-.297 4.336-4.222 0-3.692-2.927-4.17-4.188-4.204a.425.425 0 0 1-.392-.305c-.885-3.286-4.622-3.451-5.358-3.451-1.311 0-5.575.372-5.575 5.212l.009.11a.41.41 0 0 1-.303.395c-1.465.414-2.207 1.482-2.207 3.179 0 3.02 2.373 3.342 3.403 3.342h.92l.013.003a.1.1 0 0 0 .028.005v-3.857c0-.115.017-.233.05-.339.16-.555.704-.975 1.63-1.25 1.513-.453 4.065-.453 5.586 0 1.112.334 1.672.872 1.672 1.592zm-7.023-4.591c-.56.165-.91.378-1.028.62.11.232.468.453 1.036.63 1.365.406 3.74.406 5.101 0 .566-.166.928-.387 1.037-.62-.135-.308-.62-.507-1.037-.63-.686-.207-1.588-.314-2.549-.314-.972 0-1.874.107-2.56.314m6.188 3.557s0-1.88.003-1.876a4 4 0 0 1-.835.364c-.754.224-1.748.347-2.793.347-1.036 0-2.03-.123-2.784-.347q-.45-.136-.855-.373v1.894c.11.188.443.454 1.087.644 1.362.406 3.737.406 5.107 0 .619-.182.952-.454 1.07-.653m-1.07 3.63c.619-.181.952-.453 1.07-.652v-1.902q-.391.241-.835.373c-.753.224-1.748.347-2.784.347-1.045 0-2.04-.123-2.793-.347a4 4 0 0 1-.854-.364v1.901c.109.197.434.454 1.095.645 1.356.406 3.731.406 5.1 0m1.07 2.138v-1.714a3.2 3.2 0 0 1-.835.372c-.753.221-1.748.348-2.784.348-1.045 0-2.04-.124-2.793-.348a3.8 3.8 0 0 1-.854-.364v1.706c0 .387.585.644 1.078.793 1.381.406 3.737.406 5.11 0 .492-.149 1.078-.404 1.078-.793"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: c,
             d: "M6.131 7.92c.802 0 1.538.427 1.932 1.115a.725.725 0 0 0 .998.27.75.75 0 0 0 .268-1.014 3.6 3.6 0 0 0-1.2-1.252c.553-2.08 2.437-3.56 4.594-3.56 2.133 0 4.022 1.455 4.59 3.532a.73.73 0 0 0 .9.516.74.74 0 0 0 .51-.91c-.74-2.716-3.206-4.617-6-4.617-2.766 0-5.195 1.863-5.968 4.503a3.4 3.4 0 0 0-.624-.061c-2.02 0-3.661 1.659-3.661 3.702s1.64 3.702 3.661 3.702a.736.736 0 0 0 .732-.74.736.736 0 0 0-.732-.739c-1.214 0-2.198-.995-2.198-2.223s.989-2.223 2.198-2.223m15.382 4.059a.2.2 0 0 0-.007-.043l-.003-.01a.6.6 0 0 0-.023-.137l-.028-.071-.037-.08-.015-.03-.023-.032-.023-.034a1 1 0 0 0-.075-.085.4.4 0 0 0-.076-.06l-.008-.007q-.012-.013-.029-.023l-.026-.012-.026-.012-.011-.008a.1.1 0 0 0-.026-.015l-5.86-2.593a.74.74 0 0 0-.586 0L8.77 11.32q-.01.004-.019.012t-.019.011q-.011.006-.023.01l-.028.014q-.017.009-.028.021l-.02.017-.018.014q-.026.019-.047.043a1 1 0 0 0-.122.152 1 1 0 0 0-.062.132q-.011.024-.017.048a.6.6 0 0 0-.023.126v.007l-.006.028-.004.028v6.315c0 .28.154.535.403.663l5.86 2.963a.5.5 0 0 0 .09.033l.027.01.02.007.008.002a.8.8 0 0 0 .183.024.8.8 0 0 0 .211-.033l.023-.008.005-.002.017-.005.072-.028 5.86-2.963a.74.74 0 0 0 .404-.663v-6.3c-.005-.005-.005-.005-.005-.01zm-6.592-1.764 4.135 1.83-4.135 2.086-4.134-2.09zm-.73 5.205v4.636l-4.398-2.223v-4.636zm5.86 2.418-4.398 2.218v-4.64l4.397-2.224z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: c,
             d: "M7.274 7.754c.395.231.736.566.97.975a.397.397 0 0 0 .527.148.39.39 0 0 0 .136-.527 3.44 3.44 0 0 0-1.15-1.192l.004-.05.005-.049c.346-2.443 2.453-4.286 4.901-4.286a4.94 4.94 0 0 1 4.067 2.143.38.38 0 0 0 .531.094.39.39 0 0 0 .093-.537A5.72 5.72 0 0 0 12.667 2c-2.78 0-5.174 2.06-5.632 4.813a3.5 3.5 0 0 0-1.127-.197c-1.892 0-3.428 1.551-3.428 3.463 0 1.911 1.536 3.463 3.428 3.463.21 0 .38-.172.38-.384a.383.383 0 0 0-.38-.385c-1.473 0-2.667-1.207-2.667-2.694 0-1.488 1.194-2.695 2.667-2.695.415 0 .82.099 1.18.276a.37.37 0 0 0 .186.094M17.339 6.61c0-.424.341-.769.76-.769.42 0 .761.345.761.769a.766.766 0 0 1-.76.768.76.76 0 0 1-.761-.768m4.188 5.373v.006s0 .005-.004.005v6.542c0 .148-.083.28-.21.345l-6.096 3.079q-.007.003-.011.002-.005 0-.008.002a.4.4 0 0 1-.151.035.4.4 0 0 1-.151-.035l-.012-.002-.008-.002-6.096-3.08a.39.39 0 0 1-.21-.344v-6.552q0-.007.003-.012l.003-.012q0-.038.01-.074l.007-.018a.2.2 0 0 1 .022-.044l.014-.027a.1.1 0 0 1 .025-.034q.016-.022.039-.045l.017-.015.017-.014.012-.01.012-.01q.01-.01.02-.011h.002l.007-.004.02-.015 6.096-2.694a.37.37 0 0 1 .307 0l6.095 2.694.01.008.01.007.03.015q.006.004.011.01l.013.01q.02.015.034.03l.02.021q.007.011.019.023.017.017.024.034.014.02.02.04l.01.02q.007.012.014.034l.005.034q.001.016.005.035 0 .008.002.014v.003zm-1.277.036-5.198-2.296-5.199 2.296 5.199 2.625zm-10.914.6v5.685l5.335 2.69v-5.68zm11.43 5.685V12.62l-5.334 2.694V21z"
         })
-    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: c,
                 d: "M14.184 11.47a4.46 4.46 0 0 1 4.256.831c.997.847 1.303 2.058 1.386 3.123.784.02 1.52.363 2.06.942.557.596.862 1.395.864 2.218v.004a3.27 3.27 0 0 1-.863 2.22 2.92 2.92 0 0 1-2.139.942h-7.72c-2.104 0-3.778-1.744-3.778-3.853 0-1.912 1.375-3.524 3.198-3.81a4.3 4.3 0 0 1 2.736-2.618m3.284 1.973a2.96 2.96 0 0 0-2.82-.547c-.977.316-1.688 1.104-1.886 2.05a.75.75 0 0 1-.735.598c-1.24 0-2.277 1.036-2.277 2.353 0 1.316 1.038 2.354 2.277 2.354h7.723c.378 0 .754-.16 1.04-.467s.458-.737.46-1.196l-.008-.17a1.75 1.75 0 0 0-.452-1.029 1.42 1.42 0 0 0-1.04-.467h-.645a.75.75 0 0 1-.75-.75c0-1.145-.193-2.139-.886-2.728z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: c,
                 d: "M12 1.964c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.095.496.44.88 1.023.88 1.728v4a.75.75 0 1 1-1.5 0V7.898a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.926a7.6 7.6 0 0 1-1.33-.64v3.816c0 .135.08.376.479.693.392.311 1.004.62 1.817.879a.75.75 0 1 1-.456 1.428c-.694-.221-1.321-.494-1.84-.816v3.816c0 .12.06.32.355.588.295.269.765.546 1.41.796a.75.75 0 0 1-.543 1.399c-.744-.29-1.397-.65-1.876-1.085-.48-.436-.846-1.009-.846-1.698v-12c0-.705.384-1.288.88-1.728.499-.442 1.177-.805 1.95-1.095 1.552-.582 3.645-.927 5.92-.927m0 1.5c-2.143 0-4.05.328-5.394.831-.674.253-1.168.537-1.48.813-.312.277-.376.484-.376.606 0 .123.064.33.376.607s.806.56 1.48.812c1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.83c.674-.254 1.168-.537 1.48-.813.312-.277.376-.484.376-.607 0-.122-.064-.329-.376-.606s-.806-.56-1.48-.813c-1.344-.503-3.251-.83-5.394-.83"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ v.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...v.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { M as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as o } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: h, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), c = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: v } = h();
-    return v.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), m = t === "brand" || t === "media" ? n.colors.neutralHighBrand : t === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = g(h !== null && h !== void 0 ? h : m), { skinName: r } = d(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: c,
             d: "M4.607 7.95c.199-5.512 5.411-5.795 6.476-5.795.82 0 4.854.18 6.103 3.706 2.325.218 4.65 1.647 4.65 5.106 0 3.801-2.84 5.146-5.271 5.146l-.163.008v3.622c0 .552-.302 1.306-1.784 1.75-.768.228-1.76.348-2.79.348-1.042 0-2.034-.12-2.793-.347-1.482-.445-1.792-1.199-1.792-1.75v-3.575h-.737c-2.104 0-4.356-1.129-4.356-4.289 0-2.479 1.384-3.51 2.457-3.93m11.798 3.435v3.518l.165-.009c.95 0 4.042-.283 4.042-3.93 0-3.436-2.725-3.882-3.896-3.915a.62.62 0 0 1-.583-.454c-.826-3.073-4.355-3.227-5.05-3.227-1.235 0-5.255.347-5.255 4.902l.008.106a.6.6 0 0 1-.442.583c-1.333.38-2.014 1.361-2.014 2.919 0 2.773 2.185 3.073 3.126 3.073h.737v-3.566c0-.138.016-.267.058-.39.174-.616.762-1.07 1.729-1.361 1.532-.454 4.07-.454 5.59 0 1.483.437 1.785 1.19 1.785 1.75m-4.577-.883c-.924 0-1.793.107-2.44.3-.456.132-.711.283-.835.417.115.12.376.283.844.42 1.294.39 3.577.39 4.87 0 .46-.137.712-.294.835-.414-.137-.154-.425-.3-.834-.431-.656-.185-1.524-.292-2.44-.292m3.347 3.527h-.003v-1.434a5 5 0 0 1-.557.21c-.762.227-1.75.347-2.79.347-1.042 0-2.033-.129-2.793-.347a4.4 4.4 0 0 1-.565-.219v1.46c.1.123.353.325.927.495 1.294.39 3.577.39 4.87 0 .542-.156.813-.375.911-.512m-.91 3.426c.54-.154.812-.373.91-.51v-1.451a4 4 0 0 1-.549.21c-.764.227-1.762.347-2.792.347-1.05 0-2.04-.12-2.793-.347a6 6 0 0 1-.574-.21v1.468c.092.12.353.322.927.493 1.294.389 3.577.389 4.87 0m.91 2.288h.003v-1.328a4 4 0 0 1-.549.21c-.765.227-1.762.348-2.793.348-1.05 0-2.039-.12-2.792-.348a6 6 0 0 1-.575-.21v1.328c0 .193.353.412.916.583 1.303.39 3.572.39 4.88 0 .566-.168.91-.39.91-.583"
         })
-    })) : v.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: c,
             d: "M6.131 7.92c.802 0 1.538.427 1.932 1.115a.725.725 0 0 0 .998.27.75.75 0 0 0 .268-1.014 3.6 3.6 0 0 0-1.2-1.252c.553-2.08 2.437-3.56 4.594-3.56 2.133 0 4.022 1.455 4.59 3.532a.73.73 0 0 0 .9.516.74.74 0 0 0 .51-.91c-.74-2.716-3.206-4.617-6-4.617-2.766 0-5.195 1.863-5.968 4.503a3.4 3.4 0 0 0-.624-.061c-2.02 0-3.661 1.659-3.661 3.702s1.64 3.702 3.661 3.702a.736.736 0 0 0 .732-.74.736.736 0 0 0-.732-.739c-1.214 0-2.198-.995-2.198-2.223s.989-2.223 2.198-2.223m15.382 4.059a.2.2 0 0 0-.007-.043l-.003-.01a.6.6 0 0 0-.023-.137l-.028-.071-.037-.08-.015-.03-.023-.032-.023-.034a1 1 0 0 0-.075-.085.4.4 0 0 0-.076-.06l-.008-.007q-.012-.013-.029-.023l-.026-.012-.026-.012-.011-.008a.1.1 0 0 0-.026-.015l-5.86-2.593a.74.74 0 0 0-.586 0L8.77 11.32q-.01.004-.019.012t-.019.011q-.011.006-.023.01l-.028.014q-.017.009-.028.021l-.02.017-.018.014q-.026.019-.047.043a1 1 0 0 0-.122.152 1 1 0 0 0-.062.132q-.011.024-.017.048a.6.6 0 0 0-.023.126v.007l-.006.028-.004.028v6.315c0 .28.154.535.403.663l5.86 2.963a.5.5 0 0 0 .09.033l.027.01.02.007.008.002a.8.8 0 0 0 .183.024.8.8 0 0 0 .211-.033l.023-.008.005-.002.017-.005.072-.028 5.86-2.963a.74.74 0 0 0 .404-.663v-6.3c-.005-.005-.005-.005-.005-.01zm-6.592-1.764 4.135 1.83-4.135 2.086-4.134-2.09zm-.73 5.205v4.636l-4.398-2.223v-4.636zm5.86 2.418-4.398 2.218v-4.64l4.397-2.224z"
         })
-    })) : v.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: c,
             d: "M6.131 7.92c.802 0 1.538.427 1.932 1.115a.725.725 0 0 0 .998.27.75.75 0 0 0 .268-1.014 3.6 3.6 0 0 0-1.2-1.252c.553-2.08 2.437-3.56 4.594-3.56 2.133 0 4.022 1.455 4.59 3.532a.73.73 0 0 0 .9.516.74.74 0 0 0 .51-.91c-.74-2.716-3.206-4.617-6-4.617-2.766 0-5.195 1.863-5.968 4.503a3.4 3.4 0 0 0-.624-.061c-2.02 0-3.661 1.659-3.661 3.702s1.64 3.702 3.661 3.702a.736.736 0 0 0 .732-.74.736.736 0 0 0-.732-.739c-1.214 0-2.198-.995-2.198-2.223s.989-2.223 2.198-2.223m15.382 4.059q0-.022-.007-.043l-.002-.01a.7.7 0 0 0-.024-.137l-.028-.071-.037-.08-.015-.03-.023-.032-.023-.034a1 1 0 0 0-.075-.085.4.4 0 0 0-.076-.06l-.008-.007q-.012-.013-.029-.023l-.026-.012-.026-.012-.011-.008a.1.1 0 0 0-.026-.015l-5.86-2.593a.74.74 0 0 0-.586 0L8.77 11.32q-.01.004-.019.012t-.019.011q-.011.006-.023.01l-.028.014q-.017.009-.028.021l-.02.017-.018.014q-.026.019-.047.043a1 1 0 0 0-.122.152 1 1 0 0 0-.062.132.6.6 0 0 0-.04.174v.007l-.006.028-.004.028v6.315c0 .28.154.535.403.663l5.86 2.963a.5.5 0 0 0 .09.033l.027.01.02.007.008.002q.091.023.183.024a.8.8 0 0 0 .211-.033l.014-.005.009-.003.005-.002.017-.005.072-.028 5.86-2.963a.74.74 0 0 0 .404-.663v-6.3c-.005-.005-.005-.005-.005-.01zm-6.592-1.764 4.135 1.83-4.135 2.086-4.134-2.09zm-.73 5.205v4.636l-4.398-2.223v-4.636zm5.86 2.418-4.398 2.218v-4.64l4.397-2.224z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: c,
                 d: "M14.184 11.47a4.46 4.46 0 0 1 4.256.831c.997.847 1.303 2.058 1.386 3.123.784.02 1.52.363 2.06.942.557.596.862 1.395.864 2.218v.004a3.27 3.27 0 0 1-.863 2.22 2.92 2.92 0 0 1-2.139.942h-7.72c-2.104 0-3.778-1.744-3.778-3.853 0-1.912 1.375-3.524 3.198-3.81a4.3 4.3 0 0 1 2.736-2.618m3.284 1.973a2.96 2.96 0 0 0-2.82-.547c-.977.316-1.688 1.104-1.886 2.05a.75.75 0 0 1-.735.598c-1.24 0-2.277 1.036-2.277 2.353 0 1.316 1.038 2.354 2.277 2.354h7.723c.378 0 .754-.16 1.04-.467s.458-.737.46-1.196l-.008-.17a1.75 1.75 0 0 0-.452-1.029 1.42 1.42 0 0 0-1.04-.467h-.645a.75.75 0 0 1-.75-.75c0-1.145-.193-2.139-.886-2.728z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: c,
                 d: "M12 1.964c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.095.496.44.88 1.023.88 1.728v4a.75.75 0 1 1-1.5 0V7.898a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.926a7.6 7.6 0 0 1-1.33-.64v3.816c0 .135.08.376.479.693.392.311 1.004.62 1.817.879a.75.75 0 1 1-.456 1.428c-.694-.221-1.321-.494-1.84-.816v3.816c0 .12.06.32.355.588.295.269.765.546 1.41.796a.75.75 0 0 1-.543 1.399c-.744-.29-1.397-.65-1.876-1.085-.48-.436-.846-1.009-.846-1.698v-12c0-.705.384-1.288.88-1.728.499-.442 1.177-.805 1.95-1.095 1.552-.582 3.645-.927 5.92-.927m0 1.5c-2.143 0-4.05.328-5.394.831-.674.253-1.168.537-1.48.813-.312.277-.376.484-.376.606 0 .123.064.33.376.607s.806.56 1.48.812c1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.83c.674-.254 1.168-.537 1.48-.813.312-.277.376-.484.376-.607 0-.122-.064-.329-.376-.606s-.806-.56-1.48-.813c-1.344-.503-3.251-.83-5.394-.83"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ v.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...v.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { B as default };