@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as o } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: a = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } 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: v, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), e = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: c } = v();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(v !== null && v !== void 0 ? v : m), { skinName: o } = s(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M21.846 11.999c0-.336-.263-.6-.6-.6v-.002H19.71c-.297-6.222-5.384-7.126-7.104-7.247v-1.4a.598.598 0 1 0-1.199 0v1.375c-1.453.048-6.957.656-7.238 7.272H2.762a.598.598 0 1 0 0 1.199h1.415c.378 6.37 5.714 7.056 7.232 7.12v1.521c0 .336.264.6.6.6a.6.6 0 0 0 .6-.6v-1.535c1.68-.104 6.75-.944 7.094-7.104h1.544c.336 0 .6-.271.6-.599m-4.398.003c0 .327.272.6.6.6v.002h.454c-.32 4.983-4.207 5.798-5.897 5.902v-.465a.598.598 0 1 0-1.199 0v.479c-1.599-.073-5.686-.767-6.03-5.919h.585a.6.6 0 0 0 .6-.6.594.594 0 0 0-.6-.599h-.594c.258-5.375 4.48-6.025 6.04-6.064v.616c0 .336.263.6.599.6a.6.6 0 0 0 .6-.6v-.6c1.722.13 5.632.992 5.904 6.048h-.462a.6.6 0 0 0-.6.6m-3.386-2.193c0 .703-.193 1.24-.569 1.599q-.551.52-1.56.521c-.672 0-1.193-.177-1.552-.521-.375-.361-.568-.896-.568-1.6 0-.694.193-1.232.568-1.59q.544-.528 1.552-.527 1.009 0 1.56.526c.378.359.569.897.569 1.592m1.647 6.117v-.711c0-.67-.216-1.247-.619-1.664-.431-.454-1.078-.687-1.863-.687h-2.59c-.782 0-1.432.233-1.864.687-.4.417-.607.991-.607 1.664v.711c0 .126.112.238.24.238h7.054a.246.246 0 0 0 .249-.238"
         })
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "m21.84 5.507-2.57 2.57a.55.55 0 0 1-.39.16h-2.338l-6.444 6.449a.55.55 0 0 1-.39.16.55.55 0 0 1-.39-.94l6.444-6.445v-2.34a.55.55 0 0 1 .16-.39l2.569-2.569a.54.54 0 0 1 .601-.117.55.55 0 0 1 .338.507v2.02h2.02c.22 0 .423.136.507.338a.54.54 0 0 1-.117.597m-4.425 8.784a7.7 7.7 0 0 0-1.32-4.307l-2.414 2.414c.273.573.433 1.217.433 1.893a4.41 4.41 0 0 1-4.406 4.407 4.41 4.41 0 0 1-4.406-4.407 4.41 4.41 0 0 1 4.406-4.406c.676 0 1.32.155 1.893.432l2.414-2.414a7.66 7.66 0 0 0-4.307-1.32C5.457 6.583 2 10.04 2 14.29S5.457 22 9.708 22c4.25 0 7.707-3.457 7.707-7.709M8.67 15.33a1.466 1.466 0 0 0 2.076.005l2.09-2.095a3.304 3.304 0 0 1-3.128 4.355 3.304 3.304 0 0 1-3.302-3.303 3.304 3.304 0 0 1 4.354-3.128l-2.09 2.09a1.47 1.47 0 0 0 0 2.076m10.21-9.658a.547.547 0 0 1-.549-.55v-1.24l-1.465 1.466v1.79h1.79L20.12 5.67z"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "m21.84 5.507-2.57 2.57a.55.55 0 0 1-.39.16h-2.338l-6.444 6.449a.55.55 0 0 1-.39.16.55.55 0 0 1-.39-.94l6.444-6.445v-2.34a.55.55 0 0 1 .16-.39l2.569-2.569a.54.54 0 0 1 .601-.117.55.55 0 0 1 .338.507v2.02h2.02c.22 0 .423.136.507.338a.54.54 0 0 1-.117.597m-4.425 8.784a7.7 7.7 0 0 0-1.32-4.307l-2.414 2.414c.273.573.433 1.217.433 1.893a4.41 4.41 0 0 1-4.406 4.407 4.41 4.41 0 0 1-4.406-4.407 4.41 4.41 0 0 1 4.406-4.406c.676 0 1.32.155 1.893.432l2.414-2.414a7.66 7.66 0 0 0-4.307-1.32C5.457 6.583 2 10.04 2 14.29S5.457 22 9.708 22c4.25 0 7.707-3.457 7.707-7.709M8.67 15.33a1.466 1.466 0 0 0 2.076.005l2.09-2.095a3.304 3.304 0 0 1-3.128 4.355 3.304 3.304 0 0 1-3.302-3.303 3.304 3.304 0 0 1 4.354-3.128l-2.09 2.09a1.47 1.47 0 0 0 0 2.076m10.21-9.658a.547.547 0 0 1-.549-.55v-1.24l-1.465 1.466v1.79h1.79L20.12 5.67z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M12 7.75a4.25 4.25 0 0 1 4.245 4.04l.005.21a4.25 4.25 0 0 1-4.04 4.245l-.21.005a4.25 4.25 0 0 1-4.245-4.04L7.75 12A4.25 4.25 0 0 1 12 7.75m0 2.5a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25m0 4A5.75 5.75 0 0 0 6.25 12l.007.285A5.75 5.75 0 0 0 12 17.75l.285-.007a5.75 5.75 0 0 0 5.458-5.458L17.75 12A5.75 5.75 0 0 0 12 6.25"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { B as default };

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

