@telefonica/mistica 16.67.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-tech-service-mobile-regular.js

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, jsx as l } 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: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: s, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), a = 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: e,
-        height: e,
+    const l = m(), v = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(s !== null && s !== void 0 ? s : v), { skinName: d } = f(), r = d.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M15.012 17.463c.577 0 .955.305.955.958 0 .314-.087.546-.24.706-.169.17-.412.252-.715.252s-.546-.081-.714-.252c-.154-.157-.241-.392-.241-.706.003-.655.378-.958.955-.958"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M11.41 21.847h7.185c2.187 0 3.249-1.076 3.249-3.291V5.446c0-2.185-1.093-3.291-3.25-3.291H11.41c-1.107 0-1.91.272-2.454.832-.535.549-.796 1.353-.796 2.46v4.752l-2.694 2.696a3.03 3.03 0 0 0-3.204 3.793.839.839 0 0 0 1.406.375l.656-.65.31.045.045.31-.655.656a.84.84 0 0 0 .378 1.406 3.03 3.03 0 0 0 3.758-2.373v2.099c0 2.215 1.062 3.29 3.25 3.29M8.16 14.48l-.862.862a2.186 2.186 0 0 1-2.675 2.678l.953-.953-.194-1.353-1.353-.193-.952.952A2.182 2.182 0 0 1 5.752 13.8l5.252-5.255a2.182 2.182 0 0 1 2.112-2.75q.287 0 .566.073l-.952.952.193 1.353 1.353.193.952-.952a2.182 2.182 0 0 1-2.675 2.675l-4.367 4.367H8.16zm1.12.064 3.556-3.555q.14.013.28.014a3.02 3.02 0 0 0 2.927-2.266 3.05 3.05 0 0 0-.005-1.54.839.839 0 0 0-1.406-.376l-.656.655-.31-.045-.046-.31.656-.656a.84.84 0 0 0-.378-1.406 2.8 2.8 0 0 0-.782-.107 3.03 3.03 0 0 0-3.014 3.303l-.821.822V5.446c0-.798.154-1.347.476-1.678s.863-.493 1.653-.493h7.185c1.532 0 2.128.608 2.128 2.171v13.11c0 .806-.156 1.36-.479 1.686s-.86.484-1.65.484H11.41c-.79 0-1.328-.156-1.65-.484s-.48-.88-.48-1.686z"
             })
         ]
     })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M18.691 9a.5.5 0 0 1 .448.276l.75 1.5c.07.141.07.307 0 .448l-.75 1.5a.5.5 0 0 1-.389.271v3.255H19c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 19 22.75h-2A1.75 1.75 0 0 1 15.25 21v-3c0-.966.784-1.75 1.75-1.75h.25v-3.255a.5.5 0 0 1-.389-.271l-.75-1.5a.5.5 0 0 1 0-.448l.75-1.5A.5.5 0 0 1 17.31 9zM17 17.75a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h2a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v1a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h4a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { C as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: d, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), t = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = c();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(d !== null && d !== void 0 ? d : s), { skinName: o } = m(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M17.28 2.247a6.6 6.6 0 0 1 1.13-.112h.005c.552.003 1.011.297 1.207.768.197.47.073 1.008-.316 1.397l-.572.569.05.347.348.05.569-.568a1.33 1.33 0 0 1 .938-.409c.426 0 .818.221 1.037.586.129.218.196.464.193.717q-.008.557-.107 1.103c-.16.885-.479 1.572-.946 2.04-.462.462-1.137.778-2.009.94q-.508.096-1.025.113l-7.991 7.991a6.6 6.6 0 0 1-.104.995c-.163.885-.482 1.571-.95 2.039-.462.465-1.137.781-2.008.944q-.56.104-1.129.112h-.006c-.551-.003-1.014-.297-1.21-.77s-.072-1.009.317-1.395l.571-.572-.05-.347-.347-.05-.572.57a1.33 1.33 0 0 1-.938.41c-.426 0-.818-.221-1.037-.586a1.4 1.4 0 0 1-.193-.717q.008-.557.107-1.103c.162-.886.481-1.572.95-2.04.461-.462 1.136-.778 2.008-.94q.507-.097 1.025-.113l7.994-7.991q.014-.502.104-.995c.162-.885.482-1.571.95-2.039.462-.465 1.137-.781 2.008-.944m1.233 1.263c.14-.14.09-.255-.106-.255-.053 0-1.625.006-2.348.726-.73.734-.725 2.347-.725 2.347a1 1 0 0 1-.252.614l-8.14 8.14a1 1 0 0 1-.61.252h-.004c-.053 0-1.624.005-2.344.725-.731.734-.726 2.348-.726 2.348 0 .12.045.185.11.185q.064 0 .145-.082l.712-.711a.83.83 0 0 1 .535-.207q.038 0 .075.005l1.023.146c.196.028.378.21.406.406l.146 1.022a.8.8 0 0 1-.205.611l-.711.712c-.138.14-.09.254.106.254h.003c.053 0 1.625-.005 2.344-.725.731-.734.726-2.347.726-2.347 0-.2.112-.474.252-.614l8.14-8.14a1 1 0 0 1 .61-.252h.003c.054 0 1.625-.006 2.345-.725.731-.734.726-2.348.726-2.348 0-.12-.045-.185-.11-.185q-.064 0-.145.082l-.712.711a.83.83 0 0 1-.535.207l-.075-.005-1.023-.146a.51.51 0 0 1-.406-.406l-.146-1.023a.8.8 0 0 1 .205-.61z"
         })
