@telefonica/mistica 16.68.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-share-light.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 i } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: c = 24 } = _param, a = _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 g } from "../../utils/icon-gradient.js";
+const S = (_param)=>{
+    var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), e = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: h } = o();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = g(s !== null && s !== void 0 ? s : m), { skinName: a } = d(), o = a.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M17.46 9c.062 0 .124 0 .177-.002.572-.01 2.863-.225 2.863-2.99 0-2.759-2.286-2.99-2.875-3.005L17.4 3h-.06c-.603.005-2.841.212-2.841 2.99q0 .425.066.771l-5.643 3.292c-.718-.93-1.899-1.04-2.298-1.05L6.4 9h-.06c-.603.005-2.841.212-2.841 2.99 0 2.783 2.26 3 2.863 3.01h.097c.062 0 .124 0 .177-.002.39-.007 1.576-.109 2.294-1.046l5.631 3.285a4.3 4.3 0 0 0-.062.754c0 2.782 2.26 3 2.863 3.008l.097.001c.062 0 .124 0 .177-.002.572-.01 2.863-.225 2.863-2.99 0-2.759-2.286-2.99-2.875-3.005L17.4 15h-.06c-.459.004-1.866.125-2.511 1.409l-5.505-3.212a3.8 3.8 0 0 0 .175-1.19c0-.47-.067-.867-.18-1.202l5.518-3.218c.654 1.279 2.067 1.406 2.525 1.412zm.144-5.148c.236.006.773.06 1.228.344.39.245.818.717.818 1.812 0 1.098-.428 1.565-.816 1.806-.45.28-.983.33-1.212.334l-.237.001h-.01c-.241-.003-.771-.053-1.217-.333-.38-.24-.808-.711-.808-1.825 0-1.116.424-1.582.797-1.816.437-.275.956-.323 1.198-.325h.056c.071 0 .144 0 .203.002m0 12c.236.006.773.06 1.228.344.39.245.818.717.818 1.812 0 1.098-.428 1.565-.816 1.806-.45.28-.983.33-1.212.334l-.162.002h-.085c-.241-.004-.771-.054-1.217-.334-.38-.24-.808-.711-.808-1.825 0-1.116.424-1.582.797-1.817.437-.274.956-.322 1.198-.324h.056c.071 0 .144 0 .203.002m-11-6c.235.006.773.06 1.228.344.39.245.818.717.818 1.812 0 1.098-.428 1.565-.816 1.806-.45.28-.983.33-1.212.334l-.237.001h-.01c-.241-.003-.771-.053-1.217-.333-.38-.24-.808-.712-.808-1.825 0-1.116.424-1.582.797-1.816.437-.275.956-.323 1.198-.325h.056c.071 0 .143 0 .202.002"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M15.235 16.21A3.52 3.52 0 0 1 18 14.852c1.944 0 3.528 1.608 3.528 3.576S19.944 22 18 22s-3.527-1.604-3.527-3.571q.002-.491.122-.94l-5.822-3.275a3.52 3.52 0 0 1-2.766 1.355c-1.943 0-3.527-1.603-3.527-3.571s1.584-3.571 3.527-3.571c1.008 0 1.916.432 2.56 1.12l6.028-3.052a3.6 3.6 0 0 1-.122-.924C14.473 3.604 16.057 2 18 2s3.528 1.596 3.528 3.563S19.944 9.135 18 9.135a3.5 3.5 0 0 1-2.773-1.368l-5.91 2.991c.143.388.218.804.218 1.236 0 .328-.044.64-.123.94zm4.882-10.64c0-1.183-.952-2.143-2.117-2.143-1.17 0-2.117.96-2.117 2.143 0 1.184.948 2.144 2.117 2.144s2.117-.96 2.117-2.144m-14.11 8.57c1.17 0 2.118-.963 2.118-2.143 0-1.184-.948-2.144-2.118-2.144s-2.117.964-2.117 2.144c0 1.184.952 2.144 2.117 2.144m9.876 4.284c0 1.183.952 2.143 2.117 2.143s2.117-.96 2.117-2.143c0-1.184-.948-2.144-2.117-2.144s-2.117.96-2.117 2.144"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "m11.688 14.676-2.39-1.392a3.62 3.62 0 0 0-.119-2.848l5.843-2.956A3.51 3.51 0 0 0 18 9.144c1.944 0 3.528-1.604 3.528-3.572S19.944 2 18 2s-3.527 1.604-3.527 3.572c0 .448.083.876.229 1.268L8.804 9.828a3.51 3.51 0 0 0-2.797-1.4C4.064 8.428 2.48 10.032 2.48 12s1.584 3.572 3.527 3.572c1.245 0 2.343-.66 2.971-1.648l2.358 1.372a.346.346 0 0 0 .478-.132.353.353 0 0 0-.126-.488m9.132-9.104c0 1.576-1.264 2.856-2.82 2.856s-2.82-1.28-2.82-2.856S16.444 2.716 18 2.716s2.82 1.28 2.82 2.856M6.007 14.856c-1.556 0-2.82-1.28-2.82-2.856s1.264-2.856 2.82-2.856c1.557 0 2.82 1.28 2.82 2.856s-1.263 2.856-2.82 2.856m8.466 3.572c0-1.968 1.584-3.572 3.527-3.572s3.528 1.604 3.528 3.572S19.944 22 18 22s-3.527-1.604-3.527-3.572m.707 0c0 1.576 1.264 2.856 2.82 2.856s2.82-1.28 2.82-2.856-1.264-2.856-2.82-2.856-2.82 1.28-2.82 2.856m-1.766-1.784c.39 0 .707-.32.707-.716a.71.71 0 0 0-.707-.716c-.39 0-.707.32-.707.716s.316.716.707.716"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M18.186 2.255A3.75 3.75 0 0 1 21.75 6l-.005.186a3.75 3.75 0 0 1-6.718 2.097l-5.397 2.78a3.74 3.74 0 0 1 0 1.872l5.397 2.78q.148-.192.322-.366A3.75 3.75 0 0 1 21.75 18l-.005.186a3.75 3.75 0 0 1-3.56 3.56L18 21.75a3.75 3.75 0 0 1-3.63-4.686l-5.398-2.78a3.75 3.75 0 0 1-6.717-2.098L2.25 12a3.75 3.75 0 0 1 6.722-2.284l5.397-2.78A3.75 3.75 0 0 1 18 2.25zM18 15.75a2.25 2.25 0 0 0 0 4.5l.223-.01A2.25 2.25 0 0 0 20.25 18l-.01-.223A2.25 2.25 0 0 0 18 15.75m-12-6A2.25 2.25 0 0 0 3.75 12l.01.223a2.25 2.25 0 0 0 4.271.738l.002-.005.003-.007c.138-.295.214-.617.214-.949A2.25 2.25 0 0 0 6 9.75m12-6a2.25 2.25 0 0 0-2.037 3.2l.004.006.008.019A2.25 2.25 0 0 0 20.25 6l-.01-.223a2.25 2.25 0 0 0-2.017-2.016z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { S as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as 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 f = (_param)=>{
-    var { color: i, size: l = 24 } = _param, a = _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 g } from "../../utils/icon-gradient.js";
+const S = (_param)=>{
+    var { color: s, size: l = 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__ */ c("svg", _object_spread_props(_object_spread({
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = g(s !== null && s !== void 0 ? s : m), { skinName: a } = d(), o = a.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M17.46 9c.062 0 .124 0 .177-.002.572-.01 2.863-.225 2.863-2.99 0-2.759-2.286-2.99-2.875-3.005L17.4 3h-.06c-.603.005-2.841.212-2.841 2.99q0 .299.033.559l-5.74 3.349C8.068 9.11 7 9.012 6.624 9.003L6.4 9h-.06c-.603.005-2.841.212-2.841 2.99 0 2.783 2.26 3 2.863 3.01h.097c.062 0 .124 0 .177-.002.367-.007 1.44-.098 2.164-.89l5.73 3.342a5 5 0 0 0-.031.54c0 2.783 2.26 3 2.863 3.01h.097c.062 0 .124 0 .177-.002.572-.01 2.863-.225 2.863-2.99 0-2.759-2.286-2.99-2.875-3.005L17.4 15h-.06c-.437.004-1.735.113-2.415 1.233L9.384 13c.075-.288.117-.616.117-.992a4 4 0 0 0-.12-1.006l5.556-3.241c.688 1.116 1.99 1.232 2.427 1.238zm.134-4.748c.208.005.66.054 1.025.283.271.17.631.512.631 1.473 0 .964-.36 1.3-.627 1.466-.36.225-.806.27-1.008.274l-.22.002h-.015c-.212-.004-.655-.05-1.009-.273-.258-.163-.621-.503-.621-1.486 0-.987.36-1.32.61-1.478.344-.216.774-.26.987-.263h.054c.069 0 .138 0 .193.002m0 12c.208.005.66.054 1.025.283.271.17.631.512.631 1.473 0 .963-.36 1.3-.627 1.466-.36.224-.806.27-1.008.274l-.22.002h-.015c-.212-.004-.655-.05-1.009-.273-.258-.163-.621-.503-.621-1.486 0-.986.36-1.32.61-1.478.344-.216.774-.26.987-.263h.054c.069 0 .138 0 .193.002m-11.001-6c.208.005.661.054 1.026.283.271.17.631.512.631 1.473 0 .964-.36 1.3-.627 1.466-.36.224-.806.27-1.008.274l-.22.002H6.38c-.212-.004-.655-.05-1.009-.273-.258-.163-.621-.503-.621-1.486 0-.986.36-1.32.61-1.478.344-.216.774-.26.987-.263h.054c.069 0 .137 0 .192.002"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M15.235 16.21A3.52 3.52 0 0 1 18 14.852c1.944 0 3.528 1.608 3.528 3.576S19.944 22 18 22s-3.527-1.604-3.527-3.571q.002-.491.122-.94l-5.822-3.275a3.52 3.52 0 0 1-2.766 1.355c-1.943 0-3.527-1.603-3.527-3.571s1.584-3.571 3.527-3.571c1.008 0 1.916.432 2.56 1.12l6.028-3.052a3.6 3.6 0 0 1-.122-.924C14.473 3.604 16.057 2 18 2s3.528 1.596 3.528 3.563S19.944 9.135 18 9.135a3.5 3.5 0 0 1-2.773-1.368l-5.91 2.991c.143.388.218.804.218 1.236 0 .328-.044.64-.123.94zm4.882-10.64c0-1.183-.952-2.143-2.117-2.143-1.17 0-2.117.96-2.117 2.143 0 1.184.948 2.144 2.117 2.144s2.117-.96 2.117-2.144m-14.11 8.57c1.17 0 2.118-.963 2.118-2.143 0-1.184-.948-2.144-2.118-2.144s-2.117.964-2.117 2.144c0 1.184.952 2.144 2.117 2.144m9.876 4.284c0 1.183.952 2.143 2.117 2.143s2.117-.96 2.117-2.143c0-1.184-.948-2.144-2.117-2.144s-2.117.96-2.117 2.144"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M15.235 16.21A3.52 3.52 0 0 1 18 14.852c1.944 0 3.528 1.608 3.528 3.576S19.944 22 18 22s-3.527-1.604-3.527-3.571q.002-.491.122-.94l-5.822-3.275a3.52 3.52 0 0 1-2.766 1.355c-1.943 0-3.527-1.603-3.527-3.571s1.584-3.571 3.527-3.571c1.008 0 1.916.432 2.56 1.12l6.028-3.052a3.6 3.6 0 0 1-.122-.924C14.473 3.604 16.057 2 18 2s3.528 1.596 3.528 3.563S19.944 9.135 18 9.135a3.5 3.5 0 0 1-2.773-1.368l-5.91 2.991c.143.388.218.804.218 1.236 0 .328-.044.64-.123.94zm4.882-10.64c0-1.183-.952-2.143-2.117-2.143-1.17 0-2.117.96-2.117 2.143 0 1.184.948 2.144 2.117 2.144s2.117-.96 2.117-2.144m-14.11 8.57c1.17 0 2.118-.963 2.118-2.143 0-1.184-.948-2.144-2.118-2.144s-2.117.964-2.117 2.144c0 1.184.952 2.144 2.117 2.144m9.876 4.284c0 1.183.952 2.143 2.117 2.143s2.117-.96 2.117-2.143c0-1.184-.948-2.144-2.117-2.144s-2.117.96-2.117 2.144"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M18.186 2.255A3.75 3.75 0 0 1 21.75 6l-.005.186a3.75 3.75 0 0 1-6.718 2.097l-5.397 2.78a3.74 3.74 0 0 1 0 1.872l5.397 2.78q.148-.192.322-.366A3.75 3.75 0 0 1 21.75 18l-.005.186a3.75 3.75 0 0 1-3.56 3.56L18 21.75a3.75 3.75 0 0 1-3.63-4.686l-5.398-2.78a3.75 3.75 0 0 1-6.717-2.098L2.25 12a3.75 3.75 0 0 1 6.722-2.284l5.397-2.78A3.75 3.75 0 0 1 18 2.25zM18 15.75a2.25 2.25 0 0 0 0 4.5l.223-.01A2.25 2.25 0 0 0 20.25 18l-.01-.223A2.25 2.25 0 0 0 18 15.75m-12-6A2.25 2.25 0 0 0 3.75 12l.01.223a2.25 2.25 0 0 0 4.271.738l.002-.005.003-.007c.138-.295.214-.617.214-.949A2.25 2.25 0 0 0 6 9.75m12-6a2.25 2.25 0 0 0-2.037 3.2l.004.006.008.019A2.25 2.25 0 0 0 20.25 6l-.01-.223a2.25 2.25 0 0 0-2.017-2.016z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { S as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } 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 H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), t = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? c.colors.neutralHighBrand : l === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = g(), h = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: o, gradientDef: c } = v(s !== null && s !== void 0 ? s : h), { skinName: d } = f(), a = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: o,
             d: "M21.06 5.855c-.564-.644-1.404-.972-2.505-.972H5.446c-1.098 0-1.941.328-2.504.972-.521.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.984.787 2.583.563.644 1.403.972 2.504.972h13.11c1.097 0 1.94-.328 2.503-.97.524-.599.788-1.467.788-2.582V8.438c0-1.115-.267-1.983-.788-2.583m.753 12.698c0 .308-.252.56-.56.56H2.749a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h18.504c.308 0 .56.252.56.56M11.16 10.645q.03.248 0 .496l1.978.989q.034-.037.073-.076.362-.342.994-.344.632 0 .995.344c.254.241.383.591.383 1.04 0 .428-.12.77-.355 1.008-.236.238-.591.372-1.023.372s-.784-.128-1.022-.372-.353-.58-.353-1.008q0-.093.008-.177l-2.02-1.011c-.237.24-.588.367-1.016.367s-.784-.13-1.023-.373q-.356-.366-.355-1.008c0-.448.129-.798.383-1.04.241-.226.575-.344.995-.344q.631 0 .994.345l.025.025 2.017-1.009a2 2 0 0 1-.008-.179c0-.448.129-.798.384-1.04.24-.226.574-.344.994-.344q.631 0 .994.345c.255.24.384.59.384 1.04 0 .428-.12.77-.356 1.008-.235.238-.59.372-1.022.372-.431 0-.784-.129-1.022-.372a.2.2 0 0 1-.032-.03l-.013-.015z"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: o,
                 d: "M21 13.25a1.75 1.75 0 1 1-.97 3.206l-2.289 1.373a2 2 0 0 1 0 .34l2.288 1.374a1.75 1.75 0 1 1-.771 1.286l-2.29-1.373a1.75 1.75 0 1 1 0-2.913l2.29-1.373A1.75 1.75 0 0 1 21 13.25M4.032 14.725c0-.116.127-.19.229-.133.426.235.916.461 1.483.672 1.723.65 4.008 1.006 6.413 1.006v-.01q.415 0 .823-.016c.122-.004.201.132.144.24A3.24 3.24 0 0 0 12.75 18c0 1.028.478 1.944 1.223 2.54.073.058.04.184-.055.19-2.723.201-5.723-.065-7.697-.808-1.354-.498-2.189-1.192-2.189-1.788zm.022-6.185c0-.117.126-.19.228-.134.429.235.928.463 1.505.683 1.723.65 4.01 1.007 6.414 1.007s4.69-.357 6.413-1.007q.82-.313 1.448-.658a.155.155 0 0 1 .231.132v2.946a.44.44 0 0 1-.31.406 3.26 3.26 0 0 0-1.912 1.676.42.42 0 0 1-.232.217c-3.088 1.086-8.521 1.066-11.52-.06l.02.01c-1.25-.468-1.878-.902-2.18-1.192a.36.36 0 0 1-.105-.26z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: o,
                 d: "M12.136 3c4.493 0 8.135 1.212 8.136 2.708s-3.643 2.709-8.136 2.709C7.642 8.417 4 7.204 4 5.708S7.643 3 12.136 3"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ i.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...i.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { p as default };
+export { H as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), c = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? l.colors.neutralHighBrand : e === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: n } = s();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = g(), d = a === "brand" || a === "media" ? c.colors.neutralHighBrand : a === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: r, gradientDef: l } = p(h !== null && h !== void 0 ? h : d), { skinName: m } = f(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M14.24 7.415c-.72 0-1.187.381-1.187 1.2q0 .123.014.234l-2.368 1.19c-.206-.251-.53-.371-.933-.371-.72 0-1.187.38-1.187 1.199 0 .392.108.684.3.881.207.215.511.318.884.318s.68-.103.885-.318l.048-.053 2.37 1.19q-.013.11-.013.231c0 .392.108.684.299.882.207.214.512.317.885.317s.68-.103.885-.317c.19-.198.299-.49.299-.882.005-.818-.461-1.199-1.181-1.199-.434 0-.776.138-.98.427l-2.337-1.175q.024-.14.024-.302a2 2 0 0 0-.022-.299l2.34-1.177a1 1 0 0 0 .087.105c.207.215.512.318.885.318s.68-.103.885-.318c.19-.198.299-.49.299-.881.005-.819-.461-1.2-1.181-1.2"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M5.068 16.733H18.94c1.03 0 1.813-.3 2.328-.895.486-.558.731-1.383.731-2.45V8.343c0-1.068-.248-1.892-.731-2.45C20.754 5.3 19.97 5 18.94 5H5.068c-1.03 0-1.813.3-2.328.893-.487.558-.731 1.382-.731 2.45v5.045c0 1.067.244 1.892.73 2.453.516.592 1.299.892 2.329.892m-2.49-8.388c0-1.891.79-2.773 2.49-2.773H18.94c1.699 0 2.49.879 2.49 2.77v5.049c0 1.892-.791 2.773-2.49 2.773H5.068c-1.7 0-2.49-.882-2.49-2.773zM21.707 19H2.285a.286.286 0 0 1 0-.572h19.422a.286.286 0 0 1 0 .572"
             })
         ]
     })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M21 13.25a1.75 1.75 0 1 1-.97 3.206l-2.289 1.373a2 2 0 0 1 0 .34l2.29 1.374a1.75 1.75 0 1 1-.773 1.286l-2.29-1.373a1.75 1.75 0 1 1 0-2.913l2.29-1.373A1.75 1.75 0 0 1 21 13.25"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 2.25c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.094.496.441.88 1.023.88 1.729v5a.75.75 0 0 1-1.5 0V8.184a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V12c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831a.75.75 0 0 1 0 1.5c-2.275 0-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V18c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831a.75.75 0 0 1 0 1.5c-2.275 0-4.368-.345-5.92-.927-.773-.29-1.451-.653-1.95-1.094-.496-.441-.88-1.023-.88-1.729V6c0-.706.384-1.288.88-1.729.499-.441 1.177-.804 1.95-1.094C7.632 2.595 9.725 2.25 12 2.25m0 1.5c-2.143 0-4.05.327-5.394.831-.674.253-1.168.536-1.48.813S4.75 5.877 4.75 6s.064.33.376.606c.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.831c.674-.253 1.168-.536 1.48-.813s.376-.483.376-.606-.064-.33-.376-.606c-.312-.277-.806-.56-1.48-.813C16.05 4.077 14.143 3.75 12 3.75"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { x as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as l } 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 e, jsxs as i } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), c = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = g(), d = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: l } = p(h !== null && h !== void 0 ? h : d), { skinName: m } = f(), c = m.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: c,