@@ -78,66 +78,73 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as a, jsxs as m } 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 H = (_param)=>{
+    var { color: s, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = v(), h = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? i.colors.neutralHighBrand : e === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const l = f(), v = l === "brand" || l === "media" ? n.colors.neutralHighBrand : l === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(s !== null && s !== void 0 ? s : v), { skinName: r } = d(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: h,
+            fill: t,
             d: "M21.845 12a.41.41 0 0 0-.41-.41H19.67c-.202-6.638-5.78-7.347-7.27-7.415v-1.62a.41.41 0 0 0-.408-.41.41.41 0 0 0-.41.41v1.61h-.05c-1.218.008-7.18.434-7.36 7.428H2.546a.408.408 0 0 0 0 .816h1.64c.29 6.809 6.185 7.266 7.39 7.28h.003v1.756a.41.41 0 1 0 .82 0v-1.761c1.438-.054 7.002-.699 7.262-7.275h1.776a.41.41 0 0 0 .409-.41m-3 .409c-.242 5.693-4.799 6.394-6.445 6.456v-.69a.41.41 0 0 0-.41-.41.41.41 0 0 0-.409.41v.698c-1.517-.022-6.313-.583-6.582-6.464h.813a.41.41 0 0 0 0-.819h-.821c.168-6.066 5.034-6.599 6.545-6.613h.045v.847c0 .228.182.41.41.41s.409-.182.409-.41v-.83c1.69.076 6.262.836 6.45 6.596h-.684a.41.41 0 0 0 0 .819zM10.9 8.719c.21-.202.555-.309 1.02-.309.466 0 .81.107 1.024.311.219.21.328.561.328 1.043 0 .48-.11.83-.328 1.04-.213.206-.558.31-1.026.31-.463 0-.808-.102-1.018-.306-.22-.21-.328-.561-.328-1.043q0-.725.328-1.047m-.57 2.678c.37.356.903.535 1.588.535.687 0 1.222-.18 1.592-.535.385-.373.58-.923.58-1.633 0-.709-.195-1.259-.58-1.632q-.56-.538-1.592-.538c-.685 0-1.217.182-1.588.538-.384.373-.577.923-.577 1.635 0 .713.193 1.26.577 1.63m4.627 4.044H8.89v-.152c0-.328.07-.796.395-1.136.36-.375.914-.454 1.316-.454h2.641c.401 0 .957.079 1.321.454.325.34.396.805.396 1.136zm.194-1.854c-.446-.463-1.105-.707-1.91-.707l-2.644-.003c-.802 0-1.461.244-1.904.707-.407.426-.623 1.015-.623 1.702v.724c0 .137.11.247.247.247h7.213c.137 0 .246-.11.246-.247v-.72c0-.688-.216-1.277-.625-1.703"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: h,
+            fill: t,
             d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.565 4.555-1.177 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.997-2.588 3.565-4.555a8.04 8.04 0 0 0-.38-5.513c-.166-.367-.582-.526-.931-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.5.5 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.875 9.383c0 1.62-1.253 2.935-2.796 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.123.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038a3 3 0 0 1 .484 1.648m4.021-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: h,
+            fill: t,
             d: "M21.42 5.232a.39.39 0 0 0 .081-.413.35.35 0 0 0-.325-.227H19.06V2.369a.37.37 0 0 0-.217-.341.34.34 0 0 0-.384.08l-2.47 2.593a.36.36 0 0 0-.103.26v2.441l-1.02 1.071c-1.364-1.308-3.12-2.028-4.976-2.028-4.086 0-7.409 3.488-7.409 7.777C2.48 18.512 5.803 22 9.889 22a7.13 7.13 0 0 0 3.906-1.166.38.38 0 0 0 .112-.512.343.343 0 0 0-.487-.118 6.44 6.44 0 0 1-3.531 1.057c-3.693 0-6.7-3.157-6.7-7.034s3.007-7.033 6.7-7.033c1.67 0 3.246.644 4.479 1.81l-1.874 1.967a3.9 3.9 0 0 0-2.605-1c-2.235 0-4.054 1.91-4.054 4.256s1.82 4.256 4.054 4.256 4.055-1.91 4.055-4.256a4.37 4.37 0 0 0-.953-2.735l3.39-3.559h2.326q.144-.001.248-.109zm-5.54 13.806c0 .407-.316.74-.704.74s-.704-.333-.704-.74c0-.408.316-.74.704-.74s.704.332.704.74m-5.743-4.55 2.353-2.47c.465.602.745 1.37.75 2.214 0 1.938-1.504 3.517-3.351 3.517s-3.35-1.579-3.35-3.517c0-1.939 1.503-3.517 3.35-3.517a3.25 3.25 0 0 1 2.104.782l-2.352 2.47a.376.376 0 0 0 0 .52.34.34 0 0 0 .248.11c.09 0 .18-.038.248-.11M20.323 5.34l-1.765 1.853h-1.969V5.127l1.766-1.853v2.067zm-4.52 5.583a.38.38 0 0 1 .145-.503.344.344 0 0 1 .479.157 8.1 8.1 0 0 1 .867 3.654c0 1.08-.208 2.128-.619 3.109a.35.35 0 0 1-.325.223.3.3 0 0 1-.14-.033.38.38 0 0 1-.18-.489 7.4 7.4 0 0 0 .555-2.815 7.3 7.3 0 0 0-.781-3.303"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: t,
                 d: "M12 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5"
             }),
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: t,
                 d: "M12 6.25a5.75 5.75 0 1 1-.001 11.499A5.75 5.75 0 0 1 12 6.25m0 1.5a4.25 4.25 0 1 0 0 8.499 4.25 4.25 0 0 0 0-8.499"
             }),
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: t,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { H as default };

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