-    })) : i.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: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M6.64 22a.714.714 0 0 1-.508-1.217l5.59-5.626.436.172a6.17 6.17 0 0 0 6.61-1.38 6.17 6.17 0 0 0 1.697-5.511l-3.462 3.461a2.09 2.09 0 0 1-2.956 0l-1.95-1.949a2.1 2.1 0 0 1 0-2.957l3.462-3.457a6.16 6.16 0 0 0-5.51 1.696 6.17 6.17 0 0 0-1.38 6.611l.172.437-5.626 5.586a.714.714 0 0 1-1.004-1.012l4.973-4.935a7.6 7.6 0 0 1 1.86-7.695 7.6 7.6 0 0 1 8.144-1.7l1.02.395-5.098 5.087a.667.667 0 0 0 0 .936l1.949 1.949c.26.256.68.26.936 0l5.086-5.094.396 1.016a7.6 7.6 0 0 1-1.7 8.144 7.61 7.61 0 0 1-7.695 1.86l-4.934 4.975A.7.7 0 0 1 6.64 22"
         })
-    })) : i.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: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M6.64 22a.714.714 0 0 1-.508-1.217l5.59-5.626.436.172a6.17 6.17 0 0 0 6.61-1.38 6.17 6.17 0 0 0 1.697-5.511l-3.462 3.461a2.09 2.09 0 0 1-2.956 0l-1.95-1.949a2.1 2.1 0 0 1 0-2.957l3.462-3.457a6.16 6.16 0 0 0-5.51 1.696 6.17 6.17 0 0 0-1.38 6.611l.172.437-5.626 5.586a.714.714 0 0 1-1.004-1.012l4.973-4.935a7.6 7.6 0 0 1 1.86-7.695 7.6 7.6 0 0 1 8.144-1.7l1.02.395-5.098 5.087a.667.667 0 0 0 0 .936l1.949 1.949c.26.256.68.26.936 0l5.086-5.094.396 1.016a7.6 7.6 0 0 1-1.7 8.144 7.61 7.61 0 0 1-7.695 1.86l-4.934 4.975A.7.7 0 0 1 6.64 22"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M5.237 2.741a5.035 5.035 0 0 1 7.131 3.692 5 5 0 0 1-.216 2.516l.961.961 2.706-2.654a.5.5 0 0 1-.043-.473l.849-1.98a.5.5 0 0 1 .263-.262l1.98-.848a.5.5 0 0 1 .55.105l.935.936a.5.5 0 0 1 .106.55l-.849 1.98a.5.5 0 0 1-.262.263l-1.98.848a.5.5 0 0 1-.49-.055l-2.703 2.652 5.912 5.912a2.266 2.266 0 0 1-3.203 3.203l-4.54-4.539a2 2 0 0 1-.171.205l-5.508 5.508a1.75 1.75 0 0 1-2.475 0l-1.414-1.415a1.75 1.75 0 0 1 0-2.475l4.953-4.954c-.43.04-.866.025-1.296-.049a5.035 5.035 0 0 1-3.692-7.13l.044-.08a.75.75 0 0 1 1.163-.128l2.28 2.28h1.081V6.228L5.03 3.948a.75.75 0 0 1 .207-1.207m4.461 10.183a.25.25 0 0 0-.353 0l-5.508 5.508a.25.25 0 0 0 0 .353L5.25 20.2a.25.25 0 0 0 .353 0l5.508-5.506a.25.25 0 0 0 0-.354zM8.004 3.801a3.5 3.5 0 0 0-1.024-.023l1.61 1.609c.14.14.22.332.22.53V8.06a.75.75 0 0 1-.75.75H5.916a.75.75 0 0 1-.53-.22l-1.61-1.61a3.537 3.537 0 0 0 5.03 3.615l.11-.041a.75.75 0 0 1 .743.188l8.284 8.284a.767.767 0 0 0 1.082 0 .766.766 0 0 0 0-1.081L10.742 9.66a.75.75 0 0 1-.146-.853A3.536 3.536 0 0 0 8.004 3.8"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { v as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-tech-service-tv-filled.js

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: h, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), r = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const l = f(), s = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: d } = v(), r = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: t,
             d: "M21.847 8.44v4.938c0 1.115-.267 1.983-.788 2.583-.562.644-1.403.972-2.504.972H5.446c-1.098 0-1.941-.328-2.504-.97-.521-.602-.787-1.47-.787-2.585V8.44c0-1.115.266-1.984.787-2.583.563-.644 1.403-.972 2.504-.972h13.11c1.097 0 1.94.328 2.503.972.521.6.788 1.468.788 2.583m-6.84 10.678h-6.01a.56.56 0 0 1-.56-.56c0-.309.253-.561.56-.561h6.01c.307 0 .56.252.56.56s-.253.56-.56.56m-4.56-6.572 3.82-1.781a.6.6 0 0 1 .4-.017s.914.336 1.482.073c.566-.264.896-1.182.896-1.182.04-.113-.014-.163-.123-.113l-.552.258a.5.5 0 0 1-.386-.011l-.552-.294a.3.3 0 0 1-.146-.314l.13-.61a.5.5 0 0 1 .24-.303l.552-.258c.11-.05.106-.126-.008-.165 0 0-.914-.336-1.482-.073-.569.263-.897 1.182-.897 1.182a.6.6 0 0 1-.268.294l-3.824 1.782a.6.6 0 0 1-.4.017s-.914-.337-1.482-.073c-.569.263-.897 1.182-.897 1.182-.039.112.014.162.124.112l.551-.258a.5.5 0 0 1 .387.011l.549.295c.11.064.168.19.146.313l-.13.61a.5.5 0 0 1-.24.303l-.552.258c-.11.05-.106.126.008.168 0 0 .914.336 1.482.073.569-.263.902-1.182.902-1.182a.6.6 0 0 1 .27-.297"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: r,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M20.691 9a.5.5 0 0 1 .448.276l.75 1.5c.07.141.07.307 0 .448l-.75 1.5a.5.5 0 0 1-.389.271V16.5H21a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-2a1.5 1.5 0 0 1-1.5-1.5v-3c0-.492.238-.928.604-1.201l.034-.026q.032-.023.066-.044l.055-.033.026-.015.067-.034.029-.012.064-.029.066-.023q.033-.012.067-.022l.069-.018.067-.016q.057-.01.114-.017l.02-.003q.075-.007.152-.007h.25v-3.505a.5.5 0 0 1-.389-.271l-.75-1.5a.5.5 0 0 1 0-.448l.75-1.5A.5.5 0 0 1 19.31 9z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: r,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M18.5 4.25a2.25 2.25 0 0 1 2.25 2.25v.752a.25.25 0 0 1-.25.25L19.308 7.5a2 2 0 0 0-1.721.981l-.067.124-.75 1.5a2 2 0 0 0 0 1.789c.41.823.028.11.882 1.677.064.118.098.25.098.384v1.063a.44.44 0 0 1-.229.374 3 3 0 0 0-1.482 2.13.266.266 0 0 1-.258.228h-6.47l-2.78 2.78a.75.75 0 1 1-1.061-1.06l1.72-1.72H5A2.75 2.75 0 0 1 2.25 15V7A2.75 2.75 0 0 1 5 4.25z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-tech-service-tv-light.js

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a, jsxs as i } 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 c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: s, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = v(), l = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), v = t === "brand" || t === "media" ? c.colors.neutralHighBrand : t === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: l, gradientDef: n } = g(s !== null && s !== void 0 ? s : v), { skinName: m } = d(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M15.253 7.114q-.443.001-.77.154c-.34.157-.645.465-.908.913q-.16.27-.272.563l-.009.008-3.778 1.762h-.011a3.6 3.6 0 0 0-1.118-.199 1.8 1.8 0 0 0-.77.154c-.342.16-.647.468-.908.916q-.165.28-.28.586a.67.67 0 0 0 .067.622.62.62 0 0 0 .51.26.7.7 0 0 0 .31-.073l.494-.23.314.169-.073.35-.493.23c-.258.12-.412.358-.404.616.009.257.185.484.451.582.06.023.583.208 1.14.208.292 0 .552-.054.77-.154q.516-.242.908-.916.16-.27.272-.563l.008-.009 3.782-1.762h.011c.118.042.602.2 1.118.2q.442-.002.77-.155c.342-.16.647-.468.908-.916q.165-.279.28-.585a.67.67 0 0 0-.067-.622.62.62 0 0 0-.51-.26.7.7 0 0 0-.311.072l-.496.23-.314-.168.073-.35.493-.23c.258-.12.412-.359.4-.62-.01-.26-.184-.484-.45-.582l-.017-.005a3.7 3.7 0 0 0-1.12-.196m0 .557c.476 0 .946.174.946.174.112.042.115.115.009.165l-.552.258a.5.5 0 0 0-.241.305l-.129.61c-.02.127.04.25.149.314l.549.294a.44.44 0 0 0 .207.045.4.4 0 0 0 .18-.036l.55-.258a.2.2 0 0 1 .074-.02c.056 0 .078.051.05.132 0 0-.33.916-.896 1.182-.16.076-.348.101-.535.101-.476 0-.947-.173-.947-.173a.5.5 0 0 0-.174-.028.6.6 0 0 0-.226.041l-3.821 1.785a.6.6 0 0 0-.27.294s-.33.916-.896 1.182c-.16.076-.347.1-.535.1-.476 0-.946-.173-.946-.173-.112-.042-.115-.115-.009-.168l.552-.258a.5.5 0 0 0 .241-.302l.129-.608a.31.31 0 0 0-.146-.314l-.549-.294a.45.45 0 0 0-.207-.045.4.4 0 0 0-.18.037l-.551.258a.2.2 0 0 1-.073.02c-.056 0-.078-.051-.05-.133 0 0 .33-.915.896-1.182.16-.075.347-.1.535-.1.476 0 .947.173.947.173q.085.029.173.028a.6.6 0 0 0 .227-.042l3.821-1.781a.6.6 0 0 0 .269-.297s.33-.916.896-1.182c.157-.073.345-.101.532-.104"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M5.171 16.635h13.656c1.014 0 1.787-.295 2.291-.877.479-.546.72-1.353.72-2.398V8.422c0-1.045-.244-1.852-.72-2.398-.507-.58-1.277-.874-2.291-.874H5.17c-1.014 0-1.784.294-2.291.874-.48.546-.72 1.353-.72 2.398v4.938c0 1.045.244 1.852.72 2.4.507.58 1.277.875 2.291.875m-2.45-8.21c0-1.852.778-2.715 2.45-2.715h13.656c1.672 0 2.45.86 2.45 2.712v4.94c0 1.852-.778 2.715-2.45 2.715H5.17c-1.672 0-2.45-.863-2.45-2.714zm12.283 10.428H8.995a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h6.008a.28.28 0 0 1 .28.28.28.28 0 0 1-.28.28"
             })
         ]
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M20.691 9a.5.5 0 0 1 .448.276l.75 1.5c.07.141.07.307 0 .448l-.75 1.5a.5.5 0 0 1-.389.271v3.255H21c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 21 22.75h-2A1.75 1.75 0 0 1 17.25 21v-3c0-.966.784-1.75 1.75-1.75h.25v-3.255a.5.5 0 0 1-.389-.271l-.75-1.5a.5.5 0 0 1 0-.448l.75-1.5A.5.5 0 0 1 19.31 9zM19 17.75a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h2a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25z"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M18.5 4.25a2.25 2.25 0 0 1 2.25 2.25.75.75 0 0 1-1.496.077l-.008-.154a.75.75 0 0 0-.746-.673H5c-.69 0-1.25.56-1.25 1.25v8c0 .69.56 1.25 1.25 1.25h9.5a.75.75 0 0 1 0 1.5H9.31l-2.78 2.78a.75.75 0 1 1-1.06-1.06l1.72-1.72H5A2.75 2.75 0 0 1 2.25 15V7A2.75 2.75 0 0 1 5 4.25z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-tech-service-tv-regular.js

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as f } 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, t = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: s, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), l = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), v = t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: l, gradientDef: n } = g(s !== null && s !== void 0 ? s : v), { skinName: d } = m(), c = d.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M15.256 7.095q-.442.001-.77.154c-.342.16-.648.468-.908.916q-.159.27-.272.563l-.008.009-3.779 1.761h-.011A3.6 3.6 0 0 0 8.39 10.3a1.8 1.8 0 0 0-.77.154q-.515.241-.908.916-.165.279-.28.585a.67.67 0 0 0 .068.622.62.62 0 0 0 .51.26.7.7 0 0 0 .31-.072l.493-.23.314.168-.073.35-.493.23c-.258.12-.412.358-.403.616s.185.485.45.583a3.7 3.7 0 0 0 1.14.207c.292 0 .553-.053.771-.154q.511-.245.908-.919a4 4 0 0 0 .271-.563l.009-.008 3.781-1.762h.011a3.7 3.7 0 0 0 1.118.199q.442-.002.77-.154c.342-.16.648-.468.908-.916q.165-.28.28-.586a.67.67 0 0 0-.067-.622.62.62 0 0 0-.51-.26.7.7 0 0 0-.31.073l-.494.23-.313-.169.072-.35.493-.23c.258-.12.412-.358.4-.619-.01-.26-.181-.484-.45-.582l-.029-.01c-.129-.04-.604-.192-1.111-.192m0 .56c.476 0 .947.174.947.174.112.042.114.115.008.165l-.552.258a.5.5 0 0 0-.24.302l-.13.611c-.02.126.037.25.146.314l.55.294c.064.03.136.048.206.045a.4.4 0 0 0 .18-.037l.552-.257a.2.2 0 0 1 .072-.02c.056 0 .079.05.05.132 0 0-.33.916-.896 1.182-.16.075-.347.1-.535.1-.476 0-.946-.173-.946-.173a.5.5 0 0 0-.174-.028.6.6 0 0 0-.227.042l-3.82 1.787a.6.6 0 0 0-.27.294s-.33.916-.896 1.182c-.16.076-.347.101-.535.101-.476 0-.947-.174-.947-.174-.112-.042-.115-.114-.008-.168l.552-.257a.5.5 0 0 0 .24-.303l.13-.61a.31.31 0 0 0-.146-.314l-.55-.294a.45.45 0 0 0-.207-.045.4.4 0 0 0-.179.036l-.552.258a.2.2 0 0 1-.072.02c-.056 0-.079-.05-.05-.132 0 0 .33-.916.896-1.182.16-.076.347-.101.535-.101.476 0 .946.174.946.174q.085.029.174.028a.6.6 0 0 0 .227-.042l3.82-1.785a.6.6 0 0 0 .27-.294s.33-.916.896-1.182c.16-.073.347-.1.535-.1"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M5.446 16.933h13.11c1.098 0 1.94-.328 2.504-.972.52-.6.787-1.468.787-2.583V8.44c0-1.115-.263-1.984-.787-2.583-.563-.644-1.406-.972-2.504-.972H5.446c-1.1 0-1.94.328-2.504.972-.52.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.983.787 2.585.563.642 1.406.97 2.504.97M3.788 6.596c.345-.394.885-.588 1.658-.588l13.11-.003c.77 0 1.313.194 1.658.589.339.39.512 1.01.512 1.846v4.938c0 .835-.173 1.457-.512 1.846-.345.395-.888.588-1.658.588H5.446c-.77 0-1.313-.193-1.658-.588-.339-.39-.513-1.011-.513-1.846V8.44c0-.835.174-1.457.513-1.844m11.219 12.522H8.998a.56.56 0 0 1-.56-.56c0-.309.252-.561.56-.561h6.009c.308 0 .56.252.56.56s-.252.56-.56.56"
             })
         ]
     })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M20.691 9a.5.5 0 0 1 .448.276l.75 1.5c.07.141.07.307 0 .448l-.75 1.5a.5.5 0 0 1-.389.271v3.255H21c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 21 22.75h-2A1.75 1.75 0 0 1 17.25 21v-3c0-.966.784-1.75 1.75-1.75h.25v-3.255a.5.5 0 0 1-.389-.271l-.75-1.5a.5.5 0 0 1 0-.448l.75-1.5A.5.5 0 0 1 19.31 9zM19 17.75a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h2a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25z"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M18.5 4.25a2.25 2.25 0 0 1 2.25 2.25.75.75 0 0 1-1.496.077l-.008-.154a.75.75 0 0 0-.746-.673H5c-.69 0-1.25.56-1.25 1.25v8c0 .69.56 1.25 1.25 1.25h9.5a.75.75 0 0 1 0 1.5H9.31l-2.78 2.78a.75.75 0 1 1-1.06-1.06l1.72-1.72H5A2.75 2.75 0 0 1 2.25 15V7A2.75 2.75 0 0 1 5 4.25z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ h.cloneElement(c, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...h.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { p as default };
