@telefonica/mistica 16.68.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-data-network-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 i } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: c = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const z = (_param)=>{
+    var { color: m, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = l(), o = h !== null && h !== void 0 ? h : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: m } = i();
-    return m.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const c = d(), h = c === "brand" || c === "media" ? a.colors.neutralHighBrand : c === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(m !== null && m !== void 0 ? m : h), { skinName: v } = s(), r = v.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M21.437 7.894c.263.977.409 2.07.409 3.288 0 5.9-3.196 9.023-9.26 9.023-.894 0-1.734-.073-2.51-.207l-.007-.004-.005-.003q-.014-.01-.03-.01v.596c0 .39-.418.712-1.241.944-.723.208-1.684.325-2.695.325-1.003 0-1.963-.117-2.695-.325-.823-.232-1.24-.554-1.24-.944v-1.972c.28.19.655.364 1.106.49.765.225 1.776.34 2.84.34 1.07 0 2.076-.118 2.85-.34a3.3 3.3 0 0 0 1.078-.495v.596a.5.5 0 0 1 .196-.017c.593.11 1.249.16 1.938.183v-4.076h-2.126a.42.42 0 0 1-.263-.098c-.213.174-.527.347-.978.479-.723.199-1.683.316-2.695.316-1.01 0-1.963-.117-2.686-.316-.647-.19-1.115-.47-1.258-.753v-2.222c.264.207.63.373 1.107.504.765.225 1.776.342 2.84.342 1.062 0 2.076-.115 2.849-.342.46-.131.815-.288 1.078-.487v1.748h2.135v-6.03h-3.93c-.18.811-.28 1.671-.289 2.568l.012.002c.296.05.577.097.831.171.715.208 1.124.474 1.216.796l-.008.008c-.12.297-.527.555-1.2.745-.73.208-1.683.322-2.694.322s-1.963-.114-2.686-.322c-.69-.199-1.107-.462-1.216-.77l-.008-.008c.11-.292.501-.555 1.14-.745v-.009c0-1.218.146-2.31.417-3.288q.006-.014.009-.03a.1.1 0 0 1 .008-.03c1.053-3.719 4.048-5.674 8.818-5.674 4.787 0 7.781 1.955 8.835 5.675l.002.02q0 .019.006.036m-9.266-.297-.008-4.566c-1.583.28-2.995 2.104-3.71 4.566zm4.317 0c-.648-2.496-1.939-4.283-3.48-4.566l.009 4.566zm4.075 6.86c.289-.953.434-2.04.434-3.272 0-1.011-.092-1.93-.288-2.759h-3.154c.154.863.238 1.782.238 2.742a15.7 15.7 0 0 1-.348 3.292h3.118zm-5.51 4.697c2.558-.482 4.303-1.773 5.205-3.868H17.23c-.476 1.656-1.235 3.006-2.177 3.868m1.292-3.868H13.02v4.05c1.42-.266 2.636-1.831 3.325-4.05m.33-6.863h-3.658v6.034h3.555c.232-1.014.366-2.123.366-3.291 0-.961-.092-1.888-.263-2.743m3.784-.826c-.834-2.403-2.644-3.86-5.4-4.384 1.036.953 1.854 2.493 2.314 4.384zm-12.907 0c.493-1.863 1.353-3.398 2.44-4.359-2.687.538-4.448 1.998-5.272 4.359zm-.196.83H4.482c-.188.77-.28 1.63-.289 2.576.58-.1 1.224-.157 1.905-.157.347-.003.678.014 1.003.048.017-.863.1-1.69.255-2.468m-5.193 9.442c.142.285.607.56 1.252.747.725.208 1.675.323 2.697.32 1.014 0 1.972-.115 2.692-.32.712-.207 1.104-.518 1.235-.753v-2.224c-.28.204-.65.375-1.084.496-.767.221-1.778.341-2.846.341-1.064 0-2.072-.123-2.846-.341-.45-.126-.82-.294-1.1-.49z"
         })
