@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,72 +78,79 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as p } 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: d, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), a = h !== null && h !== void 0 ? h : l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const i = p(), f = i === "brand" || i === "media" ? n.colors.neutralHighBrand : i === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(d !== null && d !== void 0 ? d : f), { skinName: s } = m(), l = s.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M2.733 8.8a.561.561 0 0 1-.395-.955l.016-.02A13.8 13.8 0 0 1 6.703 4.9a13.6 13.6 0 0 1 5.347-1.08c1.84 0 3.63.358 5.317 1.066a13.6 13.6 0 0 1 4.305 2.871.56.56 0 0 1 .006.793.56.56 0 0 1-.793.006A12.56 12.56 0 0 0 12.05 4.94c-1.706 0-3.356.333-4.91.991a12.6 12.6 0 0 0-3.995 2.686l-.016.017a.55.55 0 0 1-.395.165"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M4.808 11.693a.56.56 0 0 0 .793 0l.011-.011a9.1 9.1 0 0 1 2.863-1.93 9.05 9.05 0 0 1 3.571-.726 9 9 0 0 1 3.535.712 9 9 0 0 1 2.835 1.888.561.561 0 0 0 .784-.801 10.2 10.2 0 0 0-7.154-2.922 10.2 10.2 0 0 0-7.224 2.983l-.014.014a.56.56 0 0 0 0 .793m2.474 3.062a.56.56 0 0 0 .792-.003 5.58 5.58 0 0 1 3.97-1.644 5.6 5.6 0 0 1 2.185.442 5.6 5.6 0 0 1 1.72 1.14.561.561 0 0 0 .78-.804 6.72 6.72 0 0 0-4.686-1.896 6.7 6.7 0 0 0-2.674.552 6.7 6.7 0 0 0-2.087 1.42.56.56 0 0 0 0 .793m3.143 4.876c.38.367.913.552 1.582.552.67 0 1.202-.185 1.583-.552.395-.38.596-.93.596-1.627 0-.698-.201-1.247-.596-1.628-.381-.366-.913-.551-1.583-.551s-1.201.185-1.582.552c-.395.38-.597.93-.597 1.627s.202 1.246.597 1.627"
             })
         ]
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : s.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M21.287 12.173a.68.68 0 0 1-.5-.229c-2.392-2.533-5.5-3.931-8.789-3.931s-6.389 1.402-8.785 3.931a.667.667 0 0 1-1 0 .765.765 0 0 1 0-1.059C4.857 8.051 8.322 6.5 12.002 6.5s7.145 1.55 9.785 4.385c.284.301.284.797 0 1.06a.68.68 0 0 1-.5.228"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M5.213 14.821a.68.68 0 0 1-.5-.229.765.765 0 0 1 0-1.059c1.928-2.08 4.537-3.254 7.289-3.254s5.356 1.17 7.285 3.254c.284.301.284.797 0 1.06-.284.3-.752.3-1 0-1.68-1.814-3.893-2.801-6.285-2.801s-4.608.983-6.285 2.8c-.108.153-.324.23-.504.23"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M7.214 17.274a.82.82 0 0 0 .5.191c.18 0 .396-.072.532-.19.928-1.06 2.288-1.666 3.752-1.666 1.428 0 2.82.606 3.784 1.665.248.301.716.301 1 0 .285-.262.285-.758 0-1.059-1.212-1.36-2.96-2.118-4.784-2.118-1.892 0-3.608.758-4.82 2.118a.804.804 0 0 0 .036 1.06"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M21.287 12.173a.68.68 0 0 1-.5-.229c-2.392-2.533-5.5-3.931-8.789-3.931s-6.389 1.402-8.785 3.931a.667.667 0 0 1-1 0 .765.765 0 0 1 0-1.059C4.857 8.051 8.322 6.5 12.002 6.5s7.145 1.55 9.785 4.385c.284.301.284.797 0 1.06a.68.68 0 0 1-.5.228"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M5.213 14.821a.68.68 0 0 1-.5-.229.765.765 0 0 1 0-1.059c1.928-2.08 4.537-3.254 7.289-3.254s5.356 1.17 7.285 3.254c.284.301.284.797 0 1.06-.284.3-.752.3-1 0-1.68-1.814-3.893-2.801-6.285-2.801s-4.608.983-6.285 2.8c-.108.153-.324.23-.504.23"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M7.214 17.274a.82.82 0 0 0 .5.191c.18 0 .396-.072.532-.19.928-1.06 2.288-1.666 3.752-1.666 1.428 0 2.82.606 3.784 1.665.248.301.716.301 1 0 .285-.262.285-.758 0-1.059-1.212-1.36-2.96-2.118-4.784-2.118-1.892 0-3.608.758-4.82 2.118a.804.804 0 0 0 .036 1.06"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { g as default };
+export { B as default };

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

