@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as h } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: i, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), i = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = d(), s = e === "brand" || e === "media" ? a.colors.neutralHighBrand : e === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: m, gradientDef: l } = h(i !== null && i !== void 0 ? i : s), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: i,
+    }, c), {
+        children: /* @__PURE__ */ r("path", {
+            fill: m,
             d: "m13.429 4.63-.015.034-.03.066-.004.01a11.5 11.5 0 0 1-1.846 2.881 11.6 11.6 0 0 1-3.95 2.931 12.7 12.7 0 0 0-2.031-2.457 8.4 8.4 0 0 0 2.19-1.11 8.6 8.6 0 0 0 2.83-3.4l.03-.068.004-.013q.03-.079.07-.153a1.52 1.52 0 0 1 2.694.029l.027.062.02.045.014.03.008.018c.133.353.13.744-.011 1.095M8.207 16.026a12.7 12.7 0 0 0-2.95 1.346 8.6 8.6 0 0 0-.327-2.294 8.5 8.5 0 0 0-2.386-3.885l-.005-.005-.075-.067-.005-.006A1.516 1.516 0 0 1 3.49 8.511h.023a1.5 1.5 0 0 1 1.073.445l.064.055c.835.78 1.547 1.68 2.116 2.671l.003.006a11.6 11.6 0 0 1 1.437 4.338m10.66 2.754a8.57 8.57 0 0 1 1.247-5.97 12.7 12.7 0 0 1-3.118-.657 11.58 11.58 0 0 0-.869 8.3c.108.29.302.542.555.721h.002l.013.009.04.027a1.521 1.521 0 0 0 2.304-1.61l-.03-.114a8 8 0 0 1-.144-.707m-6.83.991c.923.005 1.84.16 2.714.457a12.8 12.8 0 0 1-.302-3.226 11.6 11.6 0 0 0-5.386.115c-1.17.308-2.283.8-3.299 1.455l-.011.008q-.125.079-.26.173a1.5 1.5 0 0 0-.477.692l-.054.21a1.52 1.52 0 0 0 2.402 1.495l.01-.007q.296-.193.61-.36a8.5 8.5 0 0 1 4.016-1.011zm2.52-4.057c.19-1.407.611-2.774 1.245-4.044a12.9 12.9 0 0 1-3.785-2.679 12.9 12.9 0 0 1-3.797 2.687 13 13 0 0 1 1.242 4.031 12.9 12.9 0 0 1 5.095.005m7.002-4.614a1.52 1.52 0 0 0 .444-1.073 1.523 1.523 0 0 0-1.395-1.512l-.073-.005h-.015a8.46 8.46 0 0 1-5.991-3.188 12.8 12.8 0 0 1-1.658 2.705 11.6 11.6 0 0 0 4.064 2.734c1.097.435 2.253.698 3.43.78h.017l.025.001.08.002c.402 0 .787-.16 1.072-.444"
         })
     }));
