@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a } 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: i, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const m = h(), t = o !== null && o !== void 0 ? o : m === "brand" || m === "media" ? c.colors.neutralHighBrand : m === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: l } = i();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), h = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: c, gradientDef: m } = g(i !== null && i !== void 0 ? i : h), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ e("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M18.572 2.155c2.023.006 3.278 1.269 3.27 3.3-.006 2.056-2.485 5.01-2.86 5.386a.606.606 0 0 1-.858.003l-.003-.003a2 2 0 0 1-.134-.151.6.6 0 0 1-.56.546l-.213.028a.61.61 0 0 1-.174-1.207q.159-.024.317-.04.027 0 .052.006a.2.2 0 0 0 .04.006c-.854-1.112-2.168-3.106-2.165-4.597.003-1 .308-1.832.885-2.406.571-.571 1.398-.871 2.392-.871zm2.05 3.297c.006-1.373-.686-2.067-2.052-2.073h-.012c-.672 0-1.187.174-1.532.516-.347.344-.524.862-.524 1.543-.005 1.14 1.289 3.073 2.053 4.04.785-.978 2.065-2.889 2.068-4.026M6.786 11.609c1.143 0 1.88.74 1.88 1.885s-.74 1.885-1.88 1.885c-1.143 0-1.88-.74-1.88-1.885s.74-1.885 1.88-1.885m0 2.552c.47 0 .661-.194.661-.664 0-.474-.193-.664-.66-.664-.469 0-.662.193-.662.664 0 .47.19.664.661.664m12.216-8.888c0-.311-.126-.44-.44-.44-.31 0-.437.126-.437.44 0 .31.126.44.437.44s.44-.127.44-.44m-.44-1.255c.76 0 1.252.493 1.252 1.252 0 .762-.49 1.252-1.252 1.252-.759 0-1.25-.493-1.25-1.252 0-.76.491-1.252 1.25-1.252m-.387 14.207a.607.607 0 1 0-1.137-.431 1.4 1.4 0 0 1-.3.465.61.61 0 0 0 .031.862l.003.003c.247.227.63.213.857-.033a2.7 2.7 0 0 0 .546-.866m-2.56.801a.61.61 0 1 1 .532 1.098q-.37.181-.787.334a.603.603 0 0 1-.778-.35l-.003-.009a.61.61 0 0 1 .356-.784q.348-.126.68-.289m-1.742-4.028a.613.613 0 0 0 .316.804q.287.112.58.216l.182.067a.611.611 0 0 0 .415-1.149 19 19 0 0 1-.731-.271.613.613 0 0 0-.762.333m.927-3.182a.61.61 0 0 1-.608-.613c0-.26.168-.49.415-.575q.409-.136.801-.238a.607.607 0 0 1 .745.434.61.61 0 0 1-.434.746 12 12 0 0 0-.726.218.7.7 0 0 1-.193.028m-2.65.574a.608.608 0 0 0 1.076.395c.112-.134.272-.269.47-.4a.61.61 0 1 0-.669-1.023q-.451.295-.734.636a.6.6 0 0 0-.143.392m.866 2.706a.6.6 0 0 1-.387-.14 2.3 2.3 0 0 1-.658-.832.615.615 0 0 1 .303-.81.613.613 0 0 1 .806.306q.091.204.325.395c.26.216.297.602.081.863a.62.62 0 0 1-.47.218m3.075.737a.61.61 0 0 0 .261.823q.282.142.518.35a.61.61 0 0 0 .857-.025.61.61 0 0 0-.02-.865 3.5 3.5 0 0 0-.792-.544.61.61 0 0 0-.824.26m-4.899 4.375c.35-.039.645.18.692.513a.61.61 0 0 1-.512.695q-.42.062-.807.109a.606.606 0 0 1-.678-.527v-.006a.61.61 0 0 1 .53-.68q.376-.044.775-.104m3.025-.005a.607.607 0 0 0-.736-.44q-.376.093-.754.173a.61.61 0 0 0 .247 1.197q.403-.084.801-.185a.61.61 0 0 0 .443-.74zm-7.445.114c-1.165-1.392-3.403-4.647-3.398-6.574.009-2.232 1.185-3.411 3.404-3.411h.017c1.106.002 1.958.3 2.535.882.58.585.87 1.442.868 2.549-.006 1.91-2.258 5.162-3.426 6.554m2.742.715a.624.624 0 0 0-.655-.563c-.336.028-.58.042-.697.047 1.26-1.624 3.246-4.58 3.254-6.75.003-1.423-.417-2.603-1.22-3.412-.802-.81-1.976-1.241-3.396-1.244h-.022c-2.885 0-4.614 1.729-4.622 4.628-.008 2.98 3.661 7.4 4.182 7.924l.006.006a.606.606 0 0 0 .857-.006c.07-.067.196-.207.355-.398.076.28.328.474.617.476q.02 0 .036-.002l.151-.01c.14-.009.342-.022.594-.04a.61.61 0 0 0 .56-.656"
         })
