@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,35 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: s, size: n = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), l = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const t = f(), h = t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: e, gradientDef: o } = g(s !== null && s !== void 0 ? s : h), r = /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, d), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M17 19.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75M5.504 10.438a.75.75 0 0 1 .993 1.124l-.505.445A4.223 4.223 0 0 0 6.004 18a4.32 4.32 0 0 0 6.034.034l.36-.482a.75.75 0 1 1 1.204.894l-.397.534a1 1 0 0 1-.074.086 5.82 5.82 0 0 1-8.182 0 5.725 5.725 0 0 1-1.258-6.273A5.7 5.7 0 0 1 4.95 10.93l.03-.029zM22 16.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M14.47 8.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 1 1-1.06-1.06z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M14.999 3.25a5.75 5.75 0 0 1 4.027 9.853l-.534.463a.751.751 0 0 1-.984-1.131l.512-.448a4.25 4.25 0 0 0-6.018-6.002l-.435.505a.75.75 0 1 1-1.134-.98l.463-.536.037-.04a5.75 5.75 0 0 1 4.066-1.684M4 6.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5zm3-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V2A.75.75 0 0 1 7 1.25"
             })
         ]
     }));
+    return o ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { c as default };
+export { M as default };

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

@@ -78,35 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
 import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: s, size: n = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), l = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? t.colors.neutralHighBrand : a === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const t = h(), c = t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: e, gradientDef: o } = g(s !== null && s !== void 0 ? s : c), r = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, d), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M17 19.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75M5.504 10.438a.75.75 0 0 1 .993 1.124l-.505.445A4.223 4.223 0 0 0 6.004 18a4.32 4.32 0 0 0 6.034.034l.36-.482a.75.75 0 1 1 1.204.894l-.397.534a1 1 0 0 1-.074.086 5.82 5.82 0 0 1-8.182 0 5.725 5.725 0 0 1-1.258-6.273A5.7 5.7 0 0 1 4.95 10.93l.03-.029zM22 16.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M14.47 8.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 1 1-1.06-1.06z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M14.999 3.25a5.75 5.75 0 0 1 4.027 9.853l-.534.463a.751.751 0 0 1-.984-1.131l.512-.448a4.25 4.25 0 0 0-6.018-6.002l-.435.505a.75.75 0 1 1-1.134-.98l.463-.536.037-.04a5.75 5.75 0 0 1 4.066-1.684M4 6.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5zm3-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V2A.75.75 0 0 1 7 1.25"
             })
         ]
     }));
+    return o ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { c as default };
+export { M as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as a } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e } 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 c } 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, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = a(), r = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? h.colors.neutralHighBrand : o === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: n } = c();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = f(), d = n === "brand" || n === "media" ? c.colors.neutralHighBrand : n === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: o, gradientDef: a } = g(s !== null && s !== void 0 ? s : d), { skinName: i } = m(), l = i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M8.39 10.797c.841.809 2.054 1.218 3.611 1.218s2.774-.409 3.614-1.219c.877-.84 1.322-2.086 1.322-3.705s-.443-2.869-1.32-3.712c-.842-.812-2.058-1.224-3.616-1.224-1.557 0-2.77.412-3.61 1.224-.871.843-1.314 2.093-1.314 3.712s.443 2.865 1.314 3.706m-4.582 11.05h16.387c.308 0 .56-.252.56-.56v-1.639c0-1.569-.49-2.905-1.42-3.871-1.009-1.05-2.51-1.605-4.336-1.605H8.99c-1.826 0-3.322.557-4.33 1.608-.925.963-1.412 2.3-1.412 3.868v1.639c0 .308.252.56.56.56"
         })
-    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M21.5 21.63V22h-19v-.37c0-3.441 3.032-6.347 7.122-7.172-2.217-.981-3.78-3.29-3.78-5.978C5.842 4.906 8.604 2 12 2s6.158 2.906 6.158 6.48c0 2.688-1.559 4.997-3.78 5.978 4.095.83 7.122 3.73 7.122 7.172"
         })