@@ -78,66 +78,73 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as m } 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 L = (_param)=>{
+    var { color: v, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = v(), l = r !== null && r !== void 0 ? r : h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const l = f(), s = l === "brand" || l === "media" ? n.colors.neutralHighBrand : l === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(v !== null && v !== void 0 ? v : s), { skinName: r } = d(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: l,
+            fill: t,
             d: "M21.853 12.026a.6.6 0 0 0-.58-.625l-1.546.003c-.295-6.241-5.398-7.149-7.126-7.27V2.732a.6.6 0 0 0-.57-.568.6.6 0 0 0-.632.568v1.381c-1.46.042-6.983.656-7.26 7.289h-1.41a.602.602 0 0 0 0 1.204h1.423c.373 6.384 5.723 7.079 7.25 7.14v1.53a.6.6 0 0 0 .568.568.6.6 0 0 0 .633-.568v-1.538c1.69-.104 6.773-.955 7.118-7.132h1.552a.6.6 0 0 0 .58-.58m-3.331.58c-.322 5.005-4.227 5.817-5.919 5.926v-.465a.6.6 0 0 0-.568-.568.6.6 0 0 0-.633.569v.476c-1.603-.067-5.703-.765-6.05-5.936h.587a.602.602 0 0 0 0-1.204h-.596c.258-5.395 4.493-6.04 6.059-6.087v.625a.6.6 0 0 0 .568.568.6.6 0 0 0 .633-.568v-.603c1.731.126 5.65.995 5.925 6.062h-.462a.602.602 0 0 0 0 1.204zm-7.423-3.648c.202-.196.563-.238.832-.238s.636.042.838.238q.252.241.252.852c0 .403-.084.689-.25.849-.204.193-.568.235-.84.235-.269 0-.633-.042-.835-.235-.204-.197-.246-.569-.246-.85 0-.276.045-.652.25-.85m-.725 2.454c.36.347.885.524 1.557.524s1.199-.177 1.563-.524c.381-.364.572-.902.572-1.602 0-.698-.194-1.238-.572-1.602-.367-.35-.89-.53-1.563-.53-.67 0-1.196.18-1.557.53-.379.364-.569.902-.569 1.602s.19 1.238.569 1.602M9.2 15.14c.011-.269.081-.61.32-.857.296-.308.77-.372 1.117-.372h2.594c.347 0 .823.067 1.12.375.238.247.308.585.32.854zm5.902-1.58c-.437-.453-1.084-.691-1.874-.691l-2.594-.003c-.787 0-1.434.24-1.871.694-.398.418-.608.995-.608 1.673v.708c0 .132.107.241.241.241h7.078a.24.24 0 0 0 .241-.24v-.71c0-.677-.213-1.254-.613-1.671"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: l,
+            fill: t,
             d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.566 4.555-1.176 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.996-2.588 3.564-4.555a8.04 8.04 0 0 0-.38-5.513c-.165-.367-.581-.526-.93-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.5.5 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.876 9.383c0 1.62-1.252 2.935-2.795 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.122.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038c.305.47.483 1.037.483 1.648m4.022-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: l,
+            fill: t,
             d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.565 4.555-1.177 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.997-2.588 3.565-4.555a8.04 8.04 0 0 0-.38-5.513c-.166-.367-.582-.526-.931-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.5.5 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.875 9.383c0 1.62-1.253 2.935-2.796 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.123.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038a3 3 0 0 1 .484 1.648m4.021-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: t,
                 d: "M12 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5"
             }),
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: t,
                 d: "M12 6.25a5.75 5.75 0 1 1-.001 11.499A5.75 5.75 0 0 1 12 6.25m0 1.5a4.25 4.25 0 1 0 0 8.499 4.25 4.25 0 0 0 0-8.499"
             }),
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: t,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { L as default };

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

