@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as l } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as s } 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 C = (_param)=>{
+    var { color: m, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), c = 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__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const r = s(), v = r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(m !== null && m !== void 0 ? m : v), { skinName: n } = d(), o = n.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M20.385 4.622c.804 0 1.456.63 1.456 1.404v11.958c0 .773-.652 1.403-1.456 1.403H3.612c-.804 0-1.457-.63-1.457-1.403V6.026c0-.773.653-1.404 1.457-1.404zm-17 1.404v1.73h17.227v-1.73a.223.223 0 0 0-.227-.219H3.612a.22.22 0 0 0-.227.219m17.227 11.96V8.943H3.385v9.042c0 .12.1.218.227.218h16.773v.003a.22.22 0 0 0 .227-.218M5.757 6.702a.56.56 0 0 0 .569.549.56.56 0 0 0 .569-.55.56.56 0 0 0-.57-.548.56.56 0 0 0-.568.549m2.28.549a.56.56 0 0 1-.568-.55.56.56 0 0 1 .568-.548c.317 0 .569.246.569.549a.56.56 0 0 1-.569.549M4.05 6.7c0 .303.252.55.568.55a.56.56 0 0 0 .569-.55.56.56 0 0 0-.569-.548.56.56 0 0 0-.568.549m8.899 6.53a.78.78 0 0 0-.219.67l.093.535-.462-.244a.8.8 0 0 0-.74.008l-.445.233.092-.535a.77.77 0 0 0-.218-.67l-.415-.403.54-.078a.81.81 0 0 0 .603-.432l.221-.448.222.454a.81.81 0 0 0 .596.426l.546.078zm1.42-.734a.52.52 0 0 0-.418-.344l-1.022-.149q-.006 0-.009-.006l-.002-.002-.454-.924a.52.52 0 0 0-.468-.292.52.52 0 0 0-.467.292l-.457.924q-.005.006-.011.008l-1.017.149a.52.52 0 0 0-.291.885l.736.72q.01.007.006.02l-.174 1.016c-.033.202.048.4.219.516a.54.54 0 0 0 .543.03l.91-.479.004-.002h.002l.003.001.003.002.91.478a.55.55 0 0 0 .247.06.52.52 0 0 0 .513-.605l-.174-1.017q-.004-.01.005-.02l.737-.72a.52.52 0 0 0 .126-.54m4.188.734a.78.78 0 0 0-.219.67l.093.535-.463-.244a.81.81 0 0 0-.742.008l-.445.233.092-.535a.78.78 0 0 0-.218-.67l-.415-.403.54-.078a.81.81 0 0 0 .603-.432l.221-.448.219.443a.81.81 0 0 0 .602.437l.546.078zm1.42-.734a.52.52 0 0 0-.418-.344l-1.02-.149q-.005 0-.008-.006l-.002-.002-.454-.924a.523.523 0 0 0-.939 0l-.453.924q-.006.006-.012.008l-1.016.149a.52.52 0 0 0-.292.885l.737.72q.009.007.006.02l-.174 1.016c-.034.202.048.4.218.516a.54.54 0 0 0 .544.03l.91-.479q0-.003.003-.002l.003.001.003.002.91.478a.55.55 0 0 0 .247.06.52.52 0 0 0 .513-.605l-.175-1.017q-.003-.01.006-.02l.737-.72a.52.52 0 0 0 .126-.54M7.34 13.23a.77.77 0 0 0-.216.67l.093.535-.463-.244a.81.81 0 0 0-.742.008l-.445.233.09-.535a.78.78 0 0 0-.22-.67l-.414-.403.544-.078a.81.81 0 0 0 .602-.432l.221-.448.222.454a.81.81 0 0 0 .596.426l.546.078zm1.42-.734a.52.52 0 0 0-.417-.344l-1.026-.149q-.005 0-.009-.006l-.002-.002-.453-.924a.523.523 0 0 0-.939 0l-.454.924q-.005.006-.01.008l-1.018.149a.52.52 0 0 0-.291.885l.737.72q.006.007.005.02l-.173 1.016c-.034.202.047.4.218.516a.54.54 0 0 0 .544.03l.91-.479v-.002h.003l.003.001.002.002.91.478a.55.55 0 0 0 .247.06.516.516 0 0 0 .515-.605l-.173-1.017q-.004-.01.006-.02l.736-.72a.52.52 0 0 0 .13-.54"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M15.61 2H8.39C6.793 2 5.5 3.28 5.5 4.857v14.286C5.5 20.72 6.794 22 8.39 22h7.22c1.596 0 2.89-1.28 2.89-2.857V4.862C18.5 3.285 17.206 2 15.61 2M9.394 13.05 7.4 11.316a.51.51 0 0 1-.148-.572.54.54 0 0 1 .458-.37l2.723-.284 1.077-2.44a.543.543 0 0 1 .99 0l1.076 2.44 2.723.284a.534.534 0 0 1 .3.937l-1.992 1.733.546 2.688a.538.538 0 0 1-.795.571l-2.353-1.317-2.358 1.317a.56.56 0 0 1-.587-.032.53.53 0 0 1-.213-.54zm1.9-2.24a.54.54 0 0 1-.44.32l-1.812.191 1.3 1.125a.54.54 0 0 1 .17.507l-.374 1.842 1.59-.891a.56.56 0 0 1 .537 0l1.59.891-.375-1.842a.53.53 0 0 1 .176-.507l1.3-1.13-1.809-.187a.54.54 0 0 1-.439-.32L12 9.205zm4.318-7.38c.795 0 1.442.64 1.442 1.427v.357H6.943v-.357c0-.786.647-1.426 1.446-1.426zm1.447 3.215V17.36H6.942V6.645zM6.947 19.147v-.356h10.115v.356a1.444 1.444 0 0 1-1.451 1.427H8.389c-.795 0-1.442-.64-1.442-1.427"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M15.61 2H8.39C6.793 2 5.5 3.28 5.5 4.857v14.286C5.5 20.72 6.794 22 8.39 22h7.22c1.596 0 2.89-1.28 2.89-2.857V4.862C18.5 3.285 17.206 2 15.61 2M9.394 13.05 7.4 11.316a.51.51 0 0 1-.148-.572.54.54 0 0 1 .458-.37l2.723-.284 1.077-2.44a.543.543 0 0 1 .99 0l1.076 2.44 2.723.284a.534.534 0 0 1 .3.937l-1.992 1.733.546 2.688a.538.538 0 0 1-.795.571l-2.353-1.317-2.358 1.317a.56.56 0 0 1-.587-.032.53.53 0 0 1-.213-.54zm1.9-2.24a.54.54 0 0 1-.44.32l-1.812.191 1.3 1.125a.54.54 0 0 1 .17.507l-.374 1.842 1.59-.891a.56.56 0 0 1 .537 0l1.59.891-.375-1.842a.53.53 0 0 1 .176-.507l1.3-1.13-1.809-.187a.54.54 0 0 1-.439-.32L12 9.205zm4.318-7.38c.795 0 1.442.64 1.442 1.427v.357H6.943v-.357c0-.786.647-1.426 1.446-1.426zm1.447 3.215V17.36H6.942V6.645zM6.947 19.147v-.356h10.115v.356a1.444 1.444 0 0 1-1.451 1.427H8.389c-.795 0-1.442-.64-1.442-1.427"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M6.2 12.25c.16 0 .317.033.462.097l.14.073.128.093q.122.102.212.234l.081.136.911 1.84 2.038.297.155.033q.152.045.288.13l.129.093.113.11q.106.119.177.261l.06.147.038.155a1.14 1.14 0 0 1-.326 1.014v.002L9.33 18.396l.347 2.02.016.159a1.14 1.14 0 0 1-1.67 1.044L6.2 20.663l-1.823.957h-.002a1.144 1.144 0 0 1-1.656-1.194l.002-.008.348-2.021-1.474-1.432h.001a1.14 1.14 0 0 1-.29-1.17l.06-.149c.07-.143.17-.27.292-.372l.129-.094a1.1 1.1 0 0 1 .445-.161l2.033-.296.912-1.839c.095-.19.242-.352.422-.464l.14-.073c.145-.064.301-.097.46-.098m-.765 3.493a.75.75 0 0 1-.564.409l-1.705.247 1.232 1.197a.75.75 0 0 1 .217.665l-.292 1.692 1.53-.8.083-.038a.75.75 0 0 1 .612.038l1.528.8-.29-1.692a.75.75 0 0 1 .216-.665L9.234 16.4l-1.704-.247a.75.75 0 0 1-.565-.41L6.2 14.199zM17.8 12.25c.159 0 .316.033.461.097l.14.073.129.093q.122.102.212.234l.08.136.912 1.84 2.038.297.154.033q.154.045.288.13l.13.093.113.11q.106.119.176.261l.06.147.039.155a1.14 1.14 0 0 1-.326 1.014l-.001.002-1.475 1.431.348 2.02.016.159a1.14 1.14 0 0 1-1.67 1.044l-1.825-.956-1.823.957h-.002a1.15 1.15 0 0 1-1.195-.086 1.15 1.15 0 0 1-.46-1.108l.002-.008.348-2.021-1.474-1.432a1.14 1.14 0 0 1-.29-1.17l.06-.149c.07-.143.17-.27.292-.372l.13-.094a1.1 1.1 0 0 1 .445-.161l2.033-.296.912-1.839a1.15 1.15 0 0 1 .422-.464l.14-.073c.144-.064.301-.097.46-.098m-.765 3.493a.75.75 0 0 1-.565.409l-1.705.247 1.233 1.197a.75.75 0 0 1 .216.665l-.292 1.692 1.53-.8.084-.038a.75.75 0 0 1 .612.038l1.527.8-.29-1.692a.75.75 0 0 1 .217-.665l1.232-1.197-1.705-.247a.75.75 0 0 1-.564-.41l-.766-1.544zM12 2.25c.159 0 .317.033.461.097l.14.073.129.093q.122.102.212.234l.081.136.911 1.84 2.038.297.155.033q.152.045.288.13l.129.093.113.11q.106.119.177.261l.06.147.038.155a1.14 1.14 0 0 1-.326 1.014l-.001.002-1.475 1.431.348 2.02.016.159a1.14 1.14 0 0 1-1.67 1.044L12 10.663l-1.824.957h-.002a1.144 1.144 0 0 1-1.655-1.194l.002-.008.348-2.021-1.474-1.432h.001a1.14 1.14 0 0 1-.29-1.17l.06-.149c.07-.143.169-.27.292-.372l.128-.094a1.1 1.1 0 0 1 .446-.161l2.033-.296.912-1.839c.095-.19.241-.352.422-.464l.14-.073c.144-.064.301-.097.46-.097m-.765 3.493a.75.75 0 0 1-.564.409l-1.706.247 1.233 1.197a.75.75 0 0 1 .217.665l-.292 1.692 1.529-.8.084-.038a.75.75 0 0 1 .612.038l1.527.8-.29-1.692a.75.75 0 0 1 .217-.665L15.034 6.4l-1.704-.247a.75.75 0 0 1-.565-.41L12 4.199z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { C as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const A = (_param)=>{
-    var { color: m, 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 s } 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 M = (_param)=>{
+    var { color: m, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = i(), t = m !== null && m !== void 0 ? m : e === "brand" || e === "media" ? l.colors.neutralHighBrand : e === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: o } = v();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = d(), v = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: h } = f(m !== null && m !== void 0 ? m : v), { skinName: c } = s(), r = c.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__ */ h("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M3.5 4.5A.5.5 0 0 1 4 4h2.667a.5.5 0 0 1 0 1H4.5v2.166a.5.5 0 1 1-1 0zm13.333 0a.5.5 0 0 1 .5-.5H20a.5.5 0 0 1 .5.5v2.666a.5.5 0 1 1-1 0V5h-2.167a.5.5 0 0 1-.5-.5m-4.489 2.295a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 1 1-.743-.669l.01-.01a.5.5 0 0 1 .706-.038M6.167 7.7c0-.57.463-1.033 1.033-1.033h1.6c.571 0 1.034.462 1.034 1.033v1.6c0 .57-.463 1.033-1.034 1.033H7.2c-.57 0-1.033-.462-1.033-1.033zm8 0c0-.57.462-1.033 1.033-1.033h1.6c.57 0 1.033.462 1.033 1.033v1.6c0 .57-.462 1.033-1.033 1.033h-1.6c-.57 0-1.033-.462-1.033-1.033zm-1.823 1.761a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 0 1-.743-.669l.01-.01a.5.5 0 0 1 .706-.038M11.896 13a.5.5 0 0 0 .208 0h2.063v2.166a.5.5 0 1 0 1 0V13h2.062q.105.021.208 0h4.062a.5.5 0 0 0 0-1h-19a.5.5 0 0 0 0 1zm.448 1.795a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 1 1-.743-.67l.01-.01a.5.5 0 0 1 .706-.037m5.334 0a.5.5 0 0 1 .036.706l-.01.011a.5.5 0 1 1-.742-.67l.01-.01a.5.5 0 0 1 .706-.037M6.167 15.7c0-.57.463-1.033 1.033-1.033h1.6c.57 0 1.034.462 1.034 1.033v1.6c0 .57-.463 1.033-1.034 1.033H7.2c-.57 0-1.033-.462-1.033-1.033zm11.51 1.76a.5.5 0 0 1 .037.707l-.01.01a.5.5 0 1 1-.742-.668l.01-.011a.5.5 0 0 1 .706-.037M4 17.333a.5.5 0 0 1 .5.5V20h2.167a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5v-2.667a.5.5 0 0 1 .5-.5m7.5.5a.5.5 0 0 1 .5-.5h2.666a.5.5 0 1 1 0 1H12a.5.5 0 0 1-.5-.5m8.5-.5a.5.5 0 0 1 .5.5V20.5a.5.5 0 0 1-.5.5h-2.667a.5.5 0 1 1 0-1H19.5v-2.167a.5.5 0 0 1 .5-.5"
         })