+    return l ? /*#__PURE__*/ n.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...n.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { s as default };
+export { C as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const q = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
+const p = (_param)=>{
+    var { color: i, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), h = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const a = m(), h = a === "brand" || a === "media" ? t.colors.neutralHighBrand : a === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { fillValue: s, gradientDef: o } = d(i !== null && i !== void 0 ? i : h), l = /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ o("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: s,
             d: "M22 10.196a2.254 2.254 0 0 0-2.07-2.246l-.021-.001-.063-.005h-.009a6.87 6.87 0 0 1-5.723-4.013 2.256 2.256 0 0 0-4.194-.009v.003l-.009.023-.003.006c-.09.193-.182.37-.292.562a6.87 6.87 0 0 1-5.421 3.428H4.19q-.091.003-.176.012l-.011.001h-.004a2.254 2.254 0 0 0-1.231 3.936l.004.004a6.85 6.85 0 0 1 1.938 3.15 6.96 6.96 0 0 1 .079 3.504q-.039.12-.064.246l-.006.03a2.258 2.258 0 0 0 3.402 2.332l.01-.006.005-.004.116-.077.005-.003q.236-.154.488-.29c1-.537 2.118-.818 3.254-.818h.03a6.93 6.93 0 0 1 3.758 1.13l.004.003.004.002.013.01.027.017.004.003a2.25 2.25 0 0 0 2.212.14 2.26 2.26 0 0 0 1.223-2.528q-.001-.01-.005-.019l-.026-.1a6.94 6.94 0 0 1 2.016-6.753l.043-.041.017-.019a2.25 2.25 0 0 0 .681-1.61m-2.902-1.774q.348.06.701.088h.009l.07.005h.001a1.687 1.687 0 0 1-.134 3.368l-.087-.002-.035-.002h-.01a10.8 10.8 0 0 1-3.22-.733 10.9 10.9 0 0 1-4-2.763 11.4 11.4 0 0 0 1.662-2.659l.001-.004q.027-.056.05-.113l.004-.009q.064-.162.105-.334a7.43 7.43 0 0 0 4.883 3.158m-4.505 7.33a11.4 11.4 0 0 0-5.171-.005 11.5 11.5 0 0 0-1.289-4.191 11.5 11.5 0 0 0 3.883-2.744 11.5 11.5 0 0 0 3.87 2.738 11.5 11.5 0 0 0-1.293 4.201M10.108 4.799a7 7 0 0 0 .333-.652l.005-.014a1.69 1.69 0 0 1 3.08-.13l.003.009.04.094.024.05c.152.398.148.837-.011 1.232l-.044.099-.002.005v.002a10.8 10.8 0 0 1-1.734 2.707 10.9 10.9 0 0 1-3.952 2.858 11.3 11.3 0 0 0-2.02-2.476 2.3 2.3 0 0 0-.349-.279 7.4 7.4 0 0 0 2.458-1.13 7.5 7.5 0 0 0 2.169-2.375M3.667 12a8 8 0 0 0-.507-.518l-.003-.003-.073-.067a1.687 1.687 0 0 1 1.136-2.9h.033a1.68 1.68 0 0 1 1.193.493l.037.032a10.8 10.8 0 0 1 2 2.52 10.9 10.9 0 0 1 1.382 4.334c-1.07.306-2.089.768-3.023 1.371l-.008.005q-.134.087-.285.19l-.017.012-.008.008A7.47 7.47 0 0 0 3.667 12m8.33 7.394a7.45 7.45 0 0 0-4.054 1.202l-.003.002-.004.002-.117.079a1.69 1.69 0 0 1-2.542-1.752l.001-.007q.03-.11.056-.214c.101-.31.29-.583.544-.787a9 9 0 0 1 .257-.17l.007-.005c.954-.616 2-1.078 3.098-1.367a10.9 10.9 0 0 1 5.306-.051 11.4 11.4 0 0 0 .3 3.297v.006q.04.165.086.337l.006.02.005.014a7.5 7.5 0 0 0-2.914-.605zm6.765-4.51a7.54 7.54 0 0 0-.07 3.874q.013.052.029.105a1.692 1.692 0 0 1-2.565 1.794l-.002-.002-.035-.023-.01-.007-.003-.002a1.7 1.7 0 0 1-.626-.818q-.044-.16-.081-.314l-.002-.007a10.87 10.87 0 0 1 1.02-7.721c1.012.377 2.074.606 3.152.681h.002l.057.004a2 2 0 0 0 .348-.01 7.5 7.5 0 0 0-1.214 2.446"
         })
     }));
