npm - @telefonica/mistica - Versions diffs - 16.67.0 → 16.69.0 - Mend

@telefonica/mistica 16.67.0 → 16.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4638) hide show

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

@@ -78,42 +78,49 @@ 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: i, 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 v } 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 w = (_param)=>{
+    var { color: s, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), c = i !== null && i !== void 0 ? i : 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({
+    const t = v(), h = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: c } = g(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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ l("path", {
-            fill: c,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M18.995 11.382h2.235c.345 0 .616.272.61.619a.616.616 0 0 1-.616.616H18.99c-.098 1.84-.658 3.146-1.428 4.073l1.394 1.395a.615.615 0 0 1 0 .88.6.6 0 0 1-.434.179.65.65 0 0 1-.434-.18l-1.412-1.411c-1.437 1.123-3.176 1.37-4.056 1.412v2.266a.616.616 0 0 1-1.233 0v-2.267c-.918-.05-2.627-.305-4.038-1.436L5.91 18.965a.64.64 0 0 1-.435.179.63.63 0 0 1-.434-.18.615.615 0 0 1 0-.879l1.429-1.42c-.745-.927-1.289-2.224-1.395-4.048h-2.3a.616.616 0 0 1 0-1.232h2.3c.09-1.824.63-3.13 1.378-4.065L5.042 5.908a.606.606 0 0 1 0-.87.617.617 0 0 1 .869 0L7.314 6.44c1.429-1.132 3.168-1.37 4.073-1.412V2.771a.616.616 0 1 1 1.232 0v2.272c.897.059 2.614.31 4.034 1.429l1.437-1.437a.62.62 0 0 1 .871 0 .606.606 0 0 1 0 .87l-1.42 1.42c.781.928 1.347 2.233 1.454 4.057m-5.566.034h.188c.386-.009 1.938-.157 1.938-2.054s-1.552-2.061-1.947-2.07h-.188c-.411.009-1.93.149-1.93 2.053 0 1.914 1.535 2.07 1.939 2.07m.468 4.655.14-.025c.294-.076 1.467-.434 1.165-1.894-.238-1.126-1.011-1.305-1.496-1.305-.143 0-.263.016-.33.024l-.006.001q-.041.005-.084.017l-.062.014c-.313.064-1.462.417-1.15 1.888.229 1.126.985 1.314 1.47 1.314.148 0 .28-.017.353-.034m-5.143-3.8c.224-.009 1.126-.093 1.126-1.199 0-1.1-.897-1.19-1.135-1.199H8.64c-.238 0-1.118.081-1.118 1.19 0 1.118.888 1.2 1.126 1.208z"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M13.5 9.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M14 2.25a.75.75 0 0 1 .75.75v2.5a.8.8 0 0 1-.04.229 5.5 5.5 0 0 1 2.028.973l.011-.012 2.174-2.173c.318-.319.814-.34 1.107-.047s.273.789-.046 1.107L17.81 7.751l-.016.014c.456.604.77 1.28.944 1.985H21a.75.75 0 0 1 0 1.5h-2.105a5.5 5.5 0 0 1-1.04 3.045l1.529 1.528c.326.326.353.828.06 1.121s-.794.266-1.12-.06l-1.48-1.48-2.384 2.384-.058.054 1.628 1.628a.75.75 0 0 1-1.06 1.06l-1.79-1.79a5.5 5.5 0 0 1-2.439.655 1 1 0 0 1 .009.105V22a.75.75 0 0 1-1.5 0v-2.5q.002-.132.045-.251a5.5 5.5 0 0 1-2.03-.954l-2.173 2.174c-.327.326-.83.354-1.122.061s-.265-.795.061-1.122l2.17-2.17a5.5 5.5 0 0 1-.962-1.988H3a.75.75 0 0 1 0-1.5h2.074a5.5 5.5 0 0 1 .666-2.481 1 1 0 0 1-.153-.121L4.025 9.586c-.323-.324-.348-.823-.055-1.116s.792-.268 1.116.055l1.54 1.541.056-.056L9.51 7.182l.055-.054-1.504-1.505c-.344-.344-.385-.86-.092-1.153s.81-.252 1.153.092l1.66 1.66.006.007a5.5 5.5 0 0 1 2.464-.655L13.25 5.5V3a.75.75 0 0 1 .75-.75M9.5 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4-5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-bacteria-light.js CHANGED Viewed

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as o } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } 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 w = (_param)=>{
+    var { color: h, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), h = r !== null && r !== void 0 ? r : l === "brand" || l === "media" ? e.colors.neutralHighBrand : l === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = m();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const c = v(), m = c === "brand" || c === "media" ? r.colors.neutralHighBrand : c === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: e, gradientDef: n } = g(h !== null && h !== void 0 ? h : m), { skinName: s } = f(), t = s.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__ */ c("path", {
-            fill: h,
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M21.838 11.997a.416.416 0 0 0-.42-.42v.003h-2.292c-.087-2.081-.731-3.524-1.61-4.513l1.442-1.442a.406.406 0 0 0 0-.589.416.416 0 0 0-.597 0L16.92 6.48c-1.617-1.342-3.647-1.569-4.502-1.602V2.57a.416.416 0 0 0-.42-.42.42.42 0 0 0-.42.42v2.297c-.863.017-2.908.219-4.518 1.594L5.633 5.034a.416.416 0 0 0-.597 0 .42.42 0 0 0 0 .588l1.435 1.434c-.858.989-1.468 2.431-1.544 4.521H2.571a.42.42 0 0 0-.42.42c0 .227.194.42.42.42h2.353c.084 2.065.703 3.507 1.558 4.496l-1.448 1.451a.43.43 0 0 0 0 .597.44.44 0 0 0 .29.117c.11 0 .22-.042.303-.117l1.451-1.451c1.586 1.358 3.597 1.585 4.496 1.61v2.3c0 .235.194.42.42.42.236 0 .42-.185.42-.42v-2.3c.821-.025 2.886-.227 4.519-1.593l1.425 1.434a.434.434 0 0 0 .594 0 .416.416 0 0 0 0-.597l-1.425-1.426c.882-.988 1.526-2.431 1.602-4.52h2.288c.236 0 .42-.194.42-.42m-5.14 4.62-.021.014c-.01.006-.018.01-.024.022l-.016.021q-.005.014-.018.02c-1.367 1.317-3.235 1.57-4.283 1.586q-.195.01-.412.008h-.218c-1.793-.025-5.97-.697-5.97-6.316 0-.14 0-.274.01-.409l.005-.128q.004-.131.02-.258c.008-.169.024-.328.05-.488q.01-.126.033-.252a8 8 0 0 1 .219-.941c.033-.118.075-.227.117-.336.06-.177.127-.336.21-.488 0-.017.009-.033.017-.05q.112-.227.236-.429l.014-.02a.2.2 0 0 0 .028-.047c.092-.143.185-.269.285-.395.09-.132.2-.25.317-.367.008 0 .017-.017.017-.017l.02-.025.022-.025c.017 0 .017-.008.017-.017a4.7 4.7 0 0 1 1.16-.842l.072-.037q.202-.112.403-.185l.016-.01q.011-.006.018-.007c.076-.034.151-.059.227-.084.049-.024.101-.038.153-.052q.042-.01.082-.024c.233-.084.46-.143.695-.185a7 7 0 0 1 1.03-.134c.076-.009.152-.009.22-.009.075-.008.142-.008.21-.008h.646c1.801.053 6.003.748 6.003 6.308 0 2.241-.68 3.675-1.61 4.605m-.239-7.051c0-1.75-1.24-2.563-2.47-2.594l-.154.003h-.037c-1.23.011-2.465.815-2.465 2.582 0 1.768 1.241 2.577 2.47 2.597h.063l.126-.003c1.226-.022 2.467-.832 2.467-2.585m-.837-.003c0 1.614-1.314 1.74-1.644 1.745h-.034q-.038.002-.079 0h-.047c-.347-.005-1.644-.131-1.644-1.756 0-1.622 1.288-1.742 1.633-1.745h.028c.044 0 .092 0 .134.003.34.008 1.653.142 1.653 1.753m-6.63 2.644h-.087c-.194-.003-.916-.073-.916-.977 0-.9.714-.967.907-.97h.093c.187.006.919.082.919.978s-.734.966-.916.97m1.753-.972c0-1.218-.9-1.795-1.737-1.815l-.086-.003h-.037c-.832.009-1.734.577-1.734 1.81 0 1.232.902 1.804 1.74 1.818h.115c.837-.017 1.74-.588 1.74-1.81m3.692 4.838-.055.011-.054.011a1.2 1.2 0 0 1-.272.028c-.378 0-.966-.148-1.148-1.022-.239-1.146.652-1.42.896-1.474a1.7 1.7 0 0 1 .375-.044c.378 0 .98.143 1.163 1.016.235 1.138-.673 1.42-.905 1.474m1.725-1.644c-.22-1.056-.96-1.687-1.983-1.687a2.3 2.3 0 0 0-.471.049l-.083.016c-.978.213-1.83 1.056-1.538 2.462.221 1.059.958 1.692 1.969 1.692.182 0 .336-.025.431-.042l.135-.028c.977-.224 1.829-1.07 1.54-2.462"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M9.5 14a1 1 0 1 1 0 2 1 1 0 0 1 0-2m4-5.75a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M14 2.25a.75.75 0 0 1 .75.75v2.48a5.7 5.7 0 0 1 2.168 1.045l.052-.055 2-2a.75.75 0 0 1 1.06 1.06l-2 2-.06.054a5.7 5.7 0 0 1 1.026 2.166H21a.75.75 0 0 1 0 1.5h-1.855a5.73 5.73 0 0 1-1.11 3.224l1.41 1.41a.75.75 0 1 1-1.061 1.06l-1.364-1.363-2.383 2.385q-.03.026-.058.053l1.451 1.45a.75.75 0 0 1-1.06 1.061l-1.606-1.605a5.74 5.74 0 0 1-2.614.72V22a.75.75 0 0 1-1.5 0v-2.505a5.7 5.7 0 0 1-2.166-1.024l-.054.06-2 2a.75.75 0 1 1-1.06-1.061l2-2 .054-.051a5.7 5.7 0 0 1-1.043-2.169H3a.75.75 0 0 1 0-1.5h1.824a5.74 5.74 0 0 1 .74-2.677.7.7 0 0 1-.18-.129L3.97 9.53a.75.75 0 1 1 1.06-1.06l1.414 1.414.006.007.055-.057 2.829-2.83.057-.054-.007-.006L7.97 5.53a.75.75 0 1 1 1.06-1.06l1.414 1.414a.7.7 0 0 1 .13.18 5.74 5.74 0 0 1 2.676-.74V3a.75.75 0 0 1 .75-.75m2.404 5.815a4.25 4.25 0 0 0-6.01 0l-2.829 2.83a4.25 4.25 0 0 0 6.011 6.01l2.828-2.829a4.25 4.25 0 0 0 0-6.01"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { g as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-bacteria-regular.js CHANGED Viewed

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as i } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } 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 c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: h, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = n(), e = t !== null && t !== void 0 ? t : c === "brand" || c === "media" ? h.colors.neutralHighBrand : c === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: o } = m();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = v(), m = e === "brand" || e === "media" ? c.colors.neutralHighBrand : e === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(h !== null && h !== void 0 ? h : m), { skinName: s } = f(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M21.841 11.998a.62.62 0 0 0-.616-.616h-2.244c-.1-1.824-.666-3.129-1.437-4.056l1.42-1.42a.615.615 0 0 0-.871-.868l-1.437 1.436c-1.428-1.117-3.145-1.378-4.039-1.428V2.77a.62.62 0 0 0-.616-.616.62.62 0 0 0-.616.616v2.26c-.913.042-2.645.288-4.073 1.412L5.909 5.037a.615.615 0 0 0-.872.869L6.45 7.317c-.745.93-1.28 2.241-1.378 4.065h-2.3a.62.62 0 0 0-.616.616c0 .336.28.616.616.616h2.297c.107 1.813.647 3.118 1.395 4.048l-1.428 1.429a.617.617 0 0 0 .434 1.05.63.63 0 0 0 .437-.182l1.428-1.429c1.412 1.126 3.12 1.378 4.048 1.437v2.258c0 .336.28.616.616.616s.616-.28.616-.616v-2.266c.88-.04 2.62-.289 4.065-1.412l1.412 1.412a.62.62 0 0 0 .434.182.65.65 0 0 0 .434-.182.617.617 0 0 0 0-.868l-1.403-1.404c.773-.927 1.33-2.244 1.428-4.073h2.241c.336 0 .616-.28.616-.616m-9.515 5.745h-.602c-4.908-.067-5.443-4.056-5.443-5.764 0-5.12 3.768-5.712 5.387-5.729h.123q.136.001.266.005l.227.004c1.65.039 5.484.68 5.484 5.762 0 5.072-3.809 5.689-5.442 5.722m3.566-7.952c0-1.628-1.157-2.384-2.306-2.412l-.131.003h-.034c-1.146.011-2.302.759-2.302 2.403s1.16 2.395 2.308 2.412h.053l.1-.003c1.155-.022 2.312-.773 2.312-2.403m-.986-.003c0 1.314-1.073 1.415-1.34 1.42h-.125c-.283-.003-1.34-.109-1.34-1.428 0-1.32 1.046-1.418 1.329-1.42h.079l.052.002c.275.006 1.345.118 1.345 1.426m-5.65 2.454v.003H9.19c-.157-.003-.745-.06-.745-.796 0-.734.58-.787.736-.79h.073c.154.003.748.065.748.793 0 .731-.597.787-.745.79m1.728-.793c0-1.19-.885-1.756-1.706-1.779l-.078.003h-.037c-.846.006-1.708.617-1.708 1.773 0 1.205.888 1.768 1.714 1.779h.104c.823-.017 1.711-.577 1.711-1.776m2.866 4.359-.035.01q-.027.01-.055.018a1.2 1.2 0 0 1-.353.056c-.3 0-.692-.13-.893-.72-.306-.902.386-1.21.577-1.277l.06-.019.032-.01a1.2 1.2 0 0 1 .35-.053c.303 0 .698.126.9.714.305.897-.401 1.216-.583 1.28m1.515-1.597c-.294-.866-.98-1.384-1.832-1.384-.271 0-.498.053-.641.098l-.112.037c-.891.313-1.636 1.235-1.196 2.526.297.869.98 1.39 1.826 1.39.277 0 .51-.056.655-.104l.112-.04c.88-.316 1.625-1.24 1.188-2.523"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M9.5 14a1 1 0 1 1 0 2 1 1 0 0 1 0-2m4-5.75a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M14 2.25a.75.75 0 0 1 .75.75v2.48a5.7 5.7 0 0 1 2.168 1.045l.052-.055 2-2a.75.75 0 0 1 1.06 1.06l-2 2-.06.054a5.7 5.7 0 0 1 1.026 2.166H21a.75.75 0 0 1 0 1.5h-1.855a5.73 5.73 0 0 1-1.11 3.224l1.41 1.41a.75.75 0 1 1-1.061 1.06l-1.364-1.363-2.383 2.385q-.03.026-.058.053l1.451 1.45a.75.75 0 0 1-1.06 1.061l-1.606-1.605a5.74 5.74 0 0 1-2.614.72V22a.75.75 0 0 1-1.5 0v-2.505a5.7 5.7 0 0 1-2.166-1.024l-.054.06-2 2a.75.75 0 1 1-1.06-1.061l2-2 .054-.051a5.7 5.7 0 0 1-1.043-2.169H3a.75.75 0 0 1 0-1.5h1.824a5.74 5.74 0 0 1 .74-2.677.7.7 0 0 1-.18-.129L3.97 9.53a.75.75 0 1 1 1.06-1.06l1.414 1.414.006.007.055-.057 2.829-2.83.057-.054-.007-.006L7.97 5.53a.75.75 0 1 1 1.06-1.06l1.414 1.414a.7.7 0 0 1 .13.18 5.74 5.74 0 0 1 2.676-.74V3a.75.75 0 0 1 .75-.75m2.404 5.815a4.25 4.25 0 0 0-6.01 0l-2.829 2.83a4.25 4.25 0 0 0 6.011 6.01l2.828-2.829a4.25 4.25 0 0 0 0-6.01"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ a("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-balance-filled.js CHANGED Viewed

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: l, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as a, jsxs as l } 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 x = (_param)=>{
+    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = n(), e = l !== null && l !== void 0 ? l : c === "brand" || c === "media" ? r.colors.neutralHighBrand : c === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: v } = h();
-    return v.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M15.328 16.83c.58.143.666.415.666.695 0 .384-.246.655-.666.756zm-1.339-1.647c0 .232.07.479.498.63v-1.32c-.319.107-.498.348-.498.69"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M19.078 7.491 13.616 2.31a.56.56 0 0 0-.383-.154H5.852c-.57 0-1.107.538-1.107 1.106v17.48c0 .588.518 1.106 1.107 1.106h12.296c.589 0 1.107-.518 1.107-1.107V7.897a.56.56 0 0 0-.177-.406M8.712 19.074c0 .308-.253.56-.56.56a.56.56 0 0 1-.56-.56V7.648a.561.561 0 0 1 1.12 0zm2.198.574a.56.56 0 0 1-.56-.56v-7.056c0-.308.252-.56.56-.56s.56.252.56.56v7.056c0 .308-.252.56-.56.56m5.407-.966c-.253.218-.589.36-.99.42v.308a.42.42 0 1 1-.84 0v-.3a3 3 0 0 1-1.257-.49.43.43 0 0 1-.2-.37.42.42 0 0 1 .421-.414.5.5 0 0 1 .269.087c.232.16.493.277.765.347v-1.577c-1.093-.233-1.334-.919-1.334-1.474 0-.834.51-1.417 1.334-1.565v-.309a.42.42 0 1 1 .84 0v.3c.364.05.7.163.975.33.207.127.238.295.238.385a.406.406 0 0 1-.406.406.5.5 0 0 1-.241-.068l-.006-.002a2.2 2.2 0 0 0-.56-.219v1.49c1.238.202 1.504.933 1.504 1.524.003.488-.176.9-.512 1.19M14.1 7.295c-.384-.384-.588-.933-.588-1.583V3.754l4.353 4.13h-2.182c-.653 0-1.2-.205-1.583-.589"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M8.497 4.75c.156 0 .273.142.26.298A2.75 2.75 0 0 0 11.5 8h2.001a2.75 2.75 0 0 0 2.742-2.952c-.012-.156.105-.298.26-.298h.998a2.5 2.5 0 0 1 2.5 2.5v12a2.5 2.5 0 0 1-2.5 2.5h-10a2.5 2.5 0 0 1-2.5-2.5v-12a2.5 2.5 0 0 1 2.5-2.5zM9.5 12.5a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-.75-.75m3 3a.75.75 0 0 0-.75.75v1a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-.75-.75m3-1a.75.75 0 0 0-.75.75v2a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-.75-.75"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M13.624 4.006a1.25 1.25 0 0 1 0 2.488L13.5 6.5h-2a1.25 1.25 0 0 1 0-2.5h2z"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ v.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...v.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { x as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: h, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import * as h 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 w = (_param)=>{
+    var { color: v, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), e = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: v } = l();
-    return v.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(v !== null && v !== void 0 ? v : m), { skinName: s } = d(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M7.896 19.345c0 .154.126.28.28.28s.28-.126.28-.28V7.639a.28.28 0 0 0-.28-.28.28.28 0 0 0-.28.28zm6.812 0c0 .154.126.28.28.28s.28-.126.28-.28v-.372c.97-.1 1.56-.674 1.566-1.547 0-1.045-.849-1.37-1.56-1.46h-.006v-1.665c.249.035.49.12.742.257l.003.002a.5.5 0 0 0 .202.057c.18 0 .322-.146.322-.323 0-.12-.07-.232-.199-.31a2.46 2.46 0 0 0-1.07-.336v-.368a.28.28 0 0 0-.28-.28.28.28 0 0 0-.28.28v.373c-.854.103-1.39.67-1.39 1.501 0 .544.247 1.22 1.39 1.416v1.75a2.4 2.4 0 0 1-.95-.393.43.43 0 0 0-.224-.072.334.334 0 0 0-.336.33q-.001.188.163.3c.4.278.864.445 1.347.491zm.56-1.017v-1.68c.782.146.894.488.894.809 0 .478-.336.797-.894.871m-.56-2.452c-.627-.161-.717-.485-.717-.76 0-.433.268-.728.717-.811zm-3.773 3.763a.28.28 0 0 1-.28-.28v-7.336a.28.28 0 0 1 .28-.28.28.28 0 0 1 .28.28v7.336a.28.28 0 0 1-.28.28"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M5.716 21.838H18.28a.85.85 0 0 0 .827-.826V7.903a.28.28 0 0 0-.082-.2l-5.462-5.462a.3.3 0 0 0-.092-.06.3.3 0 0 0-.107-.021H5.716c-.417 0-.826.409-.826.826v18.026c0 .43.395.826.826.826M13.083 2.72v2.451c0 .883.286 1.636.832 2.18.546.543 1.3.831 2.18.831h2.45v12.83c0 .128-.137.266-.266.266H5.716c-.12 0-.266-.146-.266-.266V2.986c0-.106.16-.266.266-.266zm.56.398 4.507 4.504h-2.055c-1.488 0-2.451-.963-2.451-2.45z"
             })
         ]
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M9 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m3 3a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75m3-1a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M13 2.25a2.75 2.75 0 0 1 2.644 2H17A2.75 2.75 0 0 1 19.75 7v12A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V7A2.75 2.75 0 0 1 7 4.25h1.356a2.75 2.75 0 0 1 2.644-2zm-6 3.5A1.25 1.25 0 0 0 5.75 7v12A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19V7A1.25 1.25 0 0 0 17 5.75h-1.356a2.75 2.75 0 0 1-2.644 2h-2a2.75 2.75 0 0 1-2.644-2zm4-2a1.25 1.25 0 0 0 0 2.5h2a1.25 1.25 0 0 0 0-2.5z"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { w as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import * as h 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 w = (_param)=>{
+    var { color: v, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), e = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: l } = v();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: l } = g(v !== null && v !== void 0 ? v : m), { skinName: s } = d(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M7.591 19.074c0 .308.252.56.56.56s.56-.252.56-.56V7.648a.56.56 0 0 0-.56-.56.56.56 0 0 0-.56.56zm6.896.336a.42.42 0 1 0 .84 0v-.305c.4-.06.737-.204.992-.429.337-.291.516-.703.516-1.19 0-.589-.265-1.322-1.507-1.523v-1.489q.277.064.56.219l.006.003a.5.5 0 0 0 .24.067.406.406 0 0 0 .407-.406c0-.09-.031-.258-.239-.384a2.5 2.5 0 0 0-.974-.332v-.296a.42.42 0 1 0-.84 0v.306c-.823.148-1.334.73-1.334 1.566 0 .556.239 1.244 1.333 1.475v1.578a2.4 2.4 0 0 1-.767-.348.5.5 0 0 0-.269-.086.42.42 0 0 0-.42.414q0 .23.199.37c.377.26.807.426 1.257.49zm1.507-1.89c0 .384-.247.655-.666.758v-1.452c.578.143.666.415.666.693m-2.002-2.343c0-.341.178-.583.495-.69v1.321c-.426-.152-.495-.398-.495-.63m-3.082 4.471a.56.56 0 0 1-.56-.56v-7.056c0-.308.252-.56.56-.56s.56.252.56.56v7.056c0 .31-.249.56-.56.56"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M18.149 21.847H5.851c-.589 0-1.107-.518-1.107-1.107V3.261c0-.568.538-1.106 1.107-1.106h7.38c.143 0 .283.056.387.154l5.462 5.182a.56.56 0 0 1 .174.406V20.74c0 .589-.518 1.107-1.107 1.107m-12.27-1.12h12.25l.005-.006V9.004h-2.45c-.956 0-1.78-.317-2.376-.916-.597-.6-.916-1.42-.916-2.376V3.275H5.888a.1.1 0 0 0-.022.023v17.417zm7.634-16.973v1.958c0 .653.204 1.2.588 1.583.384.384.933.588 1.582.588h2.183z"
             })
         ]
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M9 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m3 3a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75m3-1a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M13 2.25a2.75 2.75 0 0 1 2.644 2H17A2.75 2.75 0 0 1 19.75 7v12A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V7A2.75 2.75 0 0 1 7 4.25h1.356a2.75 2.75 0 0 1 2.644-2zm-6 3.5A1.25 1.25 0 0 0 5.75 7v12A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19V7A1.25 1.25 0 0 0 17 5.75h-1.356a2.75 2.75 0 0 1-2.644 2h-2a2.75 2.75 0 0 1-2.644-2zm4-2a1.25 1.25 0 0 0 0 2.5h2a1.25 1.25 0 0 0 0-2.5z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { w as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import * as m from "react";
+import { useTheme as h } 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 A = (_param)=>{
+    var { color: c, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = c(), o = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = m();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(c !== null && c !== void 0 ? c : s), { skinName: d } = h(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "M20.122 11.975c2.372 2.532 2.291 5.345-.258 7.89-1.314 1.317-2.697 1.976-4.081 1.976-1.378 0-2.76-.656-4.07-1.97l-.149-.142a5 5 0 0 1-.355-.365l-.656-.655q-.008-.009-.018-.013l-.018-.012-5.364-5.362q-.006-.006-.01-.014l-.01-.014-.552-.551a5 5 0 0 1-.327-.322l-.138-.143c-1.274-1.275-1.935-2.62-1.96-3.995-.026-1.428.633-2.829 1.963-4.157 2.585-2.588 5.445-2.63 8.045-.112l1.134 1.135.01.005.01.006 5.364 5.361.004.006.007.011 1.241 1.238.058.06q.07.066.13.14M5.25 11.15l.165.17.036.038c.072.075.142.148.219.215l.053.053 5.897-5.894-.578-.577C10.088 4.23 9.147 3.768 8.2 3.768c-.977 0-1.955.496-2.95 1.49-1.01 1.008-1.512 2.017-1.495 2.994.017.947.52 1.922 1.496 2.897m13.678 1.893a1 1 0 0 0-.101-.1l-.093-.09-.627-.625-5.894 5.89.166.163c.094.109.17.181.242.25l.046.044.177.171c1.98 1.975 3.907 1.975 5.888-.008 1.921-1.922 1.985-3.784.196-5.695m-7.412-.689a.61.61 0 1 0 .863-.863.61.61 0 0 0-.863.863m-.54 1.922a.61.61 0 1 0 .863.863.61.61 0 0 0-.864-.863m3.391-3.392a.61.61 0 1 0 .864.862.61.61 0 0 0-.864-.862m-5.58 1.185a.61.61 0 1 0 .864.862.61.61 0 0 0-.863-.862m3.393-2.533a.61.61 0 0 0 .862-.862.61.61 0 0 0-.863.863"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "M16 2.55a5.452 5.452 0 0 1 3.854 9.305l-8 8A5.452 5.452 0 0 1 2.55 16c0-1.445.575-2.832 1.596-3.854l8-8A5.45 5.45 0 0 1 16 2.55M12 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-2-2a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-2-2a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
         })
     }));