-    })) : /* @__PURE__ */ h("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__ */ h("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M3 17.25a.75.75 0 0 1 .75.75v1l.006.124A1.25 1.25 0 0 0 5 20.25h2a.75.75 0 0 1 0 1.5H5A2.75 2.75 0 0 1 2.25 19v-1a.75.75 0 0 1 .75-.75m18 0a.75.75 0 0 1 .75.75v1A2.75 2.75 0 0 1 19 21.75h-2a.75.75 0 0 1 0-1.5h2A1.25 1.25 0 0 0 20.25 19v-1a.75.75 0 0 1 .75-.75M6 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2m4-2.75a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H6a.75.75 0 0 1 0-1.5zm4 0a.75.75 0 0 1 .75.75v2.25H18a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 .75-.75m4-.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2M9.333 6.5A1.167 1.167 0 0 1 10.5 7.667v2.666A1.167 1.167 0 0 1 9.333 11.5H6.667A1.167 1.167 0 0 1 5.5 10.333V7.667A1.167 1.167 0 0 1 6.667 6.5zm8 0A1.167 1.167 0 0 1 18.5 7.667v2.666a1.167 1.167 0 0 1-1.167 1.167h-2.666a1.167 1.167 0 0 1-1.167-1.167V7.667A1.167 1.167 0 0 1 14.667 6.5zM7 2.25a.75.75 0 0 1 0 1.5H5A1.25 1.25 0 0 0 3.75 5v1a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 5 2.25zm12 0A2.75 2.75 0 0 1 21.75 5v1a.75.75 0 0 1-1.5 0V5a1.25 1.25 0 0 0-1.126-1.244L19 3.75h-2a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return h ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { A as default };
+export { M as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as v } from "../../skins/skin-contract.css-mistica.js";
-const V = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as s } 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 g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: v, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const m = n(), r = t !== null && t !== void 0 ? t : m === "brand" || m === "media" ? v.colors.neutralHighBrand : m === "negative" ? v.colors.neutralHighNegative : v.colors.neutralHigh, { skinName: o } = i();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const h = d(), l = h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: n, gradientDef: m } = g(v !== null && v !== void 0 ? v : l), { skinName: c } = s(), t = c.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ h("path", {
-            fill: r,
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M16.945 4.01a.4.4 0 0 1 .4-.4h2.66a.4.4 0 0 1 .4.4v2.65a.4.4 0 1 1-.8 0V4.41h-2.26a.4.4 0 0 1-.4-.4m-12.94-.39a.4.4 0 0 0-.4.4v2.66a.4.4 0 0 0 .8 0V4.42h2.25a.4.4 0 0 0 0-.8zm-1.48 7.98a.4.4 0 0 0 0 .8h11.76v2.28a.4.4 0 0 0 .8 0V12.4h6.39a.4.4 0 0 0 0-.8zm1.48 5.33a.4.4 0 0 0-.4.4v2.65c0 .22.18.4.4.4h2.66a.4.4 0 0 0 0-.8h-2.26v-2.25a.4.4 0 0 0-.4-.4m16.4.4a.4.4 0 1 0-.8 0v2.26h-2.26a.4.4 0 0 0 0 .8h2.66a.4.4 0 0 0 .4-.4zM7.065 7.22a.14.14 0 0 1 .14-.14h1.59a.14.14 0 0 1 .14.14v1.59a.14.14 0 0 1-.14.14h-1.59a.14.14 0 0 1-.14-.14zm.14-.94a.94.94 0 0 0-.94.94v1.59c0 .52.42.94.94.94h1.59c.52 0 .94-.42.94-.94V7.22a.94.94 0 0 0-.94-.94zm8.01.8a.14.14 0 0 0-.14.14v1.59c0 .077.063.14.14.14h1.59a.14.14 0 0 0 .14-.14V7.22a.14.14 0 0 0-.14-.14zm-.94.14c0-.52.42-.94.94-.94h1.59c.52 0 .94.42.94.94v1.59c0 .52-.42.94-.94.94h-1.59a.94.94 0 0 1-.94-.94zm-7.2 7.98a.14.14 0 0 1 .14-.14h1.59a.14.14 0 0 1 .14.14v1.59a.14.14 0 0 1-.14.14h-1.59a.14.14 0 0 1-.14-.14zm.14-.94a.94.94 0 0 0-.94.94v1.59c0 .52.42.94.94.94h1.59c.52 0 .94-.42.94-.94V15.2a.94.94 0 0 0-.94-.94zm4.39 3.08c0-.22.18-.4.4-.4h2.67a.4.4 0 0 1 0 .8h-2.67a.4.4 0 0 1-.4-.4m.81-10.66a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m-.41 3.06a.4.4 0 1 0 0-.8.4.4 0 0 0 0 .8m.4 4.92a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m4.94.42a.4.4 0 1 0 0-.8.4.4 0 0 0 0 .8m.4 2.26a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0"
         })