+                fill: r,
                 d: "m10.819 9.877-.025-.024q-.363-.345-.995-.345c-.42 0-.753.118-.994.345-.255.24-.384.59-.384 1.039q0 .643.356 1.008c.238.244.59.373 1.022.373.425 0 .78-.132 1.016-.366l2.02 1.01a2 2 0 0 0-.008.18q-.002.642.353 1.008c.238.243.591.372 1.023.372s.79-.134 1.025-.372.356-.58.356-1.009c0-.448-.13-.798-.384-1.039q-.362-.344-.995-.344-.631.002-.994.344a1 1 0 0 0-.069.071l-1.98-.989a2 2 0 0 0 .001-.495l1.978-.988.04.043c.237.243.59.372 1.022.372.431 0 .79-.134 1.025-.372.235-.239.356-.58.356-1.009 0-.448-.13-.798-.384-1.04q-.365-.344-.995-.344c-.42 0-.753.118-.994.345-.255.24-.384.59-.384 1.04q0 .09.007.179z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: c,
+                fill: r,
                 d: "M5.446 16.931h13.11c1.098 0 1.94-.328 2.504-.972.52-.6.787-1.468.787-2.583V8.438c0-1.115-.264-1.983-.787-2.583-.563-.644-1.406-.972-2.504-.972H5.445c-1.1 0-1.94.328-2.504.972-.52.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.984.787 2.586.563.641 1.406.969 2.504.969M3.788 6.595c.345-.395.885-.588 1.658-.588l13.11-.003c.77 0 1.313.193 1.658.588.339.39.512 1.011.512 1.846v4.938c0 .835-.173 1.457-.512 1.846-.345.395-.888.588-1.658.588H5.445c-.77 0-1.313-.193-1.658-.588-.339-.389-.513-1.01-.513-1.846V8.438c0-.835.174-1.457.513-1.843m17.466 12.521H2.749a.56.56 0 0 1-.56-.56c0-.309.252-.56.56-.56h18.504c.308 0 .56.252.56.56s-.252.56-.56.56"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: c,