+    return o ? /*#__PURE__*/ n.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...n.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { q as default };
+export { p as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as l } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
+const q = (_param)=>{
+    var { color: i, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), c = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const a = m(), s = a === "brand" || a === "media" ? t.colors.neutralHighBrand : a === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { fillValue: h, gradientDef: o } = d(i !== null && i !== void 0 ? i : s), e = /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: c,
+    }, c), {
+        children: /* @__PURE__ */ l("path", {
+            fill: h,
             d: "M22 10.254a2.48 2.48 0 0 0-2.276-2.472l-.034-.003q-.026 0-.051-.004h-.013a6.37 6.37 0 0 1-5.305-3.721 2.483 2.483 0 0 0-4.614 0l-.002.006-.004.01v.003a6.37 6.37 0 0 1-5.297 3.7h-.005a2.481 2.481 0 0 0-1.56 4.34l.006.006q.228.211.437.445c.634.713 1.1 1.56 1.36 2.478a6.46 6.46 0 0 1 .074 3.246q-.04.127-.065.258l-.007.035a2.485 2.485 0 0 0 3.744 2.565l.02-.012.006-.005.108-.072.005-.002.003-.003a6.39 6.39 0 0 1 6.982.022h.002l.007.005.008.006.029.018.01.007a2.48 2.48 0 0 0 2.435.154 2.486 2.486 0 0 0 1.313-2.905 6.44 6.44 0 0 1 1.425-5.814 6 6 0 0 1 .37-.381l.002-.003.124-.115.014-.016A2.47 2.47 0 0 0 22 10.254m-3.16-1.433q.351.06.708.088h.01l.068.005a1.344 1.344 0 0 1-.108 2.683l-.07-.002h-.037a10.1 10.1 0 0 1-3.04-.692 10.3 10.3 0 0 1-3.6-2.422c.587-.735 1.08-1.54 1.468-2.397a7.5 7.5 0 0 0 4.6 2.737m-4.575 6.471a11.4 11.4 0 0 0-4.515-.004 11.5 11.5 0 0 0-1.1-3.572 11.4 11.4 0 0 0 3.364-2.38c.965.987 2.101 1.79 3.353 2.373a11.5 11.5 0 0 0-1.103 3.583M10.417 5.164a7 7 0 0 0 .343-.674l.004-.01a1.346 1.346 0 0 1 2.449-.117v.002l.042.095.02.042c.117.313.114.66-.01.97-.013.028-.026.06-.04.088l-.003.009v.001a10.2 10.2 0 0 1-1.635 2.553 10.3 10.3 0 0 1-3.499 2.597 11.3 11.3 0 0 0-1.8-2.178 7.5 7.5 0 0 0 1.94-.983 7.6 7.6 0 0 0 2.189-2.397zM4.132 11.81a7 7 0 0 0-.512-.522l-.004-.004-.066-.06-.004-.004a1.344 1.344 0 0 1 .785-2.3l.127-.008a1.34 1.34 0 0 1 .974.393l.057.05c.74.69 1.37 1.488 1.874 2.366a10.3 10.3 0 0 1 1.277 3.85c-.918.285-1.797.686-2.613 1.193a7.54 7.54 0 0 0-1.895-4.954m4.308 7.974a8 8 0 0 0-.54.32l-.008.005-.109.073a1.348 1.348 0 0 1-2.02-1.396q.027-.096.049-.187c.08-.24.226-.453.422-.614l.23-.153.01-.006a10.2 10.2 0 0 1 2.923-1.29 10.26 10.26 0 0 1 4.772-.102c-.033.96.057 1.921.267 2.859a7.53 7.53 0 0 0-5.996.491m9.842-5.06a7.6 7.6 0 0 0-.07 3.912q.011.05.026.101a1.348 1.348 0 0 1-2.042 1.427l-.038-.026-.01-.006a1.36 1.36 0 0 1-.49-.64q-.04-.145-.074-.284l-.002-.008c-.57-2.379-.27-4.884.845-7.062.893.309 1.82.504 2.762.581a7.6 7.6 0 0 0-.907 2.005"
         })
     }));