-    })) : /* @__PURE__ */ h("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"
-    }, e), {
-        children: /* @__PURE__ */ h("path", {
-            fill: r,
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M3 17.25a.75.75 0 0 1 .75.75v1l.006.124A1.25 1.25 0 0 0 5 20.25h2a.75.75 0 0 1 0 1.5H5A2.75 2.75 0 0 1 2.25 19v-1a.75.75 0 0 1 .75-.75m18 0a.75.75 0 0 1 .75.75v1A2.75 2.75 0 0 1 19 21.75h-2a.75.75 0 0 1 0-1.5h2A1.25 1.25 0 0 0 20.25 19v-1a.75.75 0 0 1 .75-.75M6 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2m4-2.75a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H6a.75.75 0 0 1 0-1.5zm4 0a.75.75 0 0 1 .75.75v2.25H18a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 .75-.75m4-.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2M9.474 6.257a1.417 1.417 0 0 1 1.276 1.41v2.666a1.42 1.42 0 0 1-1.417 1.417H6.667a1.42 1.42 0 0 1-1.41-1.276l-.007-.141V7.667A1.417 1.417 0 0 1 6.667 6.25h2.666zM6.75 10.25h2.5v-2.5h-2.5zm10.724-3.993a1.417 1.417 0 0 1 1.276 1.41v2.666a1.42 1.42 0 0 1-1.417 1.417h-2.666a1.42 1.42 0 0 1-1.41-1.276l-.007-.141V7.667a1.42 1.42 0 0 1 1.417-1.417h2.666zM14.75 10.25h2.5v-2.5h-2.5zM7 2.25a.75.75 0 0 1 0 1.5H5A1.25 1.25 0 0 0 3.75 5v1a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 5 2.25zm12 0A2.75 2.75 0 0 1 21.75 5v1a.75.75 0 0 1-1.5 0V5a1.25 1.25 0 0 0-1.126-1.244L19 3.75h-2a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return m ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: m
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { V as default };
+export { H as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const z = (_param)=>{
-    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = c(), m = r !== null && r !== void 0 ? r : v === "brand" || v === "media" ? e.colors.neutralHighBrand : v === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: t } = o();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = d(), m = t === "brand" || t === "media" ? h.colors.neutralHighBrand : t === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { fillValue: n, gradientDef: l } = g(i !== null && i !== void 0 ? i : m), { skinName: c } = s(), r = c.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ h("path", {
-            fill: m,
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M3.5 4a.5.5 0 0 1 .5-.5h2.666a.5.5 0 0 1 0 1H4.5v2.166a.5.5 0 0 1-1 0zm13.333 0a.5.5 0 0 1 .5-.5H20a.5.5 0 0 1 .5.5v2.666a.5.5 0 0 1-1 0V4.5h-2.167a.5.5 0 0 1-.5-.5m-4.49 2.295a.5.5 0 0 1 .038.706l-.01.011a.5.5 0 1 1-.743-.669l.01-.01a.5.5 0 0 1 .706-.038M7.2 7.167a.033.033 0 0 0-.033.033v1.6c0 .018.015.033.033.033h1.6a.033.033 0 0 0 .033-.033V7.2a.033.033 0 0 0-.033-.033zM6.167 7.2c0-.57.462-1.033 1.033-1.033h1.6c.57 0 1.033.462 1.033 1.033v1.6c0 .57-.462 1.033-1.033 1.033H7.2c-.57 0-1.033-.462-1.033-1.033zm9.033-.033a.033.033 0 0 0-.034.033v1.6c0 .018.015.033.034.033h1.6a.033.033 0 0 0 .033-.033V7.2a.033.033 0 0 0-.033-.033zm-1.033.033c0-.57.462-1.033 1.033-1.033h1.6c.57 0 1.033.462 1.033 1.033v1.6c0 .57-.462 1.033-1.033 1.033h-1.6c-.57 0-1.033-.462-1.033-1.033zm-1.823 1.761a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 1 1-.743-.669l.01-.01a.5.5 0 0 1 .706-.038m-.448 3.539c.068.014.14.014.207 0h2.063v2.166a.5.5 0 0 0 1 0V12.5h2.063q.105.021.208 0h4.062a.5.5 0 1 0 0-1h-19a.5.5 0 0 0 0 1zm.448 1.795a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 1 1-.743-.67l.01-.01a.5.5 0 0 1 .706-.037m5.333 0a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 1 1-.743-.67l.01-.01a.5.5 0 0 1 .706-.037M7.2 15.166a.033.033 0 0 0-.033.034v1.6c0 .018.015.033.033.033h1.6a.033.033 0 0 0 .033-.033v-1.6a.033.033 0 0 0-.033-.034zm-1.033.034c0-.57.462-1.033 1.033-1.033h1.6c.57 0 1.033.462 1.033 1.033v1.6c0 .57-.462 1.033-1.033 1.033H7.2c-.57 0-1.033-.462-1.033-1.033zm11.51 1.76a.5.5 0 0 1 .037.707l-.01.01a.5.5 0 1 1-.743-.668l.01-.011a.5.5 0 0 1 .706-.037M4 16.833a.5.5 0 0 1 .5.5V19.5h2.166a.5.5 0 1 1 0 1H4a.5.5 0 0 1-.5-.5v-2.667a.5.5 0 0 1 .5-.5m7.5.5a.5.5 0 0 1 .5-.5h2.666a.5.5 0 1 1 0 1H12a.5.5 0 0 1-.5-.5m8.5-.5a.5.5 0 0 1 .5.5V20a.5.5 0 0 1-.5.5h-2.667a.5.5 0 1 1 0-1H19.5v-2.167a.5.5 0 0 1 .5-.5"
         })
-    })) : /* @__PURE__ */ h("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"
-    }, l), {
-        children: /* @__PURE__ */ h("path", {
-            fill: m,
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M3 17.25a.75.75 0 0 1 .75.75v1l.006.124A1.25 1.25 0 0 0 5 20.25h2a.75.75 0 0 1 0 1.5H5A2.75 2.75 0 0 1 2.25 19v-1a.75.75 0 0 1 .75-.75m18 0a.75.75 0 0 1 .75.75v1A2.75 2.75 0 0 1 19 21.75h-2a.75.75 0 0 1 0-1.5h2A1.25 1.25 0 0 0 20.25 19v-1a.75.75 0 0 1 .75-.75M6 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2m4-2.75a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H6a.75.75 0 0 1 0-1.5zm4 0a.75.75 0 0 1 .75.75v2.25H18a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 .75-.75m4-.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2M9.474 6.257a1.417 1.417 0 0 1 1.276 1.41v2.666a1.42 1.42 0 0 1-1.417 1.417H6.667a1.42 1.42 0 0 1-1.41-1.276l-.007-.141V7.667A1.417 1.417 0 0 1 6.667 6.25h2.666zM6.75 10.25h2.5v-2.5h-2.5zm10.724-3.993a1.417 1.417 0 0 1 1.276 1.41v2.666a1.42 1.42 0 0 1-1.417 1.417h-2.666a1.42 1.42 0 0 1-1.41-1.276l-.007-.141V7.667a1.42 1.42 0 0 1 1.417-1.417h2.666zM14.75 10.25h2.5v-2.5h-2.5zM7 2.25a.75.75 0 0 1 0 1.5H5A1.25 1.25 0 0 0 3.75 5v1a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 5 2.25zm12 0A2.75 2.75 0 0 1 21.75 5v1a.75.75 0 0 1-1.5 0V5a1.25 1.25 0 0 0-1.126-1.244L19 3.75h-2a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return l ? /*#__PURE__*/ v.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...v.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { z as default };
+export { M as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: a, size: l = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import * as a from "react";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as m } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: s, size: n = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), o = a !== null && a !== void 0 ? a : r === "brand" || r === "media" ? e.colors.neutralHighBrand : r === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const e = g(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = m(s !== null && s !== void 0 ? s : c), t = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, d), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: l,
                 d: "M16.5 12a4.5 4.5 0 1 1-8.998-.002A4.5 4.5 0 0 1 16.5 12"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: l,
                 d: "M21.75 12A9.75 9.75 0 0 1 12 21.75l-.483-.012a9.75 9.75 0 0 1-9.255-9.255L2.25 12a9.75 9.75 0 1 1 19.5 0m-1.5 0A8.25 8.25 0 0 0 12 3.75l-.41.01A8.25 8.25 0 0 0 3.75 12l.01.41A8.25 8.25 0 0 0 12 20.25l.41-.01A8.25 8.25 0 0 0 20.25 12"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ a.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...a.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { m as default };
+export { C as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: i, size: e = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as m } 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 x = (_param)=>{
+    var { color: s, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), o = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = m(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: i, gradientDef: a } = f(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ g("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: i,
                 d: "M16.75 12a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 0 1 9.5 0m-1.5 0a3.25 3.25 0 0 0-2.006-3.003 3.252 3.252 0 0 0-4.247 4.247A3.25 3.25 0 0 0 15.25 12"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: i,
                 d: "M21.75 12a9.75 9.75 0 1 1-19.5 0 9.75 9.75 0 0 1 19.5 0m-1.5 0a8.25 8.25 0 1 0-16.5-.001 8.25 8.25 0 0 0 16.5.001"
             })
         ]
     }));