@@ -78,74 +78,81 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } 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, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as s } 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: d, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), l = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = f(), m = l === "brand" || l === "media" ? n.colors.neutralHighBrand : l === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: h } = g(d !== null && d !== void 0 ? d : m), { skinName: r } = s(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M11.375 6.113a.58.58 0 0 0 .383.547.4.4 0 0 0 .18.044h.002l.018-.003.005-.002.009.002q.008.003.016.003h.003c.341 0 .616-.26.619-.585l.014-2.546c.003-.325-.272-.589-.614-.591h-.002a.604.604 0 0 0-.62.585zM6.24 12.52c-.728 0-1.294-.18-1.686-.541-.41-.373-.614-.924-.614-1.644 0-.717.208-1.272.614-1.647.392-.362.96-.541 1.686-.541.728 0 1.294.182 1.69.54.408.376.615.93.615 1.648s-.207 1.268-.616 1.644c-.395.358-.963.54-1.689.54m2.602.473 2.535-3.25c.067-.083.207-.039.207.065v3.779a.2.2 0 0 1-.039.112l-1.165 1.454a.2.2 0 0 0-.042.117v1.9l.045 3.604c.003.138-.115.25-.258.25H5.708V17.15c0-.325-.277-.588-.62-.588-.341 0-.618.263-.618.588v3.874H2.464a.257.257 0 0 1-.263-.25L2.15 15.9c0-.694.226-1.288.658-1.714.47-.465 1.17-.711 2.022-.711h2.807c.271 0 .538-.017.773-.132.143-.067.431-.35.431-.35m12.997 2.913c0-.697-.226-1.291-.658-1.717-.47-.465-1.17-.712-2.025-.714h-2.804c-.272 0-.54-.02-.773-.132-.14-.067-.429-.35-.429-.35l-2.552-3.269c-.061-.078-.19-.036-.19.062v3.792a.22.22 0 0 0 .048.135l1.16 1.445a.18.18 0 0 1 .041.115v1.907l-.042 3.494a.36.36 0 0 0 .367.352h4.166c.061 0 .106-.044.106-.1V17.15c0-.325.277-.588.619-.588.339 0 .616.263.616.588v3.776c0 .056.048.1.107.1h1.933c.145 0 .26-.112.26-.246zm-5.773-3.924c-.409-.373-.619-.925-.619-1.645 0-.717.208-1.271.617-1.644q.594-.542 1.689-.543c.725 0 1.294.185 1.686.543.406.373.613.927.613 1.644 0 .718-.207 1.27-.613 1.645-.392.358-.958.54-1.686.54-.726-.002-1.294-.182-1.687-.54M9.31 7.292 8.15 6.176a.567.567 0 0 1 .006-.832.64.64 0 0 1 .874.003l1.16 1.117a.57.57 0 0 1-.003.832.64.64 0 0 1-.434.171l-.013-.003-.013-.002-.012.002-.013.003a.4.4 0 0 1-.176-.042.6.6 0 0 1-.216-.131m4.501.003a.6.6 0 0 0 .21.13.4.4 0 0 0 .174.044q.007 0 .013-.003l.012-.003q.007 0 .013.003t.013.003c.16 0 .319-.059.44-.176l1.159-1.118a.57.57 0 0 0-.006-.832.64.64 0 0 0-.873.006l-1.16 1.114a.57.57 0 0 0 .005.832"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M7.556 14.042c0-1.051.569-1.973 1.536-2.581-.356-.585-1-1.037-1.835-1.289A2.6 2.6 0 0 0 8.295 8.1c0-1.435-1.161-2.6-2.593-2.6a2.597 2.597 0 0 0-1.555 4.672C2.844 10.562 2 11.446 2 12.554v5.941h5.556zm12.297-3.87A2.6 2.6 0 0 0 20.89 8.1c0-1.435-1.162-2.6-2.593-2.6a2.597 2.597 0 0 0-1.555 4.672c-.834.252-1.48.704-1.835 1.288.967.609 1.536 1.531 1.536 2.581V18.5H22v-5.941c0-1.113-.844-1.997-2.147-2.387"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M14.595 9.583c0-1.435-1.161-2.6-2.593-2.6a2.6 2.6 0 0 0-2.593 2.6c0 .846.413 1.597 1.038 2.072-1.303.39-2.147 1.274-2.147 2.382v4.458h7.405v-4.458c0-1.108-.844-1.992-2.148-2.382a2.59 2.59 0 0 0 1.038-2.072"
             })
         ]
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M7.556 14.042c0-1.051.569-1.973 1.536-2.581-.356-.585-1-1.037-1.835-1.289A2.6 2.6 0 0 0 8.295 8.1c0-1.435-1.161-2.6-2.593-2.6a2.597 2.597 0 0 0-1.555 4.672C2.844 10.562 2 11.446 2 12.554v5.941h5.556zm12.297-3.87A2.6 2.6 0 0 0 20.89 8.1c0-1.435-1.162-2.6-2.593-2.6a2.597 2.597 0 0 0-1.555 4.672c-.834.252-1.48.704-1.835 1.288.967.609 1.536 1.531 1.536 2.581V18.5H22v-5.941c0-1.113-.844-1.997-2.147-2.387"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M14.595 9.583c0-1.435-1.161-2.6-2.593-2.6a2.6 2.6 0 0 0-2.593 2.6c0 .846.413 1.597 1.038 2.072-1.303.39-2.147 1.274-2.147 2.382v4.458h7.405v-4.458c0-1.108-.844-1.992-2.148-2.382a2.59 2.59 0 0 0 1.038-2.072"
             })
         ]
     })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M12 8.25a.75.75 0 0 1 .75.75c0 2.69 1.27 5.037 3.143 6.889.537-.269 1.232-.389 2.107-.389.906 0 1.62.13 2.164.418.565.3.905.75 1.096 1.29.184.519.23 1.119.239 1.738.007.593-.024 1.356-.024 2.054a.5.5 0 0 1-.5.5h-5.95a.5.5 0 0 1-.5-.5c-.001-.699-.032-1.46-.024-2.053.008-.62.054-1.22.238-1.739.037-.104.129-.301.129-.301s-.407-.385-.57-.549A10.4 10.4 0 0 1 12 12.873a10.4 10.4 0 0 1-2.298 3.485c-.148.148.014-.013-.518.583.081.28.029.133.076.267.184.519.23 1.119.239 1.738.007.593-.024 1.356-.024 2.054a.5.5 0 0 1-.5.5h-5.95a.5.5 0 0 1-.5-.5c-.001-.699-.032-1.46-.024-2.053.008-.62.054-1.22.238-1.739.192-.54.532-.99 1.097-1.29C4.38 15.629 5.093 15.5 6 15.5c.875 0 1.57.12 2.106.389C9.928 13.939 11.25 11.765 11.25 9a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M6 8.5a2.5 2.5 0 1 1-.001 5 2.5 2.5 0 0 1 0-5M18 8.5a2.5 2.5 0 1 1-.001 5 2.5 2.5 0 0 1 0-5M7.47 4.47a.75.75 0 0 1 1.06 0l1.06 1.06a.75.75 0 1 1-1.06 1.06L7.47 5.53a.75.75 0 0 1 0-1.06m8.06 0a.75.75 0 0 1 1.06 1.06l-1.06 1.06a.75.75 0 0 1-1.06-1.06zM12 2.25a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ v.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...v.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { x as default };

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