+    return o ? /*#__PURE__*/ n.cloneElement(e, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...n.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { s as default };
+export { q as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = c(), i = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? r.colors.neutralHighBrand : o === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), h = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = d(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M21.843 4.394a.57.57 0 0 1-.09.347l-.005.011a9 9 0 0 1-.723.925q-.076.082-.157.16-.054.052-.106.106-.277.287-.577.549-.178.147-.364.285a9 9 0 0 1-.566.404q-.237.15-.482.288-.059.032-.114.068-.055.035-.113.067c.008.014.008.022.008.039.065.801.098 1.68.098 2.706 0 5.174-.865 8.837-4.77 9.672-.24.05-.496.084-.759.115l-.049.009q-.035.007-.074.01-.47.044-.986.045c-2.065 0-3.516-.551-4.521-1.557-1.678-1.675-2.118-4.6-2.118-8.294 0-1.025.031-1.924.098-2.74a4 4 0 0 1-.246-.147q-.072-.046-.146-.09-.066-.041-.133-.08-.15-.087-.293-.181c-.16-.106-.31-.223-.46-.34L4.09 6.69c-.118-.089-.236-.177-.347-.274-.185-.162-.356-.339-.527-.515l-.1-.099q-.085-.08-.163-.167a9 9 0 0 1-.703-.9.61.61 0 0 1 .04-.703.6.6 0 0 1 .142-.14.62.62 0 0 1 .72.04.7.7 0 0 1 .137.131 6 6 0 0 0 .423.55 7.64 7.64 0 0 0 2.675 2.089c1.513.717 3.404 1.081 5.622 1.081 2.77 0 4.989-.577 6.658-1.692a7.4 7.4 0 0 0 2.054-2.02.4.4 0 0 1 .067-.067l.025-.022a.62.62 0 0 1 .765-.081q.106.07.173.17c.068.096.09.208.093.323m-9.801 12.235a.61.61 0 0 0 .613-.608l-.036-7.05-.252.012a6 6 0 0 1-.356.013q-.187-.002-.363-.015a7 7 0 0 0-.264-.013l.039 7.059a.61.61 0 0 0 .616.602z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M20 5.25a.75.75 0 0 1 0 1.5h-2.25V13a5.75 5.75 0 0 1-11.5 0V6.75H4a.75.75 0 0 1 0-1.5zm-8.75 6.15a.75.75 0 0 0 1.5 0V6.75h-1.5z"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { w as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as g } 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 x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = c(), i = n !== null && n !== void 0 ? n : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: h } = l();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = g(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = f(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), o = 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__ */ a("path", {
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M21.07 3.994a.425.425 0 0 1 .583-.117.407.407 0 0 1 .117.571c-.843 1.258-1.977 2.224-3.361 2.93.03.053.056.112.062.176.067.813.1 1.715.1 2.754 0 6.106-1.098 9.894-6.563 9.894s-6.563-3.788-6.563-9.894c0-1.081.037-2.017.112-2.86a.2.2 0 0 1 .016-.056l.007-.02C4.199 6.67 3.064 5.7 2.224 4.44a.41.41 0 0 1 .12-.575.42.42 0 0 1 .583.118c1.728 2.594 4.784 3.908 9.076 3.908 4.285 0 7.339-1.311 9.067-3.897m-9.059 15.381c4.224 0 5.723-2.37 5.723-9.064 0-.97-.031-1.81-.09-2.574-1.479.602-3.227.924-5.232.963l.039 7.426a.42.42 0 0 1-.417.417h-.003a.414.414 0 0 1-.42-.412l-.04-7.428c-1.986-.042-3.722-.361-5.193-.958a33 33 0 0 0-.09 2.566c0 6.692 1.496 9.064 5.723 9.064"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M20 5.25a.75.75 0 0 1 0 1.5h-2.25V13a5.75 5.75 0 0 1-11.5 0V6.75H4a.75.75 0 0 1 0-1.5zM7.75 13a4.25 4.25 0 0 0 8.5 0V6.75h-3.5v4.65a.75.75 0 0 1-1.5 0V6.75h-3.5z"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { v as default };
+export { x as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const u = (_param)=>{
-    var { color: n, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as g } 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 x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), i = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: l } = h();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = g(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = f(h !== null && h !== void 0 ? h : s), { skinName: d } = m(), 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), {
-        children: /* @__PURE__ */ a("path", {
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M20.708 4.081a.624.624 0 0 1 .854-.17c.283.184.364.56.177.834-.815 1.21-1.9 2.151-3.213 2.846l.007.02q.007.017.01.036c.067.807.1 1.689.1 2.703 0 5.913-1.126 9.852-6.63 9.852S5.38 16.263 5.38 10.35c0-1.036.037-1.938.107-2.754-1.323-.697-2.412-1.641-3.23-2.86a.596.596 0 0 1 .176-.837.625.625 0 0 1 .855.174c1.652 2.467 4.585 3.72 8.714 3.72 4.123 0 7.053-1.25 8.706-3.712M12.01 18.997c4.037 0 5.398-2.182 5.398-8.641 0-.824-.022-1.555-.07-2.224q-2.046.772-4.73.851l.038 7.048a.61.61 0 0 1-.613.608h-.003a.61.61 0 0 1-.616-.603l-.04-7.056Q8.715 8.9 6.68 8.137a33 33 0 0 0-.067 2.219c0 6.459 1.361 8.641 5.397 8.641"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M20 5.25a.75.75 0 0 1 0 1.5h-2.25V13a5.75 5.75 0 0 1-11.5 0V6.75H4a.75.75 0 0 1 0-1.5zM7.75 13a4.25 4.25 0 0 0 8.5 0V6.75h-3.5v4.65a.75.75 0 0 1-1.5 0V6.75h-3.5z"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { u as default };
+export { x as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { jsx as r } 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";
-const c = (_param)=>{
-    var { color: l, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: i, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), i = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = f(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: c, gradientDef: a } = g(i !== null && i !== void 0 ? i : d), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
             d: "M6.284 3.05a6.5 6.5 0 0 1 9.209 4.765 6.5 6.5 0 0 1-.398 3.573l5.759 5.759a2.622 2.622 0 0 1-3.707 3.707l-5.759-5.759a6.5 6.5 0 0 1-3.573.397 6.5 6.5 0 0 1-4.766-9.208l.065-.1a.5.5 0 0 1 .74-.037l3.28 3.28a.25.25 0 0 0 .177.073h1.94a.25.25 0 0 0 .25-.25V7.31a.25.25 0 0 0-.074-.176l-3.28-3.28a.502.502 0 0 1 .137-.805"
         })
     }));
+    return a ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { jsx as r } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+import { useIconGradient as h } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: i, size: a = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), i = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const t = g(), c = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: n } = h(i !== null && i !== void 0 ? i : c), e = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: d,
             d: "M6.177 2.824a6.752 6.752 0 0 1 9.562 4.949 6.75 6.75 0 0 1-.35 3.555l5.642 5.642A2.873 2.873 0 0 1 19 21.872a2.87 2.87 0 0 1-2.03-.841l-5.643-5.643A6.75 6.75 0 0 1 4.14 13.86a6.75 6.75 0 0 1-1.317-7.682l.044-.079A.75.75 0 0 1 4.03 5.97l3.28 3.28h1.94V7.312l-3.28-3.28a.75.75 0 0 1 .206-1.207m3.797.916a5.3 5.3 0 0 0-2.105.068L10.53 6.47c.14.14.22.332.22.53v3a.75.75 0 0 1-.75.75H7a.75.75 0 0 1-.53-.22L3.807 7.87a5.252 5.252 0 0 0 7.37 5.955l.109-.042a.75.75 0 0 1 .744.188l6 6a1.373 1.373 0 0 0 2.34-.97c0-.363-.144-.712-.4-.97l-6-6a.75.75 0 0 1-.147-.853 5.25 5.25 0 0 0-3.85-7.437"
         })
     }));