-    })) : /* @__PURE__ */ a("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"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 2.25a6.75 6.75 0 0 1 4.773 11.523 6.75 6.75 0 0 1-4.023 1.933v1.65a2.74 2.74 0 0 1 1.894 1.894H21a.75.75 0 0 1 0 1.5h-6.356a2.748 2.748 0 0 1-4.588 1.194 2.75 2.75 0 0 1-.7-1.194H3a.75.75 0 1 1 0-1.5h6.356c.127-.447.365-.86.7-1.194a2.75 2.75 0 0 1 1.194-.7v-1.65a6.75 6.75 0 0 1-5.992-6.371L5.25 9A6.75 6.75 0 0 1 12 2.25m-1.238 7.5c.04 1.425.197 2.503.45 3.263.24.72.527 1.045.788 1.185.26-.14.548-.465.788-1.185.253-.76.41-1.838.45-3.263zm-3.957 0a5.25 5.25 0 0 0 3.104 4.063 6 6 0 0 1-.12-.326c-.32-.96-.488-2.215-.528-3.737zm7.934 0c-.04 1.522-.208 2.778-.528 3.737q-.057.168-.121.326a5.2 5.2 0 0 0 1.622-1.101 5.25 5.25 0 0 0 1.483-2.962zM9.91 4.185A5.25 5.25 0 0 0 6.805 8.25H9.26c.04-1.522.208-2.778.528-3.737q.056-.168.12-.328M12 3.801c-.26.14-.548.465-.788 1.186-.253.76-.41 1.838-.45 3.263h2.476c-.04-1.425-.197-2.504-.45-3.263-.24-.72-.527-1.046-.788-1.186m2.09.384q.065.16.12.328c.32.96.489 2.215.53 3.737h2.455a5.25 5.25 0 0 0-3.105-4.065"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { f as default };
+export { z as default };

package/dist-es/generated/mistica-icons/icon-data-network-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 i } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: a = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as e } 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 r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: h, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const m = n(), t = r !== null && r !== void 0 ? r : m === "brand" || m === "media" ? e.colors.neutralHighBrand : m === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: o } = i();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = d(), l = a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: n, gradientDef: m } = f(h !== null && h !== void 0 ? h : l), { skinName: s } = v(), c = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "m21.42 7.806.009.028c.266.972.409 2.056.409 3.269 0 5.849-3.143 8.938-9.076 8.938a13.5 13.5 0 0 1-2.46-.204h-.008v.221q-.001 1.003-1.54 1.462c-.692.205-1.594.32-2.536.32-.94 0-1.831-.115-2.523-.32-1.026-.302-1.544-.795-1.544-1.462v-7.655c0-.107.017-.216.042-.325.152-.51.659-.894 1.502-1.149.02-1.134.15-2.162.4-3.09l.008-.021a.1.1 0 0 1 .017-.043c1.023-3.686 3.958-5.619 8.642-5.619s7.616 1.933 8.65 5.622q.006.015.008.028m-9.076-.269v-4.52c-1.548.282-2.932 2.089-3.64 4.52zm.833-4.518v4.518h3.408c-.633-2.473-1.907-4.238-3.408-4.518m4.333 11.322h3.059c.285-.944.434-2.022.434-3.238a12 12 0 0 0-.294-2.745h-3.09c.151.854.233 1.767.233 2.72 0 1.16-.124 2.26-.342 3.263m-.2.82c-.475 1.645-1.218 2.984-2.133 3.838 2.51-.476 4.21-1.759 5.1-3.837zm-4.133 4.02c1.392-.263 2.59-1.815 3.26-4.02h-3.26zm3.59-10.82h-3.59v5.983h3.481a14.3 14.3 0 0 0 .359-3.263c0-.956-.09-1.866-.25-2.72m.687-.824h3.025c-.818-2.372-2.594-3.826-5.291-4.339 1.005.939 1.815 2.465 2.266 4.34m-7.16 6.804h2.05v-5.98H8.502a12.6 12.6 0 0 0-.283 2.448q.269.046.533.123c1.028.303 1.543.796 1.543 1.47zm2.05 4.866s0-4.045-.002-4.045h-2.05v3.874a.5.5 0 0 1 .159 0 14 14 0 0 0 1.893.17m-3.826-3.773c.507-.157.824-.387.941-.566 0 0 0-1.603-.002-1.603a3.7 3.7 0 0 1-.71.289c-.683.204-1.582.32-2.523.32s-1.84-.116-2.524-.32a3.2 3.2 0 0 1-.717-.294v1.624c.101.163.384.379.961.55 1.216.364 3.35.364 4.574 0m.941 2.112s0-1.628-.002-1.628c-.208.118-.44.224-.7.306-.693.196-1.592.31-2.533.31s-1.84-.114-2.524-.313a3.6 3.6 0 0 1-.717-.303v1.636c.093.165.384.39.961.56 1.216.362 3.347.362 4.574 0 .54-.165.835-.398.941-.568m-.95 3.196c.36-.107.95-.34.95-.684v-1.46c-.207.116-.44.222-.7.295-.692.204-1.591.322-2.532.322s-1.84-.118-2.524-.322a3.5 3.5 0 0 1-.717-.294v1.46c0 .347.591.576.95.683 1.224.361 3.35.361 4.574 0m-4.573-9.023c-.485.14-.793.33-.9.516.107.199.415.386.908.535 1.216.361 3.35.361 4.566 0 .624-.19.832-.387.907-.518-.131-.261-.607-.443-.907-.533-1.224-.361-3.35-.361-4.574 0m3.7-3.358H4.81a11.7 11.7 0 0 0-.275 2.4 11.6 11.6 0 0 1 2.852-.075q.034-1.174.249-2.325m2.574-5.143c-2.625.54-4.358 1.977-5.16 4.32h2.768c.485-1.85 1.333-3.368 2.392-4.32"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 2.25a6.75 6.75 0 0 1 4.773 11.523 6.75 6.75 0 0 1-4.023 1.933v1.65a2.75 2.75 0 0 1 1.894 1.894H21a.75.75 0 0 1 0 1.5h-6.356a2.747 2.747 0 0 1-5.288 0H3a.75.75 0 0 1 0-1.5h6.356a2.75 2.75 0 0 1 1.894-1.894v-1.65A6.748 6.748 0 0 1 12 2.25m0 16.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-1.238-9c.04 1.425.197 2.504.45 3.263.24.72.527 1.045.788 1.185.26-.14.548-.465.788-1.185.253-.76.41-1.838.45-3.263zm-3.957 0a5.25 5.25 0 0 0 3.104 4.063 6 6 0 0 1-.12-.326c-.32-.96-.488-2.215-.528-3.737zm7.934 0c-.04 1.522-.208 2.778-.528 3.737q-.057.168-.121.326a5.25 5.25 0 0 0 3.105-4.063zM9.91 4.186A5.25 5.25 0 0 0 6.805 8.25H9.26c.04-1.522.208-2.778.528-3.737a6 6 0 0 1 .12-.327M12 3.8c-.26.14-.548.465-.788 1.186-.253.76-.41 1.838-.45 3.263h2.476c-.04-1.425-.197-2.503-.45-3.263-.24-.72-.527-1.046-.788-1.186m2.09.385q.065.159.12.327c.32.96.489 2.215.53 3.737h2.455a5.25 5.25 0 0 0-3.105-4.064"
         })
     }));