+export { M as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as s } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as q } 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 v } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), e = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? t.colors.neutralHighBrand : l === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = f(), m = l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: e, gradientDef: n } = v(s !== null && s !== void 0 ? s : m), { skinName: d } = q(), t = d.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "M20.325 15.961c.451.42.684.96.703 1.7 0 .031-.005.149-.016.219a6 6 0 0 1-.043.269l-.65 2.456q-.005.025-.02.047l-.016.032-.002.01-.002.009q-.003.02-.013.037-.004.008-.01.015-.008.007-.012.016l-.004.006c-.018.025-.034.049-.058.07a2 2 0 0 1-.308.4c-.428.395-1.016.596-1.753.596s-1.328-.201-1.754-.596a2.03 2.03 0 0 1-.571-.975c-.995.546-2.23.818-3.742.818l-.026-.001-.025-.002-.025.002-.025.001c-1.513 0-2.745-.272-3.743-.818a2 2 0 0 1-.568.975c-.432.395-1.023.596-1.754.596-.736 0-1.325-.201-1.753-.596a2 2 0 0 1-.311-.4l-.003-.004a1 1 0 0 1-.056-.072l-.01-.013q-.01-.008-.015-.018-.006-.012-.009-.028t-.008-.028l-.016-.034q-.013-.021-.02-.045l-.65-2.456s-.034-.188-.045-.27a2 2 0 0 1-.017-.218c.023-.736.25-1.277.703-1.7.05-.046.106-.083.162-.121l.048-.033c-.916-.96-1.386-2.504.023-4.092.605-.684 1.913-1.457 2.641-1.563a.3.3 0 0 0 .066-.02c.02-.006.04-.014.069-.02l-.006-.01-.003-.012c-.269-.697-.412-1.496-.412-2.403 0-.35.037-.678.079-.998a.1.1 0 0 0-.032-.008q-.018-.001-.033-.008A3 3 0 0 1 6 6.479l-.14-.112c-.81-.683-1.347-1.94-.199-3.235 1.14-1.286 2.496-.986 3.323-.336.84-.41 1.84-.636 3.022-.636s2.182.227 3.022.636c.827-.65 2.185-.95 3.322.336 1.149 1.294.611 2.552-.201 3.235l-.137.112a3 3 0 0 1-.283.194q-.018.008-.037.01l-.03.006c.041.323.078.648.078.998 0 .907-.143 1.706-.412 2.403l-.008.022a.4.4 0 0 1 .064.02q.028.012.067.02c.729.106 2.037.88 2.645 1.563 1.406 1.588.935 3.129.02 4.092l.035.024q.091.058.174.13M8.74 4.46c-.765.711-1.154 1.798-1.154 3.227s.39 2.51 1.154 3.218c.619.574 1.507.897 2.616.992V8.765a1.4 1.4 0 0 1-.412-.255 1.1 1.1 0 0 1-.313-.484s-.045-.152-.045-.267c0-.098.056-.238.056-.238a1.2 1.2 0 0 1 .266-.367c.272-.249.641-.378 1.095-.386.457.008.826.137 1.095.386.12.11.196.219.266.367 0 0 .056.143.056.238 0 .113-.041.267-.041.267a1.1 1.1 0 0 1-.314.484q-.179.163-.412.255v3.132c1.11-.093 1.997-.415 2.619-.992.765-.709 1.151-1.793 1.151-3.218 0-1.429-.386-2.516-1.151-3.227-.74-.69-1.838-1.04-3.266-1.04-1.429 0-2.527.35-3.266 1.04m-2.084.87a4.6 4.6 0 0 1 1.151-1.758c-.395-.157-.781-.037-1.146.375-.442.504-.434.967-.005 1.384m1.829 1.435q-.002.31.174.473.17.157.481.157.313 0 .482-.157c.115-.106.177-.266.177-.473s-.062-.367-.177-.476q-.169-.159-.482-.157-.313 0-.481.157-.173.16-.174.476M19.412 16.87c-.199-.185-.52-.283-.952-.283q-.649 0-.953.283-.312.29-.313.938l-.004.02q-.005.012-.005.025l-.176 1.678c.003.367.092.641.271.806.174.16.46.244.844.244.38 0 .663-.084.84-.243a1 1 0 0 0 .11-.143l.01-.034c.076-.25.564-1.83.633-2.403a1.02 1.02 0 0 0-.305-.888M6.734 20.334c.18-.166.266-.437.272-.807l-.177-1.678-.003-.02q-.005-.012-.005-.025c0-.428-.106-.745-.31-.938q-.308-.282-.956-.283-.648 0-.952.283c-.2.185-.35.49-.306.888.073.624.644 2.434.644 2.434a.6.6 0 0 0 .11.143q.264.242.84.244c.384.005.667-.079.843-.241m-1.686-5.208.162.135c.028.022.073.053.112.078l.035-.003.035-.002-.015-.18a5 5 0 0 1-.024-.411c0-1.138.208-2.124.574-2.978-.366.216-.764.496-1.01.77-1.093 1.236-.387 2.154.13 2.591M17.35 3.947c-.364-.412-.75-.532-1.145-.375q.766.722 1.154 1.759c.428-.417.437-.88-.009-1.384m.734 7.82c.367.855.572 1.841.572 2.979 0 .141-.012.277-.024.411l-.015.18.035.002.035.003a2 2 0 0 0 .112-.078l.165-.135c.518-.44 1.224-1.358.132-2.594-.244-.274-.642-.554-1.012-.767M14.39 7.239q.17.157.481.157.313 0 .482-.157.173-.16.174-.473t-.174-.473q-.169-.16-.482-.16c-.204 0-.37.053-.481.16-.118.103-.177.266-.177.473q0 .312.177.473"
         })
