@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } 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, o = _object_without_properties(_param, [
+import { jsx as l, jsxs as m } 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 o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: h, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), t = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const a = g(), s = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: i } = v(h !== null && h !== void 0 ? h : s), { skinName: d } = f(), r = d.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ a("path", {
+    }, n), {
+        children: /* @__PURE__ */ l("path", {
             fill: t,
             d: "M5.292 2.982h13.412c1.73 0 3.137 1.355 3.14 3.022v8.96c0 1.67-1.41 3.026-3.137 3.026h-9.91l-1.99 2.462a1.41 1.41 0 0 1-1.156.574c-.757 0-1.398-.602-1.398-1.319v-1.863a2.98 2.98 0 0 1-2.098-2.88v-8.96c0-1.667 1.409-3.022 3.137-3.022m9.168 9.003c.55-.824.924-1.642 1.118-2.429.21-.857.039-1.569-.482-2.008-.305-.255-.723-.407-1.17-.429q-.061-.004-.121-.003l-.027.003-.027.003a2.6 2.6 0 0 0-.582.078l-.032.01-.033.01a3 3 0 0 0-.6.238l-.175.098q-.15.082-.314.176a.1.1 0 0 1-.056.014.1.1 0 0 1-.056-.014l-.144-.08-.347-.191a3 3 0 0 0-.627-.247l-.036-.011a2.6 2.6 0 0 0-.583-.078l-.027-.003-.026-.003q-.062 0-.12.003c-.449.022-.863.173-1.169.428-.526.437-.7 1.149-.49 2.006.196.787.571 1.605 1.118 2.429a9.8 9.8 0 0 0 1.383 1.675l.022.02c.078.075.256.247.41.355a1.3 1.3 0 0 0 .633.232h.005q.023.004.045.003h.014l.025-.001.02-.002h.006a1.35 1.35 0 0 0 .63-.232c.153-.106.325-.273.404-.35l.027-.025.014-.014a9.8 9.8 0 0 0 1.37-1.662"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ l("path", {
                 fill: t,
                 d: "M16.435 15.011q.1.01.199.03l.06.013q.076.017.153.04l.036.011a2 2 0 0 1 .335.136l.066.034q.055.03.108.063l.07.044q.054.038.106.078.03.02.058.043.08.064.153.136l.223.22.225-.22q.03-.029.063-.055a2.24 2.24 0 0 1 1.502-.578c.256 0 .507.047.744.131l.082.03.091.04q.04.017.077.035c.207.104.4.239.57.404A2.15 2.15 0 0 1 22 17.182a2.15 2.15 0 0 1-.65 1.534l-3 2.94a.5.5 0 0 1-.7 0l-3.005-2.951a2.15 2.15 0 0 1-.547-.893l-.01-.031a2 2 0 0 1-.043-.174l-.008-.036a2 2 0 0 1-.027-.19l-.01-.213q0-.08.007-.16l.005-.054.005-.038a2 2 0 0 1 .025-.159l.006-.03a2 2 0 0 1 .122-.393q.04-.09.087-.178l.02-.036q.043-.076.091-.147l.015-.022a2 2 0 0 1 .268-.318c.42-.406.982-.634 1.566-.632z"
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ l("path", {
                 fill: t,
                 d: "M6.11 5.319c3.71-2.631 9.028-2.42 12.46.507 2.386 2.036 3.352 4.956 2.784 7.705-.032.152-.196.232-.342.181a3.74 3.74 0 0 0-2.887.184.27.27 0 0 1-.241 0 3.74 3.74 0 0 0-4.278.66 3.65 3.65 0 0 0-.822 4.026c.188.446.464.85.81 1.19v.002l.176.172a.236.236 0 0 1-.125.404 10.5 10.5 0 0 1-6.002-.826l-4.539.966a.502.502 0 0 1-.58-.647l1.225-3.675C1.439 12.522 2.45 7.917 6.11 5.318"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { f as default };
+export { B as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } 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 c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = m(), e = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? t.colors.neutralHighBrand : c === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = g(), s = a === "brand" || a === "media" ? c.colors.neutralHighBrand : a === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: r, gradientDef: n } = v(h !== null && h !== void 0 ? h : s), { skinName: m } = f(), l = m.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__ */ l("path", {
-            fill: e,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M21.838 6.004c0-1.67-1.41-3.025-3.138-3.025H5.29c-1.729 0-3.138 1.356-3.138 3.025v8.958c0 1.345.846 2.487 2.098 2.88v1.862c0 .715.639 1.32 1.395 1.32.474 0 .866-.194 1.157-.575l1.992-2.462H18.7c1.729 0 3.137-1.358 3.137-3.025zm-.821 0v8.958c0 1.23-1.04 2.23-2.32 2.232H8.589a.42.42 0 0 0-.325.152l-2.117 2.622c-.205.263-.407.263-.505.263-.296 0-.574-.258-.574-.527v-2.168a.4.4 0 0 0-.328-.39c-1.042-.207-1.77-1.106-1.77-2.184V6.004c0-1.23 1.042-2.233 2.32-2.233H18.7c1.278 0 2.317 1.003 2.317 2.233m-6.241 3.364c-.171.7-.51 1.434-1.011 2.185a9 9 0 0 1-1.27 1.54l-.027.029-.003.005a3 3 0 0 1-.303.263.5.5 0 0 1-.207.082l-.033-.006h-.009a.5.5 0 0 1-.174-.078 3 3 0 0 1-.322-.283 9 9 0 0 1-1.283-1.555c-.495-.748-.837-1.482-1.008-2.182-.076-.32-.151-.905.227-1.218.165-.14.414-.224.678-.238l.078-.003c.297 0 .608.084.902.24.149.082.3.166.482.27.14.078.3.117.462.117a1 1 0 0 0 .474-.126q.246-.143.467-.26c.292-.157.605-.241.902-.241l.076.003c.269.014.512.1.68.238.376.313.3.899.222 1.218m.314-1.82c-.306-.253-.723-.404-1.171-.426q-.064-.004-.115-.003a2.74 2.74 0 0 0-1.3.342c-.157.084-.316.173-.49.271a.14.14 0 0 1-.056.014.13.13 0 0 1-.059-.014l-.116-.065q-.194-.112-.371-.206a2.7 2.7 0 0 0-1.3-.342q-.06 0-.12.003c-.451.02-.866.173-1.171.425-.524.435-.7 1.149-.488 2.003.194.79.569 1.608 1.115 2.429a9.7 9.7 0 0 0 1.384 1.678c.059.059.26.257.431.375.149.1.317.177.482.21q.072.014.151.02h.003c.017.002.028.002.045.002h.017q.024 0 .045-.002h.005a1 1 0 0 0 .151-.02 1.3 1.3 0 0 0 .48-.21 3.5 3.5 0 0 0 .445-.39 9.6 9.6 0 0 0 1.372-1.663c.547-.824.925-1.642 1.118-2.429.21-.854.04-1.566-.487-2.003"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M16.218 14.25a3 3 0 0 1 1.785.6 2.99 2.99 0 0 1 3.877.259 2.89 2.89 0 0 1-.006 4.141v.001l-3.349 3.285a.75.75 0 0 1-1.05-.001l-3.356-3.296a2.9 2.9 0 0 1-.64-3.198c.151-.355.372-.678.65-.947a3 3 0 0 1 2.089-.844m-.003 1.5c-.39 0-.763.15-1.042.421a1.396 1.396 0 0 0-.004 1.996l.002.002L18 20.95l2.825-2.769.003-.002a1.394 1.394 0 0 0 .003-1.996 1.494 1.494 0 0 0-2.08-.009l-.224.221a.75.75 0 0 1-1.052-.001l-.223-.22a1.5 1.5 0 0 0-1.037-.423"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M6.327 4.87c3.779-2.436 8.994-2.143 12.404.765 1.701 1.451 2.712 3.349 2.968 5.336a.75.75 0 0 1-1.488.191c-.207-1.604-1.025-3.167-2.453-4.385-2.99-2.55-7.674-2.744-10.924-.439h-.001C3.617 8.62 2.84 12.603 4.92 15.68a.75.75 0 0 1 .09.657l-.885 2.657 3.418-.727.123-.017a.75.75 0 0 1 .36.075 9 9 0 0 0 2.668.812.75.75 0 0 1-.21 1.485c-.993-.14-1.96-.422-2.873-.836l-4.456.948a.752.752 0 0 1-.868-.97l1.186-3.561C1.17 12.453 2.237 7.76 5.966 5.115z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { g as default };
+export { x as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } 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 o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: h, size: t = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = m(), e = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? r.colors.neutralHighBrand : c === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = g(), s = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: n } = v(h !== null && h !== void 0 ? h : s), { skinName: m } = f(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M21.841 6.147c0-1.745-1.476-3.165-3.285-3.165H5.44c-1.81 0-3.286 1.42-3.286 3.165v8.748c0 1.353.824 2.51 2.053 2.96v1.673c0 .812.723 1.499 1.583 1.499.66 0 1.076-.353 1.3-.642l1.88-2.325h9.585c1.812 0 3.285-1.417 3.285-3.162zm-1.235 0v8.748c0 1.087-.919 1.97-2.048 1.97H8.67c-.19 0-.37.086-.487.229L6.11 19.66c-.134.173-.246.173-.32.173-.17 0-.346-.151-.346-.302v-2.118a.6.6 0 0 0-.496-.585c-.916-.182-1.558-.975-1.558-1.93V6.147c0-1.087.92-1.972 2.05-1.972h13.116c1.131 0 2.05.885 2.05 1.972M14.39 9.295c-.16.659-.484 1.353-.952 2.065a8.7 8.7 0 0 1-1.224 1.482l-.042.039-.003.005a3 3 0 0 1-.207.185 5 5 0 0 1-.241-.218 8.6 8.6 0 0 1-1.238-1.496c-.474-.711-.796-1.406-.958-2.064-.045-.185-.13-.645.092-.827a.76.76 0 0 1 .434-.143l.056-.002c.23 0 .474.067.706.193.146.076.294.16.482.266.202.112.431.17.664.17.227 0 .45-.052.65-.159l.02-.008.016-.011q.243-.139.46-.255c.232-.126.476-.194.703-.194l.059.003a.76.76 0 0 1 .434.143c.218.182.137.639.09.826m.715-1.733c-.306-.255-.726-.407-1.174-.429a1 1 0 0 1-.115-.008 2.8 2.8 0 0 0-1.305.339c-.157.084-.317.173-.49.274a.1.1 0 0 1-.057.014.1.1 0 0 1-.056-.014 26 26 0 0 0-.49-.272 2.8 2.8 0 0 0-1.305-.339l-.058.002-.062.001c-.454.023-.872.174-1.177.429-.527.437-.703 1.151-.49 2.011.193.79.571 1.61 1.12 2.434a9.7 9.7 0 0 0 1.39 1.684l.014.013c.073.07.261.25.42.362.148.104.314.174.482.21q.071.014.15.02h.113q.08-.005.151-.02a1.4 1.4 0 0 0 .482-.21 3.5 3.5 0 0 0 .434-.375l.014-.014a10 10 0 0 0 1.376-1.667c.551-.826.927-1.644 1.123-2.434.213-.86.039-1.572-.49-2.011"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M16.218 14.25a3 3 0 0 1 1.785.6 2.99 2.99 0 0 1 3.877.259 2.89 2.89 0 0 1-.006 4.141v.001l-3.349 3.285a.75.75 0 0 1-1.05-.001l-3.356-3.296a2.896 2.896 0 0 1 .01-4.145 3 3 0 0 1 2.089-.844m-.003 1.5c-.39 0-.763.15-1.042.421a1.394 1.394 0 0 0-.004 1.996l.002.002L18 20.95l2.825-2.769.003-.002a1.393 1.393 0 0 0 .003-1.996 1.494 1.494 0 0 0-2.08-.009l-.224.221a.75.75 0 0 1-1.052-.001l-.223-.22a1.5 1.5 0 0 0-1.037-.423"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M6.327 4.87c3.779-2.436 8.994-2.143 12.404.765 1.701 1.451 2.712 3.349 2.968 5.336a.75.75 0 0 1-1.488.191c-.207-1.604-1.025-3.167-2.453-4.385-2.99-2.55-7.674-2.744-10.924-.439h-.001C3.617 8.62 2.84 12.603 4.92 15.68a.75.75 0 0 1 .09.657l-.885 2.657 3.418-.727.123-.017a.75.75 0 0 1 .36.075 9 9 0 0 0 2.668.812.75.75 0 0 1-.21 1.485c-.993-.14-1.96-.422-2.873-.836l-4.456.948a.752.752 0 0 1-.868-.97l1.186-3.561C1.17 12.453 2.237 7.76 5.966 5.115z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { B as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: e = 24 } = _param, l = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), i = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: o } = h();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const l = m(), s = l === "brand" || l === "media" ? a.colors.neutralHighBrand : l === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: c } = g(d !== null && d !== void 0 ? d : s), { skinName: n } = f(), i = n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M3 9.31C3 6.45 4.846 3.5 8.01 3.5c1.526 0 2.639.781 3.36 1.802.258.366.468.765.63 1.173.162-.408.372-.807.63-1.173.721-1.02 1.834-1.802 3.36-1.802C19.154 3.5 21 6.45 21 9.31c0 2.986-1.381 5.163-3.19 6.905-1.288 1.24-2.786 2.258-4.151 3.185l-.014.01c-.192.13-.41.27-.626.41l-.093.06c-.247.16-.485.314-.681.453l-.245.172-.245-.172a22 22 0 0 0-.681-.453l-.093-.06c-.216-.14-.434-.28-.626-.41l-.014-.01c-1.365-.927-2.863-1.945-4.151-3.185C4.38 14.473 3 12.296 3 9.31"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M17.252 2c-2.02 0-3.372.769-5.256 3.08C10.14 2.824 8.656 2 6.58 2 3.572 2 2 4.354 2 6.685c0 4.764 6.404 11.52 9.48 14.767L12 22l.52-.549c.88-.925 1.904-2.018 2.96-3.21l2.66-3.232C20.736 11.582 22 8.859 22 6.685 22 4.355 20.368 2 17.252 2"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M17.252 2c-2.02 0-3.372.769-5.256 3.08C10.14 2.824 8.656 2 6.58 2 3.572 2 2 4.354 2 6.685c0 4.764 6.404 11.52 9.48 14.767L12 22l.52-.549c.88-.925 1.904-2.018 2.96-3.21l2.66-3.232C20.736 11.582 22 8.859 22 6.685 22 4.355 20.368 2 17.252 2"
         })
-    })) : /* @__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"
-    }, l), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M6.328 3.745a5.5 5.5 0 0 1 5.674 1.486 5.5 5.5 0 1 1 7.848 7.704q-.016.014-.032.024l-7.466 7.396a.5.5 0 0 1-.704 0l-7.5-7.428A5.5 5.5 0 0 1 2.49 8.844a5.5 5.5 0 0 1 3.839-5.1"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { g as default };
+export { B as default };

package/dist-es/generated/mistica-icons/icon-heart-handshake-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 { jsx as t, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as h } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: o, size: r = 24 } = _param, i = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: r = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), e = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+    const a = h(), c = a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: o, gradientDef: n } = g(s !== null && s !== void 0 ? s : c), e = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, d), {
         children: [
             /* @__PURE__ */ t("path", {
-                fill: e,
+                fill: o,
                 d: "M6.253 3.506a5.76 5.76 0 0 1 4.586.489q.547.314 1.012.737a.24.24 0 0 1 .004.35l-3.678 3.68a1.75 1.75 0 0 0 0 2.475l.543.543a2.52 2.52 0 0 0 3.56 0l1-1a2.43 2.43 0 0 1 3.44 0l2.635 2.635a.25.25 0 0 1-.002.354l-1.09 1.081a.25.25 0 0 1-.353 0l-2.38-2.38a.75.75 0 0 0-1.06 1.06l2.372 2.372a.25.25 0 0 1-.001.355l-1.09 1.08a.25.25 0 0 1-.352 0L13.03 14.97a.75.75 0 0 0-1.06 1.06l2.361 2.361a.25.25 0 0 1 0 .355l-1.803 1.786a.75.75 0 0 1-1.055 0l-7.5-7.428a5.755 5.755 0 0 1-1.19-6.56 5.76 5.76 0 0 1 3.47-3.038"
             }),
             /* @__PURE__ */ t("path", {
-                fill: e,
+                fill: o,
                 d: "M16.03 3.262a5.743 5.743 0 0 1 5.714 5.585 5.76 5.76 0 0 1-1.014 3.424.242.242 0 0 1-.37.029l-2.58-2.58a3.933 3.933 0 0 0-5.56 0l-1 1a1.02 1.02 0 0 1-1.44 0l-.543-.543a.25.25 0 0 1 0-.354l6.39-6.39a.57.57 0 0 1 .403-.171"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(e, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { c as default };
+export { H as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: e, size: r = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as m } 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 C = (_param)=>{
+    var { color: i, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), i = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = m(), d = e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: c, gradientDef: n } = g(i !== null && i !== void 0 ? i : d), t = /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M6.253 3.506a5.75 5.75 0 0 1 5.75 1.368 5.75 5.75 0 0 1 8.022 8.238l-.06.053-7.437 7.367a.75.75 0 0 1-1.056 0l-7.5-7.427a5.75 5.75 0 0 1-1.19-6.561 5.75 5.75 0 0 1 3.47-3.038m2.185 1.257A4.25 4.25 0 0 0 4.14 7.182a4.25 4.25 0 0 0 .73 4.695l.153.157.005.005L12 18.943l1.448-1.434-1.479-1.479a.75.75 0 0 1 1.061-1.06l1.483 1.483 1.447-1.432-1.49-1.49a.75.75 0 0 1 1.06-1.061l1.495 1.495 1.447-1.432-1.753-1.753a2.433 2.433 0 0 0-3.439 0l-1 1a2.52 2.52 0 0 1-3.56 0l-.543-.543a1.75 1.75 0 0 1 0-2.474l2.796-2.798a4.26 4.26 0 0 0-2.535-1.202m8.847.198a4.25 4.25 0 0 0-4.686 1.495.8.8 0 0 1-.125.129L9.237 9.823a.25.25 0 0 0 0 .354l.543.543a1.02 1.02 0 0 0 1.44 0l1-1a3.933 3.933 0 0 1 5.56 0l1.708 1.708a4.2 4.2 0 0 0 .757-2.538 4.25 4.25 0 0 0-2.96-3.93"
         })
     }));