-    })) : /* @__PURE__ */ e("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__ */ e("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M5 16.25a2.75 2.75 0 1 1 0 5.499 2.75 2.75 0 0 1 0-5.499m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m8-13.5a.75.75 0 0 1 0 1.5H8.5a2.75 2.75 0 0 0 0 5.5h8a4.25 4.25 0 0 1 0 8.5H11a.75.75 0 0 1 0-1.5h5.5a2.75 2.75 0 0 0 0-5.5h-8a4.25 4.25 0 0 1 0-8.5zm6-2a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
         })
     }));
+    return m ? /*#__PURE__*/ l.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: m
+        }, "gradient-defs"),
+        ...l.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { H as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, 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 o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: c, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } 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: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), t = c !== null && c !== void 0 ? c : l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = f(), s = o === "brand" || o === "media" ? l.colors.neutralHighBrand : o === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(m !== null && m !== void 0 ? m : s), { skinName: n } = v(), i = n.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M13.261 6.91c-.025-2.33-1.518-3.683-1.535-3.694a.603.603 0 0 1-.05-.852q.005-.004.005-.008a.62.62 0 0 1 .869-.045c.078.07 1.907 1.731 1.938 4.569.006.098.104 2.89-1.913 4.672a.616.616 0 0 1-.868-.05.604.604 0 0 1 .044-.855l.006-.005c1.549-1.368 1.506-3.635 1.504-3.729zm-2.59.026a3.22 3.22 0 0 0-.893-2.181l-.001-.001a.606.606 0 0 1-.05-.855l.005-.005a.62.62 0 0 1 .868-.045c.053.047 1.283 1.162 1.303 3.053.002.059.07 1.927-1.286 3.123a.6.6 0 0 1-.409.154.6.6 0 0 1-.46-.204.603.603 0 0 1 .043-.852q.003-.005.008-.005c.892-.79.872-2.128.871-2.18zM8.022 18.05c0 .216-.061.376-.17.485-.118.115-.292.174-.5.174-.21 0-.383-.056-.5-.174-.107-.11-.169-.269-.169-.485 0-.45.263-.658.67-.658.406 0 .67.21.67.658m-2.608.485c-.117.115-.291.174-.501.174s-.384-.056-.502-.174c-.106-.11-.168-.269-.168-.485 0-.45.264-.658.67-.658s.67.21.67.658c0 .216-.062.376-.169.485m16.426-1.294c0-.944-.252-1.675-.745-2.185-.513-.53-1.277-.795-2.263-.798H8.088v-7.33a.613.613 0 0 0-.617-.609.61.61 0 0 0-.616.608v7.33H5.17c-.992 0-1.754.27-2.27.796-.495.51-.744 1.244-.744 2.185v1.622c0 .941.25 1.678.745 2.188.515.526 1.277.795 2.269.795h13.658c.992 0 1.753-.269 2.269-.795.493-.507.745-1.244.745-2.185z"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M15.832 5.015c1.44 0 2.834.613 3.833 1.68A.706.706 0 0 1 19.63 7.7a.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.832-1.68m-5.449.731a.7.7 0 0 0 .513-.218 6.8 6.8 0 0 1 4.94-2.111c1.88 0 3.634.75 4.942 2.111a.714.714 0 0 0 1.003.023.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.841 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .018 1.003.68.68 0 0 0 .486.195m11.485 12.748a3.374 3.374 0 0 1-3.37 3.369H5.37A3.374 3.374 0 0 1 2 18.493a3.374 3.374 0 0 1 3.37-3.37h9.754v-5.32a.71.71 0 0 1 1.417 0v5.322h1.953a3.375 3.375 0 0 1 3.374 3.37m-15.259 0c0-.686-.554-1.24-1.24-1.24s-1.24.554-1.24 1.24a1.24 1.24 0 1 0 2.48 0"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M15.832 5.015c1.44 0 2.834.613 3.833 1.68A.706.706 0 0 1 19.63 7.7a.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.832-1.68m-5.449.731a.7.7 0 0 0 .513-.218 6.8 6.8 0 0 1 4.94-2.111c1.88 0 3.634.75 4.942 2.111a.714.714 0 0 0 1.003.023.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.841 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .018 1.003.68.68 0 0 0 .486.195m11.485 12.748a3.374 3.374 0 0 1-3.37 3.369H5.37A3.374 3.374 0 0 1 2 18.493a3.374 3.374 0 0 1 3.37-3.37h9.754v-5.32a.71.71 0 0 1 1.417 0v5.322h1.953a3.375 3.375 0 0 1 3.374 3.37m-15.259 0c0-.686-.554-1.24-1.24-1.24s-1.24.554-1.24 1.24a1.24 1.24 0 1 0 2.48 0"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M7 6.25a.75.75 0 0 1 .75.75v6.5H19a2.5 2.5 0 0 1 2.5 2.5v3a2.5 2.5 0 0 1-2.5 2.5H5a2.5 2.5 0 0 1-2.487-2.244L2.5 19v-3A2.5 2.5 0 0 1 5 13.5h1.25V7A.75.75 0 0 1 7 6.25M7 16.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
             }),
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M13.397 2.555a.75.75 0 0 1 1.047-.159 5.64 5.64 0 0 1 1.698 2.02c.4.8.608 1.686.608 2.584l-.01.336a5.8 5.8 0 0 1-.598 2.247c-.4.8-.982 1.493-1.698 2.02a.75.75 0 1 1-.888-1.207A4.14 4.14 0 0 0 14.8 8.913a4.28 4.28 0 0 0 0-3.826 4.14 4.14 0 0 0-1.244-1.484.75.75 0 0 1-.16-1.048M10.39 4.562a.75.75 0 0 1 1.047-.172A3.21 3.21 0 0 1 12.778 7l-.006.19a3.21 3.21 0 0 1-1.334 2.42.75.75 0 0 1-.874-1.22 1.7 1.7 0 0 0 .702-1.187l.01-.203a1.71 1.71 0 0 0-.713-1.39.75.75 0 0 1-.172-1.048"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(i, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { x as default };

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