@@ -78,84 +78,91 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: i = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as p } 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 B = (_param)=>{
+    var { color: s, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), a = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? h.colors.neutralHighBrand : l === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: i,
-        height: i,
+    const l = p(), f = l === "brand" || l === "media" ? c.colors.neutralHighBrand : l === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: t, gradientDef: h } = g(s !== null && s !== void 0 ? s : f), { skinName: o } = m(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M2.293 8.476a.3.3 0 0 1-.208-.083.28.28 0 0 1 0-.402l.02-.02a14.1 14.1 0 0 1 4.458-2.9A14.4 14.4 0 0 1 12.046 4c1.889 0 3.723.355 5.452 1.058a14.1 14.1 0 0 1 4.415 2.845.28.28 0 0 1 .003.402.303.303 0 0 1-.416.003 13.5 13.5 0 0 0-4.23-2.727 13.8 13.8 0 0 0-5.227-1.014c-1.822 0-3.591.345-5.255 1.028a13.5 13.5 0 0 0-4.272 2.779l-.018.016a.28.28 0 0 1-.205.086"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M4.675 11.492a.294.294 0 0 0 .413-.003l.011-.01a9.9 9.9 0 0 1 3.088-2.014 10.1 10.1 0 0 1 3.854-.758c1.321 0 2.603.25 3.814.744a9.8 9.8 0 0 1 3.059 1.97.3.3 0 0 0 .416-.003.277.277 0 0 0-.003-.403 10.4 10.4 0 0 0-3.245-2.087 10.7 10.7 0 0 0-4.041-.788c-1.419 0-2.792.27-4.085.804a10.5 10.5 0 0 0-3.27 2.135l-.014.013a.276.276 0 0 0 .003.4m2.586 3.098a.3.3 0 0 0 .208.083.28.28 0 0 0 .202-.082 6.2 6.2 0 0 1 1.911-1.26 6.4 6.4 0 0 1 2.453-.487c.832 0 1.64.16 2.401.471a6.1 6.1 0 0 1 1.891 1.212.3.3 0 0 0 .416-.005.277.277 0 0 0-.005-.402 6.7 6.7 0 0 0-2.071-1.328 6.9 6.9 0 0 0-2.63-.515 6.9 6.9 0 0 0-2.682.534 6.7 6.7 0 0 0-2.094 1.377.28.28 0 0 0 0 .402M12 20c-1.281 0-1.988-.683-1.988-1.922 0-1.24.707-1.923 1.989-1.923q.937.002 1.452.48c.356.33.536.814.536 1.442 0 1.24-.707 1.923-1.988 1.923m0-3.278c-.956 0-1.4.43-1.4 1.355 0 .926.444 1.356 1.4 1.356.958 0 1.402-.43 1.402-1.355q-.001-.705-.356-1.036-.343-.319-1.045-.32"
             })
         ]
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: i,
-        height: i,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M21.287 12.173a.68.68 0 0 1-.5-.229c-2.392-2.533-5.5-3.931-8.789-3.931s-6.389 1.402-8.785 3.931a.667.667 0 0 1-1 0 .765.765 0 0 1 0-1.059C4.857 8.051 8.322 6.5 12.002 6.5s7.145 1.55 9.785 4.385c.284.301.284.797 0 1.06a.68.68 0 0 1-.5.228"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M5.213 14.821a.68.68 0 0 1-.5-.229.765.765 0 0 1 0-1.059c1.928-2.08 4.537-3.254 7.289-3.254s5.356 1.17 7.285 3.254c.284.301.284.797 0 1.06-.284.3-.752.3-1 0-1.68-1.814-3.893-2.801-6.285-2.801s-4.608.983-6.285 2.8c-.108.153-.324.23-.504.23"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M7.214 17.274a.82.82 0 0 0 .5.191c.18 0 .396-.072.532-.19.928-1.06 2.288-1.666 3.752-1.666 1.428 0 2.82.606 3.784 1.665.248.301.716.301 1 0 .285-.262.285-.758 0-1.059-1.212-1.36-2.96-2.118-4.784-2.118-1.892 0-3.608.758-4.82 2.118a.804.804 0 0 0 .036 1.06"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: i,
-        height: i,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M2.108 11.49c.072.076.18.114.252.114q.162.002.216-.11c2.427-2.724 5.75-4.236 9.39-4.236 2.748 0 5.319.864 7.53 2.571.145.115.392.076.5-.076.108-.186.072-.415-.072-.53C17.604 7.45 14.89 6.5 11.998 6.5c-3.82 0-7.355 1.588-9.89 4.46a.38.38 0 0 0 0 .53m19.176.305c.392 0 .716-.34.716-.759 0-.415-.324-.754-.716-.758-.392 0-.716.34-.716.758 0 .415.324.759.716.759"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M4.787 14.514c.072.076.18.114.252.114a.31.31 0 0 0 .248-.11c1.824-2.008 4.18-3.105 6.715-3.105s4.927 1.097 6.715 3.1a.33.33 0 0 0 .5 0 .38.38 0 0 0 0-.529c-1.932-2.155-4.503-3.329-7.215-3.329-2.715 0-5.287 1.174-7.215 3.33a.38.38 0 0 0 0 .529m11.498 2.952a.32.32 0 0 1-.252-.114c-1.072-1.135-2.5-1.78-3.999-1.78h-.036c-1.5 0-2.963.645-4.035 1.814a.33.33 0 0 1-.5 0 .38.38 0 0 1 0-.53c1.212-1.283 2.855-2.003 4.535-2.003h.036c1.712 0 3.283.72 4.5 2.003a.38.38 0 0 1 0 .53.44.44 0 0 1-.249.08"
             })
         ]
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: i,
-        height: i,
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M12 17a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-3.75a4.76 4.76 0 0 1 3.359 1.392.75.75 0 0 1-1.06 1.06 3.25 3.25 0 0 0-4.596 0 .75.75 0 0 1-1.061-1.06A4.75 4.75 0 0 1 12 13.25m0-4a8.75 8.75 0 0 1 6.188 2.562.751.751 0 0 1-1.062 1.062 7.25 7.25 0 0 0-7.9-1.572c-.88.364-1.68.899-2.353 1.572a.75.75 0 0 1-1.06-1.062A8.75 8.75 0 0 1 12 9.25"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M2.985 8.985c4.98-4.98 13.05-4.978 18.058-.002a.75.75 0 0 1-1.056 1.064c-4.425-4.397-11.55-4.394-15.942-.001a.75.75 0 0 1-1.06-1.06"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ d.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...d.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { B as default };

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