+    return m ? /*#__PURE__*/ i.cloneElement(c, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: m
+        }, "gradient-defs"),
+        ...i.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { g as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-data-network-regular.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 i } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: m, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = l(), t = m !== null && m !== void 0 ? m : e === "brand" || e === "media" ? h.colors.neutralHighBrand : e === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: o } = i();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = d(), l = a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(h !== null && h !== void 0 ? h : l), { skinName: s } = v(), c = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M21.388 7.735a.55.55 0 0 1 .072.224q.379 1.41.384 3.132c0 5.837-3.123 8.924-9.036 8.924a14 14 0 0 1-2.32-.185v.073c0 .513-.283 1.218-1.647 1.619-.692.21-1.59.322-2.524.322-.932 0-1.826-.112-2.515-.322-1.364-.4-1.647-1.106-1.647-1.62V12.43q-.002-.195.048-.362v-.008c.162-.563.697-.989 1.582-1.252.098-5.661 3.213-8.653 9.02-8.653 4.569 0 7.52 1.955 8.583 5.58m-9.191-.328V3.455c-1.291.375-2.434 1.899-3.076 3.952zm1.216-3.944v3.944h2.863c-.575-2.076-1.622-3.566-2.863-3.944m4.266 10.583h2.571c.244-.866.376-1.852.373-2.958 0-.908-.09-1.726-.252-2.48h-2.597c.123.78.188 1.597.188 2.463a15.7 15.7 0 0 1-.283 2.975m-.3 1.204c-.38 1.3-.941 2.39-1.63 3.207 1.916-.515 3.269-1.58 4.056-3.207zm-3.966 3.462c1.137-.35 2.109-1.641 2.7-3.456h-2.7zM16.536 8.61h-3.123v5.445l3.033-.008c.194-.916.3-1.925.3-2.975 0-.857-.073-1.686-.21-2.462m1.008-1.202h2.465c-.73-1.877-2.143-3.112-4.201-3.68.764.913 1.364 2.182 1.736 3.68m-7.058 6.647h1.711V8.61H8.822a12.3 12.3 0 0 0-.236 2.134c.082.014.171.031.252.056 1.365.41 1.648 1.107 1.648 1.628zm1.711 4.731V15.26h-1.711v3.375l.053-.004.053-.004c.501.095 1.045.137 1.605.16M8.5 15.195c.42-.13.663-.306.77-.427h.003v-1.176l-.031.012c-.128.052-.25.1-.392.14-.692.21-1.583.321-2.524.321-.933 0-1.835-.114-2.516-.322a4 4 0 0 1-.436-.16v1.202c.09.104.333.272.787.41 1.15.335 3.179.335 4.339 0m.77 2.187h.003V16.18c-.14.065-.278.12-.423.16-.692.21-1.583.322-2.524.322-.933 0-1.835-.112-2.516-.322a2.3 2.3 0 0 1-.358-.127l-.078-.033v1.22c.08.098.302.266.787.409 1.15.336 3.179.336 4.339 0 .42-.13.663-.306.77-.426m-.779 2.991c.535-.162.779-.353.779-.473h.003v-1.106l-.095.038a3 3 0 0 1-.328.121c-.692.21-1.583.322-2.524.322-.933 0-1.835-.114-2.516-.322a4 4 0 0 1-.436-.16V19.9c0 .12.243.311.778.474 1.16.336 3.171.336 4.34 0m-4.342-8.42c-.364.112-.565.224-.672.311.104.096.308.216.68.328 1.152.336 3.18.336 4.331 0 .39-.118.583-.232.681-.32-.112-.095-.33-.215-.68-.319-1.152-.344-3.188-.344-4.34 0M7.572 8.61H5.245c-.138.602-.21 1.26-.236 1.955a12.4 12.4 0 0 1 2.37-.022q.034-.999.193-1.933m2.126-4.85c-2.002.583-3.375 1.804-4.095 3.65H7.85c.406-1.468 1.045-2.728 1.848-3.65"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 2.25a6.75 6.75 0 0 1 4.773 11.523 6.75 6.75 0 0 1-4.023 1.933v1.65a2.75 2.75 0 0 1 1.894 1.894H21a.75.75 0 0 1 0 1.5h-6.356a2.747 2.747 0 0 1-5.288 0H3a.75.75 0 0 1 0-1.5h6.356a2.75 2.75 0 0 1 1.894-1.894v-1.65A6.748 6.748 0 0 1 12 2.25m0 16.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-1.238-9c.04 1.425.197 2.504.45 3.263.24.72.527 1.045.788 1.185.26-.14.548-.465.788-1.185.253-.76.41-1.838.45-3.263zm-3.957 0a5.25 5.25 0 0 0 3.104 4.063 6 6 0 0 1-.12-.326c-.32-.96-.488-2.215-.528-3.737zm7.934 0c-.04 1.522-.208 2.778-.528 3.737q-.057.168-.121.326a5.25 5.25 0 0 0 3.105-4.063zM9.91 4.186A5.25 5.25 0 0 0 6.805 8.25H9.26c.04-1.522.208-2.778.528-3.737a6 6 0 0 1 .12-.327M12 3.8c-.26.14-.548.465-.788 1.186-.253.76-.41 1.838-.45 3.263h2.476c-.04-1.425-.197-2.503-.45-3.263-.24-.72-.527-1.046-.788-1.186m2.09.385q.065.159.12.327c.32.96.489 2.215.53 3.737h2.455a5.25 5.25 0 0 0-3.105-4.064"
         })
     }));