+    return i ? /*#__PURE__*/ m.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...m.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { A as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as m } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as c 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 p } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: m, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), t = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = c();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = g(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = p(m !== null && m !== void 0 ? m : s), { skinName: d } = f(), l = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M20.171 12.247c2.311 2.468 2.23 5.2-.25 7.679-1.277 1.277-2.621 1.919-3.963 1.919s-2.681-.636-3.956-1.913l-.165-.16a5 5 0 0 1-.342-.348l-.709-.708q-.007-.006-.015-.01l-.018-.013-5.6-5.6-.01-.015q-.004-.01-.013-.019l-.574-.574c-.1-.084-.212-.2-.326-.32l-.002-.002L4.071 12c-2.555-2.555-2.555-5.37 0-7.928 2.519-2.519 5.292-2.555 7.813-.11l1.18 1.18.01.007.01.007 5.605 5.598.002.001v.003l.007.01 1.308 1.305.028.028q.072.07.137.146m-15.506-.84.171.176.057.059c.075.078.151.157.232.226l.327.328 6.746-6.746-.896-.896C10.22 3.506 9.128 2.979 8.038 2.979c-1.126 0-2.255.558-3.373 1.678-2.238 2.242-2.238 4.51 0 6.75m14.669 7.928c2.17-2.169 2.24-4.368.215-6.53a1 1 0 0 0-.09-.094l-.015-.015-.015-.015-.09-.087-.95-.95-6.743 6.747.468.465c.106.122.203.214.303.309l.002.002.18.173c2.233 2.233 4.499 2.23 6.735-.005m-8.279-1.538 6.743-6.747-5.009-5.009-6.743 6.746zm1.345-6.33a.634.634 0 0 0-.9 0 .64.64 0 0 0 0 .903.638.638 0 0 0 .9-.902m-1.462 2.909c.249-.25.65-.25.899 0 .25.25.25.653 0 .9a.634.634 0 0 1-.9 0 .634.634 0 0 1 0-.9m4.443-2.642a.638.638 0 1 0-.901-.902.638.638 0 0 0 .9.902m-6.727.336c.25-.25.653-.25.9 0a.637.637 0 1 1-.9 0m4.444-3.544a.634.634 0 0 0-.9 0 .634.634 0 0 0 0 .9c.25.249.65.249.9 0a.634.634 0 0 0 0-.9"
         })
-    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M12 13a1 1 0 1 1 0 2.001 1 1 0 0 1 0-2M10 11a1 1 0 1 1 0 2.001 1 1 0 0 1 0-2M14 11a1 1 0 1 1 0 2.001 1 1 0 0 1 0-2M12 9a1 1 0 1 1 0 2.001 1 1 0 0 1 0-2"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M16 2.3a5.7 5.7 0 0 1 4.03 9.73l-8 8a5.7 5.7 0 0 1-8.06-8.06l8-8A5.7 5.7 0 0 1 16 2.3m0 1.5a4.2 4.2 0 0 0-2.97 1.23l-8 8a4.2 4.2 0 1 0 5.94 5.94l8-8A4.199 4.199 0 0 0 16 3.8"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { p as default };
+export { A as default };