@@ -78,52 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as l } 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, c = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), t = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const o = f(), s = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: h } = g(m !== null && m !== void 0 ? m : s), { skinName: c } = v(), n = c.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M13.463 6.748c-.025-2.38-1.534-3.818-1.597-3.878l-.002-.001a.411.411 0 0 1 .549-.611c.075.067 1.84 1.689 1.87 4.465.007.104.102 2.829-1.842 4.566a.41.41 0 0 1-.58-.034.41.41 0 0 1 .034-.58c1.655-1.473 1.571-3.902 1.568-3.927m8.378 10.445c0-.952-.252-1.694-.745-2.207-.515-.532-1.277-.801-2.271-.801H7.875V6.776a.41.41 0 0 0-.818 0v7.406H5.169c-.992 0-1.753.272-2.269.804-.496.513-.745 1.255-.745 2.207v1.64c0 .952.25 1.694.745 2.206.516.535 1.277.804 2.269.804h13.658c.992 0 1.754-.269 2.27-.804.492-.512.744-1.255.744-2.207zm-.82 1.64c0 .733-.174 1.282-.516 1.638-.353.367-.916.552-1.675.552H5.17c-.76 0-1.322-.185-1.675-.552q-.514-.536-.515-1.639v-1.639c0-.733.173-1.283.515-1.638.35-.367.916-.552 1.675-.552h13.66c.76 0 1.322.185 1.675.552.342.356.516.905.516 1.638zm-15.437-.819c0-.454-.264-.664-.67-.664s-.67.21-.67.664c0 .219.06.381.169.49.117.12.291.177.501.177.213 0 .384-.059.502-.177.106-.112.168-.271.168-.49m2.437 0c0-.454-.264-.664-.67-.664s-.67.21-.667.664c0 .219.06.381.169.49.117.12.288.177.5.177.211 0 .382-.059.5-.177.106-.112.168-.271.168-.49M9.915 4.43c.04.037.943.89.96 2.346v.002c.002.064.036 1.493-.941 2.365a.41.41 0 0 0-.034.58l.003.003a.41.41 0 0 0 .577.03c1.28-1.148 1.218-2.94 1.216-3.002-.02-1.821-1.182-2.888-1.233-2.933a.41.41 0 0 0-.55.608z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M15.833 5.016c1.44 0 2.834.613 3.833 1.68a.706.706 0 0 1-.036 1.003.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.833-1.68m-5.45.73a.7.7 0 0 0 .514-.217 6.8 6.8 0 0 1 4.94-2.112c1.88 0 3.634.75 4.942 2.112a.714.714 0 0 0 1.003.022.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.842 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .019 1.003.68.68 0 0 0 .486.196M5.37 17.256c-.686 0-1.24.554-1.24 1.24s.554 1.24 1.24 1.24a1.24 1.24 0 1 0 0-2.48m16.499 1.24a3.374 3.374 0 0 1-3.37 3.37H5.369A3.374 3.374 0 0 1 2 18.494a3.374 3.374 0 0 1 3.37-3.37h9.755V9.802a.71.71 0 0 1 1.417 0v5.323h1.952a3.375 3.375 0 0 1 3.375 3.37m-1.422 0a1.956 1.956 0 0 0-1.953-1.953H5.37a1.956 1.956 0 0 0-1.953 1.952c0 1.077.876 1.953 1.953 1.953h13.129a1.955 1.955 0 0 0 1.948-1.953"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M4.14 18.069c0 .786.64 1.426 1.426 1.426s1.426-.64 1.426-1.426c0-.787-.64-1.427-1.426-1.427-.787 0-1.427.64-1.427 1.427m2.143 0a.714.714 0 0 1-1.426 0 .714.714 0 0 1 1.426 0m9.642-13.034c1.348 0 2.66.576 3.597 1.578a.355.355 0 0 1-.018.502.354.354 0 0 1-.503-.018 4.18 4.18 0 0 0-3.07-1.347c-1.166 0-2.263.48-3.072 1.348a.355.355 0 0 1-.503.018.355.355 0 0 1-.018-.502 4.9 4.9 0 0 1 3.589-1.578m-5.733-.077a.355.355 0 0 1-.01-.503A7.9 7.9 0 0 1 15.93 2a7.9 7.9 0 0 1 5.746 2.455.354.354 0 0 1-.009.503.35.35 0 0 1-.247.1.35.35 0 0 1-.256-.11 7.2 7.2 0 0 0-5.23-2.235 7.2 7.2 0 0 0-5.229 2.236.366.366 0 0 1-.512.009M22 18.068a3.22 3.22 0 0 1-2.811 3.187.356.356 0 0 1-.398-.311.356.356 0 0 1 .31-.398 2.5 2.5 0 0 0 2.186-2.477 2.5 2.5 0 0 0-2.5-2.501H5.213a2.501 2.501 0 0 0 0 5.001h9.64a.357.357 0 0 1 0 .713h-9.64A3.215 3.215 0 0 1 2 18.07a3.215 3.215 0 0 1 3.214-3.214h10.359V9.497a.357.357 0 0 1 .713 0v5.358h2.5A3.22 3.22 0 0 1 22 18.069m-4.288 2.858a.714.714 0 0 1-1.426 0 .714.714 0 0 1 1.426 0"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: [
             /* @__PURE__ */ a("path", {
                 fill: t,
@@ -139,5 +140,11 @@ const p = (_param)=>{
             })
         ]
     }));