+    return n ? /*#__PURE__*/ l.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...l.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { m as default };
+export { C as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: e, size: l = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as m } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: i, size: a = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), i = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const e = g(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: n } = m(i !== null && i !== void 0 ? i : c), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ o("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: d,
             d: "M6.177 2.824a6.752 6.752 0 0 1 9.562 4.949 6.75 6.75 0 0 1-.35 3.555l5.642 5.642A2.873 2.873 0 0 1 19 21.872a2.87 2.87 0 0 1-2.03-.841l-5.643-5.643A6.75 6.75 0 0 1 4.14 13.86a6.75 6.75 0 0 1-1.317-7.682l.044-.079A.75.75 0 0 1 4.03 5.97l3.28 3.28h1.94V7.312l-3.28-3.28a.75.75 0 0 1 .206-1.207m3.797.916a5.3 5.3 0 0 0-2.105.068L10.53 6.47c.14.14.22.332.22.53v3a.75.75 0 0 1-.75.75H7a.75.75 0 0 1-.53-.22L3.807 7.87a5.25 5.25 0 0 0 1.395 4.93 5.25 5.25 0 0 0 5.974 1.025l.11-.042a.75.75 0 0 1 .744.188l6 6a1.373 1.373 0 0 0 1.94 0 1.373 1.373 0 0 0 0-1.94l-6-6a.75.75 0 0 1-.147-.853 5.25 5.25 0 0 0-3.85-7.437"
         })
     }));
