@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as v } 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 V = (_param)=>{
+    var { color: c, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), h = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: n } = c();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), s = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: h } = g(c !== null && c !== void 0 ? c : s), { skinName: m } = v(), n = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ a("path", {
-            fill: h,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M21.841 9.689c-.02-.984-.812-1.782-1.764-1.782h-.84v.003h-.679c-.204-.941-1.028-1.65-2.01-1.65H7.471c-3.429.11-5.317 2.146-5.317 5.734 0 3.582 1.888 5.625 5.336 5.75h9.07c.997 0 1.832-.73 2.02-1.694h1.51c.966 0 1.75-.807 1.75-1.796zm-5.28 6.829h-9.05c-2.754-.098-4.149-1.62-4.149-4.521 0-2.902 1.395-4.42 4.13-4.507h9.055c.47 0 .852.395.852.88v7.07h.014v.198c0 .485-.381.88-.852.88m4.073-6.813v4.552a.56.56 0 0 1-.543.569h-1.482V9.139h1.515a.58.58 0 0 1 .51.566m-13.202 2.4c0-.632-.361-.926-.918-.926-.555 0-.92.294-.92.927 0 .305.085.53.233.683.16.166.398.247.687.247.288 0 .523-.081.686-.247.148-.154.232-.378.232-.683"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: o,
                 d: "M7 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: o,
                 d: "M16 6.25a.75.75 0 0 1 .75.75v1.25H21a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75h-4.25V17a.75.75 0 0 1-.75.75H8a5.75 5.75 0 0 1 0-11.5zm-8 1.5a4.25 4.25 0 0 0 0 8.5h7.25v-8.5zm8.75 6.5h3.5v-4.5h-3.5z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { V as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as r } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as c } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: m, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), l = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: h } = r();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = d(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: i } = f(m !== null && m !== void 0 ? m : s), { skinName: o } = v(), l = o.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M11.995 6.58c-.697 0-1.24-.184-1.616-.545q-.587-.57-.588-1.664c0-.729.196-1.289.588-1.667.376-.364.922-.549 1.616-.549.698 0 1.244.185 1.622.55.392.377.591.937.591 1.666 0 .725-.199 1.285-.59 1.664-.379.364-.925.546-1.623.546m-3.67 4.415a.253.253 0 0 1-.251-.252v-.736c0-.704.218-1.303.633-1.737.45-.47 1.123-.72 1.941-.72h2.695c.82 0 1.493.25 1.944.72.414.434.635 1.033.635 1.737v.736a.253.253 0 0 1-.252.252zM4.46 16.881c.376.36.92.546 1.617.546s1.243-.182 1.621-.55c.395-.377.594-.938.594-1.663 0-.729-.199-1.289-.59-1.667-.379-.364-.925-.549-1.623-.549-.697 0-1.243.188-1.619.552q-.588.572-.588 1.667 0 1.094.588 1.664m2.964 1.515c.818 0 1.49.25 1.944.72.417.434.636 1.033.636 1.736v.737c0 .14-.112.252-.252.252H2.407a.25.25 0 0 1-.252-.252v-.736c0-.704.219-1.306.633-1.737.451-.47 1.123-.723 1.941-.723h2.695zm8.28-3.185c0 .728.199 1.286.591 1.664.375.361.913.546 1.613.546s1.244-.182 1.622-.546c.392-.378.594-.938.594-1.664s-.199-1.289-.59-1.667c-.379-.364-.925-.549-1.623-.549-.697 0-1.243.185-1.619.55-.39.377-.588.938-.588 1.666m5.501 3.9c.418.433.636 1.033.636 1.736v.737a.253.253 0 0 1-.252.252h-7.347a.253.253 0 0 1-.252-.252v-.737c0-.703.218-1.306.633-1.737.45-.47 1.123-.72 1.941-.72h2.692c.823 0 1.496.25 1.95.72m-7.408-2.41a.62.62 0 0 0 .857-.207.62.62 0 0 0-.21-.86L12.6 14.505v-2.143a.625.625 0 0 0-1.249 0v2.143l-1.843 1.129a.627.627 0 0 0 .328 1.16.6.6 0 0 0 .325-.093l1.818-1.112z"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M17.13 12.716c-.172 0-.378 0-.546.036l-1.5-2.747c.855-.856 1.363-2.035 1.363-3.359C16.447 4.071 14.47 2 12.017 2 9.563 2 7.583 4.071 7.583 6.642c0 1.324.546 2.5 1.362 3.359l-1.534 2.75c-.137-.035-.34-.035-.51-.035-2.454 0-4.43 2.07-4.43 4.642C2.47 19.928 4.442 22 6.895 22c2.217 0 4.056-1.715 4.362-3.93h1.469c.34 2.215 2.148 3.93 4.36 3.93 2.454 0 4.43-2.071 4.43-4.642s-1.934-4.642-4.387-4.642m-5.113-9.289c1.706 0 3.068 1.428 3.068 3.215 0 .716-.24 1.396-.615 1.927a2.1 2.1 0 0 0-.988-1.071c.271-.324.408-.752.408-1.216 0-1.071-.854-1.967-1.877-1.967-1.022 0-1.877.896-1.877 1.967 0 .464.172.896.408 1.252-.477.252-.816.608-.988 1.071a3.6 3.6 0 0 1-.614-1.967c.003-1.78 1.365-3.21 3.075-3.21m-.004 7.861c.68 0 1.362-.18 1.942-.463l1.294 2.359c-1.294.643-2.251 1.927-2.488 3.466h-1.465c-.24-1.535-1.194-2.823-2.488-3.466l1.263-2.36c.58.284 1.263.464 1.942.464m-2.66 8.001a2.1 2.1 0 0 0-.988-1.072c.271-.323.409-.751.409-1.215 0-1.072-.855-1.967-1.878-1.967s-1.873.895-1.873 1.967c0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.6 3.6 0 0 1-.614-1.963c0-1.787 1.362-3.215 3.067-3.215s3.068 1.428 3.068 3.215a3.35 3.35 0 0 1-.61 1.927m9.242-1.072c.271-.323.408-.751.408-1.215 0-1.072-.854-1.967-1.877-1.967s-1.877.895-1.877 1.967c0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.6 3.6 0 0 1-.614-1.967c0-1.787 1.362-3.215 3.067-3.215s3.068 1.428 3.068 3.215a3.37 3.37 0 0 1-.607 1.931 2.1 2.1 0 0 0-.988-1.072"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M17.13 12.716c-.172 0-.378 0-.546.036l-1.5-2.747c.855-.856 1.363-2.035 1.363-3.359C16.447 4.071 14.47 2 12.017 2 9.563 2 7.583 4.071 7.583 6.642c0 1.324.546 2.5 1.362 3.359l-1.534 2.75c-.137-.035-.34-.035-.51-.035-2.454 0-4.43 2.07-4.43 4.642C2.47 19.928 4.442 22 6.895 22c2.217 0 4.056-1.715 4.362-3.93h1.469c.34 2.215 2.148 3.93 4.36 3.93 2.454 0 4.43-2.071 4.43-4.642s-1.934-4.642-4.387-4.642m-5.113-9.289c1.706 0 3.068 1.428 3.068 3.215 0 .716-.24 1.396-.615 1.927a2.1 2.1 0 0 0-.988-1.071c.271-.324.408-.752.408-1.216 0-1.071-.854-1.967-1.877-1.967-1.022 0-1.877.896-1.877 1.967 0 .464.172.896.408 1.252-.477.252-.816.608-.988 1.071a3.6 3.6 0 0 1-.614-1.967c.003-1.78 1.365-3.21 3.075-3.21m-.004 7.861c.68 0 1.362-.18 1.942-.463l1.294 2.359c-1.294.643-2.251 1.927-2.488 3.466h-1.465c-.24-1.535-1.194-2.823-2.488-3.466l1.263-2.36c.58.284 1.263.464 1.942.464m-2.66 8.001a2.1 2.1 0 0 0-.988-1.072c.271-.323.409-.751.409-1.215 0-1.072-.855-1.967-1.878-1.967s-1.873.895-1.873 1.967c0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.6 3.6 0 0 1-.614-1.963c0-1.787 1.362-3.215 3.067-3.215s3.068 1.428 3.068 3.215a3.35 3.35 0 0 1-.61 1.927m9.242-1.072c.271-.323.408-.751.408-1.215 0-1.072-.854-1.967-1.877-1.967s-1.877.895-1.877 1.967c0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.6 3.6 0 0 1-.614-1.967c0-1.787 1.362-3.215 3.067-3.215s3.068 1.428 3.068 3.215a3.37 3.37 0 0 1-.607 1.931 2.1 2.1 0 0 0-.988-1.072"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M14 17.5c.66 0 1.298.26 1.764.736l.167.184c.367.445.569.998.569 1.58v1a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5v-1c0-.662.262-1.302.741-1.769A2.48 2.48 0 0 1 10 17.5zm-1.99-6.98c.3 0 .6.06.88.16.32.12.63.3.88.55h.01a2.5 2.5 0 0 1 .68 2.27c-.09.48-.33.92-.68 1.27-.48.47-1.1.73-1.77.73a2.49 2.49 0 0 1-2.5-2.5c0-.67.26-1.3.73-1.77.26-.25.56-.43.89-.55.28-.1.58-.16.88-.16M9 9.5c.453 0 .51.326.17.67C8.42 10.93 8 11.93 8 13q0 .112.014.22a.248.248 0 0 1-.245.28H3c-.28 0-.5-.22-.5-.5v-1c0-.67.26-1.3.73-1.77S4.33 9.5 5 9.5zm10 0a2.49 2.49 0 0 1 2.5 2.5v1c0 .28-.22.5-.5.5h-4.769a.248.248 0 0 1-.245-.28Q16 13.113 16 13c0-1.07-.41-2.07-1.17-2.83-.32-.32-.33-.67.17-.67zm-12-7c.663 0 1.288.263 1.759.731a2.48 2.48 0 0 1 .009 3.526v.002a2.483 2.483 0 0 1-3.532.005 2.483 2.483 0 0 1 0-3.527A2.47 2.47 0 0 1 7 2.5m10 0c.663 0 1.288.263 1.759.731a2.48 2.48 0 0 1 .009 3.526v.002a2.483 2.483 0 0 1-3.532.005 2.483 2.483 0 0 1 0-3.527A2.47 2.47 0 0 1 17 2.5"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(l, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { p as default };
+export { H as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as v } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as r } from "../../theme-variant-context.js";
+import { jsx as a, jsxs as s } 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 l } from "../../skins/skin-contract.css-mistica.js";
-const A = (_param)=>{
-    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: h, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = r(), m = i !== null && i !== void 0 ? i : h === "brand" || h === "media" ? l.colors.neutralHighBrand : h === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: t } = o();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), v = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: e, gradientDef: n } = g(h !== null && h !== void 0 ? h : v), { skinName: m } = d(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: m,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M11.992 6.577c-.698 0-1.241-.185-1.617-.546-.392-.378-.59-.936-.59-1.664s.198-1.289.59-1.667c.376-.364.92-.549 1.617-.549s1.243.185 1.621.55c.393.377.591.94.591 1.666 0 .725-.198 1.286-.59 1.664-.379.361-.925.546-1.622.546M10.952 3.3c-.224.215-.336.574-.336 1.067q0 .74.334 1.064.325.313 1.042.314.716-.001 1.044-.314c.225-.213.337-.571.337-1.061 0-.493-.115-.852-.34-1.067-.218-.21-.568-.317-1.041-.317-.474 0-.824.106-1.04.314m-2.047 6.857h6.182v-.154c0-.336-.07-.813-.403-1.16-.37-.386-.936-.465-1.342-.465h-2.695c-.409 0-.972.081-1.342.465-.333.345-.4.824-.4 1.16zm-.583.835a.253.253 0 0 1-.252-.253v-.736c0-.703.219-1.306.633-1.737.451-.47 1.123-.72 1.941-.72h2.695c.818 0 1.49.25 1.944.72.415.434.636 1.034.636 1.737v.736c0 .138-.112.25-.25.253zM4.7 15.212q0 .742.334 1.065.325.313 1.042.314.716 0 1.042-.314.336-.324.336-1.061c0-.49-.112-.85-.336-1.065q-.33-.316-1.042-.316-.718-.002-1.042.31c-.222.216-.334.575-.334 1.068m1.373 2.211c-.698 0-1.241-.185-1.62-.546-.391-.378-.587-.936-.587-1.664 0-.726.198-1.286.588-1.664.375-.364.921-.549 1.619-.549.697 0 1.244.185 1.619.549.392.378.59.941.59 1.667 0 .725-.198 1.285-.59 1.664-.375.358-.919.543-1.62.543m3.095 3.426c0-.336-.07-.813-.403-1.157-.37-.384-.936-.465-1.345-.465H4.728c-.409 0-.975.081-1.339.465-.333.347-.4.82-.4 1.16v.154c-.003-.003 6.179-.003 6.179-.003zM7.42 18.392c.82 0 1.493.25 1.944.72.417.434.636 1.036.636 1.737v.736c0 .14-.112.252-.252.252H2.403a.25.25 0 0 1-.252-.252v-.736c0-.703.219-1.303.633-1.737.451-.47 1.124-.723 1.941-.723zm9.118-3.185q0 .741.333 1.062c.216.207.566.314 1.04.314q.715-.002 1.044-.314.336-.325.336-1.062 0-.74-.336-1.067-.328-.312-1.045-.314c-.473 0-.823.107-1.039.314q-.332.326-.333 1.067m-.247 1.664q-.588-.569-.588-1.664c0-.728.196-1.288.588-1.666.376-.364.922-.55 1.616-.55.698 0 1.244.186 1.622.55.395.378.591.938.591 1.666 0 .726-.198 1.286-.59 1.664q-.57.544-1.623.546c-.694 0-1.24-.184-1.616-.546m4.715 3.972c0-.336-.07-.812-.404-1.157-.37-.384-.935-.465-1.344-.465h-2.692c-.41 0-.972.081-1.34.465-.333.348-.4.821-.4 1.16V21h6.18zm.193-1.737c.417.435.638 1.034.638 1.737v.737a.25.25 0 0 1-.252.252h-7.344a.25.25 0 0 1-.252-.252v-.737c0-.703.218-1.305.633-1.737.45-.47 1.123-.72 1.941-.72h2.695c.818 0 1.49.25 1.94.72m-7.297-2.585a.418.418 0 0 0 .437-.712l-1.941-1.187v-2.258a.418.418 0 0 0-.835 0v2.258l-1.944 1.19a.414.414 0 0 0-.137.572.414.414 0 0 0 .571.137l1.925-1.177z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : m.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: m,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M16.799 12.748c.188-.024.372-.04.568-.04 2.56 0 4.633 2.09 4.633 4.65A4.645 4.645 0 0 1 17.36 22c-2.317 0-4.238-1.709-4.586-3.93h-1.548C10.878 20.291 8.957 22 6.64 22A4.64 4.64 0 0 1 2 17.358c0-2.569 2.08-4.65 4.645-4.662.196 0 .38.016.568.04l1.588-2.753a4.63 4.63 0 0 1-1.44-3.353A4.63 4.63 0 0 1 12.01 2c2.56 0 4.64 2.08 4.64 4.642a4.62 4.62 0 0 1-1.44 3.353zm-6.413-3.457v.12a3.26 3.26 0 0 0 1.62.436c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044m2.512-3.017a.89.89 0 0 0-.892-.893.89.89 0 0 0-.892.893c0 .496.396.9.892.892a.89.89 0 0 0 .892-.892m2.325.356a3.22 3.22 0 0 0-3.217-3.217A3.237 3.237 0 0 0 8.781 6.63c0 .728.252 1.4.664 1.945.185-.453.545-.817 1.029-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.085.884-1.969 1.968-1.969s1.968.884 1.968 1.969c0 .472-.16.892-.436 1.232.484.244.848.608 1.037 1.053a3.2 3.2 0 0 0 .648-1.93m-1.197 4.182a4.64 4.64 0 0 1-2.024.468 4.6 4.6 0 0 1-2.024-.468L8.613 13.16a4.66 4.66 0 0 1 2.609 3.485h1.548a4.66 4.66 0 0 1 2.609-3.485zm-9.005 9.195v.12a3.1 3.1 0 0 0 1.62.436c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044m2.512-3.005a.89.89 0 0 0-.892-.892.89.89 0 0 0-.892.892c0 .484.396.892.892.892a.89.89 0 0 0 .892-.892m.64 1.233c.484.244.848.608 1.036 1.052a3.23 3.23 0 0 0 .649-1.929 3.22 3.22 0 0 0-6.441 0c0 .728.251 1.4.663 1.945.184-.452.545-.816 1.029-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.084.884-1.969 1.968-1.969s1.968.885 1.968 1.969c0 .472-.16.892-.436 1.233m9.186 2.328c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044v.12a3.1 3.1 0 0 0 1.62.436m0-4.453a.89.89 0 0 0-.892.892c0 .484.404.888.892.892a.89.89 0 0 0 .892-.892.89.89 0 0 0-.892-.892m1.976.892c0 .472-.16.892-.436 1.233.485.244.848.608 1.037 1.052a3.17 3.17 0 0 0 .64-1.929 3.217 3.217 0 1 0-6.434 0c0 .728.253 1.4.665 1.945.184-.452.544-.816 1.028-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.084.884-1.969 1.968-1.969s1.968.885 1.968 1.969"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : m.match(/^o2/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: m,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M21.176 14.98a.37.37 0 0 0-.52-.088.37.37 0 0 0-.087.52 3.71 3.71 0 0 1-.404 4.76c-.056-.736-.568-1.336-1.352-1.644.356-.34.576-.808.576-1.336 0-1.02-.836-1.856-1.855-1.856s-1.855.836-1.855 1.856c0 .528.227 1.004.583 1.344-.775.308-1.28.916-1.327 1.66a3.7 3.7 0 0 1-1.1-2.632c0-2.04 1.66-3.7 3.699-3.7.204 0 .372-.16.372-.372a.364.364 0 0 0-.372-.372c-.268 0-.536.024-.792.072l-.009-.028q-.001-.013-.007-.028l-1.895-3.28A4.445 4.445 0 0 0 11.98 2C9.545 2 7.554 3.992 7.554 6.444c0 1.368.624 2.592 1.595 3.408l-1.895 3.28q-.007.013-.009.028l-.007.028A4.436 4.436 0 0 0 2 17.556 4.444 4.444 0 0 0 6.446 22a4.45 4.45 0 0 0 4.427-4.072h2.259A4.44 4.44 0 0 0 17.558 22 4.446 4.446 0 0 0 22 17.556a4.5 4.5 0 0 0-.824-2.576M10.888 6.072a1.11 1.11 0 0 1 1.108-1.108c.608 0 1.108.504 1.108 1.108a1.11 1.11 0 0 1-1.108 1.108 1.103 1.103 0 0 1-1.108-1.108m1.108 4.084c-.68 0-1.32-.188-1.863-.512V9.2c0-.736.783-1.272 1.863-1.272 1.092 0 1.887.536 1.887 1.272v.428c-.551.332-1.2.528-1.887.528M8.297 6.444c0-2.04 1.66-3.7 3.699-3.7a3.703 3.703 0 0 1 2.615 6.316c-.056-.736-.568-1.336-1.352-1.644.356-.34.576-.808.576-1.336 0-1.02-.835-1.856-1.855-1.856s-1.855.836-1.855 1.856c0 .528.228 1.004.584 1.344-.76.3-1.264.908-1.312 1.652a3.7 3.7 0 0 1-1.1-2.632M12 10.892a4.43 4.43 0 0 0 2.243-.616l1.795 3.108a4.45 4.45 0 0 0-2.906 3.796h-2.26a4.42 4.42 0 0 0-2.906-3.796l1.79-3.108a4.4 4.4 0 0 0 2.244.616m-7.425 9.86v-.444c0-.736.784-1.272 1.863-1.272 1.092 0 1.887.536 1.887 1.272v.428a3.66 3.66 0 0 1-1.887.528 3.76 3.76 0 0 1-1.863-.512m1.867-4.676c.604 0 1.108.504 1.108 1.108s-.504 1.108-1.108 1.108a1.113 1.113 0 0 1-1.107-1.108 1.11 1.11 0 0 1 1.107-1.108m2.627 4.096c-.056-.736-.568-1.336-1.351-1.644.356-.34.575-.808.575-1.336 0-1.02-.835-1.856-1.855-1.856a1.846 1.846 0 0 0-1.263 3.192c-.776.308-1.28.916-1.328 1.66a3.7 3.7 0 0 1-1.1-2.632c0-2.04 1.66-3.7 3.7-3.7a3.704 3.704 0 0 1 2.622 6.316m8.48-4.096c.605 0 1.108.504 1.108 1.108s-.503 1.108-1.107 1.108a1.113 1.113 0 0 1-1.108-1.108 1.11 1.11 0 0 1 1.108-1.108m-1.858 4.676v-.444c0-.736.783-1.272 1.863-1.272 1.091 0 1.887.536 1.887 1.272v.428a3.66 3.66 0 0 1-1.887.528 3.7 3.7 0 0 1-1.863-.512"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: m,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M19.405 14.592a.736.736 0 1 0 0-1.472.736.736 0 0 0 0 1.472"
             })
         ]
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: m,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M14 17.25A2.75 2.75 0 0 1 16.75 20v1a.75.75 0 0 1-.75.75H8a.75.75 0 0 1-.75-.75v-1A2.75 2.75 0 0 1 10 17.25zm-4 1.5A1.25 1.25 0 0 0 8.75 20v.25h6.5V20A1.25 1.25 0 0 0 14 18.75zm2-8.5a2.75 2.75 0 1 1 0 5.499 2.75 2.75 0 0 1 0-5.499m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-5-2.5a.75.75 0 0 1 0 1.5H5A1.25 1.25 0 0 0 3.75 12v.25H7a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75v-1A2.75 2.75 0 0 1 5 9.25zm12 0A2.75 2.75 0 0 1 21.75 12v1a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h3.25V12A1.25 1.25 0 0 0 19 10.75h-2a.75.75 0 0 1 0-1.5zm-12-7a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m10-1.5a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { A as default };
+export { H as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const A = (_param)=>{
-    var { color: o, size: a = 24 } = _param, m = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), e = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = v();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const m = d(), v = m === "brand" || m === "media" ? n.colors.neutralHighBrand : m === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: i } = f(h !== null && h !== void 0 ? h : v), { skinName: r } = s(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M11.995 6.58c-.697 0-1.24-.181-1.616-.545q-.588-.57-.588-1.664c0-.726.196-1.289.588-1.664.373-.367.919-.552 1.616-.552s1.244.185 1.622.55c.392.377.591.94.591 1.666 0 .725-.199 1.285-.59 1.664-.379.364-.925.546-1.623.546m-.75-2.977c-.171.165-.208.51-.208.768 0 .21.026.588.208.762.176.17.546.196.75.196.205 0 .577-.026.757-.2.17-.164.207-.503.207-.758 0-.258-.037-.6-.21-.768-.171-.165-.504-.199-.757-.199-.201.003-.568.028-.747.2m-1.902 6.14h5.313c-.03-.21-.103-.434-.269-.605-.266-.28-.714-.336-1.044-.336H10.65c-.33 0-.776.056-1.042.333a1.1 1.1 0 0 0-.266.608m-1.02 1.252a.25.25 0 0 1-.25-.252v-.736c0-.704.22-1.306.634-1.737.45-.474 1.123-.72 1.941-.72h2.692c.82 0 1.49.25 1.944.72.417.431.638 1.033.638 1.737v.736a.25.25 0 0 1-.249.252zM5.12 15.22c0 .258.036.597.207.762.176.171.546.196.75.196.205 0 .578-.025.757-.198.17-.166.207-.505.207-.76 0-.257-.036-.599-.21-.767-.17-.165-.504-.199-.753-.199-.205 0-.572.025-.751.199-.171.165-.207.51-.207.767m.958 2.208c-.698 0-1.241-.185-1.617-.546-.392-.376-.588-.936-.588-1.664 0-.726.196-1.289.588-1.667.378-.364.922-.55 1.62-.55.697 0 1.243.186 1.621.55.392.38.591.941.591 1.667 0 .725-.199 1.285-.594 1.664-.378.364-.924.546-1.621.546m2.658 3.162a1.1 1.1 0 0 0-.27-.608c-.268-.28-.716-.336-1.044-.336H4.73c-.327 0-.773.059-1.039.336-.165.171-.238.398-.269.608zm-1.311-2.193c.818 0 1.49.25 1.944.72.417.434.636 1.036.636 1.74v.733a.25.25 0 0 1-.25.252H2.407a.253.253 0 0 1-.252-.252v-.736c0-.704.219-1.306.63-1.737.451-.47 1.124-.723 1.941-.723zm9.535-3.185c0 .21.025.588.207.762.177.17.546.196.75.196.205 0 .578-.025.757-.199.171-.165.208-.504.208-.759 0-.258-.037-.6-.21-.768-.171-.165-.505-.198-.754-.198-.207.002-.574.028-.75.199-.172.168-.208.51-.208.767m-.664 1.664c-.392-.378-.588-.936-.588-1.664s.196-1.289.588-1.664c.375-.367.922-.552 1.62-.552.697 0 1.243.185 1.621.55.392.377.591.94.591 1.666s-.199 1.286-.594 1.664c-.375.364-.921.546-1.619.546-.697 0-1.24-.185-1.619-.546m4.28 3.709a1.1 1.1 0 0 0-.269-.608c-.269-.28-.717-.336-1.045-.336h-2.694c-.328 0-.773.058-1.04.336-.165.17-.237.398-.266.608zm.63-1.474c.418.434.636 1.037.636 1.737v.737a.25.25 0 0 1-.249.252h-7.35a.25.25 0 0 1-.25-.252v-.737c0-.703.219-1.303.63-1.737.452-.47 1.124-.72 1.942-.72h2.695c.823 0 1.493.25 1.946.72m-7.411-2.409a.626.626 0 1 0 .65-1.067l-1.845-1.13v-2.14a.625.625 0 0 0-1.249 0v2.14l-1.843 1.129a.627.627 0 0 0-.205.863c.18.291.563.384.858.204l1.818-1.112z"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M16.799 12.748c.188-.024.372-.04.568-.04 2.56 0 4.633 2.09 4.633 4.65A4.645 4.645 0 0 1 17.36 22c-2.317 0-4.238-1.709-4.586-3.93h-1.548C10.878 20.291 8.957 22 6.64 22A4.64 4.64 0 0 1 2 17.358c0-2.569 2.08-4.65 4.645-4.662.196 0 .38.016.568.04l1.588-2.753a4.63 4.63 0 0 1-1.44-3.353A4.63 4.63 0 0 1 12.01 2c2.56 0 4.64 2.08 4.64 4.642a4.62 4.62 0 0 1-1.44 3.353zm-6.413-3.457v.12a3.26 3.26 0 0 0 1.62.436c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044m2.512-3.017a.89.89 0 0 0-.892-.893.89.89 0 0 0-.892.893c0 .496.396.9.892.892a.89.89 0 0 0 .892-.892m2.325.356a3.22 3.22 0 0 0-3.217-3.217A3.237 3.237 0 0 0 8.781 6.63c0 .728.252 1.4.664 1.945.185-.453.545-.817 1.029-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.085.884-1.969 1.968-1.969s1.968.884 1.968 1.969c0 .472-.16.892-.436 1.232.484.244.848.608 1.037 1.053a3.2 3.2 0 0 0 .648-1.93m-1.197 4.182a4.64 4.64 0 0 1-2.024.468 4.6 4.6 0 0 1-2.024-.468L8.613 13.16a4.66 4.66 0 0 1 2.609 3.485h1.548a4.66 4.66 0 0 1 2.609-3.485zm-9.005 9.195v.12a3.1 3.1 0 0 0 1.62.436c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044m2.512-3.005a.89.89 0 0 0-.892-.892.89.89 0 0 0-.892.892c0 .484.396.892.892.892a.89.89 0 0 0 .892-.892m.64 1.233c.484.244.848.608 1.036 1.052a3.23 3.23 0 0 0 .649-1.929 3.22 3.22 0 0 0-6.441 0c0 .728.251 1.4.663 1.945.184-.452.545-.816 1.029-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.084.884-1.969 1.968-1.969s1.968.885 1.968 1.969c0 .472-.16.892-.436 1.233m9.186 2.328c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044v.12a3.1 3.1 0 0 0 1.62.436m0-4.453a.89.89 0 0 0-.892.892c0 .484.404.888.892.892a.89.89 0 0 0 .892-.892.89.89 0 0 0-.892-.892m1.976.892c0 .472-.16.892-.436 1.233.485.244.848.608 1.037 1.052a3.17 3.17 0 0 0 .64-1.929 3.217 3.217 0 1 0-6.434 0c0 .728.253 1.4.665 1.945.184-.452.544-.816 1.028-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.084.884-1.969 1.968-1.969s1.968.885 1.968 1.969"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M16.799 12.748c.188-.024.372-.04.568-.04 2.56 0 4.633 2.09 4.633 4.65A4.645 4.645 0 0 1 17.36 22c-2.317 0-4.238-1.709-4.586-3.93h-1.548C10.878 20.291 8.957 22 6.64 22A4.64 4.64 0 0 1 2 17.358c0-2.569 2.08-4.65 4.645-4.662.196 0 .38.016.568.04l1.588-2.753a4.63 4.63 0 0 1-1.44-3.353A4.63 4.63 0 0 1 12.01 2c2.56 0 4.64 2.08 4.64 4.642a4.62 4.62 0 0 1-1.44 3.353zm-6.413-3.457v.12a3.26 3.26 0 0 0 1.62.436c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044m2.512-3.017a.89.89 0 0 0-.892-.893.89.89 0 0 0-.892.893c0 .496.396.9.892.892a.89.89 0 0 0 .892-.892m2.325.356a3.22 3.22 0 0 0-3.217-3.217A3.237 3.237 0 0 0 8.781 6.63c0 .728.252 1.4.664 1.945.185-.453.545-.817 1.029-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.085.884-1.969 1.968-1.969s1.968.884 1.968 1.969c0 .472-.16.892-.436 1.232.484.244.848.608 1.037 1.053a3.2 3.2 0 0 0 .648-1.93m-1.197 4.182a4.64 4.64 0 0 1-2.024.468 4.6 4.6 0 0 1-2.024-.468L8.613 13.16a4.66 4.66 0 0 1 2.609 3.485h1.548a4.66 4.66 0 0 1 2.609-3.485zm-9.005 9.195v.12a3.1 3.1 0 0 0 1.62.436c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044m2.512-3.005a.89.89 0 0 0-.892-.892.89.89 0 0 0-.892.892c0 .484.396.892.892.892a.89.89 0 0 0 .892-.892m.64 1.233c.484.244.848.608 1.036 1.052a3.23 3.23 0 0 0 .649-1.929 3.22 3.22 0 0 0-6.441 0c0 .728.251 1.4.663 1.945.184-.452.545-.816 1.029-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.084.884-1.969 1.968-1.969s1.968.885 1.968 1.969c0 .472-.16.892-.436 1.233m9.186 2.328c.6 0 1.168-.16 1.644-.452v-.104c0-.6-.704-1.044-1.644-1.044s-1.62.436-1.62 1.044v.12a3.1 3.1 0 0 0 1.62.436m0-4.453a.89.89 0 0 0-.892.892c0 .484.404.888.892.892a.89.89 0 0 0 .892-.892.89.89 0 0 0-.892-.892m1.976.892c0 .472-.16.892-.436 1.233.485.244.848.608 1.037 1.052a3.17 3.17 0 0 0 .64-1.929 3.217 3.217 0 1 0-6.434 0c0 .728.253 1.4.665 1.945.184-.452.544-.816 1.028-1.069a1.92 1.92 0 0 1-.436-1.232c0-1.084.884-1.969 1.968-1.969s1.968.885 1.968 1.969"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M14 17.25A2.75 2.75 0 0 1 16.75 20v1a.75.75 0 0 1-.75.75H8a.75.75 0 0 1-.75-.75v-1A2.75 2.75 0 0 1 10 17.25zm-4 1.5A1.25 1.25 0 0 0 8.75 20v.25h6.5V20A1.25 1.25 0 0 0 14 18.75zm2-8.5a2.75 2.75 0 1 1 0 5.499 2.75 2.75 0 0 1 0-5.499m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-5-2.5a.75.75 0 0 1 0 1.5H5A1.25 1.25 0 0 0 3.75 12v.25H7a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75v-1A2.75 2.75 0 0 1 5 9.25zm12 0A2.75 2.75 0 0 1 21.75 12v1a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h3.25V12A1.25 1.25 0 0 0 19 10.75h-2a.75.75 0 0 1 0-1.5zm-12-7a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m10-1.5a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { A as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-percent-filled.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 e } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: a, size: t = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), l = a !== null && a !== void 0 ? a : r === "brand" || r === "media" ? e.colors.neutralHighBrand : r === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const e = m(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: a } = f(l !== null && l !== void 0 ? l : c), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ o("path", {
-            fill: l,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: d,
             d: "M21.841 12c0-6.705-3.627-9.845-9.846-9.845-6.218 0-9.84 3.14-9.84 9.846s3.622 9.84 9.84 9.84c6.219 0 9.846-3.134 9.846-9.84m-6.014-4.946a.575.575 0 0 1 .1.807l-6.946 8.927a.57.57 0 0 1-.804.1.57.57 0 0 1-.1-.806l6.943-8.927a.57.57 0 0 1 .807-.1m.149 7.779c0 1.129-.611 1.655-1.656 1.655-1.048 0-1.655-.526-1.655-1.655s.61-1.656 1.655-1.656 1.656.527 1.656 1.656m-6.3-7.202c1.045 0 1.655.527 1.655 1.656 0 1.126-.61 1.655-1.655 1.655-1.048 0-1.656-.53-1.656-1.655S8.628 7.63 9.676 7.63"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { h as default };
+export { C as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: n, size: e = 24 } = _param, a = _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 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: s, size: t = 24 } = _param, i = _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 } = m();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: l } = g(s !== null && s !== void 0 ? s : m), { skinName: h } = d(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M11.997 2.155c6.22 0 9.848 3.14 9.848 9.848 0 6.707-3.628 9.842-9.848 9.842s-9.842-3.135-9.842-9.842 3.623-9.848 9.842-9.848m0 18.87c5.99 0 9.027-3.035 9.027-9.022 0-5.99-3.037-9.027-9.027-9.027-5.987 0-9.021 3.037-9.021 9.027 0 5.987 3.034 9.021 9.021 9.021m3.163-6.164c0-.634-.204-.838-.837-.838-.634 0-.835.204-.835.838 0 .633.201.834.835.834s.837-.204.837-.835m-.837-1.656c1.045 0 1.658.53 1.658 1.658s-.61 1.656-1.658 1.656c-1.045 0-1.656-.53-1.656-1.656s.608-1.658 1.656-1.658m-5.48-3.889c0 .63.204.835.834.835.634 0 .838-.202.838-.835-.003-.636-.207-.838-.838-.838-.63 0-.834.205-.834.838m.834 1.653c-1.045 0-1.655-.527-1.655-1.656s.61-1.658 1.655-1.658c1.046 0 1.659.53 1.659 1.658 0 1.13-.614 1.656-1.659 1.656m6.125-3.183a.41.41 0 0 0-.073-.574l-.006-.006a.407.407 0 0 0-.571.076l-6.943 8.935a.41.41 0 0 0 .073.574.41.41 0 0 0 .575-.073z"
         })