+    return i ? /*#__PURE__*/ m.cloneElement(c, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...m.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { g as default };
+export { w as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as o } 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 d = (_param)=>{
-    var { color: i, size: t = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as m } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: s, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), e = i !== null && i !== void 0 ? i : 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: t,
-        height: t,
+    const t = f(), d = t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = m(s !== null && s !== void 0 ? s : d), e = /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M16.5 12.75a.75.75 0 0 1 0 1.5h-1.75v-1.5zm0-3a.75.75 0 0 1 0 1.5h-1.75v-1.5z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M18 2.5A3.5 3.5 0 0 1 21.5 6v12a3.5 3.5 0 0 1-3.5 3.5H6A3.5 3.5 0 0 1 2.5 18V6A3.5 3.5 0 0 1 6 2.5zM9.367 8.268a3.75 3.75 0 0 0-2.45.614A3.78 3.78 0 0 0 5.25 12c0 2.097 1.595 3.75 3.75 3.75 1.116 0 1.963-.498 2.507-1.247.524-.722.743-1.64.743-2.503a.75.75 0 0 0-.75-.75H9a.75.75 0 0 0 0 1.5h1.667a2.4 2.4 0 0 1-.374.872c-.272.375-.675.628-1.293.628-1.312 0-2.25-.967-2.25-2.25 0-.74.383-1.459 1-1.871a2.25 2.25 0 0 1 2.5 0 .75.75 0 0 0 .833-1.247 3.75 3.75 0 0 0-1.716-.614M14 8.25a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h2.5a2.25 2.25 0 0 0 2.25-2.25 2.24 2.24 0 0 0-.577-1.5 2.24 2.24 0 0 0 .577-1.5 2.25 2.25 0 0 0-2.25-2.25z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { d as default };
+export { A as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const A = (_param)=>{
-    var { color: i, size: r = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as m } 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 C = (_param)=>{
+    var { color: s, size: o = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), o = i !== null && i !== void 0 ? i : a === "brand" || a === "media" ? t.colors.neutralHighBrand : a === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const t = m(), c = t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(s !== null && s !== void 0 ? s : c), e = /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, h), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M9.367 8.268c.618.06 1.206.273 1.716.614a.75.75 0 0 1-.833 1.247 2.25 2.25 0 0 0-2.5 0c-.617.412-1 1.13-1 1.871 0 1.283.938 2.25 2.25 2.25.618 0 1.02-.253 1.293-.628.172-.237.298-.536.374-.872H9a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 .75.75c0 .864-.219 1.78-.743 2.503-.544.75-1.391 1.247-2.507 1.247-2.155 0-3.75-1.653-3.75-3.75 0-1.241.633-2.427 1.667-3.118a3.75 3.75 0 0 1 2.45-.614M16.5 8.25A2.25 2.25 0 0 1 18.174 12a2.25 2.25 0 0 1-1.674 3.75H14a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-1.75 6h1.75a.75.75 0 0 0 0-1.5h-1.75zm0-3h1.75a.75.75 0 0 0 0-1.5h-1.75z"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M18 2.25A3.75 3.75 0 0 1 21.75 6v12A3.75 3.75 0 0 1 18 21.75H6A3.75 3.75 0 0 1 2.25 18V6A3.75 3.75 0 0 1 6 2.25zM6 3.75A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { A as default };
+export { C as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const A = (_param)=>{
-    var { color: i, size: t = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as m } 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 C = (_param)=>{
+    var { color: s, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), e = i !== null && i !== void 0 ? i : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const t = m(), h = t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(s !== null && s !== void 0 ? s : h), e = /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, c), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M9.367 8.268c.618.06 1.206.273 1.716.614a.75.75 0 0 1-.833 1.247 2.25 2.25 0 0 0-2.5 0c-.617.412-1 1.13-1 1.871 0 1.283.938 2.25 2.25 2.25.618 0 1.02-.253 1.293-.628.172-.237.298-.536.374-.872H9a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 .75.75c0 .864-.219 1.78-.743 2.503-.544.75-1.391 1.247-2.507 1.247-2.155 0-3.75-1.653-3.75-3.75 0-1.241.633-2.427 1.667-3.118a3.75 3.75 0 0 1 2.45-.614M16.5 8.25A2.25 2.25 0 0 1 18.174 12a2.25 2.25 0 0 1-1.674 3.75H14a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-1.75 6h1.75a.75.75 0 0 0 0-1.5h-1.75zm0-3h1.75a.75.75 0 0 0 0-1.5h-1.75z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M18 2.25A3.75 3.75 0 0 1 21.75 6v12A3.75 3.75 0 0 1 18 21.75H6A3.75 3.75 0 0 1 2.25 18V6A3.75 3.75 0 0 1 6 2.25zM6 3.75A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { A as default };
+export { C as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as h } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } 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 o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = v(), t = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: s } = l();
-    return s.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), h = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(s !== null && s !== void 0 ? s : h), { skinName: v } = d(), c = v.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M12 2.155c1.63 0 3.183.196 4.368.555 1.73.523 2.607 1.367 2.605 2.507v13.568c0 1.135-.88 1.978-2.608 2.502-1.194.358-2.743.554-4.367.554-1.622 0-3.171-.196-4.362-.554-1.73-.527-2.607-1.367-2.607-2.505V5.214q0-.277.075-.538c.25-.871 1.101-1.532 2.532-1.966 1.185-.356 2.737-.555 4.365-.555m-4.002 1.76c-.9.27-1.462.632-1.642 1.019.168.39.745.756 1.653 1.03 1.07.323 2.49.502 4.003.502s2.932-.18 4.003-.501c.899-.272 1.476-.634 1.65-1.02-.216-.496-.99-.832-1.659-1.034-1.073-.322-2.493-.501-4.005-.501-1.51 0-2.93.18-4.003.504m9.728 5.716h.003V6.595a6 6 0 0 1-1.353.574c-1.182.356-2.731.555-4.362.555-1.63 0-3.179-.196-4.36-.555a5.8 5.8 0 0 1-1.373-.588v3.07c.179.308.711.723 1.73 1.033 1.07.325 2.494.502 4.004.502s2.932-.177 4.002-.502c.972-.296 1.513-.734 1.709-1.053m0 4.728h.003v-3.07c-.387.236-.838.44-1.35.594-1.182.359-2.731.555-4.362.555-1.63 0-3.179-.196-4.364-.555a6.2 6.2 0 0 1-1.372-.59v3.094c.176.311.708.726 1.73 1.034 1.07.325 2.494.504 4.004.504s2.932-.176 4.002-.501c.986-.3 1.521-.745 1.709-1.065m-1.717 5.723c.781-.238 1.717-.655 1.717-1.3v-2.747a6 6 0 0 1-1.35.593c-1.182.359-2.731.555-4.362.555-1.63 0-3.179-.199-4.364-.558a6 6 0 0 1-1.372-.588v2.748c0 .644.935 1.062 1.72 1.3 1.075.322 2.498.501 4.003.501 1.507 0 2.93-.179 4.008-.504"
         })