+    return a ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { d as default };
+export { x as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: i, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as m } 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 x = (_param)=>{
+    var { color: s, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), o = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? e.colors.neutralHighBrand : r === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = m(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = f(s !== null && s !== void 0 ? s : d), r = /* @__PURE__ */ g("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: [
             /* @__PURE__ */ t("path", {
-                fill: o,
+                fill: a,
                 d: "M16.75 12a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 0 1 9.5 0m-1.5 0a3.25 3.25 0 1 0-6.5-.002 3.25 3.25 0 0 0 6.5.002"
             }),
             /* @__PURE__ */ t("path", {
-                fill: o,
+                fill: a,
                 d: "M21.75 12a9.75 9.75 0 1 1-19.5 0 9.75 9.75 0 0 1 19.5 0m-1.5 0a8.25 8.25 0 1 0-16.5-.001 8.25 8.25 0 0 0 16.5.001"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { d as default };
+export { x as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as c } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = m(), i = a !== null && a !== void 0 ? a : o === "brand" || o === "media" ? n.colors.neutralHighBrand : o === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { skinName: l } = h();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = f(), m = o === "brand" || o === "media" ? l.colors.neutralHighBrand : o === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: n, gradientDef: a } = g(d !== null && d !== void 0 ? d : m), { skinName: h } = c(), i = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m0 15.535A5.54 5.54 0 0 1 6.465 12 5.54 5.54 0 0 1 12 6.465 5.54 5.54 0 0 1 17.535 12 5.54 5.54 0 0 1 12 17.535m0-1.07A4.47 4.47 0 0 0 16.465 12 4.47 4.47 0 0 0 12 7.535 4.47 4.47 0 0 0 7.535 12 4.47 4.47 0 0 0 12 16.465"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m0 15.535A5.54 5.54 0 0 1 6.465 12 5.54 5.54 0 0 1 12 6.465 5.54 5.54 0 0 1 17.535 12 5.54 5.54 0 0 1 12 17.535m0-1.07A4.47 4.47 0 0 0 16.465 12 4.47 4.47 0 0 0 12 7.535 4.47 4.47 0 0 0 7.535 12 4.47 4.47 0 0 0 12 16.465"
         })
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 5a7 7 0 1 1-.002 14A7 7 0 0 1 12 5"
         })
     }));
+    return a ? /*#__PURE__*/ s.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...s.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { f as default };
+export { x as default };