+    return n ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: t, size: r = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as m } 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 C = (_param)=>{
+    var { color: i, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), i = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = m(), d = e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: c, gradientDef: l } = g(i !== null && i !== void 0 ? i : d), t = /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M6.253 3.506a5.75 5.75 0 0 1 5.75 1.368 5.75 5.75 0 0 1 7.783-.188 5.753 5.753 0 0 1 .24 8.426l-.06.053-7.438 7.367a.75.75 0 0 1-1.056 0l-7.5-7.427a5.75 5.75 0 0 1-1.19-6.561 5.75 5.75 0 0 1 3.47-3.038m2.185 1.257A4.25 4.25 0 0 0 4.14 7.182a4.25 4.25 0 0 0 .73 4.695l.153.157.005.005L12 18.943l1.448-1.434-1.479-1.479a.75.75 0 0 1 1.061-1.06l1.484 1.483 1.446-1.432-1.49-1.49a.75.75 0 0 1 1.06-1.061l1.495 1.495 1.448-1.432-1.753-1.753a2.433 2.433 0 0 0-3.44 0l-1 1a2.52 2.52 0 0 1-3.56 0l-.543-.543a1.75 1.75 0 0 1 0-2.474l2.796-2.798a4.26 4.26 0 0 0-2.535-1.202m8.847.198a4.25 4.25 0 0 0-4.686 1.495.8.8 0 0 1-.125.129L9.237 9.823a.25.25 0 0 0 0 .354l.543.543a1.02 1.02 0 0 0 1.44 0l1-1a3.933 3.933 0 0 1 5.56 0l1.708 1.708a4.22 4.22 0 0 0 .354-4.227 4.25 4.25 0 0 0-2.557-2.24"
         })
     }));