+    return h ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { p as default };
+export { x as default };

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

@@ -78,52 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as l } 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, c = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), t = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const o = f(), s = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: l } = g(m !== null && m !== void 0 ? m : s), { skinName: c } = v(), n = c.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M13.258 6.91c-.025-2.305-1.518-3.683-1.535-3.697a.604.604 0 0 1-.044-.854l.002-.003a.62.62 0 0 1 .869-.045c.078.07 1.907 1.731 1.938 4.569.006.098.104 2.89-1.913 4.672a.623.623 0 0 1-.868-.048.606.606 0 0 1 .042-.854l.003-.002.002-.004c1.588-1.403 1.507-3.708 1.504-3.734m8.583 10.33c0-.94-.252-1.677-.745-2.184-.515-.53-1.277-.795-2.266-.795H8.085V6.927a.615.615 0 0 0-.617-.61.613.613 0 0 0-.616.61v7.33H5.17c-.992 0-1.754.267-2.27.796-.495.51-.744 1.244-.744 2.185v1.622c0 .941.25 1.678.745 2.188.515.529 1.277.795 2.269.795h13.658c.992 0 1.753-.266 2.269-.795.493-.507.745-1.244.745-2.185zm-1.233 1.62c.003.616-.134 1.067-.397 1.339q-.414.422-1.381.423H5.169c-.644 0-1.107-.143-1.381-.423-.266-.272-.4-.723-.4-1.339v-1.622c0-.616.134-1.067.4-1.339.274-.28.737-.423 1.38-.423h13.659c.641 0 1.106.143 1.381.423.266.272.4.723.4 1.34zM5.95 18.151c0-.518-.305-.759-.776-.759-.47 0-.773.241-.776.762 0 .25.07.434.197.56.137.135.336.196.58.196s.445-.064.58-.198c.125-.127.195-.311.195-.56m2.824 0c0-.518-.305-.759-.776-.759-.47 0-.776.241-.776.76 0 .249.07.433.196.56.137.134.336.198.58.198.246 0 .445-.064.58-.198.126-.127.196-.311.196-.56m1-13.397c.011.008.88.82.896 2.179v.002c.001.056.025 1.392-.874 2.183l-.005.005a.604.604 0 0 0-.045.855.62.62 0 0 0 .868.05c1.356-1.196 1.289-3.067 1.286-3.123-.023-1.894-1.25-3.009-1.303-3.056a.62.62 0 0 0-.874.053.603.603 0 0 0 .05.852"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M15.833 5.016c1.44 0 2.834.613 3.833 1.68a.706.706 0 0 1-.036 1.003.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.833-1.68m-5.45.73a.7.7 0 0 0 .514-.217 6.8 6.8 0 0 1 4.94-2.112c1.88 0 3.634.75 4.942 2.112a.714.714 0 0 0 1.003.022.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.842 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .019 1.003.68.68 0 0 0 .486.196M5.37 17.256c-.686 0-1.24.554-1.24 1.24s.554 1.24 1.24 1.24a1.24 1.24 0 1 0 0-2.48m16.499 1.24a3.374 3.374 0 0 1-3.37 3.37H5.369A3.374 3.374 0 0 1 2 18.494a3.374 3.374 0 0 1 3.37-3.37h9.755V9.802a.71.71 0 0 1 1.417 0v5.323h1.952a3.375 3.375 0 0 1 3.375 3.37m-1.422 0a1.956 1.956 0 0 0-1.953-1.953H5.37a1.956 1.956 0 0 0-1.953 1.952c0 1.077.876 1.953 1.953 1.953h13.129a1.955 1.955 0 0 0 1.948-1.953"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M15.833 5.016c1.44 0 2.834.613 3.833 1.68a.706.706 0 0 1-.036 1.003.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.833-1.68m-5.45.73a.7.7 0 0 0 .514-.217 6.8 6.8 0 0 1 4.94-2.112c1.88 0 3.634.75 4.942 2.112a.714.714 0 0 0 1.003.022.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.842 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .019 1.003.68.68 0 0 0 .486.196M5.37 17.256c-.686 0-1.24.554-1.24 1.24s.554 1.24 1.24 1.24a1.24 1.24 0 1 0 0-2.48m16.499 1.24a3.374 3.374 0 0 1-3.37 3.37H5.369A3.374 3.374 0 0 1 2 18.494a3.374 3.374 0 0 1 3.37-3.37h9.755V9.802a.71.71 0 0 1 1.417 0v5.323h1.952a3.375 3.375 0 0 1 3.375 3.37m-1.422 0a1.956 1.956 0 0 0-1.953-1.953H5.37a1.956 1.956 0 0 0-1.953 1.952c0 1.077.876 1.953 1.953 1.953h13.129a1.955 1.955 0 0 0 1.948-1.953"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: [
             /* @__PURE__ */ a("path", {
                 fill: t,
@@ -139,5 +140,11 @@ const p = (_param)=>{
             })
         ]
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { p as default };
+export { x as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: t, size: e = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as h } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: i, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), i = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = d(), s = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: m, gradientDef: a } = h(i !== null && i !== void 0 ? i : s), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ o("path", {
-            fill: i,
+    }, c), {
+        children: /* @__PURE__ */ r("path", {
+            fill: m,
             d: "M10.326 2.166a.57.57 0 0 1 .803 0l1.818 1.819c.2.2.223.516.053.742l-1.364 1.818a.568.568 0 0 1-.909-.681l.671-.895c-4.884.22-7.262 2.823-7.262 7.943 0 5.35 2.602 7.952 7.952 7.952 5.314 0 7.917-2.562 7.958-7.827v-.126h.011a.568.568 0 0 1 1.114 0h.01v.137C21.132 19.148 17.79 22 12.088 22 6.345 22 3 19.105 3 12.912c0-5.866 3-8.778 8.198-9.07l-.873-.872a.57.57 0 0 1 0-.804m2.334 10.759 2.631 2.633c.23.215.243.575.028.802a.566.566 0 0 1-.801.029L11.69 13.56a.57.57 0 0 1-.166-.401V9.373a.57.57 0 0 1 1.139 0zm7.363-2.516a.568.568 0 1 0 0-1.136.568.568 0 0 0 0 1.136m-1.16-3.295a.568.568 0 1 1-1.136 0 .568.568 0 0 1 1.137 0m-3.022-1.25a.568.568 0 1 0 0-1.137.568.568 0 0 0 0 1.137m-3.75 12.5a5.455 5.455 0 1 0 0-10.91 5.455 5.455 0 0 0 0 10.91"
         })
     }));