@@ -78,32 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as v } from "react/jsx-runtime";
-import { useTheme as r } from "../../hooks.js";
-import { useThemeVariant as o } from "../../theme-variant-context.js";
+import { jsx as c, jsxs as h } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: s, size: a = 24 } = _param, h = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: v, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = o(), l = s !== null && s !== void 0 ? s : e === "brand" || e === "media" ? i.colors.neutralHighBrand : e === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: t } = r();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const t = f(), m = t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: l, gradientDef: n } = g(v !== null && v !== void 0 ? v : m), { skinName: r } = d(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
             fill: l,
             d: "M11.53 5.976c-.003.221.181.4.408.404a.41.41 0 0 0 .415-.398l.014-2.602a.405.405 0 0 0-.409-.404h-.003a.406.406 0 0 0-.412.398zm-3.286-.078 1.16 1.143a.42.42 0 0 0 .582.002.397.397 0 0 0 .003-.568l-1.16-1.143a.42.42 0 0 0-.583-.003.395.395 0 0 0-.002.569m5.95 1.26a.4.4 0 0 1-.29-.117.395.395 0 0 1-.002-.569l1.16-1.14c.16-.16.42-.16.582-.003a.395.395 0 0 1 .003.569l-1.16 1.143a.42.42 0 0 1-.294.117m-9.432 2.933c0 .507.12.877.358 1.1.233.22.608.329 1.115.329s.885-.11 1.12-.33c.242-.222.362-.592.362-1.099s-.123-.88-.361-1.104c-.236-.218-.61-.333-1.118-.333-.507.003-.882.115-1.115.333q-.36.342-.361 1.104m1.476 2.233c-.728 0-1.294-.185-1.686-.552-.406-.381-.614-.944-.614-1.678s.208-1.3.614-1.684c.392-.367.958-.554 1.686-.554.726 0 1.294.187 1.69.554.408.384.615.95.615 1.684s-.207 1.297-.616 1.68c-.395.365-.963.55-1.689.55m14.776 3.462-.045 4.431h-1.652v-3.16c0-.22-.185-.4-.412-.4a.407.407 0 0 0-.412.4v3.163H14.44l.03-2.415h.009v-.722l.006-.485-.002-.108-.001-.1v-.117l-.003-.014-.003-.011V14.64c0-.221-.185-.4-.412-.4a.407.407 0 0 0-.411.4v.431l-1.247-1.593v-2.914l2.348 3.076s.156.227.31.328c.115.075.37.137.533.137h3.56c.434 0 1.036.084 1.428.482.28.286.429.7.429 1.199m-9.434-2.437h.005v.131l-1.246 1.594v-.431c0-.221-.185-.4-.412-.4a.407.407 0 0 0-.412.4v1.608l-.001.012-.001.013v.118l-.002.1-.001.104.005.482v.725h.009l.028 2.415h-4.05v-3.16c0-.221-.185-.4-.412-.4a.407.407 0 0 0-.412.4v3.16H3.022l-.044-4.434c0-.499.148-.913.428-1.2.392-.397.995-.481 1.429-.481h3.554c.16 0 .418-.062.533-.137.154-.101.31-.328.31-.328l2.348-3.076zm10.257 2.437c0-.712-.23-1.317-.66-1.754-.468-.476-1.169-.728-2.023-.728H16.35c-.272 0-.54-.02-.773-.135-.14-.07-.429-.358-.429-.358l-2.815-3.69V9.12l-.002-.006h-.004l-.002-.002-.003-.006a.4.4 0 0 0-.081-.076.5.5 0 0 0-.112-.058l-.011-.003A.4.4 0 0 0 12 8.95c-.045 0-.087 0-.115.008l-.012.005-.013.004a.5.5 0 0 0-.199.143l-.003.005-2.818 3.692s-.285.289-.428.359c-.233.114-.499.134-.773.134H4.832c-.852 0-1.552.252-2.022.728-.432.437-.659 1.042-.659 1.754l.048 4.98c0 .14.12.255.263.255h7.658c.143 0 .26-.115.26-.255l-.044-3.683v-.69l1.658-2.12 1.661 2.124v.691l-.044 3.681c0 .14.117.255.26.255h7.656c.145 0 .26-.115.26-.255zm-5.204-6.793c.235-.221.61-.333 1.115-.333.507 0 .882.112 1.115.33.24.224.361.597.361 1.104s-.12.877-.358 1.1q-.35.329-1.115.328-.767 0-1.12-.327c-.239-.222-.362-.594-.362-1.098q.001-.762.364-1.104m-1.188 1.1c0 .735.21 1.3.62 1.681.392.368.96.552 1.686.55.728 0 1.294-.185 1.686-.552.406-.381.613-.947.613-1.681s-.207-1.3-.613-1.68c-.392-.37-.96-.555-1.686-.555s-1.294.187-1.687.554c-.411.384-.619.95-.619 1.684"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: [
             /* @__PURE__ */ c("path", {
                 fill: l,
@@ -118,22 +119,22 @@ const p = (_param)=>{
                 d: "M20.34 9.93c.413-.52.66-1.194.66-1.929 0-1.648-1.247-2.99-2.779-2.99S15.442 6.352 15.442 8c0 .725.242 1.388.64 1.909a3 3 0 0 0-.407.24.83.83 0 0 0-.223 1.102.707.707 0 0 0 1.024.24c.436-.301 1.057-.464 1.75-.464 1.351 0 2.295.658 2.295 1.592v5.584c0 .439.331.796.74.796.407 0 .739-.357.739-.796v-5.589c0-1.169-.635-2.133-1.66-2.685m-2.119-3.327c.716 0 1.294.627 1.294 1.393s-.583 1.393-1.294 1.393-1.294-.627-1.294-1.393.583-1.393 1.294-1.393"
             })
         ]
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
             fill: l,
             d: "M20.91 15.528c0 .205.164.371.364.371s.363-.166.363-.37v-2.873c0-1.155-.754-2.059-1.95-2.463a2.62 2.62 0 0 0 1.042-2.092c0-1.436-1.14-2.601-2.546-2.601s-2.546 1.165-2.546 2.6a2.6 2.6 0 0 0 1.029 2.084c-.554.176-1.029.451-1.373.813a.374.374 0 0 0 .01.523.356.356 0 0 0 .511-.01c.48-.508 1.364-.813 2.365-.813 1.606 0 2.727.804 2.727 1.954v2.877zm-4.542-7.427c0-1.022.815-1.86 1.82-1.86 1 0 1.82.833 1.82 1.86s-.815 1.86-1.82 1.86c-1.005-.006-1.82-.838-1.82-1.86M6.97 10.188c.56.176 1.03.452 1.374.813a.37.37 0 0 1-.014.524.356.356 0 0 1-.512-.01c-.484-.509-1.364-.813-2.364-.813-1.606 0-2.728.803-2.728 1.954v5.473a.367.367 0 0 1-.363.371.367.367 0 0 1-.363-.37v-5.47c0-1.155.754-2.058 1.95-2.462a2.6 2.6 0 0 1-1.042-2.092c0-1.436 1.14-2.601 2.546-2.601S8 6.67 8 8.105a2.61 2.61 0 0 1-1.03 2.083M5.459 6.242c-1.005 0-1.82.837-1.82 1.859s.815 1.854 1.82 1.86c1.006 0 1.82-.833 1.82-1.86s-.82-1.86-1.82-1.86m7.889 5.421a2.62 2.62 0 0 0 1.019-2.073c0-1.436-1.14-2.6-2.546-2.6s-2.546 1.164-2.546 2.6c0 .847.4 1.598 1.02 2.073-1.28.39-2.11 1.275-2.11 2.383v4.084c0 .205.164.371.364.371s.363-.166.363-.37v-4.085c0-1.075 1.224-1.86 2.909-1.86s2.909.78 2.909 1.86v4.084c0 .205.163.371.363.371s.363-.166.363-.37v-4.085c0-1.113-.829-1.993-2.108-2.383M10 9.584c0-1.022.815-1.859 1.82-1.859 1 0 1.82.832 1.82 1.86 0 1.027-.815 1.859-1.82 1.859-1 0-1.82-.832-1.82-1.86M21.274 18.5a.734.734 0 0 0 .726-.742.734.734 0 0 0-.726-.741.734.734 0 0 0-.726.741c0 .41.325.742.726.742"
         })