+    return l ? /*#__PURE__*/ n.cloneElement(t, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...n.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: e = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as h 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";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: d, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = m(), t = o !== null && o !== void 0 ? o : i === "brand" || i === "media" ? r.colors.neutralHighBrand : i === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = g(), s = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: c } = p(d !== null && d !== void 0 ? d : s), { skinName: n } = f(), a = n.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: t,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M3 9.31C3 6.45 4.846 3.5 8.01 3.5c1.526 0 2.639.781 3.36 1.802.258.366.468.765.63 1.173.162-.408.372-.807.63-1.173.721-1.02 1.834-1.802 3.36-1.802C19.154 3.5 21 6.45 21 9.31c0 2.986-1.381 5.163-3.19 6.905-1.288 1.24-2.786 2.258-4.151 3.185l-.014.01c-.192.13-.41.27-.626.41l-.093.06c-.247.16-.485.314-.681.453l-.245.172-.245-.172a22 22 0 0 0-.681-.453l-.093-.06c-.216-.14-.434-.28-.626-.41l-.014-.01c-1.365-.927-2.863-1.945-4.151-3.185C4.38 14.473 3 12.296 3 9.31m9.425-.72h-.85c0-.851-.293-1.938-.9-2.798-.596-.844-1.47-1.442-2.665-1.442-2.516 0-4.16 2.368-4.16 4.96 0 2.682 1.226 4.652 2.93 6.293 1.23 1.186 2.674 2.167 4.052 3.103.183.124.393.26.609.399l.559.365a34 34 0 0 1 .559-.365c.216-.14.426-.275.609-.399 1.378-.936 2.821-1.917 4.053-3.103 1.703-1.64 2.929-3.61 2.929-6.293 0-2.592-1.644-4.96-4.16-4.96-1.195 0-2.069.598-2.665 1.442-.607.86-.9 1.947-.9 2.798"
         })
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M11.497 21.772c.13.144.308.228.499.228a.66.66 0 0 0 .495-.232c.7-.787 1.756-1.981 2.818-3.268l.008-.01.008-.01 2.502-3.244.007-.012.008-.012c2.472-3.488 3.676-6.256 3.676-8.462 0-1.438-.492-2.66-1.425-3.54A4.5 4.5 0 0 0 16.997 2c-1.105 0-1.966.26-2.792.835-.678.471-1.375 1.19-2.213 2.29C10.225 2.834 8.812 2 6.83 2c-1.162 0-2.24.435-3.028 1.227-.872.866-1.333 2.089-1.333 3.523 0 2.13 1.112 4.77 3.397 8.075 1.909 2.752 4.236 5.377 5.63 6.947M3.83 6.75c0-2.293 1.508-3.32 3.001-3.32 1.508 0 2.636.508 4.624 3.296.13.18.331.288.544.288a.68.68 0 0 0 .545-.288c2.011-2.816 3.002-3.292 4.46-3.292 1.52 0 3.158 1.039 3.158 3.32 0 1.858-1.143 4.415-3.398 7.6l-2.487 3.223c-.819.987-1.634 1.922-2.281 2.657-1.387-1.566-3.379-3.871-5.024-6.248C4.885 10.977 3.83 8.54 3.83 6.75"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M11.756 21.884a.33.33 0 0 0 .248.116.3.3 0 0 0 .229-.104.364.364 0 0 0 .018-.504C9.299 18.064 3.159 11.136 3.159 6.544c0-2.636 1.803-3.836 3.48-3.836 1.646 0 2.946.572 5.091 3.572a.34.34 0 0 0 .275.144.33.33 0 0 0 .274-.144c2.18-3.056 3.281-3.572 4.924-3.572 1.81 0 3.643 1.32 3.643 3.84 0 2.02-1.211 4.756-3.605 8.128l-2.527 3.28a.373.373 0 0 0 .05.504c.149.124.362.1.48-.052l2.53-3.284.005-.006.003-.006c2.523-3.552 3.747-6.352 3.747-8.56C21.528 3.564 19.352 2 17.202 2c-1.993 0-3.247.824-5.198 3.48C10.087 2.888 8.696 2 6.642 2c-1.113 0-2.138.416-2.893 1.168-.83.828-1.269 2-1.269 3.384 0 2.124 1.132 4.792 3.464 8.156 1.96 2.832 4.372 5.552 5.812 7.176"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M13.7 20.572c.377 0 .682-.324.682-.716a.704.704 0 0 0-.682-.716c-.378 0-.682.32-.682.716s.304.716.682.716"
             })
         ]
-    })) : /* @__PURE__ */ l("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"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M6.253 3.506a5.75 5.75 0 0 1 5.75 1.368 5.75 5.75 0 0 1 8.022 8.238l-.06.053-7.437 7.367a.75.75 0 0 1-1.056 0l-7.5-7.427a5.755 5.755 0 0 1-1.19-6.561 5.75 5.75 0 0 1 3.47-3.038m2.185 1.257A4.25 4.25 0 0 0 4.14 7.182a4.25 4.25 0 0 0 .73 4.695l.153.157.005.005L12 18.943l6.972-6.904.047-.044a4.248 4.248 0 0 0-5.115-6.683A4.25 4.25 0 0 0 12.6 6.456a.75.75 0 0 1-1.2-.003 4.25 4.25 0 0 0-2.96-1.69"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { p as default };
+export { B as default };