+    return n ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import * as c from "react";
+import { useTheme as m } 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: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = h(), r = i !== null && i !== void 0 ? i : o === "brand" || o === "media" ? t.colors.neutralHighBrand : o === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: c } = n();
-    return c.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(h !== null && h !== void 0 ? h : s), { skinName: d } = m(), 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"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: l,
             d: "M15.586 21.85h-.114c-.157 0-.275-.04-.348-.065a1.76 1.76 0 0 1-.756-.572 6 6 0 0 1-.485-.748l-.075-.165a17 17 0 0 1-.317-.804c-.263-.694-1.022-2.692-1.496-3.213-.473.521-1.23 2.521-1.493 3.213-.145.387-.24.633-.314.796l-.008.039-.073.134a6 6 0 0 1-.49.754 1.7 1.7 0 0 1-.717.552 1.1 1.1 0 0 1-.37.075h-.112c-.157 0-.274-.039-.347-.064a1.74 1.74 0 0 1-.754-.572 5.5 5.5 0 0 1-.423-.644l-.044-.075a20 20 0 0 1-1.407-3.07 21 21 0 0 1-.714-2.289c-.042-.16-.092-.367-.148-.59l-.028-.116c-1.025-1.784-1.751-3.554-2.16-5.26-.583-2.44-.078-4.488 1.42-5.76.857-.736 2.023-1.176 3.28-1.24 1.294-.07 2.639.252 3.874.938.334.188.67.378 1.031.591a83 83 0 0 1 1.03-.588c1.236-.686 2.583-1.011 3.88-.941 1.255.064 2.42.504 3.28 1.243 1.496 1.272 2 3.317 1.418 5.757-.41 1.706-1.137 3.473-2.16 5.26l-.025.098c-.056.233-.106.446-.154.617a21 21 0 0 1-.714 2.282 20 20 0 0 1-1.39 3.04l-.058.1a6 6 0 0 1-.43.65 1.7 1.7 0 0 1-.716.552.9.9 0 0 1-.373.084"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: l,
             d: "M16 3.25c1.195 0 2.415.363 3.33 1.333.911.966 1.42 2.426 1.42 4.417 0 4.988-1.072 8.683-2.823 10.99-.5.664-1.305.819-1.958.741-.66-.078-1.355-.406-1.796-.967-.483-.613-.934-1.646-1.375-2.998a2.5 2.5 0 0 0-.477-.787c-.203-.217-.321-.229-.321-.229h-.005s-.117.011-.317.224a2.5 2.5 0 0 0-.475.785c-.442 1.355-.892 2.393-1.376 3.007-.44.559-1.134.887-1.793.965-.614.073-1.359-.06-1.863-.623l-.098-.118C4.322 17.683 3.25 13.987 3.25 9c0-1.996.506-3.457 1.417-4.422C5.583 3.608 6.804 3.25 8 3.25a.9.9 0 0 1 .515.172l6.058 4.194a.75.75 0 1 0 .854-1.232l-2.578-1.785a.247.247 0 0 1 .026-.423c.225-.115.458-.229.695-.333.728-.32 1.568-.593 2.43-.593"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { B as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } 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 q = (_param)=>{
+    var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), o = r !== null && r !== void 0 ? r : a === "brand" || a === "media" ? e.colors.neutralHighBrand : a === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const l = f(), s = l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: o, gradientDef: n } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), c = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ c("path", {
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
             fill: o,
             d: "M16.994 2.166c1.236.061 2.384.493 3.227 1.218 1.465 1.247 1.958 3.26 1.39 5.67-.415 1.73-1.154 3.526-2.2 5.341l-.036.154-.058.24q-.048.2-.09.357a22 22 0 0 1-.726 2.314 20 20 0 0 1-1.406 3.078l-.061.101-.029.047c-.099.165-.246.41-.392.589a1.6 1.6 0 0 1-.65.501.9.9 0 0 1-.302.062h-.115a.9.9 0 0 1-.288-.053 1.6 1.6 0 0 1-.675-.516 6 6 0 0 1-.477-.734l-.053-.114a17 17 0 0 1-.336-.85l-.013-.034c-.327-.857-1.254-3.293-1.732-3.461-.431.17-1.381 2.672-1.692 3.496l-.033.086c-.146.381-.238.622-.309.771v.017l-.05.092a6 6 0 0 1-.482.74 1.6 1.6 0 0 1-.65.501.9.9 0 0 1-.302.062h-.115a.9.9 0 0 1-.289-.053 1.6 1.6 0 0 1-.675-.516 6 6 0 0 1-.412-.626l-.002-.004-.05-.081c-.62-1.12-.975-1.9-1.418-3.098a21 21 0 0 1-.723-2.317 18 18 0 0 1-.151-.608l-.034-.137c-1.042-1.815-1.781-3.61-2.198-5.342-.577-2.412-.085-4.428 1.383-5.675.84-.723 1.986-1.157 3.224-1.218 1.297-.065 2.617.252 3.844.932.37.208.745.42 1.154.661.422-.249.79-.456 1.154-.66 1.23-.681 2.554-1.003 3.848-.933m1.664 11.874c1.02-1.765 1.74-3.505 2.14-5.174.499-2.095.104-3.82-1.12-4.86-.709-.608-1.678-.97-2.731-1.022-1.132-.065-2.308.224-3.4.829l-.057.032c-.375.21-.76.429-1.182.68l-.004.002a.6.6 0 0 1-.312.095.6.6 0 0 1-.325-.1c-.44-.258-.844-.488-1.239-.71-1.086-.602-2.252-.89-3.397-.828-1.056.053-2.023.417-2.729 1.022-1.22 1.036-1.619 2.762-1.117 4.857.4 1.672 1.12 3.412 2.14 5.174l.045.109.047.196.044.178q.056.233.105.416c.201.79.428 1.518.7 2.238.429 1.16.77 1.908 1.356 2.972l.047.078c.082.14.222.381.35.538a.8.8 0 0 0 .312.255l.112.003a.84.84 0 0 0 .31-.255 5 5 0 0 0 .359-.543v-.012l.053-.092c.053-.095.196-.47.334-.835 1.01-2.67 1.677-4.025 2.493-4.025.817 0 1.481 1.356 2.493 4.025.137.364.28.74.333.835l.053.104c.084.145.235.389.356.537a.8.8 0 0 0 .31.255l.113.003a.84.84 0 0 0 .31-.255c.11-.132.222-.318.305-.457l.052-.086.055-.095a19.6 19.6 0 0 0 1.345-2.95c.272-.717.502-1.448.7-2.232q.059-.217.125-.496l.021-.087z"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ c("path", {
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
             fill: o,
             d: "M16 3.25c1.195 0 2.415.363 3.33 1.333.911.966 1.42 2.426 1.42 4.417 0 4.988-1.072 8.683-2.823 10.99-.5.664-1.305.819-1.958.741-.66-.078-1.355-.406-1.796-.967-.483-.613-.934-1.646-1.375-2.998a2.5 2.5 0 0 0-.477-.787c-.203-.217-.322-.229-.321-.229h-.005c-.002 0-.117.011-.317.224a2.5 2.5 0 0 0-.475.785c-.442 1.355-.892 2.393-1.376 3.007-.44.559-1.134.887-1.793.965-.614.073-1.359-.06-1.863-.623l-.098-.118C4.322 17.683 3.25 13.987 3.25 9c0-1.996.506-3.457 1.417-4.422C5.583 3.608 6.804 3.25 8 3.25c.86 0 1.702.275 2.43.594.568.249 1.113.548 1.569.8a19 19 0 0 1 1.571-.801c.728-.32 1.568-.593 2.43-.593m0 1.5c-.561 0-1.18.182-1.827.466a11 11 0 0 0-.547.259l1.709.854a.75.75 0 0 1-.67 1.342l-3-1.5-.013-.008-.011-.005c-.56-.305-1.164-.656-1.814-.941C9.178 4.932 8.557 4.75 8 4.75c-.903 0-1.683.265-2.242.857C5.194 6.204 4.75 7.243 4.75 9c0 4.81 1.04 8.136 2.519 10.083.07.094.253.198.588.158.332-.04.637-.206.792-.404.31-.392.697-1.214 1.138-2.57l.012-.033c.175-.462.446-.927.786-1.289.324-.345.811-.697 1.415-.695.602 0 1.09.356 1.413.7.298.315.544.709.718 1.11l.07.173.012.035c.44 1.355.829 2.176 1.138 2.568.155.198.461.367.794.406.338.04.516-.065.584-.155l.002-.004C18.21 17.136 19.25 13.812 19.25 9c0-1.749-.445-2.788-1.01-3.388-.562-.595-1.343-.862-2.24-.862"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(c, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { g as default };
+export { q as default };