-    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "M5.184 11.986a.2.2 0 0 1 .285-.002C7.046 13.534 9.414 14.5 12 14.5c2.426 0 4.658-.85 6.227-2.234a.2.2 0 0 1 .285.017 7.8 7.8 0 0 1 1.311 2.198c.517 1.343.648 2.93-.075 4.416l.003.103c0 1.937-1.333 3.75-3.25 3.75-.876 0-1.63-.379-2.19-.974-.766.062-1.629.07-2.595 0a18 18 0 0 1-2.06.035c-.557.575-1.297.94-2.155.94-1.597 0-2.785-1.259-3.139-2.798-1.447-1.758-1.396-3.804-.754-5.472a7.8 7.8 0 0 1 1.577-2.495M7.5 16.75c-.844 0-1.75.874-1.75 2.25 0 1.377.906 2.25 1.75 2.25s1.75-.873 1.75-2.25c0-1.376-.906-2.25-1.75-2.25m9 0c-.844 0-1.75.874-1.75 2.25 0 1.377.906 2.25 1.75 2.25s1.75-.873 1.75-2.25c0-1.376-.906-2.25-1.75-2.25"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "M3.285 2.255a3.274 3.274 0 0 1 4.63 0l.115.115.023.029C9.19 1.833 10.535 1.5 12 1.5s2.81.331 3.946.897q.011-.014.024-.027l.1-.1a3.297 3.297 0 0 1 4.66 4.66l-1.287 1.286c-.408 2.696-3.086 4.935-6.605 5.245a.197.197 0 0 1-.213-.197V11l-.003-.024.615-.615a.745.745 0 0 0-.527-1.271h-1.42a.745.745 0 0 0-.527 1.271l.614.615-.002.024v2.264a.197.197 0 0 1-.214.197c-3.574-.315-6.282-2.62-6.624-5.372l-.059-.05-1.154-1.115a3.274 3.274 0 0 1-.04-4.669m5.714 3.758a.75.75 0 0 0-.75.75v.666a.751.751 0 0 0 1.5 0v-.666a.75.75 0 0 0-.75-.75m6 0a.75.75 0 0 0-.75.75v.666a.751.751 0 0 0 1.5 0v-.666a.75.75 0 0 0-.75-.75"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { f as default };
+export { x as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: c = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as c, jsxs as v } 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 q } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: s, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), e = h !== null && h !== void 0 ? h : l === "brand" || l === "media" ? t.colors.neutralHighBrand : l === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: o } = m();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const a = f(), m = a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: e, gradientDef: n } = q(s !== null && s !== void 0 ? s : m), { skinName: h } = d(), t = h.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
+    }, o), {
+        children: /* @__PURE__ */ c("path", {
             fill: e,
             d: "M21.022 17.872c-.003 0-.003-.062-.003-.062-.014-.706-.23-1.21-.647-1.608a2 2 0 0 0-.412-.286c1.034-.924 1.6-2.448.157-4.067-.602-.675-2.182-1.582-2.851-1.723-.023-.002-.087-.022-.087-.022.297-.714.468-1.555.468-2.507 0-.415-.034-.801-.09-1.17l.024-.005a.5.5 0 0 0 .133-.032 2 2 0 0 0 .289-.196l.137-.112c.753-.636 1.255-1.802.182-3.006-1.076-1.204-2.35-.916-3.118-.303q-.036.031-.06.072l-.007.01c-.852-.446-1.888-.687-3.115-.692V2.16h-.042v.003c-1.227.005-2.266.244-3.115.692a.5.5 0 0 0-.067-.082c-.768-.613-2.042-.904-3.118.303-1.07 1.204-.571 2.373.185 3.006l.137.112c.05.039.126.095.2.14.016.014.054.035.08.05l.012.006c.047.025.102.03.154.036h.003a8 8 0 0 0-.09 1.171c0 .952.168 1.793.468 2.507 0 0-.068.02-.087.022-.672.138-2.25 1.048-2.852 1.723-1.442 1.62-.876 3.143.157 4.067a2 2 0 0 0-.412.286c-.423.398-.641.9-.655 1.608v.062s.003.08.014.137c.014.078.048.232.053.25l.661 2.48q.001.008.007.013l.007.01.007.027q.004.022.016.043c.092.174.215.328.355.46.395.367.95.551 1.645.551.694 0 1.249-.184 1.644-.549.325-.296.518-.694.594-1.179v-.003c1.03.642 2.342.961 3.991.961h.054c1.65 0 2.963-.32 3.991-.96v.002c.073.488.27.885.591 1.18.398.364.95.548 1.647.548.695 0 1.247-.184 1.644-.551a1.7 1.7 0 0 0 .356-.46.1.1 0 0 0 .015-.043l.008-.027q.002-.006.007-.01l.007-.012.66-2.482.013-.056c.014-.056.034-.14.041-.193.011-.053.014-.137.014-.137m-9.02-14.846c1.513.002 2.687.38 3.49 1.12.832.77 1.255 1.93 1.255 3.451s-.422 2.678-1.254 3.445c-.718.662-1.762 1.014-3.068 1.084V8.771c.252-.062.47-.168.645-.33.16-.147.282-.331.341-.547a1 1 0 0 0 .026-.235.4.4 0 0 0-.042-.197l-.003-.008a1.3 1.3 0 0 0-.286-.4c-.272-.25-.639-.373-1.081-.39V6.66l-.011.001-.012.001h-.007l-.012-.002v.005c-.446.017-.812.143-1.082.39a1.2 1.2 0 0 0-.285.4l-.004.008a.4.4 0 0 0-.041.197c.003.106.011.176.025.235.06.216.185.4.345.546a1.4 1.4 0 0 0 .644.33v3.356c-1.308-.067-2.35-.42-3.07-1.084-.83-.767-1.252-1.924-1.252-3.445s.423-2.68 1.252-3.451c.801-.74 1.975-1.115 3.487-1.12m-4.112.501c-.582.54-.983 1.24-1.232 2.062l-.041-.029-.04-.027-.115-.096c-.362-.302-.855-.94-.09-1.798.692-.781 1.359-.546 1.745-.277a1 1 0 0 1-.1.072c-.045.03-.089.058-.127.093m.695 3.6q-.178-.165-.18-.485 0-.321.18-.488.172-.16.496-.16.32 0 .496.16.177.167.179.488-.002.32-.18.484c-.114.107-.282.16-.495.16s-.378-.056-.496-.16m6.339.16q-.322 0-.496-.16-.18-.165-.18-.485t.18-.485q.175-.16.496-.162.32 0 .496.162.18.165.179.485t-.18.484c-.117.107-.285.16-.495.16m5.188 10.445c.002.027.008.1.002.156a.6.6 0 0 1-.039.166c-.174.61-.638 2.406-.638 2.406a1 1 0 0 1-.166.213c-.221.207-.563.31-1.017.31s-.8-.106-1.022-.31c-.232-.21-.347-.544-.35-.986l.18-1.692q0-.013.006-.025a.1.1 0 0 0 .007-.034q.001-.067.01-.127l.004-.047.023-.221q.079-.459.355-.717c.25-.233.633-.35 1.135-.35.501 0 .882.115 1.131.347.23.213.345.49.379.91m-3.838-.527a.3.3 0 0 0-.036.134l-.006.048q-.009.044-.012.09l-.008.07-.154 1.445c-.932.815-2.249 1.218-4.028 1.218h-.005v-.002h-.042v.003h-.006c-1.779 0-3.095-.404-4.028-1.219l-.151-1.445-.008-.07q-.003-.046-.012-.09l-.005-.048a.4.4 0 0 0-.045-.134c-.104-.4-.286-.742-.569-1.003a2.1 2.1 0 0 0-.773-.445 8 8 0 0 1-.061-.953c0-1.546.375-2.778 1.109-3.678l.067.086c.122.157.245.314.39.45.969.89 2.344 1.341 4.092 1.35v.002l.012-.001.007-.001.012.001.01.001v-.002c1.743-.009 3.124-.46 4.09-1.35.146-.137.267-.292.388-.448l.069-.088c.734.9 1.11 2.132 1.11 3.678 0 .334-.029.647-.062.953a2.2 2.2 0 0 0-.773.445c-.283.26-.468.602-.572 1.003M7.12 19.687c-.003.442-.12.776-.35.986-.224.204-.569.308-1.023.308q-.681 0-1.02-.311a.9.9 0 0 1-.164-.213s-.468-1.796-.639-2.406a1 1 0 0 1-.036-.163 1 1 0 0 1 .002-.157c.034-.417.149-.697.379-.91.249-.23.63-.347 1.131-.347q.754 0 1.135.35c.184.17.3.412.355.717l.023.221.004.04q.009.064.01.134 0 .017.006.035l.005.024zm-2.543-7.278c.367-.411 1.165-.921 1.742-1.213-.583.97-.894 2.171-.894 3.608 0 .237.02.46.04.681l.01.132q-.02 0-.038-.003l-.04-.003q-.107.002-.208.014l-.089.008a2 2 0 0 1-.19-.134l-.177-.14c-.479-.403-1.453-1.493-.156-2.95M15.89 3.36c.387-.269 1.05-.504 1.745.277.765.86.27 1.499-.09 1.799l-.114.095-.084.056c-.25-.82-.65-1.521-1.233-2.062q-.058-.05-.125-.094zm3.535 9.05c1.297 1.454.325 2.547-.154 2.953l-.179.14a3 3 0 0 1-.19.134l-.084-.008c-.069-.007-.137-.014-.213-.014l-.04.003-.039.002.007-.074c.023-.24.046-.481.046-.738 0-1.437-.308-2.639-.893-3.608.577.289 1.375.799 1.74 1.21"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ c("path", {
                 fill: e,
                 d: "M9 6.013a.75.75 0 0 1 .75.749v.667a.75.75 0 0 1-1.5 0v-.667a.75.75 0 0 1 .75-.75m6 .001a.75.75 0 0 1 .75.749v.667a.75.75 0 0 1-1.5 0v-.667a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ c("path", {
                 fill: e,
                 d: "M12 1.25c1.486 0 2.913.348 4.129.962A3.296 3.296 0 0 1 20.73 6.93l-.6.6a.75.75 0 0 1-.388.205c-.062 1.388-.664 2.622-1.621 3.607.912.722 1.779 1.858 2.271 3.137.643 1.67.693 3.713-.754 5.471-.353 1.54-1.541 2.799-3.138 2.799-.91 0-1.688-.409-2.254-1.045a.8.8 0 0 1-.246.045h-4a.7.7 0 0 1-.246-.045c-.567.636-1.345 1.045-2.254 1.045-1.597 0-2.785-1.258-3.139-2.798-1.447-1.758-1.396-3.803-.754-5.472.492-1.279 1.359-2.415 2.27-3.137-.956-.985-1.559-2.22-1.62-3.608a.75.75 0 0 1-.387-.205l-.6-.6a3.297 3.297 0 0 1 4.6-4.718A9.2 9.2 0 0 1 12 1.25m-4.5 15.5c-.844 0-1.75.874-1.75 2.25s.906 2.25 1.75 2.25 1.75-.873 1.75-2.25c0-1.376-.906-2.25-1.75-2.25m9 0c-.844 0-1.75.874-1.75 2.25s.906 2.25 1.75 2.25 1.75-.873 1.75-2.25c0-1.376-.906-2.25-1.75-2.25m.426-4.424c-1.364.9-3.1 1.424-4.926 1.424s-3.563-.524-4.927-1.424c-.74.489-1.6 1.486-2.066 2.694-.26.677-.384 1.386-.305 2.082.545-1.076 1.545-1.852 2.798-1.852 1.917 0 3.25 1.813 3.25 3.75 0 .43-.069.851-.192 1.25h2.883A4.3 4.3 0 0 1 13.25 19c0-1.937 1.333-3.75 3.25-3.75 1.252 0 2.253.775 2.797 1.852.079-.697-.044-1.405-.305-2.082-.465-1.208-1.326-2.205-2.066-2.694M12 2.75c-3.63 0-6.25 2.285-6.25 4.75 0 2.292 2.264 4.426 5.5 4.715v-1.19l-.575-.575c-.549-.548-.16-1.485.615-1.485h1.42c.775 0 1.163.937.615 1.485l-.575.575v1.19c3.236-.29 5.5-2.423 5.5-4.715 0-2.465-2.62-4.75-6.25-4.75m-5.47.315a1.796 1.796 0 0 0-2.2 2.805l.138.139c.344-1.153 1.076-2.158 2.063-2.944m13.14.265a1.796 1.796 0 0 0-2.203-.264c.987.786 1.72 1.79 2.064 2.942l.139-.138a1.796 1.796 0 0 0 0-2.54"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { f as default };
+export { w as default };