+    return a ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { s as default };
+export { C as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import * as l from "react";
+import { useTheme as m } 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 x = (_param)=>{
+    var { color: v, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), r = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? c.colors.neutralHighBrand : t === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = d(), s = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: c, gradientDef: i } = f(v !== null && v !== void 0 ? v : s), { skinName: h } = m(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: c,
             d: "M10.385 2.112a.38.38 0 0 1 .54 0l1.818 1.818c.149.15.149.39 0 .54l-1.819 1.818a.382.382 0 1 1-.54-.54l1.163-1.163c-5.17.18-7.789 2.979-7.789 8.327 0 5.528 2.802 8.33 8.33 8.33 5.531 0 8.336-2.802 8.336-8.33v-.003h.001a.382.382 0 1 1 .75 0h.007v.003c0 6.193-3.35 9.088-9.094 9.088S3 19.105 3 12.912c0-6.001 3.14-8.91 8.56-9.085l-1.175-1.175a.38.38 0 0 1 0-.54m5.542 3.379a.382.382 0 1 0 0-.764.382.382 0 0 0 0 .764m2.837 1.436a.382.382 0 1 1-.764 0 .382.382 0 0 1 .764 0m1.39 3.11a.382.382 0 1 0 0-.764.382.382 0 0 0 0 .763m-4.997 5.653-2.686-2.688-.005-3.63a.378.378 0 0 0-.755 0v3.788c0 .1.041.197.11.27l2.8 2.796a.376.376 0 0 0 .525 0 .377.377 0 0 0 .01-.536"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: c,
             d: "M11 18.94c.552 0 1 .445 1 .995v.01a1 1 0 0 1-1 .995c-.552 0-1-.446-1-.995v-.01c0-.55.448-.995 1-.995M8.72 3.855A8.782 8.782 0 0 1 20.08 15.44a8.8 8.8 0 0 1-3.13 3.81H20a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75v-5a.75.75 0 0 1 1.5 0v3.238a7.28 7.28 0 0 0 3.004-8.959 7.283 7.283 0 0 0-9.473-4.034.75.75 0 0 1-.56-1.391M7.16 17.37c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.447-.995 1-.995M4.63 14.1c.552 0 1 .446 1 .995v.01l-.005.102a1 1 0 0 1-.995.893 1 1 0 0 1-.995-.893l-.005-.102v-.01c0-.55.448-.995 1-.995M4.06 10c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.448-.995 1-.995m1.57-3.84c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.448-.995 1-.995"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { x as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import * as l from "react";
+import { useTheme as m } 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 x = (_param)=>{
+    var { color: v, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = v(), c = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = d(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: i, gradientDef: c } = f(v !== null && v !== void 0 ? v : s), { skinName: h } = m(), a = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: c,
+            fill: i,
             d: "M11.129 2.166a.568.568 0 1 0-.803.804l.872.873C6.001 4.133 3 7.046 3 12.912 3 19.105 6.345 22 12.088 22c5.701 0 9.044-2.852 9.093-8.952v-.137h-.01a.568.568 0 0 0-1.114 0h-.01l-.001.09v.036c-.04 5.265-2.644 7.827-7.958 7.827-5.35 0-7.952-2.602-7.952-7.952 0-5.12 2.378-7.724 7.262-7.943l-.67.895a.568.568 0 1 0 .908.681L13 4.727a.57.57 0 0 0-.053-.742zm4.162 13.392-2.63-2.633.002-3.552a.57.57 0 0 0-1.138 0v3.787c0 .15.059.295.165.401l2.828 2.828a.566.566 0 0 0 .801-.029.566.566 0 0 0-.028-.802m5.3-5.717a.568.568 0 1 1-1.136 0 .568.568 0 0 1 1.136 0m-2.296-2.16a.568.568 0 1 0 0-1.136.568.568 0 0 0 0 1.137M16.41 5.296a.568.568 0 1 1-1.136 0 .568.568 0 0 1 1.136 0"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: c,
+            fill: i,
             d: "M11 18.94c.552 0 1 .445 1 .995v.01a1 1 0 0 1-1 .995c-.552 0-1-.446-1-.995v-.01c0-.55.448-.995 1-.995M8.72 3.855A8.782 8.782 0 0 1 20.08 15.44a8.8 8.8 0 0 1-3.13 3.81H20a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75v-5a.75.75 0 0 1 1.5 0v3.238a7.28 7.28 0 0 0 3.004-8.959 7.283 7.283 0 0 0-9.473-4.034.75.75 0 0 1-.56-1.391M7.16 17.37c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.447-.995 1-.995M4.63 14.1c.552 0 1 .446 1 .995v.01l-.005.102a1 1 0 0 1-.995.893 1 1 0 0 1-.995-.893l-.005-.102v-.01c0-.55.448-.995 1-.995M4.06 10c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.448-.995 1-.995m1.57-3.84c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.448-.995 1-.995"
         })
     }));