@@ -78,108 +78,115 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: t = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as p } 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 B = (_param)=>{
+    var { color: d, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = s(), a = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const n = p(), f = n === "brand" || n === "media" ? c.colors.neutralHighBrand : n === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: t, gradientDef: h } = g(d !== null && d !== void 0 ? d : f), { skinName: r } = m(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M2.725 8.802a.561.561 0 0 1-.395-.955l.017-.02a13.8 13.8 0 0 1 4.348-2.924 13.6 13.6 0 0 1 5.347-1.081c1.84 0 3.63.358 5.316 1.067a13.6 13.6 0 0 1 4.306 2.871.56.56 0 0 1 .005.793.56.56 0 0 1-.792.006 12.56 12.56 0 0 0-8.835-3.616c-1.706 0-3.356.333-4.91.99A12.6 12.6 0 0 0 3.136 8.62l-.017.017a.56.56 0 0 1-.395.165"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M4.804 11.704a.56.56 0 0 0 .79-.005l.01-.012a9.1 9.1 0 0 1 2.864-1.93 9.05 9.05 0 0 1 3.571-.725c1.224 0 2.415.238 3.535.711a9 9 0 0 1 2.835 1.888.561.561 0 0 0 .784-.8 10.2 10.2 0 0 0-7.154-2.919c-1.392 0-2.742.274-4.011.815a10.3 10.3 0 0 0-3.21 2.165l-.02.02a.56.56 0 0 0 .006.792m2.468 3.054a.56.56 0 0 0 .792-.003 5.58 5.58 0 0 1 3.97-1.645c.756 0 1.492.149 2.184.443a5.6 5.6 0 0 1 1.72 1.14.561.561 0 0 0 .782-.804 6.72 6.72 0 0 0-4.686-1.896c-.928 0-1.83.185-2.676.552a6.7 6.7 0 0 0-2.086 1.42.56.56 0 0 0 0 .793m4.725 5.428c-.67 0-1.202-.185-1.583-.552-.395-.38-.596-.93-.596-1.627 0-.698.201-1.247.596-1.628.381-.367.914-.552 1.583-.552.67 0 1.202.185 1.583.552.395.381.596.93.596 1.628s-.201 1.246-.596 1.627c-.379.367-.91.552-1.583.552m0-3.238c-.75 0-1.059.308-1.059 1.059s.308 1.059 1.059 1.059 1.059-.308 1.059-1.06q0-.575-.255-.82-.244-.239-.804-.238"
             })
         ]