-    })) : n.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M21.5 21.63V22h-19v-.37c0-3.441 3.032-6.347 7.122-7.172-2.217-.981-3.78-3.29-3.78-5.978C5.842 4.906 8.604 2 12 2s6.158 2.906 6.158 6.48c0 2.688-1.559 4.997-3.78 5.978 4.095.83 7.122 3.73 7.122 7.172"
         })
-    })) : /* @__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"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M14.34 14.5c1.35 0 2.647.457 3.624 1.29.981.835 1.546 1.99 1.546 3.21 0 1.33-1.118 2.5-2.5 2.5H7A2.506 2.506 0 0 1 4.5 19c0-1.262.567-2.376 1.546-3.21.977-.833 2.274-1.29 3.624-1.29zM12 2.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9"
         })
     }));
+    return a ? /*#__PURE__*/ h.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...h.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { f as default };
+export { B as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
+import { jsx as e } 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 a } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: h, size: e = 24 } = _param, c = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), i = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = f(), d = n === "brand" || n === "media" ? a.colors.neutralHighBrand : n === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: l } = g(s !== null && s !== void 0 ? s : d), { skinName: i } = m(), c = i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M11.999 12.007c-3.162 0-4.834-1.642-4.834-4.747 0-1.577.43-2.783 1.278-3.589.818-.776 2.013-1.171 3.556-1.171 1.542 0 2.74.395 3.563 1.171.854.806 1.284 2.015 1.284 3.59 0 3.104-1.675 4.746-4.847 4.746M3.675 21.5h16.65a.273.273 0 0 0 .275-.268v-2.11c0-1.44-.455-2.669-1.32-3.55-.941-.96-2.349-1.47-4.067-1.47H8.787c-1.718 0-3.126.51-4.068 1.467-.862.882-1.319 2.11-1.319 3.55v2.11c0 .15.124.271.275.271m16.374-.54H3.951v-1.84c0-1.301.402-2.396 1.165-3.175.848-.863 2.082-1.301 3.671-1.301h6.426c1.589 0 2.823.438 3.671 1.3.763.78 1.165 1.878 1.165 3.176zM8.826 4.06c-.736.701-1.11 1.778-1.11 3.2s.374 2.497 1.11 3.192c.71.673 1.779 1.011 3.173 1.011 1.393 0 2.467-.34 3.18-1.014.742-.698 1.116-1.772 1.116-3.192s-.374-2.499-1.115-3.2c-.716-.673-1.785-1.016-3.181-1.016-1.394 0-2.463.343-3.173 1.02"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M18.482 8.604a6.63 6.63 0 0 1-2.987 5.55C19.33 15.204 22 17.948 22 21.247a.75.75 0 0 1-.74.754.75.75 0 0 1-.74-.754c0-3.328-3.821-6.038-8.52-6.038s-8.52 2.71-8.52 6.038a.75.75 0 0 1-.74.754.75.75 0 0 1-.74-.754c0-3.3 2.67-6.043 6.505-7.091a6.63 6.63 0 0 1-2.987-5.551C5.518 4.96 8.425 2 12 2s6.482 2.961 6.482 6.604M12 3.507c-2.76 0-5.002 2.285-5.002 5.097 0 2.807 2.242 5.092 5.002 5.092s5.002-2.28 5.002-5.092S14.76 3.507 12 3.507"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M20.822 19.454a.373.373 0 0 0 .154-.497c-1.168-2.28-3.672-3.916-6.698-4.5 2.29-.98 3.9-3.289 3.9-5.977 0-3.574-2.852-6.48-6.362-6.48S5.454 4.906 5.454 8.48c0 2.688 1.61 4.997 3.905 5.978C5.132 15.283 2 18.184 2 21.63c0 .204.163.37.363.37s.363-.166.363-.37c0-3.674 4.077-6.665 9.09-6.665 3.766 0 7.187 1.745 8.513 4.338a.366.366 0 0 0 .493.151M6.18 8.48c0-3.166 2.527-5.74 5.636-5.74s5.637 2.574 5.637 5.74-2.528 5.74-5.637 5.74S6.18 11.648 6.18 8.48m15.094 13.515c.4 0 .726-.332.726-.74a.734.734 0 0 0-.726-.739c-.4 0-.726.332-.726.74 0 .407.326.74.726.74"
         })