-    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: [
             /* @__PURE__ */ c("path", {
                 fill: l,
@@ -145,5 +146,11 @@ const p = (_param)=>{
             })
         ]
     }));
+    return n ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { C as default };

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

@@ -78,17 +78,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as c, jsxs as o } from "react/jsx-runtime";
+import * as s 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 p } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: m, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), a = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: t } = s();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const t = f(), v = t === "brand" || t === "media" ? n.colors.neutralHighBrand : t === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: h } = p(m !== null && m !== void 0 ? m : v), { skinName: r } = d(), i = r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -98,7 +99,7 @@ const p = (_param)=>{
             fill: a,
             d: "M11.928 6.744a.605.605 0 0 1-.613-.6l.014-2.571a.606.606 0 0 1 .616-.591h.003a.605.605 0 0 1 .613.6l-.014 2.57a.606.606 0 0 1-.616.592zm-7.375 5.134c.392.361.958.546 1.683.546s1.292-.185 1.687-.546c.408-.378.616-.935.616-1.661s-.208-1.286-.616-1.664c-.393-.364-.961-.546-1.687-.546-.725 0-1.291.185-1.683.549-.406.378-.614.938-.614 1.664 0 .725.208 1.283.614 1.658m10.907-1.653c0 .726.208 1.283.617 1.659.392.361.957.546 1.686.549.728 0 1.294-.185 1.686-.547.403-.375.61-.932.61-1.658s-.204-1.286-.61-1.664q-.593-.55-1.686-.549c-.726 0-1.294.182-1.686.547-.41.378-.617.938-.617 1.663m1.233 0c0-.269.039-.624.235-.806.196-.18.56-.213.832-.213s.636.033.83.213c.192.182.235.537.235.806 0 .27-.04.622-.233.802-.19.176-.555.212-.83.212s-.64-.036-.834-.215c-.196-.177-.235-.532-.235-.799M5.407 9.41c.19-.179.558-.215.83-.215s.635.036.831.215c.193.182.235.54.235.807 0 .266-.042.619-.235.798-.196.18-.563.216-.835.216-.271 0-.638-.036-.829-.213-.19-.18-.232-.535-.232-.801 0-.269.042-.625.235-.807m2.686-3.2L9.25 7.337a.63.63 0 0 0 .874.006.584.584 0 0 0 .003-.843L8.97 5.37a.634.634 0 0 0-.871-.003.58.58 0 0 0-.006.84m6.087 1.305a.63.63 0 0 1-.434-.171.58.58 0 0 1-.006-.84l1.157-1.13a.635.635 0 0 1 .874-.005c.241.23.244.608.003.84l-1.157 1.13a.62.62 0 0 1-.437.176m6.426 8.336-.04 3.986h-1.038v-2.728a.606.606 0 0 0-.617-.594.605.605 0 0 0-.616.594v2.728H14.87l.042-3.857c0-.076-.014-.317-.064-.429a1.4 1.4 0 0 0-.196-.285l-.61-.77-1.41-1.785v-1.42l2 2.594s.224.305.308.397c.076.084.272.222.379.258.131.048.358.05.507.048q.103-.002.205 0h.209q.041-.003.083 0h2.838c.356 0 .84.059 1.132.353.26.26.314.638.314.91m-9.24-3.148-1.41 1.787-.61.77s-.143.162-.197.286c-.047.112-.064.353-.064.428l.017 1.255.025 2.605H5.701v-2.728a.606.606 0 0 0-.616-.594.606.606 0 0 0-.616.594v2.728h-1.04l-.039-3.986c0-.271.056-.65.314-.91.294-.294.776-.356 1.132-.356h2.932q.095.002.197 0h.207c.145.003.375 0 .507-.047a1.2 1.2 0 0 0 .378-.258c.084-.093.308-.398.308-.398l2-2.597zm10.475 3.15c0-.705-.227-1.305-.658-1.736-.47-.47-1.168-.72-2.022-.717H16.36a4 4 0 0 0-.537.04l-3.308-4.295-.009-.008a.1.1 0 0 0-.02-.02l-.01-.011a.6.6 0 0 0-.104-.098.1.1 0 0 0-.03-.016l-.018-.01-.035-.018q-.037-.022-.08-.037-.002-.003-.005-.002l-.006-.001c-.008 0-.011 0-.02-.003q0-.002-.002-.003h-.006a.6.6 0 0 0-.165-.025l-.02-.003a.7.7 0 0 0-.165.025q-.012 0-.023.003-.001.003-.005.002l-.006.001a.5.5 0 0 0-.103.05l-.009.006-.017.008-.033.017a.5.5 0 0 0-.104.098l-.011.01-.02.018-.005.009-.003.003-3.308 4.29a4 4 0 0 0-.538-.041H4.833c-.852 0-1.55.25-2.02.72-.431.434-.658 1.033-.658 1.736l.05 4.928c0 .137.115.249.26.249h7.645c.146 0 .264-.11.264-.25l-.05-4.784 1.671-2.117 1.678 2.123-.047 4.784c0 .137.117.25.26.25h7.644c.143 0 .26-.113.26-.25z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -118,7 +119,7 @@ const p = (_param)=>{
                 d: "M20.34 9.93c.413-.52.66-1.194.66-1.929 0-1.648-1.247-2.99-2.779-2.99S15.442 6.352 15.442 8c0 .725.242 1.388.64 1.909a3 3 0 0 0-.407.24.83.83 0 0 0-.223 1.102.707.707 0 0 0 1.024.24c.436-.301 1.057-.464 1.75-.464 1.351 0 2.295.658 2.295 1.592v5.584c0 .439.331.796.74.796.407 0 .739-.357.739-.796v-5.589c0-1.169-.635-2.133-1.66-2.685m-2.119-3.327c.716 0 1.294.627 1.294 1.393s-.583 1.393-1.294 1.393-1.294-.627-1.294-1.393.583-1.393 1.294-1.393"
             })
         ]
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -138,7 +139,7 @@ const p = (_param)=>{
                 d: "M20.34 9.93c.413-.52.66-1.194.66-1.929 0-1.648-1.247-2.99-2.779-2.99S15.442 6.352 15.442 8c0 .725.242 1.388.64 1.909a3 3 0 0 0-.407.24.83.83 0 0 0-.223 1.102.707.707 0 0 0 1.024.24c.436-.301 1.057-.464 1.75-.464 1.351 0 2.295.658 2.295 1.592v5.584c0 .439.331.796.74.796.407 0 .739-.357.739-.796v-5.589c0-1.169-.635-2.133-1.66-2.685m-2.119-3.327c.716 0 1.294.627 1.294 1.393s-.583 1.393-1.294 1.393-1.294-.627-1.294-1.393.583-1.393 1.294-1.393"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -155,5 +156,11 @@ const p = (_param)=>{
             })
         ]
     }));
+    return h ? /*#__PURE__*/ s.cloneElement(i, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...s.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { C as default };