@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: e, 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 h } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: l, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = v(), n = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const t = h(), c = t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: v, gradientDef: n } = d(l !== null && l !== void 0 ? l : c), e = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ o("path", {
-            fill: n,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: v,
             d: "M15.5 2.25a4.25 4.25 0 0 1 4.25 4.25v1.396a4.25 4.25 0 0 1 2 3.604 4.25 4.25 0 0 1-2 3.602V17.5A4.25 4.25 0 0 1 12 19.91q-.218.317-.495.596A4.25 4.25 0 0 1 4.25 17.5v-1.396a4.25 4.25 0 0 1 0-7.207V6.5a4.25 4.25 0 0 1 7.749-2.41A4.26 4.26 0 0 1 15.5 2.25M9.25 6.202A1.498 1.498 0 0 1 8.5 9a1.5 1.5 0 0 1-.75-2.798V3.856a2.75 2.75 0 0 0-2 2.644v2.8c0 .327-.21.602-.503.705-.047.051-.1.1-.163.138A2.75 2.75 0 0 0 3.75 12.5 2.75 2.75 0 0 0 5 14.802v-.052h2.202A1.498 1.498 0 0 1 10 15.5a1.5 1.5 0 0 1-2.798.75H5.75v1.25a2.75 2.75 0 0 0 5.5 0v-11a2.75 2.75 0 0 0-2-2.644zM15.5 3.75a2.75 2.75 0 0 0-2.75 2.75v11a2.75 2.75 0 0 0 2 2.643v-2.345A1.498 1.498 0 0 1 15.5 15a1.5 1.5 0 0 1 .75 2.798v2.345a2.75 2.75 0 0 0 2-2.643v-2.8c0-.326.21-.6.501-.704a.8.8 0 0 1 .165-.139 2.752 2.752 0 0 0 .528-4.301 3 3 0 0 0-.37-.31L19 9.25h-2.202A1.498 1.498 0 0 1 14 8.5a1.5 1.5 0 0 1 2.798-.75h1.452V6.5a2.75 2.75 0 0 0-2.75-2.75"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { s as default };
+export { A as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: o, size: t = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as h } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: l, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = l(), n = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const e = d(), c = e === "brand" || e === "media" ? a.colors.neutralHighBrand : e === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: v, gradientDef: n } = h(l !== null && l !== void 0 ? l : c), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
-            fill: n,
+    }, s), {
+        children: /* @__PURE__ */ t("path", {
+            fill: v,
             d: "M15.5 2.25a4.25 4.25 0 0 1 4.25 4.25v1.396a4.25 4.25 0 0 1 2 3.604 4.25 4.25 0 0 1-2 3.602V17.5A4.25 4.25 0 0 1 12 19.91q-.218.317-.495.596A4.25 4.25 0 0 1 4.25 17.5v-1.396a4.25 4.25 0 0 1 0-7.207V6.5a4.25 4.25 0 0 1 7.749-2.41A4.26 4.26 0 0 1 15.5 2.25M9.25 6.202A1.498 1.498 0 0 1 8.5 9a1.5 1.5 0 0 1-.75-2.798V3.856a2.75 2.75 0 0 0-2 2.644v2.8c0 .327-.21.602-.503.705-.047.051-.1.1-.163.138A2.75 2.75 0 0 0 3.75 12.5 2.75 2.75 0 0 0 5 14.802v-.052h2.202A1.498 1.498 0 0 1 10 15.5a1.5 1.5 0 0 1-2.798.75H5.75v1.25a2.75 2.75 0 0 0 5.5 0v-11a2.75 2.75 0 0 0-2-2.644zM15.5 3.75a2.75 2.75 0 0 0-2.75 2.75v11a2.75 2.75 0 0 0 2 2.643v-2.345A1.498 1.498 0 0 1 15.5 15a1.5 1.5 0 0 1 .75 2.798v2.345a2.75 2.75 0 0 0 2-2.643v-2.8c0-.326.21-.6.501-.704a.8.8 0 0 1 .165-.139 2.752 2.752 0 0 0 .528-4.301 3 3 0 0 0-.37-.31L19 9.25h-2.202A1.498 1.498 0 0 1 14 8.5a1.5 1.5 0 0 1 2.798-.75h1.452V6.5a2.75 2.75 0 0 0-2.75-2.75"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { s as default };
+export { A as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const q = (_param)=>{
-    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as c } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: s, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = h(), t = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? e.colors.neutralHighBrand : l === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = v(), h = t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: n } = f(s !== null && s !== void 0 ? s : h), { skinName: m } = d(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ c("path", {
+            fill: o,
             d: "M20.125 12.37c-.199-.165-.487-.271-.868-.302-1.13-.1-1.42.566-1.482 1.137l-.014.154a.506.506 0 0 1-.55.457.5.5 0 0 1-.467-.535l.014-.17c.079-.763.51-1.58 1.426-1.9.053-.182.07-.462-.347-.622-.26-.1-.437-.4-.34-.655.08-.205.25-.34.449-.34q.072 0 .154.029l.103.036c.575.219 1.034.72 1.02 1.415l.059.002.059.003c.375.031.692.13.977.26.642-1.072.7-2.372.7-2.778 0-1.028-.277-4.372-3.82-4.372l-.025-.004q-.013-.005-.028-.005l-.03.007q-.015.005-.03.007c-.268-.03-.562.087-.876.289q-.5.32-.636.706a.514.514 0 0 1-.647.31.495.495 0 0 1-.32-.63c.166-.473.516-.882 1.046-1.218q.373-.239.748-.35c-.376-.748-1.045-1.146-2.034-1.146-1.112 0-1.756.748-1.753 1.49v15.586c.008.17.002.857 0 1.078.033.82.535 1.53 1.753 1.53.986 0 1.655-.398 2.03-1.14-.873-.256-1.433-.964-1.683-1.656l-.07-.205a.495.495 0 0 1 .336-.621q.075-.022.152-.023c.218 0 .42.137.487.35l.059.171c.12.336.457 1.112 1.434 1.093h.003c3.633 0 3.907-3.345 3.907-4.37 0-.446-.07-1.953-.896-3.067m-8.74 6.866V4.76c-.007-.11-.006-.437-.005-.712V3.69c-.014-.588-.535-1.53-1.753-1.53-.986 0-1.653.396-2.031 1.138.874.255 1.437.966 1.683 1.658l.07.205a.495.495 0 0 1-.336.621.51.51 0 0 1-.639-.328l-.058-.17c-.118-.34-.454-1.115-1.432-1.095h-.003c-3.633 0-3.907 3.344-3.907 4.37 0 .442.07 1.949.896 3.067.202.165.488.271.869.302 1.128.1 1.417-.563 1.476-1.132l.014-.156a.506.506 0 0 1 .549-.457c.28.022.49.26.468.535l-.014.17c-.079.763-.51 1.58-1.426 1.9-.05.18-.067.462.347.622.26.098.437.4.34.655-.08.205-.25.34-.45.34a.5.5 0 0 1-.153-.029l-.052-.018c-.025-.01-.052-.018-.052-.018-.571-.219-1.03-.72-1.017-1.415l-.058-.003-.06-.002a2.9 2.9 0 0 1-.977-.26c-.641 1.072-.7 2.372-.7 2.778 0 1.025.277 4.37 3.82 4.37q.018 0 .038.005l.016.003.03-.007q.014-.005.029-.007c.269.034.565-.087.88-.288q.5-.32.635-.706a.514.514 0 0 1 .647-.311.5.5 0 0 1 .32.633c-.166.47-.516.88-1.045 1.215q-.375.239-.748.35c.375.748 1.045 1.146 2.033 1.146 1.115 0 1.681-.622 1.76-1.473.001-.175 0-.523-.002-.8z"
         })
-    })) : /* @__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"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ c("path", {
+            fill: o,
             d: "M8.503 2.25c.28 0 .561.03.841.08.65.128 1.25.415 1.768.822a.38.38 0 0 1 .143.302v9.006c0 .196-.22.319-.396.232a4.25 4.25 0 0 0-1.865-.432.75.75 0 1 0 0 1.5c.876 0 1.512.432 2.128.973a.4.4 0 0 1 .133.296v5.497a.38.38 0 0 1-.142.301 4.194 4.194 0 0 1-5.611-.327 4.28 4.28 0 0 1-1.251-3v-1.4c-.27-.17-.52-.36-.75-.59a4.3 4.3 0 0 1-1.251-3c0-1.11.44-2.2 1.25-3.01h-.01c.15-.15.351-.3.541-.44.053-.035.099-.076.15-.106a2.8 2.8 0 0 1 1.01-.194.75.75 0 0 0 0-1.5 4 4 0 0 0-.632.048.265.265 0 0 1-.308-.256V6.5c0-1.12.45-2.21 1.25-3.01s1.872-1.24 3.002-1.24m6.994 0c1.13 0 2.201.44 3.001 1.24S19.75 5.38 19.75 6.5v.552c0 .16-.15.28-.308.256a4 4 0 0 0-.633-.048.75.75 0 0 0 0 1.5c.35 0 .692.068 1.011.194.051.03.097.07.15.106.19.14.39.29.54.44h-.01c.81.81 1.25 1.9 1.251 3.01s-.46 2.21-1.25 3c-.23.23-.481.42-.751.59v1.4c0 1.11-.45 2.19-1.25 3s-1.872 1.25-3.002 1.25a4.2 4.2 0 0 1-2.609-.923.38.38 0 0 1-.143-.3v-5.498c0-.113.049-.221.133-.296.616-.541 1.252-.973 2.128-.973a.75.75 0 0 0 0-1.5c-.652 0-1.29.15-1.865.432-.176.087-.395-.036-.396-.232V3.454c0-.117.051-.23.143-.302a4.16 4.16 0 0 1 1.768-.822c.28-.05.56-.08.84-.08"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { q as default };
+export { w as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } 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: h, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? l.colors.neutralHighBrand : e === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = d(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: c } = f(h !== null && h !== void 0 ? h : m), { skinName: s } = v(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M16.895 4.011c3.93.207 4.129 4.067 4.129 4.857 0 .451-.065 1.925-.85 3.13.785 1.204.85 2.674.85 3.122 0 .796-.202 4.7-4.13 4.866-.445 1.199-1.439 1.851-2.837 1.851-.977 0-1.644-.546-2.047-1.134-.376.53-1.023 1.134-2.062 1.134-1.403 0-2.398-.658-2.84-1.86-3.93-.207-4.13-4.067-4.13-4.857 0-.45.068-1.924.85-3.128-.785-1.202-.85-2.673-.85-3.12 0-.8.205-4.701 4.13-4.87.442-1.195 1.437-1.85 2.837-1.85.98 0 1.644.545 2.048 1.134.375-.53 1.022-1.135 2.064-1.135 1.4 0 2.395.659 2.838 1.86m2.624 7.292c.53-.956.577-2.076.586-2.432 0-.93-.252-3.96-3.457-3.969-.798-.003-1.182.689-1.291.992l-.053.154a.46.46 0 0 1-.443.319.5.5 0 0 1-.137-.02q0-.003-.006-.002a.45.45 0 0 1-.3-.563l.065-.188c.216-.602.695-1.219 1.434-1.476-.339-.692-.95-1.062-1.854-1.062-1.011 0-1.48.978-1.586 1.238-.002.238-.008.941-.008 1.129v13.151c.006.154.003.776 0 .978.078.255.485 1.386 1.591 1.386.91 0 1.521-.372 1.86-1.07a2.7 2.7 0 0 1-.591-.288c-.48-.303-.798-.678-.947-1.104l-.001-.004-.002-.004a.45.45 0 0 1 .292-.566.47.47 0 0 1 .588.283c.081.232.277.448.577.639.288.184.554.294.798.263h.006c3.207-.053 3.46-3.04 3.46-3.961 0-.409-.062-1.815-.844-2.835-.837-.882-2.132-.829-2.507-.787a6 6 0 0 0-.636.093.465.465 0 0 1-.554-.34q-.004-.003-.003-.008a.45.45 0 0 1 .35-.535q.198-.046.4-.073a8 8 0 0 1 .348-.042l.084-.005.04-.003c.103-.134.184-.344-.068-.605-.174-.18-.202-.496-.02-.667.185-.17.44-.201.62-.028.002 0 .048.048.064.065l.005.005c.322.328.499.79.381 1.264.544.07 1.185.252 1.76.678m-9.574 9.63c1.011 0 1.48-.978 1.577-1.238.003-.238.009-.942.009-1.13V5.426a28 28 0 0 1 0-.977c-.079-.255-.485-1.386-1.591-1.386-.897 0-1.505.358-1.846 1.033.795.23 1.305.874 1.529 1.504l.064.185a.45.45 0 0 1-.305.566.465.465 0 0 1-.58-.3l-.053-.154c-.11-.308-.415-1.01-1.302-.994h-.003c-3.294 0-3.546 3.04-3.546 3.97 0 .4.064 1.77.815 2.783.182.149.442.247.79.275 1.022.092 1.285-.513 1.338-1.028l.012-.143a.456.456 0 0 1 .496-.415h.005c.252.02.44.236.423.488l-.014.154c-.07.695-.462 1.434-1.294 1.725-.048.168-.064.423.314.57.235.089.397.36.308.593-.073.185-.227.308-.406.308a.4.4 0 0 1-.14-.025l-.093-.034c-.52-.199-.938-.655-.921-1.285-.037 0-.07 0-.107-.003a2.6 2.6 0 0 1-.888-.238c-.58.974-.636 2.154-.636 2.523 0 .933.252 3.97 3.468 3.97q.017 0 .034.005l.017.003.019-.005q.015-.005.034-.006c.24.028.51-.079.795-.264q.455-.29.577-.64a.467.467 0 0 1 .589-.284l.007.002h.004a.45.45 0 0 1 .28.572c-.149.426-.468.799-.947 1.104q-.336.218-.678.316c.342.678.95 1.04 1.846 1.04"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M15.5 2.25a4.25 4.25 0 0 1 4.25 4.25v2.396q.408.254.755.6a4.25 4.25 0 0 1-.755 6.608V17.5A4.25 4.25 0 0 1 12 19.908q-.218.319-.495.597A4.25 4.25 0 0 1 4.25 17.5v-1.396a4.25 4.25 0 0 1 0-7.208V6.5A4.25 4.25 0 0 1 12 4.09q.218-.316.495-.595A4.25 4.25 0 0 1 15.5 2.25m-7 1.5A2.75 2.75 0 0 0 5.75 6.5v1.817q.37-.067.75-.067H7a.75.75 0 0 1 0 1.5h-.5a2.75 2.75 0 0 0 0 5.5.75.75 0 0 1 0 1.5q-.38-.001-.75-.068v.818a2.75 2.75 0 0 0 5.5 0v-1a2.75 2.75 0 0 0-2.75-2.75.75.75 0 0 1 0-1.5c1.011 0 1.985.361 2.75 1.01V6.5A2.75 2.75 0 0 0 8.5 3.75m7 0a2.75 2.75 0 0 0-2.75 2.75v6.76a4.25 4.25 0 0 1 2.75-1.01.75.75 0 0 1 0 1.5 2.75 2.75 0 0 0-2.75 2.75v1a2.75 2.75 0 0 0 5.5 0v-.818a4 4 0 0 1-.75.068.75.75 0 0 1 0-1.5 2.75 2.75 0 0 0 0-5.5H17a.75.75 0 0 1 0-1.5h.5q.38 0 .75.067V6.5a2.75 2.75 0 0 0-2.75-2.75"
         })
     }));
+    return c ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { d as default };
+export { C as default };

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

@@ -79,23 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import * as i from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } 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: h, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = h(), t = o !== null && o !== void 0 ? o : r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = d(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: c } = f(h !== null && h !== void 0 ? h : s), { skinName: m } = v(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: l,
             d: "M16.93 3.987c3.027.24 4.092 2.773 4.092 4.958 0 .56-.084 1.896-.788 3.059.703 1.16.787 2.49.787 3.05 0 2.202-1.08 4.757-4.095 4.97-.493 1.165-1.532 1.82-2.924 1.82-.91 0-1.555-.443-1.992-.966-.414.49-1.061.966-2.017.966-1.394 0-2.436-.661-2.927-1.83-3.028-.243-4.092-2.775-4.092-4.96 0-.56.084-1.896.787-3.056-.703-1.157-.787-2.49-.787-3.05 0-2.202 1.084-4.757 4.095-4.97.493-1.165 1.532-1.82 2.924-1.82.91 0 1.555.442 1.992.966.415-.49 1.062-.966 2.017-.966 1.395 0 2.437.658 2.927 1.829m-.43 14.717.012.003c2.848-.048 3.154-2.563 3.145-3.661 0-.381-.056-1.69-.77-2.628-.745-.776-1.905-.728-2.247-.692l-.22.024-.082.01q-.11.014-.289.053a.675.675 0 0 1-.812-.495.66.66 0 0 1 .507-.796 5.5 5.5 0 0 1 .76-.115h.005c.02-.064 0-.132-.093-.227-.257-.263-.277-.714-.005-.966s.67-.275.927-.009l.07.073c.305.314.493.743.46 1.196.434.082.91.244 1.36.527.39-.835.432-1.748.432-2.056 0-1.1-.308-3.658-3.154-3.658h-.008c-.636.008-.914.512-1.026.82l-.044.138-1.295-.395.062-.182c.207-.577.653-1.174 1.314-1.488-.305-.47-.796-.7-1.507-.7-.798 0-1.202.77-1.317 1.034-.002.263-.008.885-.008 1.058v12.85c.006.136.003.697 0 .924.084.26.44 1.168 1.325 1.168.706 0 1.204-.238 1.512-.71a3 3 0 0 1-.397-.212q-.766-.493-1.012-1.196a.655.655 0 0 1 .423-.84.68.68 0 0 1 .86.414c.062.18.222.353.471.513.238.154.473.221.641.221m-6.507 1.812c.802 0 1.205-.77 1.323-1.028.002-.266.008-.885.008-1.058V5.578a34 34 0 0 1 0-.924c-.084-.258-.44-1.168-1.325-1.168-.686 0-1.17.23-1.482.675.712.302 1.174.91 1.39 1.512l.05.149a.674.674 0 0 1-.65.888.66.66 0 0 1-.63-.443l-.053-.162c-.11-.306-.415-.816-1.05-.816h-.006c-2.925 0-3.233 2.558-3.233 3.659 0 .372.06 1.633.731 2.566.14.106.348.182.622.204l.017.001c.257.016.954.057 1.045-.81l.011-.12a.67.67 0 0 1 .717-.626.67.67 0 0 1 .639.7l-.017.18c-.076.714-.46 1.49-1.283 1.83.008.07.053.125.182.173.345.129.563.52.434.86-.103.271-.341.448-.61.448a.6.6 0 0 1-.208-.034l-.117-.042c-.527-.196-.964-.638-1.028-1.255a3 3 0 0 1-.65-.145c-.446.865-.49 1.854-.49 2.176 0 1.098.308 3.658 3.154 3.658h.003l.006.002.013.001.034-.005a.2.2 0 0 1 .056-.006c.176.003.403-.064.641-.219.25-.16.41-.333.47-.512a.68.68 0 0 1 .86-.415.66.66 0 0 1 .424.84c-.16.468-.502.869-1.012 1.197q-.236.149-.473.244c.308.453.79.677 1.487.677"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -103,11 +104,17 @@ const g = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: l,
             d: "M15.5 2.25a4.25 4.25 0 0 1 4.25 4.25v2.396q.408.254.755.6a4.25 4.25 0 0 1-.755 6.608V17.5A4.25 4.25 0 0 1 12 19.908q-.218.319-.495.597A4.25 4.25 0 0 1 4.25 17.5v-1.396a4.25 4.25 0 0 1 0-7.208V6.5A4.25 4.25 0 0 1 12 4.09q.218-.316.495-.595A4.25 4.25 0 0 1 15.5 2.25m-7 1.5A2.75 2.75 0 0 0 5.75 6.5v1.817q.37-.067.75-.067H7a.75.75 0 0 1 0 1.5h-.5a2.75 2.75 0 0 0 0 5.5.75.75 0 0 1 0 1.5q-.38-.001-.75-.068v.818a2.75 2.75 0 0 0 5.5 0v-1a2.75 2.75 0 0 0-2.75-2.75.75.75 0 0 1 0-1.5c1.011 0 1.985.361 2.75 1.01V6.5A2.75 2.75 0 0 0 8.5 3.75m7 0a2.75 2.75 0 0 0-2.75 2.75v6.76a4.25 4.25 0 0 1 2.75-1.01.75.75 0 0 1 0 1.5 2.75 2.75 0 0 0-2.75 2.75v1a2.75 2.75 0 0 0 5.5 0v-.818a4 4 0 0 1-.75.068.75.75 0 0 1 0-1.5 2.75 2.75 0 0 0 0-5.5H17a.75.75 0 0 1 0-1.5h.5q.38 0 .75.067V6.5a2.75 2.75 0 0 0-2.75-2.75"
         })
     }));
+    return c ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { C as default };

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

@@ -79,45 +79,52 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import * as h from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: v, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), r = h !== null && h !== void 0 ? h : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: o } = l();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = d(), m = a === "brand" || a === "media" ? c.colors.neutralHighBrand : a === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: o, gradientDef: i } = f(v !== null && v !== void 0 ? v : m), { skinName: l } = s(), n = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M16.359 6.038h3.422A2.23 2.23 0 0 1 22 8.274v10.99c0 1.235-1 2.236-2.223 2.236H4.223A2.233 2.233 0 0 1 2 19.264V8.274c0-1.235 1-2.236 2.223-2.236h3.243C7.945 4.02 9.85 2.5 12.002 2.5c2.129 0 3.892 1.459 4.357 3.538M6.816 18.7c.408 0 .74-.334.74-.744v-1.115a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v1.116c0 .41.333.743.74.743m4.262-.744V14.42a.743.743 0 0 0-.74-.744.743.743 0 0 0-.739.744v3.537c0 .41.332.744.74.744a.743.743 0 0 0 .739-.744m2.778.744c.408 0 .74-.334.74-.744v-6.145a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v6.146c0 .41.332.743.74.743M9.087 5.851h5.665a2.955 2.955 0 0 0-2.75-1.863c-1.275 0-2.422.772-2.915 1.864m8.471 12.85c.408 0 .74-.334.74-.744V9.39a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v8.567c0 .41.332.744.74.744"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M16.359 6.038h3.422A2.23 2.23 0 0 1 22 8.274v10.99c0 1.235-1 2.236-2.223 2.236H4.223A2.233 2.233 0 0 1 2 19.264V8.274c0-1.235 1-2.236 2.223-2.236h3.243C7.945 4.02 9.85 2.5 12.002 2.5c2.129 0 3.892 1.459 4.357 3.538M6.816 18.7c.408 0 .74-.334.74-.744v-1.115a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v1.116c0 .41.333.743.74.743m4.262-.744V14.42a.743.743 0 0 0-.74-.744.743.743 0 0 0-.739.744v3.537c0 .41.332.744.74.744a.743.743 0 0 0 .739-.744m2.778.744c.408 0 .74-.334.74-.744v-6.145a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v6.146c0 .41.332.743.74.743M9.087 5.851h5.665a2.955 2.955 0 0 0-2.75-1.863c-1.275 0-2.422.772-2.915 1.864m8.471 12.85c.408 0 .74-.334.74-.744V9.39a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v8.567c0 .41.332.744.74.744"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M14 2.25A2.75 2.75 0 0 1 16.75 5v1.5H19A2.5 2.5 0 0 1 21.5 9v9a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 18V9A2.5 2.5 0 0 1 5 6.5h2.25V5A2.75 2.75 0 0 1 10 2.25zm2.53 8.72a.75.75 0 0 0-1.06 0L13 13.44l-1.47-1.47a.75.75 0 0 0-1.004-.052l-.056.052-3 3a.75.75 0 1 0 1.06 1.06L11 13.56l1.47 1.47a.75.75 0 0 0 1.06 0l3-3a.75.75 0 0 0 0-1.06M10 3.75A1.25 1.25 0 0 0 8.75 5v1.5h6.5V5a1.25 1.25 0 0 0-1.126-1.244L14 3.75z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { M as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs 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 i } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import * as l 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: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = v(), c = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = f(), m = o === "brand" || o === "media" ? c.colors.neutralHighBrand : o === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(s !== null && s !== void 0 ? s : m), { skinName: h } = d(), n = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: c,
+            fill: a,
             d: "M22 19.264V8.274a2.23 2.23 0 0 0-2.218-2.236h-3.423C15.894 3.964 14.13 2.5 12.002 2.5c-2.152 0-4.057 1.521-4.541 3.538H4.223A2.233 2.233 0 0 0 2 8.274v10.99C2 20.499 3 21.5 4.223 21.5h15.554A2.233 2.233 0 0 0 22 19.264M17.558 8.646a.743.743 0 0 0-.74.744v8.567c0 .41.332.744.74.744s.74-.334.74-.744V9.39a.743.743 0 0 0-.74-.744m-4.442 3.166c0-.41.332-.744.74-.744s.74.334.74.744v6.146c0 .41-.332.743-.74.743a.743.743 0 0 1-.74-.744zm-2.782 1.86a.743.743 0 0 0-.74.743v3.538c0 .41.332.744.74.744.407 0 .74-.334.74-.744V14.42a.74.74 0 0 0-.74-.749m-2.778 3.17v1.116c0 .41-.332.743-.74.743a.743.743 0 0 1-.74-.744v-1.115a.74.74 0 1 1 1.479 0m1.531-10.99c.493-1.092 1.64-1.864 2.915-1.864 1.238 0 2.29.748 2.75 1.864zM19.782 7.53c.407 0 .739.334.739.744h-.005v10.99c0 .41-.332.744-.74.744H4.224a.743.743 0 0 1-.74-.744V8.274c0-.41.333-.744.74-.744z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: c,
+            fill: a,
             d: "M20.147 5.853h-4.133C15.626 3.893 13.986 2.5 12 2.5c-2.019 0-3.796 1.45-4.199 3.353H3.853A1.86 1.86 0 0 0 2 7.717v11.551c0 1.025.83 1.865 1.853 1.865h11.479a.371.371 0 0 0 0-.744H3.853c-.611 0-1.109-.5-1.109-1.116V7.717c0-.615.498-1.116 1.11-1.116h16.293c.611 0 1.109.501 1.109 1.116v11.551c0 .615-.498 1.116-1.11 1.116h-.369a.371.371 0 0 0 0 .744h.37A1.86 1.86 0 0 0 22 19.263V7.717a1.865 1.865 0 0 0-1.853-1.864m-11.588 0C8.948 4.36 10.384 3.244 12 3.244c1.578 0 2.891 1.073 3.26 2.609zM17.555 21.5a.743.743 0 0 0 .739-.744.743.743 0 0 0-.74-.744.743.743 0 0 0-.739.744c0 .41.332.744.74.744m-10.74-6.004c.228 0 .417.186.417.42v1.487c0 .23-.185.42-.417.42a.416.416 0 0 1-.417-.42v-1.492c0-.23.19-.415.417-.415m3.934-2.003a.42.42 0 0 0-.417-.42.42.42 0 0 0-.417.42v3.91a.416.416 0 1 0 .834 0zm3.104-3.029c.228 0 .417.186.417.42v6.52a.42.42 0 0 1-.417.419.416.416 0 0 1-.417-.42v-6.519c0-.234.185-.42.417-.42m3.284 6.94c0 .233.19.419.418.419s.417-.19.417-.42V8.461a.416.416 0 0 0-.418-.42.42.42 0 0 0-.417.42z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: c,
+                fill: a,
                 d: "M15.47 10.97a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0L11 13.56l-2.47 2.47a.75.75 0 1 1-1.06-1.06l3-3 .056-.052a.75.75 0 0 1 1.004.052L13 13.44z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: c,
+                fill: a,
                 d: "M14 2.25A2.75 2.75 0 0 1 16.75 5v1.25H19A2.75 2.75 0 0 1 21.75 9v9A2.75 2.75 0 0 1 19 20.75H5A2.75 2.75 0 0 1 2.25 18V9A2.75 2.75 0 0 1 5 6.25h2.25V5A2.75 2.75 0 0 1 10 2.25zm-9 5.5A1.25 1.25 0 0 0 3.75 9v9A1.25 1.25 0 0 0 5 19.25h14A1.25 1.25 0 0 0 20.25 18V9a1.25 1.25 0 0 0-1.126-1.244L19 7.75zm5-4A1.25 1.25 0 0 0 8.75 5v1.25h6.5V5a1.25 1.25 0 0 0-1.126-1.244L14 3.75z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { w as default };

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

@@ -78,17 +78,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { jsx as e, jsxs as v } 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 i } from "../../skins/skin-contract.css-mistica.js";
-const V = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: s, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = v(), t = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? i.colors.neutralHighBrand : c === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const o = f(), m = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(s !== null && s !== void 0 ? s : m), { skinName: l } = d(), n = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -98,7 +99,7 @@ const V = (_param)=>{
             fill: t,
             d: "M22 19.264V8.274a2.23 2.23 0 0 0-2.218-2.236h-3.423C15.894 3.964 14.13 2.5 12.002 2.5c-2.152 0-4.057 1.521-4.541 3.538H4.223A2.233 2.233 0 0 0 2 8.274v10.99C2 20.499 3 21.5 4.223 21.5h15.554A2.233 2.233 0 0 0 22 19.264M17.558 8.646a.743.743 0 0 0-.74.744v8.567c0 .41.332.744.74.744s.74-.334.74-.744V9.39a.743.743 0 0 0-.74-.744m-4.442 3.166c0-.41.332-.744.74-.744s.74.334.74.744v6.146c0 .41-.332.743-.74.743a.743.743 0 0 1-.74-.744zm-2.782 1.86a.743.743 0 0 0-.74.743v3.538c0 .41.332.744.74.744.407 0 .74-.334.74-.744V14.42a.74.74 0 0 0-.74-.749m-2.778 3.17v1.116c0 .41-.332.743-.74.743a.743.743 0 0 1-.74-.744v-1.115a.74.74 0 1 1 1.479 0m1.531-10.99c.493-1.092 1.64-1.864 2.915-1.864 1.238 0 2.29.748 2.75 1.864zM19.782 7.53c.407 0 .739.334.739.744h-.005v10.99c0 .41-.332.744-.74.744H4.224a.743.743 0 0 1-.74-.744V8.274c0-.41.333-.744.74-.744z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -108,7 +109,7 @@ const V = (_param)=>{
             fill: t,
             d: "M22 19.264V8.274a2.23 2.23 0 0 0-2.218-2.236h-3.423C15.894 3.964 14.13 2.5 12.002 2.5c-2.152 0-4.057 1.521-4.541 3.538H4.223A2.233 2.233 0 0 0 2 8.274v10.99C2 20.499 3 21.5 4.223 21.5h15.554A2.233 2.233 0 0 0 22 19.264M17.558 8.646a.743.743 0 0 0-.74.744v8.567c0 .41.332.744.74.744s.74-.334.74-.744V9.39a.743.743 0 0 0-.74-.744m-4.442 3.166c0-.41.332-.744.74-.744s.74.334.74.744v6.146c0 .41-.332.743-.74.743a.743.743 0 0 1-.74-.744zm-2.782 1.86a.743.743 0 0 0-.74.743v3.538c0 .41.332.744.74.744.407 0 .74-.334.74-.744V14.42a.74.74 0 0 0-.74-.749m-2.778 3.17v1.116c0 .41-.332.743-.74.743a.743.743 0 0 1-.74-.744v-1.115a.74.74 0 1 1 1.479 0m1.531-10.99c.493-1.092 1.64-1.864 2.915-1.864 1.238 0 2.29.748 2.75 1.864zM19.782 7.53c.407 0 .739.334.739.744h-.005v10.99c0 .41-.332.744-.74.744H4.224a.743.743 0 0 1-.74-.744V8.274c0-.41.333-.744.74-.744z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -125,5 +126,11 @@ const V = (_param)=>{
             })
         ]
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { V as default };
+export { M as default };