-    })) : /* @__PURE__ */ h("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"
-    }, o), {
+    }, n), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M19.81 11.978a.76.76 0 0 1 .378.196l2.332 2.25a.75.75 0 0 1 .23.54v5.75a1.75 1.75 0 0 1-1.75 1.75h-5a1.75 1.75 0 0 1-1.75-1.75v-7a1.75 1.75 0 0 1 1.75-1.75h3.667zM16 13.464a.25.25 0 0 0-.25.25v7a.25.25 0 0 0 .25.25h5a.25.25 0 0 0 .25-.25v-4.25H19.5c-.69 0-1.25-.56-1.25-1.25v-1.75zm3.75 1.5h1.17l-1.17-1.129z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 1.964c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.095.496.44.88 1.023.88 1.728v3.5a.75.75 0 0 1-1.5 0V7.898a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.926a7.6 7.6 0 0 1-1.33-.64v3.816c0 .123.064.33.376.607s.806.56 1.48.812c1.344.504 3.251.831 5.394.831a.75.75 0 1 1 0 1.5c-2.275 0-4.368-.345-5.92-.926a7.6 7.6 0 0 1-1.33-.64v3.816c0 .123.064.33.376.607s.806.56 1.48.812c1.344.504 3.251.831 5.394.831a.75.75 0 1 1 0 1.5c-2.275 0-4.368-.345-5.92-.926-.773-.29-1.451-.654-1.95-1.095-.496-.44-.88-1.023-.88-1.729v-12c0-.705.384-1.288.88-1.728.499-.442 1.177-.805 1.95-1.095 1.552-.582 3.645-.927 5.92-.927m0 1.5c-2.143 0-4.05.328-5.394.831-.674.253-1.168.537-1.48.813-.312.277-.376.484-.376.606 0 .123.064.33.376.607s.806.56 1.48.812c1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.83c.674-.254 1.168-.537 1.48-.813.312-.277.376-.484.376-.607 0-.122-.064-.329-.376-.606s-.806-.56-1.48-.813c-1.344-.503-3.251-.83-5.394-.83"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(c, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { g as default };
+export { H as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as m } 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 p } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: d, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = c(), a = n !== null && n !== void 0 ? n : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: s } = h();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = g(), h = o === "brand" || o === "media" ? n.colors.neutralHighBrand : o === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: i } = p(d !== null && d !== void 0 ? d : h), { skinName: f } = m(), l = f.match(/^o2-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M10.927 7.678c-2.356 0-4.283 1.944-4.283 4.32s1.927 4.32 4.283 4.32 4.284-1.945 4.284-4.32-1.928-4.32-4.284-4.32"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M10.927 7.678c-2.356 0-4.283 1.944-4.283 4.32s1.927 4.32 4.283 4.32 4.284-1.945 4.284-4.32-1.928-4.32-4.284-4.32"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { g as default };
+export { B as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: n, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), t = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: l } = s();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = g(), m = a === "brand" || a === "media" ? i.colors.neutralHighBrand : a === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: l } = p(h !== null && h !== void 0 ? h : m), { skinName: s } = f(), n = s.match(/^o2-new/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M6.644 11.998c0-2.376 1.927-4.32 4.283-4.32s4.284 1.944 4.284 4.32-1.928 4.32-4.284 4.32-4.283-1.945-4.283-4.32m1.427 0c0 1.585 1.284 2.88 2.856 2.88 1.568 0 2.856-1.295 2.856-2.88s-1.284-2.88-2.856-2.88-2.856 1.295-2.856 2.88"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : s.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "m19.5 13.585 2.392-2.412a.35.35 0 0 0 0-.504.34.34 0 0 0-.5 0l-1.536 1.549V12c0-4.968-4-9-8.928-9S2 7.032 2 12s4 9 8.932 9c.212 0 .356-.141.356-.359 0-.214-.14-.359-.356-.359-4.536 0-8.216-3.71-8.216-8.282 0-4.573 3.676-8.282 8.212-8.282s8.216 3.71 8.216 8.282v.181l-1.5-1.548a.34.34 0 0 0-.5 0 .35.35 0 0 0 0 .504zm-.716 1.657c0-.4.324-.722.716-.722a.72.72 0 0 1 .716.722c0 .4-.32.722-.716.722a.72.72 0 0 1-.716-.722M15.216 12c0 2.375-1.928 4.319-4.284 4.319S6.644 14.375 6.644 12s1.928-4.319 4.284-4.319S15.216 9.625 15.216 12m-4.288-3.6c-1.964 0-3.572 1.62-3.572 3.6s1.608 3.6 3.572 3.6S14.5 13.98 14.5 12s-1.608-3.6-3.572-3.6"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M7.389 3.41a9.753 9.753 0 0 1 12.615 3.017 9.75 9.75 0 1 1-17.69 6.657.75.75 0 0 1 1.49-.167 8.25 8.25 0 0 0 8.167 7.333 8.252 8.252 0 0 0 6.802-12.965A8.25 8.25 0 0 0 8.1 4.732a8.25 8.25 0 0 0-3.442 3.519H8a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 9V4a.75.75 0 0 1 1.5 0v2.811A9.75 9.75 0 0 1 7.389 3.41"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { p as default };
+export { H as default };