-    })) : /* @__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"
-    }, c), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M14.34 14.25c1.405 0 2.762.476 3.787 1.35 1.032.88 1.633 2.101 1.633 3.4 0 1.465-1.226 2.75-2.75 2.75H7A2.756 2.756 0 0 1 4.25 19c0-1.343.605-2.524 1.634-3.4 1.025-.874 2.38-1.35 3.786-1.35zm-4.67 1.5c-1.075 0-2.079.365-2.814.991-.73.624-1.106 1.402-1.106 2.259 0 .686.564 1.25 1.25 1.25h10.01c.676 0 1.25-.594 1.25-1.25 0-.821-.379-1.639-1.107-2.259-.734-.626-1.739-.991-2.813-.991zM12 2.25a4.75 4.75 0 1 1 0 9.5 4.75 4.75 0 0 1 0-9.5m0 1.5a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5"
         })
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(c, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { g as default };
+export { x as default };

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

@@ -78,66 +78,73 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: h, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } 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 l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), i = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: l } = o();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = f(), d = o === "brand" || o === "media" ? l.colors.neutralHighBrand : o === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: a, gradientDef: c } = g(s !== null && s !== void 0 ? s : d), { skinName: n } = m(), i = n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M12 2.25c3.342 0 5.25 1.839 5.25 5.25s-1.908 5.25-5.25 5.25c-3.26 0-5.155-1.748-5.247-4.997L6.749 7.5l.004-.253c.092-3.25 1.987-4.997 5.246-4.997m0 1.5c-2.527 0-3.75 1.18-3.75 3.75s1.223 3.75 3.75 3.75c2.525 0 3.75-1.18 3.75-3.75S14.524 3.75 12 3.75m4.188 10.505h-8.42a4.517 4.517 0 0 0-4.518 4.518v2.223c0 .414.335.75.75.75h16a.75.75 0 0 0 .741-.648l.007-.11-.041-2.229c0-2.481-2.023-4.504-4.519-4.504m-8.42 1.498h8.42a3.02 3.02 0 0 1 3.016 2.843l.032 1.651H4.748v-1.474a3.02 3.02 0 0 1 3.02-3.02"
         })
-    })) : l.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^blau/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M6.636 8.33a5.34 5.34 0 0 0 5.336 5.337 5.34 5.34 0 0 0 5.336-5.336 5.34 5.34 0 0 0-5.336-5.337 5.34 5.34 0 0 0-5.336 5.337m1.354 0a3.987 3.987 0 0 1 3.982-3.98 3.986 3.986 0 0 1 3.982 3.98 3.986 3.986 0 0 1-3.982 3.982A3.987 3.987 0 0 1 7.99 8.331M1.976 21.384h1.355l-.001-2.14.002-.079-.001-.028a.6.6 0 0 1 .039-.182.9.9 0 0 1 .325-.467l.049-.042c.879-.808 3.072-1.498 5.646-1.783l2.573 2.93 2.711-2.931c2.53.28 4.632.955 5.534 1.784l.049.042a.94.94 0 0 1 .364.65v2.237h1.355v-2.22c0-.199-.034-.403-.096-.587a2.25 2.25 0 0 0-.778-1.14c-1.19-1.076-3.604-1.86-6.631-2.15l-.334-.031-2.148 2.323-2.041-2.324-.344.033c-3.068.293-5.588 1.097-6.754 2.15a2.24 2.24 0 0 0-.773 1.12 2 2 0 0 0-.101.606z"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M18.482 8.604a6.63 6.63 0 0 1-2.987 5.55C19.33 15.204 22 17.948 22 21.247a.75.75 0 0 1-.74.754.75.75 0 0 1-.74-.754c0-3.328-3.821-6.038-8.52-6.038s-8.52 2.71-8.52 6.038a.75.75 0 0 1-.74.754.75.75 0 0 1-.74-.754c0-3.3 2.67-6.043 6.505-7.091a6.63 6.63 0 0 1-2.987-5.551C5.518 4.96 8.425 2 12 2s6.482 2.961 6.482 6.604M12 3.507c-2.76 0-5.002 2.285-5.002 5.097 0 2.807 2.242 5.092 5.002 5.092s5.002-2.28 5.002-5.092S14.76 3.507 12 3.507"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M18.482 8.604a6.63 6.63 0 0 1-2.987 5.55C19.33 15.204 22 17.948 22 21.247a.75.75 0 0 1-.74.754.75.75 0 0 1-.74-.754c0-3.328-3.821-6.038-8.52-6.038s-8.52 2.71-8.52 6.038a.75.75 0 0 1-.74.754.75.75 0 0 1-.74-.754c0-3.3 2.67-6.043 6.505-7.091a6.63 6.63 0 0 1-2.987-5.551C5.518 4.96 8.425 2 12 2s6.482 2.961 6.482 6.604M12 3.507c-2.76 0-5.002 2.285-5.002 5.097 0 2.807 2.242 5.092 5.002 5.092s5.002-2.28 5.002-5.092S14.76 3.507 12 3.507"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M14.34 14.25c1.405 0 2.762.476 3.787 1.35 1.032.88 1.633 2.101 1.633 3.4 0 1.465-1.226 2.75-2.75 2.75H7A2.756 2.756 0 0 1 4.25 19c0-1.343.605-2.524 1.634-3.4 1.025-.874 2.38-1.35 3.786-1.35zm-4.67 1.5c-1.075 0-2.079.365-2.814.991-.73.624-1.106 1.402-1.106 2.259 0 .686.564 1.25 1.25 1.25h10.01c.676 0 1.25-.594 1.25-1.25 0-.821-.379-1.639-1.107-2.259-.734-.626-1.739-.991-2.813-.991zM12 2.25a4.75 4.75 0 1 1 0 9.5 4.75 4.75 0 0 1 0-9.5m0 1.5a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { g as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-user-support-filled.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 o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as e } 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 v } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: m, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), e = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = o();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const c = f(), s = c === "brand" || c === "media" ? n.colors.neutralHighBrand : c === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: l, gradientDef: i } = v(m !== null && m !== void 0 ? m : s), { skinName: r } = d(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M20.169 2.155h-6.583a1.664 1.664 0 0 0-1.67 1.658V7.85c0 .952.681 1.67 1.583 1.67h.557v1.383q0 .094-.004.184c-.01.322-.02.599.299.65.352.058.633-.283.854-.55l.048-.057c.098-.118.273-.306.489-.538.282-.304.634-.682.973-1.073l3.454.009c.921 0 1.666-.748 1.669-1.67V3.825a1.67 1.67 0 0 0-1.67-1.67m-3.12 6.28a.526.526 0 1 1-.002-1.052.526.526 0 0 1 .001 1.052m.803-2.716c-.125.108-.305.265-.305.447v.208a.503.503 0 0 1-.502.512.503.503 0 0 1-.501-.512v-.208c0-.516.322-.826.556-1.05l.03-.028q.026-.025.063-.056c.107-.091.261-.222.261-.398 0-.137-.078-.434-.412-.434s-.5.269-.5.428a.5.5 0 0 1-1 .026V4.63c0-.837.582-1.38 1.5-1.38.86 0 1.438.716 1.438 1.386.004.49-.223.703-.444.91l-.106.101q-.03.03-.078.07M8.623 15.66c1.135 0 2.014-.322 2.614-.958.565-.6.854-1.445.854-2.513s-.289-1.91-.854-2.512c-.6-.636-1.48-.958-2.614-.958s-2.014.322-2.613.958c-.566.6-.855 1.445-.855 2.512 0 1.068.289 1.91.855 2.513.6.636 1.479.958 2.613.958m-5.487 1.972c.647-.655 1.616-.986 2.877-.986h5.22c1.261 0 2.228.33 2.878.983s.977 1.628.977 2.894v1.042a.28.28 0 0 1-.28.28H2.44a.28.28 0 0 1-.28-.28v-1.042c0-1.266.33-2.235.978-2.891"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M12.352 2c-5.086 0-9.188 4.297-9.188 9.63 0 1.443.282 2.779.847 3.998l-1.518 5.928c-.034.112 0 .26.073.332a.31.31 0 0 0 .248.112h.072l5.646-1.591a8.76 8.76 0 0 0 3.812.851c5.086 0 9.184-4.297 9.184-9.63S17.438 2 12.352 2m0 15.075c-.355 0-.637-.296-.637-.668 0-.371.282-.667.637-.667.354 0 .636.296.636.667-.003.372-.286.668-.636.668m1.444-5.369a3.33 3.33 0 0 0-.918 2.335c0 .296-.248.555-.53.555s-.53-.26-.53-.555c0-1.184.423-2.295 1.235-3.11l1.026-1.076c.457-.48.388-1.519 0-2.034a1.9 1.9 0 0 0-1.556-.816h-.175c-.637 0-1.201.332-1.517.927-.141.26-.458.372-.706.184a.52.52 0 0 1-.175-.74c.496-.887 1.449-1.482 2.436-1.482h.175c.92 0 1.8.443 2.368 1.223.67.92.777 2.586-.107 3.514z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M12.352 2c-5.086 0-9.188 4.297-9.188 9.63 0 1.443.282 2.779.847 3.998l-1.518 5.928c-.034.112 0 .26.073.332a.31.31 0 0 0 .248.112h.072l5.646-1.591a8.76 8.76 0 0 0 3.812.851c5.086 0 9.184-4.297 9.184-9.63S17.438 2 12.352 2m0 15.075c-.355 0-.637-.296-.637-.668 0-.371.282-.667.637-.667.354 0 .636.296.636.667-.003.372-.286.668-.636.668m1.444-5.369a3.33 3.33 0 0 0-.918 2.335c0 .296-.248.555-.53.555s-.53-.26-.53-.555c0-1.184.423-2.295 1.235-3.11l1.026-1.076c.457-.48.388-1.519 0-2.034a1.9 1.9 0 0 0-1.556-.816h-.175c-.637 0-1.201.332-1.517.927-.141.26-.458.372-.706.184a.52.52 0 0 1-.175-.74c.496-.887 1.449-1.482 2.436-1.482h.175c.92 0 1.8.443 2.368 1.223.67.92.777 2.586-.107 3.514z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "m17.59 21.004.058.008.032.005q.08.015.156.042h.005q.152.057.278.157l.01.007a1 1 0 1 1-1.428.177l.01-.013q.075-.096.17-.171l.025-.019q.034-.026.07-.049l.027-.016a1 1 0 0 1 .219-.092l.035-.01q.037-.009.076-.015l.047-.008a1 1 0 0 1 .21-.003M13.646 14.5c.196 0 .32.221.252.405a2.25 2.25 0 0 0 1.313 2.903c.157.06.24.246.182.404a2.24 2.24 0 0 0 .165 1.92.29.29 0 0 1-.022.325 2.5 2.5 0 0 0-.411.767.39.39 0 0 1-.36.276H7A2.506 2.506 0 0 1 4.5 19c0-1.262.567-2.376 1.546-3.21.977-.833 2.274-1.29 3.624-1.29zm3.33-.197a2.73 2.73 0 0 1 1.57.151l.21.096.003.002a2.75 2.75 0 0 1 1.41 3.092 2.75 2.75 0 0 1-.877 1.434q-.044.04-.092.08a2.76 2.76 0 0 1-1.698.592.75.75 0 0 1-.752-.748c0-.12.03-.233.081-.334a.75.75 0 0 1 .667-.418 1.3 1.3 0 0 0 .242-.026l.03-.007q.07-.015.136-.037a1.3 1.3 0 0 0 .453-.278 1.25 1.25 0 0 0 .3-.449l.014-.034q.023-.063.039-.128l.003-.017a1.25 1.25 0 0 0-.067-.761l-.014-.036a1.25 1.25 0 0 0-.562-.592l-.004-.002a1.2 1.2 0 0 0-.593-.133h-.015a1.23 1.23 0 0 0-.888.436.7.7 0 0 1-.11.105.75.75 0 0 1-.946-.018.75.75 0 0 1-.088-1.057q.066-.079.137-.151.03-.03.063-.06a3 3 0 0 1 .165-.146q.041-.032.084-.063l.08-.06.01-.007a2.7 2.7 0 0 1 1.009-.426M12 2.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { C as default };