-    })) : /* @__PURE__ */ t("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"
-    }, a), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M17.47 5.47a.75.75 0 1 1 1.06 1.06l-12 12a.75.75 0 1 1-1.06-1.06zM17 15.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m-10-10a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5"
         })
     }));
+    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 { B as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: n, size: e = 24 } = _param, o = _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 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: m, 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" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: l } = m();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M21.841 12.001c0-6.706-3.627-9.846-9.846-9.846-6.218 0-9.84 3.14-9.84 9.846s3.622 9.84 9.84 9.84c6.219 0 9.846-3.134 9.846-9.84m-9.846 8.61c-5.793 0-8.61-2.817-8.61-8.61 0-5.798 2.817-8.616 8.61-8.616 5.798 0 8.616 2.818 8.616 8.616 0 5.793-2.82 8.61-8.616 8.61m3.826-13.56a.57.57 0 0 0-.8.104l-6.945 8.927a.575.575 0 1 0 .908.706l6.941-8.93a.57.57 0 0 0-.1-.804zm-6.145 3.891c-1.048 0-1.656-.53-1.656-1.655 0-1.13.611-1.659 1.656-1.659s1.658.53 1.658 1.659c0 1.128-.613 1.655-1.658 1.655m-.507-1.655c0 .453.05.507.507.507.456 0 .507-.05.507-.507 0-.451-.056-.507-.507-.507-.457 0-.507.05-.507.507m5.151 3.89c1.045 0 1.658.53 1.658 1.659 0 1.128-.61 1.655-1.658 1.655-1.045 0-1.655-.527-1.655-1.655 0-1.132.607-1.659 1.655-1.659m0 2.163c.457 0 .51-.053.51-.507 0-.451-.056-.507-.51-.507-.457 0-.507.05-.507.507 0 .454.05.507.507.507"
         })
-    })) : /* @__PURE__ */ r("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"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M17.47 5.47a.75.75 0 1 1 1.06 1.06l-12 12a.75.75 0 1 1-1.06-1.06zM17 15.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m-10-10a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5"
         })
     }));
+    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 { B as default };