+    return c ? /*#__PURE__*/ l.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...l.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { g as default };
+export { x as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
+import { jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as h } from "../../hooks.js";
+import { useThemeVariant as f } 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, t = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = m();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const l = f(), c = l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: n, gradientDef: i } = g(s !== null && s !== void 0 ? s : c), { skinName: d } = h(), t = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M21.845 17.345c0-.286-.098-.558-.266-.782l.028-.025L7.81 2.737l-.01.008-.22-.218c-.492-.496-1.358-.496-1.85 0L2.542 5.715a1.315 1.315 0 0 0 0 1.854l13.882 13.89c.246.25.574.384.924.384s.68-.134.927-.383l3.185-3.188c.247-.246.384-.577.384-.927M7.568 6.272a.429.429 0 0 1-.3-.734l1.378-1.356.605.605L7.867 6.15a.42.42 0 0 1-.3.123m3.792.627L8.982 9.28a.427.427 0 0 1-.605 0 .426.426 0 0 1 0-.605l2.378-2.38zm.49 3.538a.429.429 0 0 1-.3-.734l1.317-1.294.605.605-1.322 1.3a.43.43 0 0 1-.3.123m3.735.687-2.32 2.322a.426.426 0 0 1-.605 0 .426.426 0 0 1 0-.605l2.32-2.322zm.201 3.389a.43.43 0 0 1 .006-.605l1.297-1.275.605.605-1.303 1.28a.43.43 0 0 1-.605-.005m2.76 3.507a1.17 1.17 0 0 1-1.012.585 1.17 1.17 0 0 1-1.011-1.753 1.174 1.174 0 0 1 1.596-.429 1.17 1.17 0 0 1 .426 1.597"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M16.725 2.582a.5.5 0 0 1 .629.064l4 4a.5.5 0 0 1 0 .707l-14 14a.5.5 0 0 1-.707 0l-4-4a.5.5 0 0 1 0-.707l1.97-1.97a.25.25 0 0 1 .353 0l1.677 1.678a.5.5 0 0 0 .707-.708L5.677 13.97a.25.25 0 0 1 0-.354l1.94-1.94a.25.25 0 0 1 .353 0l1.677 1.678a.5.5 0 0 0 .707-.708L8.677 10.97a.25.25 0 0 1 0-.354l1.94-1.94a.25.25 0 0 1 .353 0l1.677 1.678a.5.5 0 0 0 .707-.708L11.677 7.97a.25.25 0 0 1 0-.354l1.94-1.94a.25.25 0 0 1 .353 0l1.677 1.677a.5.5 0 0 0 .707-.707L14.677 4.97a.25.25 0 0 1 0-.354l1.97-1.97z"
         })
     }));
+    return i ? /*#__PURE__*/ m.cloneElement(t, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...m.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { g as default };
+export { x as default };