-    })) : c.match(/^blau/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : r.match(/^blau/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M21.286 12.356a.7.7 0 0 1-.5-.215C18.392 9.748 15.288 8.428 12 8.428s-6.392 1.323-8.786 3.713a.69.69 0 0 1-1 0 .69.69 0 0 1 0-1C4.856 8.463 8.321 7 12 7s7.144 1.465 9.786 4.142c.285.285.285.75 0 1a.7.7 0 0 1-.5.214"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M5.213 14.855a.7.7 0 0 1-.5-.214.69.69 0 0 1 0-1 10.175 10.175 0 0 1 14.57 0c.286.286.286.751 0 1-.285.285-.75.285-1 0A8.7 8.7 0 0 0 12 11.999c-2.39 0-4.607.928-6.284 2.642-.108.143-.323.214-.503.214"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M7.213 17.174c.143.109.32.18.5.18s.394-.071.534-.18c.928-1 2.285-1.57 3.75-1.57 1.428 0 2.82.57 3.785 1.57.248.286.714.286 1 0 .285-.248.285-.714 0-1-1.214-1.285-2.963-1.999-4.785-1.999-1.894 0-3.607.714-4.821 2a.725.725 0 0 0 .037 1"
             })
         ]
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M21.287 12.173a.68.68 0 0 1-.5-.229c-2.392-2.533-5.5-3.931-8.789-3.931s-6.389 1.402-8.785 3.931a.667.667 0 0 1-1 0 .765.765 0 0 1 0-1.059C4.857 8.051 8.322 6.5 12.002 6.5s7.145 1.55 9.785 4.385c.284.301.284.797 0 1.06a.68.68 0 0 1-.5.228"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M5.213 14.821a.68.68 0 0 1-.5-.229.765.765 0 0 1 0-1.059c1.928-2.08 4.537-3.254 7.289-3.254s5.356 1.17 7.285 3.254c.284.301.284.797 0 1.06-.284.3-.752.3-1 0-1.68-1.814-3.893-2.801-6.285-2.801s-4.608.983-6.285 2.8c-.108.153-.324.23-.504.23"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M7.214 17.274a.82.82 0 0 0 .5.191c.18 0 .396-.072.532-.19.928-1.06 2.288-1.666 3.752-1.666 1.428 0 2.82.606 3.784 1.665.248.301.716.301 1 0 .285-.262.285-.758 0-1.059-1.212-1.36-2.96-2.118-4.784-2.118-1.892 0-3.608.758-4.82 2.118a.804.804 0 0 0 .036 1.06"
             })
         ]
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M21.287 12.173a.68.68 0 0 1-.5-.229c-2.392-2.533-5.5-3.931-8.789-3.931s-6.389 1.402-8.785 3.931a.667.667 0 0 1-1 0 .765.765 0 0 1 0-1.059C4.857 8.051 8.322 6.5 12.002 6.5s7.145 1.55 9.785 4.385c.284.301.284.797 0 1.06a.68.68 0 0 1-.5.228"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M5.213 14.821a.68.68 0 0 1-.5-.229.765.765 0 0 1 0-1.059c1.928-2.08 4.537-3.254 7.289-3.254s5.356 1.17 7.285 3.254c.284.301.284.797 0 1.06-.284.3-.752.3-1 0-1.68-1.814-3.893-2.801-6.285-2.801s-4.608.983-6.285 2.8c-.108.153-.324.23-.504.23"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M7.214 17.274a.82.82 0 0 0 .5.191c.18 0 .396-.072.532-.19.928-1.06 2.288-1.666 3.752-1.666 1.428 0 2.82.606 3.784 1.665.248.301.716.301 1 0 .285-.262.285-.758 0-1.059-1.212-1.36-2.96-2.118-4.784-2.118-1.892 0-3.608.758-4.82 2.118a.804.804 0 0 0 .036 1.06"
             })
         ]
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M12 17a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-3.75a4.76 4.76 0 0 1 3.359 1.392.75.75 0 0 1-1.06 1.06 3.25 3.25 0 0 0-4.596 0 .75.75 0 0 1-1.06-1.06A4.75 4.75 0 0 1 12 13.25m0-4a8.75 8.75 0 0 1 6.188 2.562.751.751 0 0 1-1.061 1.062 7.25 7.25 0 0 0-7.9-1.572c-.88.364-1.68.899-2.353 1.572a.75.75 0 0 1-1.06-1.062A8.75 8.75 0 0 1 12 9.25"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M2.985 8.985c4.98-4.98 13.05-4.978 18.059-.002a.75.75 0 1 1-1.057 1.064c-4.424-4.397-11.55-4.394-15.942-.001a.75.75 0 0 1-1.06-1.06"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { B as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import * as l from "react";
+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: c, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), e = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = f(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(c !== null && c !== void 0 ? c : d), t = /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, s), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M11.47 5.974q-.168.001-.316.047a1 1 0 0 1-1.249-.656.985.985 0 0 1 .665-1.233c.285-.086.588-.132.9-.132 1.662 0 2.996 1.37 2.996 3.013 0 1.61-1.255 3.013-2.947 3.013h-8.52A.994.994 0 0 1 2 9.039a.994.994 0 0 1 1-.988h8.519c.483 0 .947-.411.947-1.038 0-.595-.481-1.039-.996-1.039"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M17.584 7.272q.266-.079.563-.08c.981 0 1.853.833 1.853 1.91s-.872 1.91-1.853 1.91H3c-.552 0-1 .443-1 .988s.448.987 1 .987h15.147c2.13 0 3.853-1.761 3.853-3.885s-1.723-3.885-3.853-3.885c-.393 0-.772.057-1.132.162a.985.985 0 0 0-.674 1.227c.157.523.713.82 1.243.666M3 13.974c-.552 0-1 .442-1 .987 0 .546.448.988 1 .988h10.83c.514 0 .995.443.995 1.038 0 .596-.481 1.039-.995 1.039a1.1 1.1 0 0 1-.327-.05 1.003 1.003 0 0 0-1.253.647.985.985 0 0 0 .654 1.237c.293.091.605.14.926.14 1.662 0 2.995-1.37 2.995-3.013s-1.333-3.013-2.995-3.013z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { m as default };
+export { x as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), t = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? r.colors.neutralHighBrand : i === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = g(), d = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: l } = p(s !== null && s !== void 0 ? s : d), { skinName: m } = f(), n = m.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M11.475 5.052c-.229 0-.545.062-.821.21a.49.49 0 0 1-.673-.228.54.54 0 0 1 .217-.708A2.8 2.8 0 0 1 11.475 4c1.375 0 2.496 1.213 2.496 2.685 0 1.454-1.058 2.685-2.448 2.685H2.5a.513.513 0 0 1-.5-.526c0-.29.224-.526.5-.526h9.023c.786 0 1.448-.703 1.448-1.633 0-.913-.695-1.633-1.496-1.633"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M17.551 6.607a2.36 2.36 0 0 1 1.096-.258C19.916 6.35 21 7.485 21 8.912c0 1.426-1.084 2.562-2.353 2.562H2.504c-.276 0-.5.236-.5.526s.224.526.5.526h16.143c1.843 0 3.353-1.63 3.353-3.614 0-1.985-1.51-3.615-3.353-3.615a3.3 3.3 0 0 0-1.525.36.54.54 0 0 0-.237.701.49.49 0 0 0 .666.25M2.508 14.63c-.276 0-.5.236-.5.526s.224.526.5.526h11.327c.8 0 1.495.72 1.495 1.633s-.694 1.633-1.495 1.633c-.195 0-.482-.069-.81-.272a.486.486 0 0 0-.684.187c-.14.25-.06.572.177.72.455.281.915.417 1.317.417 1.375 0 2.494-1.214 2.494-2.685s-1.12-2.685-2.494-2.685z"
             })
         ]
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M9.5 15.252a3.25 3.25 0 1 1-2.086 5.699 3.25 3.25 0 0 1-.97-1.488.75.75 0 0 1 1.432-.445 1.752 1.752 0 0 0 3.09.506 1.752 1.752 0 0 0-1.451-2.774H4a.75.75 0 0 1 0-1.5h5.5z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M18.5 11.252a3.25 3.25 0 1 1-3.057 4.21.75.75 0 0 1 1.433-.444 1.751 1.751 0 0 0 3.09.506 1.752 1.752 0 0 0-1.451-2.774H3a.75.75 0 0 1 0-1.5h15.5zm-5.477-8.958a3.25 3.25 0 0 1 2.181 6.003 3.25 3.25 0 0 1-1.704.452v.002H5a.75.75 0 0 1 0-1.5h8.515a1.751 1.751 0 0 0 .7-3.367 1.75 1.75 0 0 0-2.339 1.098.75.75 0 0 1-1.433-.444 3.25 3.25 0 0 1 2.58-2.244"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { M as default };