+                fill: r,
                 d: "M21 13.25a1.75 1.75 0 1 1-.97 3.206l-2.289 1.373a2 2 0 0 1 0 .34l2.29 1.374a1.75 1.75 0 1 1-.773 1.286l-2.29-1.373a1.75 1.75 0 1 1 0-2.913l2.29-1.373A1.75 1.75 0 0 1 21 13.25"
             }),
             /* @__PURE__ */ e("path", {
-                fill: c,
+                fill: r,
                 d: "M12 2.25c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.094.496.441.88 1.023.88 1.729v5a.75.75 0 0 1-1.5 0V8.184a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V12c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831a.75.75 0 0 1 0 1.5c-2.275 0-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V18c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831a.75.75 0 0 1 0 1.5c-2.275 0-4.368-.345-5.92-.927-.773-.29-1.451-.653-1.95-1.094-.496-.441-.88-1.023-.88-1.729V6c0-.706.384-1.288.88-1.729.499-.441 1.177-.804 1.95-1.094C7.632 2.595 9.725 2.25 12 2.25m0 1.5c-2.143 0-4.05.327-5.394.831-.674.253-1.168.536-1.48.813S4.75 5.877 4.75 6s.064.33.376.606c.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.831c.674-.253 1.168-.536 1.48-.813s.376-.483.376-.606-.064-.33-.376-.606c-.312-.277-.806-.56-1.48-.813C16.05 4.077 14.143 3.75 12 3.75"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ s.cloneElement(c, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...s.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { p as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-shared-mobile-data-filled.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 h } 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: l = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } 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 M = (_param)=>{
+    var { color: d, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), a = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const t = v(), h = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: n } = g(d !== null && d !== void 0 ? d : h), { skinName: m } = f(), 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), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ l("path", {
                 fill: a,
                 d: "M8.934 9.286a.51.51 0 0 1 .554-.512l1.373-.003a.6.6 0 0 0 .045-.222V6.53c0-1.394-.768-2.164-2.166-2.164H4.337c-1.417 0-2.165.748-2.165 2.165v8.21c0 .72.182 1.25.554 1.619.37.367.897.543 1.611.543H8.74c.84 0 1.423-.246 1.788-.75a.56.56 0 0 0 .078-.496l-1.61-1.199a.41.41 0 0 1-.171-.33.41.41 0 0 1 .17-.331l1.188-.89.003-.102q.052.017.104.02l.605-.454q.009-.05.01-.103V10.94l-1.456-.006a.49.49 0 0 1-.395-.168.52.52 0 0 1-.126-.384zm-2 5.88c-.084.086-.21.128-.364.128s-.28-.042-.365-.128a.5.5 0 0 1-.123-.362c0-.336.194-.49.488-.49.297 0 .487.157.487.49 0 .163-.042.28-.123.362m12.722-8.065c.715 0 1.241.18 1.611.547.373.37.555.899.552 1.619v8.207c0 1.417-.748 2.165-2.165 2.165H15.25c-1.398 0-2.165-.77-2.165-2.165V15.21l1.496-.005a.5.5 0 0 0 .395-.168.52.52 0 0 0 .126-.384l-.003-1.098a.51.51 0 0 0-.555-.512l-1.456-.003v-1.367l.001-.021.002-.021.678-.505q.003.004.008.003v-.005l1.263-.942a.41.41 0 0 0 .171-.33.41.41 0 0 0-.17-.33l-1.73-1.295a.6.6 0 0 1 .08-.257c.344-.577.971-.869 1.862-.869zM17.82 17.886q.122-.119.123-.362c0-.333-.19-.49-.487-.49-.294 0-.488.154-.488.49 0 .163.045.28.124.362.084.086.21.128.364.128s.28-.042.364-.128"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ l("path", {
                 fill: a,
                 d: "m9.654 10.384 2.857.009c.07 0 .126.058.129.126l.008.59c0 .07.048.093.104.051l1.675-1.246c.056-.042.056-.11 0-.152l-1.664-1.246c-.056-.042-.101-.02-.098.05l.008.636c0 .07-.056.126-.123.126l-2.871.003a.162.162 0 0 0-.185.162l-.003.704c-.014.117.073.196.163.187m4.728 4.275-2.857.008a.13.13 0 0 0-.13.126l-.008.591c0 .07-.047.093-.103.05l-1.675-1.246c-.056-.042-.056-.11 0-.151l1.664-1.247c.056-.042.1-.02.098.05l-.009.637c0 .07.056.126.124.126l2.87.002a.164.164 0 0 1 .186.163l.002.703c.014.115-.075.193-.162.188"
             })
         ]
     })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ l("path", {
                 fill: a,
                 d: "M21.13 16.262q.01 0 .018.003l.04.011q.05.012.098.03a.75.75 0 0 1 .362.324q.025.04.044.083a.8.8 0 0 1 .058.287v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.72 3.72a.75.75 0 0 1-1.06-1.06l3.72-3.72H16.5a.746.746 0 0 1-.734-.599.76.76 0 0 1 .112-.57.76.76 0 0 1 .622-.331H21q.067 0 .13.012"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ l("path", {
                 fill: a,
                 d: "M16 2.5A2.5 2.5 0 0 1 18.5 5v9.5a.25.25 0 0 1-.25.25H16.5a2.25 2.25 0 0 0-1.139 4.189c.157.091.205.312.076.44l-1.028 1.03c-.26.26-.442.57-.548.899a.27.27 0 0 1-.252.192H8A2.5 2.5 0 0 1 5.5 19V5A2.5 2.5 0 0 1 8 2.5zM12 16c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ s.cloneElement(r, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...s.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { M as default };

package/dist-es/generated/mistica-icons/icon-shared-mobile-data-light.js

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, 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 h } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: t = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as a, jsxs as c } 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 o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = v(), a = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? h.colors.neutralHighBrand : e === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const t = f(), v = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(s !== null && s !== void 0 ? s : v), { 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"
-    }, c), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "M18.06 17.434c0-.327-.195-.481-.497-.481-.303 0-.5.151-.497.481 0 .16.046.275.126.355.085.085.214.126.37.126.158 0 .286-.04.372-.126a.48.48 0 0 0 .125-.355M6.94 14.76c0-.327-.195-.481-.497-.481-.303 0-.5.154-.497.481 0 .16.046.275.126.355.085.085.214.127.37.127.158 0 .286-.042.372-.127a.48.48 0 0 0 .125-.355"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "M8.788 16.813H4.092c-1.407 0-2.092-.66-2.092-2.017v-8.28C2 5.16 2.685 4.5 4.092 4.5h4.7c1.389 0 2.09.68 2.09 2.016v2.32h1.208l-.009-.691a.36.36 0 0 1 .109-.278.35.35 0 0 1 .245-.1c.086 0 .168.031.245.083l.584.422q.17-.455.535-.719c.343-.244.802-.365 1.41-.365h4.7c1.389 0 2.091.679 2.091 2.016v8.277c.003 1.359-.682 2.019-2.089 2.019h-4.7c-1.406 0-2.091-.66-2.091-2.016v-2.319l-1.193.005-.011.693a.35.35 0 0 1-.354.366.4.4 0 0 1-.245-.082l-.578-.414c-.27.726-.911 1.08-1.95 1.08m4.509-7.83a.3.3 0 0 1-.061-.045l-.575-.416.005.41a.43.43 0 0 1-.134.318.5.5 0 0 1-.33.135l-1.577.002a.3.3 0 0 1-.055 0l-1.151.001-.003 1.023 1.148.005a.3.3 0 0 1 .07 0l1.519.006a.467.467 0 0 1 .468.449l.005.423.578-.414a.3.3 0 0 1 .067-.048l1.296-.93zm-.177 2.637-.46.329a.4.4 0 0 1-.24.085.36.36 0 0 1-.359-.368l-.011-.694-1.167-.004v1.38l.414-.3a.4.4 0 0 1 .245-.082.35.35 0 0 1 .245.099c.052.05.112.137.109.277l-.009.69 1.233.002zm.57 1.415h.877a.52.52 0 0 1 .416.15.5.5 0 0 1 .149.354l.002 1.078a.5.5 0 0 1-.128.377.52.52 0 0 1-.402.165l-.913.004v2.32c0 1.057.428 1.467 1.52 1.467h4.7c1.096 0 1.521-.413 1.521-1.466v-8.28c0-1.029-.453-1.466-1.52-1.466h-4.7c-1.052 0-1.354.425-1.462.885l1.316.952a.4.4 0 0 1 .174.325.4.4 0 0 1-.174.324l-1.375.986zm-3.378-.275v-1.795l-.939-.004h-.025a.52.52 0 0 1-.377-.165.5.5 0 0 1-.128-.376l.002-1.079a.5.5 0 0 1 .149-.355.52.52 0 0 1 .416-.148l.902-.001v-2.32c0-1.03-.454-1.467-1.52-1.467h-4.7c-.551 0-.933.113-1.17.341s-.351.597-.351 1.125v8.277c0 1.057.428 1.467 1.52 1.467h4.7c.872 0 1.308-.258 1.46-.877l-1.34-.961a.4.4 0 0 1-.174-.325c0-.126.063-.245.174-.324zm.383 2.254a.3.3 0 0 1 .08.058l.582.417.005-.423a.466.466 0 0 1 .465-.449l2.737-.01-.003-1.021-2.782-.003a.47.47 0 0 1-.331-.132.44.44 0 0 1-.134-.32l.005-.409-1.903 1.375z"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "M21 16.25q.067 0 .132.012l.016.003.04.011q.05.012.098.03.044.021.083.045.087.047.161.119a.8.8 0 0 1 .118.16q.025.04.044.083a.8.8 0 0 1 .058.287v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.72 3.72a.75.75 0 1 1-1.06-1.06l3.72-3.72H16.5a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "M15.5 2.25a3.25 3.25 0 0 1 3.25 3.25V13a.75.75 0 0 1-1.5 0V5.5a1.75 1.75 0 0 0-1.75-1.75h-7A1.75 1.75 0 0 0 6.75 5.5v13c0 .966.784 1.75 1.75 1.75H12a.75.75 0 0 1 0 1.5H8.5a3.25 3.25 0 0 1-3.25-3.25v-13A3.25 3.25 0 0 1 8.5 2.25z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { x as default };