@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,78 +78,85 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as m } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as c, jsxs as o } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = s(), l = r !== null && r !== void 0 ? r : h === "brand" || h === "media" ? m.colors.neutralHighBrand : h === "negative" ? m.colors.neutralHighNegative : m.colors.neutralHigh, { skinName: e } = o();
-    return e.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const l = f(), v = l === "brand" || l === "media" ? n.colors.neutralHighBrand : l === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: h } = g(s !== null && s !== void 0 ? s : v), { skinName: r } = d(), i = r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: l,
+            fill: t,
             d: "M9.496 3.86c.126.551.378 1.123.74 1.697.29.46.52.756.907 1.173l.01.01c.048.05.172.173.276.251a.85.85 0 0 0 .319.148q.05.012.1.014h.08a1 1 0 0 0 .1-.014.9.9 0 0 0 .316-.148c.104-.073.222-.193.274-.245l.015-.016.009-.008.002-.003c.39-.409.622-.706.908-1.162a5.6 5.6 0 0 0 .742-1.698c.14-.6.025-1.098-.322-1.403a1.27 1.27 0 0 0-.776-.297q-.041-.004-.078-.003c-.292 0-.586.081-.863.238a9 9 0 0 0-.322.19.1.1 0 0 1-.037.01l-.026-.006-.01-.003-.086-.052q-.124-.075-.239-.139a1.75 1.75 0 0 0-.86-.238q-.041 0-.078.003c-.297.014-.575.12-.776.297-.35.305-.465.804-.325 1.403m.798-.197c-.03-.131-.087-.448.059-.574.062-.053.168-.092.325-.098.148 0 .31.045.465.132.06.033.12.07.188.11l.128.077a.9.9 0 0 0 .443.118l.26-.008.194-.118.05-.03c.09-.053.172-.102.255-.147a.93.93 0 0 1 .465-.134h.036a.5.5 0 0 1 .286.098c.143.126.09.443.059.574a4.8 4.8 0 0 1-.636 1.44 5.8 5.8 0 0 1-.807 1.036l-.03.031-.028.026a1 1 0 0 1-.11.098 2 2 0 0 1-.154-.146 6 6 0 0 1-.818-1.045c-.31-.496-.524-.983-.63-1.44M5.611 7.93c.313-.31.804-.467 1.456-.47.658 0 1.151.157 1.465.468q.489.485.49 1.529c0 .692-.162 1.205-.49 1.524-.314.31-.81.465-1.465.465s-1.145-.154-1.46-.462c-.321-.317-.487-.832-.487-1.524 0-.695.166-1.208.49-1.53m-.572 3.659c.47.465 1.154.697 2.028.697.877 0 1.56-.235 2.034-.697.493-.482.742-1.196.742-2.126S9.59 7.816 9.1 7.331c-.474-.465-1.157-.703-2.034-.703-.874 0-1.554.238-2.028.703-.49.485-.74 1.202-.74 2.132s.25 1.644.74 2.126M15.453 7.93c.313-.31.804-.467 1.456-.47.659 0 1.152.157 1.465.468q.489.485.49 1.529c0 .692-.162 1.205-.49 1.524-.313.31-.81.465-1.465.465s-1.145-.154-1.459-.462c-.322-.317-.487-.832-.487-1.524 0-.695.165-1.208.49-1.53m-1.311 1.53c0 .93.25 1.644.74 2.126.47.465 1.153.7 2.027.697.877 0 1.56-.232 2.034-.697.493-.482.742-1.196.742-2.126s-.252-1.647-.742-2.132c-.473-.465-1.157-.703-2.034-.703-.874 0-1.554.238-2.028.703-.49.485-.74 1.202-.74 2.132m-1.37 3.221q-.233.224-.759.224-.53 0-.76-.224c-.153-.151-.232-.417-.232-.787q.001-.56.233-.793c.151-.148.406-.224.756-.224.353 0 .61.076.762.224q.232.232.233.793c0 .37-.079.636-.233.787m.569-2.182q-.468-.459-1.33-.46c-.572 0-1.02.155-1.328.46-.32.317-.482.787-.482 1.395s.162 1.076.482 1.392c.31.303.756.457 1.327.457q.863-.001 1.33-.457c.326-.316.488-.784.488-1.392s-.162-1.078-.487-1.395m7.675 10.443h-5.782v-4.113c0-.63-.179-1.17-.52-1.557a1.84 1.84 0 0 0-.835-.524c.366-.207.815-.327 1.344-.327H18.6c.796 0 1.437.249 1.846.714.373.423.569 1.034.569 1.759zm-6.605-4.11v4.11h-.006v.022H9.611v-4.132c0-.274.05-.66.29-.935.259-.294.66-.362.965-.367l.021-.002.018-.001h2.213c.31 0 .733.064 1.002.37.241.274.292.66.292.935m-5.616 0h.002v4.112H2.975v-4.047c0-.729.193-1.34.563-1.762.409-.465 1.045-.712 1.843-.712h3.378c.535 0 .992.12 1.361.334a1.8 1.8 0 0 0-.806.518c-.34.387-.518.927-.518 1.557m13.042.062c0-.964-.278-1.787-.802-2.381-.565-.647-1.409-.989-2.44-.992H15.22c-1.026 0-1.869.345-2.435.992l-.042.06q-.017.027-.036.052h-1.431q-.019-.024-.035-.05-.022-.033-.047-.065c-.566-.647-1.409-.989-2.437-.989H5.378c-1.025 0-1.868.345-2.434.992-.518.591-.793 1.417-.793 2.38v4.6c0 .19.14.345.314.345h19.056c.174 0 .316-.154.316-.345z"
         })
-    })) : e.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: t,
                 d: "M12.688 10.14c.746-.549 1.907-.865 3.197-.865 2.067 0 3.682.87 4.107 2.215.096.307.38.503.682.503q.11.002.22-.037a.734.734 0 0 0 .461-.917c-.407-1.29-1.482-2.276-2.932-2.797a3.66 3.66 0 0 0 1.089-2.607C19.512 3.63 17.912 2 15.94 2s-3.572 1.629-3.572 3.635c0 .996.398 1.9 1.034 2.555a5.5 5.5 0 0 0-1.55.768.73.73 0 0 0-.156 1.015.69.69 0 0 0 .992.168m3.243-6.683c1.18 0 2.145.977 2.145 2.183s-.96 2.183-2.145 2.183-2.145-.978-2.145-2.183c0-1.206.965-2.183 2.145-2.183"
             }),
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: t,
                 d: "M11.815 12.547a.73.73 0 0 0-.156-1.015 5.4 5.4 0 0 0-1.445-.754 3.66 3.66 0 0 0 1.07-2.592c0-2.006-1.6-3.635-3.572-3.635-1.97 0-3.572 1.629-3.572 3.635 0 1.01.407 1.922 1.061 2.583C3.258 11.439 2 12.905 2 14.739v6.107c0 .4.32.726.713.726a.72.72 0 0 0 .714-.726v-6.107c0-1.69 1.793-2.918 4.258-2.918 1.253 0 2.364.316 3.133.884.32.238.764.168.997-.158M7.712 6.003c1.18 0 2.145.977 2.145 2.183s-.96 2.183-2.145 2.183c-1.18 0-2.145-.978-2.145-2.183 0-1.206.965-2.183 2.145-2.183"
             }),
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: t,
                 d: "M14.504 16.005c0 .638-.22 1.229-.585 1.694 1.033.489 1.655 1.369 1.655 2.486v1.089c0 .4-.32.726-.713.726a.72.72 0 0 1-.714-.726v-1.09c0-1.07-1.24-1.451-2.305-1.451-1.08 0-2.341.377-2.341 1.452v1.089c0 .4-.32.726-.714.726a.72.72 0 0 1-.713-.726v-1.09c0-1.112.622-1.991 1.66-2.48a2.72 2.72 0 0 1-.59-1.699c0-1.503 1.203-2.727 2.68-2.727s2.68 1.224 2.68 2.727M13.072 16a1.26 1.26 0 0 0-1.248-1.27c-.69 0-1.249.572-1.249 1.27s.558 1.271 1.249 1.271c.686 0 1.248-.572 1.248-1.27m7.085.083c.375-.47.599-1.066.599-1.717 0-1.504-1.203-2.728-2.68-2.728s-2.68 1.224-2.68 2.728c0 .675.242 1.289.64 1.764a4 4 0 0 0-.343.2l-.274.19a.734.734 0 0 0-.179 1.01c.224.331.673.41.993.182l.256-.181a2.9 2.9 0 0 1 1.582-.442c1.404 0 2.502.716 2.502 1.638 0 .4.32.726.713.726a.72.72 0 0 0 .714-.726c.01-1.15-.718-2.113-1.843-2.644m-3.33-1.717c0-.703.563-1.27 1.249-1.27s1.248.572 1.248 1.27-.558 1.27-1.248 1.27-1.249-.567-1.249-1.27"
             })
         ]
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: t,
                 d: "M20.395 11.924c-.15 0-.288-.1-.338-.256-.498-1.598-2.322-2.631-4.644-2.631-1.422 0-2.716.36-3.557.995a.345.345 0 0 1-.498-.08.375.375 0 0 1 .077-.517c.581-.441 1.317-.754 2.154-.944a3.54 3.54 0 0 1-1.587-2.973C12.002 3.58 13.525 2 15.394 2c1.87 0 3.392 1.579 3.392 3.518 0 1.257-.64 2.362-1.6 2.983 1.774.422 3.095 1.484 3.548 2.94a.368.368 0 0 1-.339.483m-5-9.184c-1.477 0-2.68 1.247-2.68 2.778 0 1.532 1.203 2.779 2.68 2.779 1.476 0 2.678-1.247 2.678-2.779S16.871 2.74 15.394 2.74"
             }),
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: t,
                 d: "M11.45 12.052a.38.38 0 0 1 .077.517.353.353 0 0 1-.503.076c-.864-.66-2.103-1.02-3.488-1.02-2.793 0-4.823 1.475-4.823 3.5v6.49c0 .205-.16.37-.356.37a.364.364 0 0 1-.357-.37v-6.48c0-1.969 1.5-3.505 3.744-4.036a3.54 3.54 0 0 1-1.6-2.982c0-1.94 1.522-3.519 3.392-3.519s3.392 1.58 3.392 3.519c0 1.256-.64 2.361-1.6 2.982.814.19 1.536.512 2.121.953M7.54 5.333c-1.476 0-2.678 1.247-2.678 2.779S6.059 10.89 7.54 10.89c1.476 0 2.678-1.247 2.678-2.778 0-1.532-1.202-2.779-2.678-2.779m5.738 12.803a2.45 2.45 0 0 0 .868-1.873c0-1.328-1.042-2.409-2.322-2.409s-2.322 1.081-2.322 2.409c0 .758.343 1.436.873 1.877-1.202.38-1.943 1.243-1.943 2.38v1.11c0 .204.16.37.357.37a.364.364 0 0 0 .356-.37v-1.11c0-1.123 1.056-1.853 2.697-1.853 1.619 0 2.66.725 2.66 1.854v1.11c0 .203.16.369.357.369a.364.364 0 0 0 .357-.37v-1.11c0-1.142-.74-2.01-1.938-2.384m-1.454-3.542c.887 0 1.61.749 1.61 1.669s-.723 1.664-1.61 1.664-1.61-.75-1.61-1.67.723-1.663 1.61-1.663M22 21.26c0 .409-.32.74-.713.74a.727.727 0 0 1-.713-.74c0-.408.319-.74.713-.74s.713.332.713.74m-.713-1.854a.364.364 0 0 0 .356-.37c0-1.161-.868-2.133-2.139-2.55a2.44 2.44 0 0 0 .891-1.892c0-1.328-1.042-2.41-2.322-2.41s-2.322 1.082-2.322 2.41c0 .782.361 1.474.919 1.915a4 4 0 0 0-.773.394l-.274.194a.386.386 0 0 0-.092.517.355.355 0 0 0 .499.095l.256-.185a3.2 3.2 0 0 1 1.787-.517c1.6 0 2.857.896 2.857 2.039 0 .2.16.36.357.36m-4.818-4.812c0-.92.722-1.67 1.609-1.67s1.609.75 1.609 1.67-.722 1.669-1.61 1.669c-.886 0-1.608-.75-1.608-1.67"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: t,
                 d: "M18 14.25c.943 0 1.724.161 2.332.55.63.4.984.985 1.177 1.638.186.63.232 1.355.24 2.098.008.71-.023 1.629-.023 2.464a.75.75 0 0 1-.75.75H3.024a.75.75 0 0 1-.75-.75c0-.836-.031-1.753-.024-2.464.008-.743.055-1.468.24-2.098.193-.653.547-1.238 1.177-1.639.609-.387 1.39-.549 2.332-.549.943 0 1.724.162 2.332.55.63.4.984.985 1.177 1.638q.03.105.057.214l.072-.03c.636-.24 1.417-.372 2.361-.372.982 0 1.787.14 2.438.395q.026-.106.056-.207c.192-.653.546-1.238 1.176-1.639.61-.387 1.39-.549 2.332-.549m-12 1.5c-.793 0-1.253.14-1.527.314-.253.16-.427.402-.544.799-.124.42-.171.97-.179 1.689-.005.544.006 1.079.015 1.698h3.493v.028c.025-.68.144-1.506.596-2.235q.127-.208.285-.394l.062-.069a4 4 0 0 0-.131-.717c-.118-.397-.291-.638-.544-.8-.275-.174-.734-.313-1.527-.313m12 0c-.792 0-1.251.14-1.526.314-.253.16-.427.402-.544.799a4 4 0 0 0-.13.698q.206.226.366.484c.447.727.558 1.55.578 2.227v-.022h3.49c.01-.62.021-1.154.015-1.698-.007-.719-.054-1.27-.178-1.69-.118-.396-.292-.637-.544-.798-.275-.175-.734-.314-1.527-.314m-6.002 2c-1.834 0-2.547.562-2.869 1.082-.253.409-.34.902-.367 1.418h6.48c-.02-.518-.104-1.012-.354-1.42-.316-.515-1.028-1.08-2.89-1.08"
             }),
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: t,
                 d: "M12 9.25a2.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.5m-6-4.5a2.75 2.75 0 1 1 0 5.501 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.5M18 6.25a2.75 2.75 0 1 1 0 5.501 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.5m-5.636-5.303a1.556 1.556 0 0 1 2.184 0 1.52 1.52 0 0 1 0 2.163L12.437 6.7a.62.62 0 0 1-.777.079l-.097-.079-2.11-2.09a1.52 1.52 0 0 1 0-2.163 1.555 1.555 0 0 1 2.183 0l.363.359z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ m.cloneElement(i, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...m.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { f as default };
+export { H as default };

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

@@ -78,19 +78,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as m } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as c, jsxs as o } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = v(), a = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? m.colors.neutralHighBrand : e === "negative" ? m.colors.neutralHighNegative : m.colors.neutralHigh, { skinName: h } = o();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const l = f(), v = l === "brand" || l === "media" ? n.colors.neutralHighBrand : l === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: h } = p(s !== null && s !== void 0 ? s : v), { skinName: r } = d(), i = r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
@@ -98,9 +99,9 @@ const p = (_param)=>{
             fill: a,
             d: "M9.605 4.31c.124.506.356 1.024.692 1.542.26.401.48.67.83 1.028.041.043.193.191.321.283.152.11.328.185.493.222l.27.03.246-.028c.18-.039.356-.114.51-.224.128-.09.277-.238.33-.29.35-.36.563-.626.82-1.02a5.1 5.1 0 0 0 .69-1.544c.17-.711 0-1.356-.476-1.759a1.75 1.75 0 0 0-1.031-.392 2.1 2.1 0 0 0-1.095.252 2.1 2.1 0 0 0-1.09-.252c-.39.02-.756.16-1.033.392-.474.403-.648 1.048-.477 1.76m1.297-.306c-.022-.104-.07-.353.05-.451a.4.4 0 0 1 .23-.076h.031a.8.8 0 0 1 .378.104c.079.042.157.087.266.151l.18.09.38-.009.158-.092.246-.14a.74.74 0 0 1 .409-.104c.092.006.18.034.23.079.12.098.072.347.05.45q-.134.543-.515 1.135c-.208.32-.367.518-.661.818l-.013.012c-.024.026-.069.07-.114.108a1 1 0 0 1-.126-.12 4.8 4.8 0 0 1-.666-.82c-.252-.396-.426-.774-.513-1.135m-5 4.88c.236-.228.633-.342 1.174-.342q.82 0 1.18.341.365.351.366 1.194c0 .557-.123.957-.364 1.187-.235.224-.633.34-1.18.34s-.943-.116-1.176-.337c-.24-.23-.361-.633-.361-1.19 0-.56.12-.961.361-1.194m-.851 3.263c.467.453 1.15.68 2.028.68.874 0 1.557-.23 2.03-.68.493-.471.743-1.168.743-2.07 0-.905-.25-1.603-.743-2.073-.473-.454-1.156-.684-2.03-.684-.877 0-1.56.23-2.031.684-.49.47-.737 1.168-.737 2.073 0 .902.25 1.599.74 2.07m10.694-3.264c.236-.227.633-.341 1.174-.341q.82 0 1.18.341.365.351.366 1.194c0 .557-.123.957-.364 1.187-.235.224-.633.34-1.18.34-.545 0-.943-.116-1.176-.337-.24-.23-.361-.633-.361-1.19 0-.56.12-.961.361-1.194m-1.593 1.194c0 .902.249 1.599.739 2.07.47.45 1.154.68 2.028.68s1.557-.23 2.03-.68c.494-.471.743-1.168.743-2.07 0-.905-.25-1.603-.742-2.073-.474-.454-1.157-.684-2.031-.684-.877 0-1.56.23-2.03.684-.491.47-.737 1.168-.737 2.073m-1.653 2.84c-.053.05-.208.104-.48.104-.268 0-.422-.054-.473-.104-.053-.05-.106-.199-.106-.473 0-.275.056-.426.11-.477.05-.05.2-.103.47-.103s.423.053.476.106c.053.05.11.202.11.476 0 .272-.057.42-.107.47m.851-1.826c-.31-.297-.759-.449-1.33-.449q-.86.002-1.328.449-.481.463-.482 1.355c0 .591.16 1.045.482 1.353.311.294.756.446 1.328.446.571 0 1.02-.152 1.33-.446.322-.308.488-.762.488-1.353 0-.59-.165-1.047-.488-1.355m7.266 9.529h-5.372v-3.322c0-.574-.18-1.062-.521-1.415a1.8 1.8 0 0 0-.314-.255 3 3 0 0 1 .824-.112h3.378c.476 0 1.134.093 1.549.524.375.387.456.927.456 1.314zm-6.605-3.325v3.325h-.002v.014H10.03v-3.339c0-.176.03-.417.176-.569.087-.092.239-.14.418-.173l.038-.007c.079-.015.156-.03.25-.03h2.21c.073 0 .135.012.197.023l.058.01c.194.032.362.082.454.18.149.152.18.392.18.566m-4.689-1.412c-.341.35-.518.84-.515 1.412v3.325H3.392v-3.266c0-.387.079-.93.451-1.317.415-.428 1.07-.52 1.547-.52h3.378c.255 0 .56.03.854.123-.11.072-.21.15-.3.243m-6.846 5.958h12.608v.003h6.446c.173 0 .316-.14.316-.314v-4.173c0-.877-.277-1.622-.801-2.163-.566-.588-1.409-.899-2.437-.899H15.23c-1.025 0-1.868.311-2.434.9q-.024.024-.043.055l-.036.048h-1.431l-.032-.042-.05-.062c-.565-.588-1.408-.899-2.436-.899H5.39c-1.026 0-1.869.311-2.435.9-.518.537-.792 1.282-.792 2.159v4.174c0 .173.14.313.313.313"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
@@ -118,9 +119,9 @@ const p = (_param)=>{
                 d: "M14.504 16.005c0 .638-.22 1.229-.585 1.694 1.033.489 1.655 1.369 1.655 2.486v1.089c0 .4-.32.726-.713.726a.72.72 0 0 1-.714-.726v-1.09c0-1.07-1.24-1.451-2.305-1.451-1.08 0-2.341.377-2.341 1.452v1.089c0 .4-.32.726-.714.726a.72.72 0 0 1-.713-.726v-1.09c0-1.112.622-1.991 1.66-2.48a2.72 2.72 0 0 1-.59-1.699c0-1.503 1.203-2.727 2.68-2.727s2.68 1.224 2.68 2.727M13.072 16a1.26 1.26 0 0 0-1.248-1.27c-.69 0-1.249.572-1.249 1.27s.558 1.271 1.249 1.271c.686 0 1.248-.572 1.248-1.27m7.085.083c.375-.47.599-1.066.599-1.717 0-1.504-1.203-2.728-2.68-2.728s-2.68 1.224-2.68 2.728c0 .675.242 1.289.64 1.764a4 4 0 0 0-.343.2l-.274.19a.734.734 0 0 0-.179 1.01c.224.331.673.41.993.182l.256-.181a2.9 2.9 0 0 1 1.582-.442c1.404 0 2.502.716 2.502 1.638 0 .4.32.726.713.726a.72.72 0 0 0 .714-.726c.01-1.15-.718-2.113-1.843-2.644m-3.33-1.717c0-.703.563-1.27 1.249-1.27s1.248.572 1.248 1.27-.558 1.27-1.248 1.27-1.249-.567-1.249-1.27"
             })
         ]
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
@@ -138,9 +139,9 @@ const p = (_param)=>{
                 d: "M14.504 16.005c0 .638-.22 1.229-.585 1.694 1.033.489 1.655 1.369 1.655 2.486v1.089c0 .4-.32.726-.713.726a.72.72 0 0 1-.714-.726v-1.09c0-1.07-1.24-1.451-2.305-1.451-1.08 0-2.341.377-2.341 1.452v1.089c0 .4-.32.726-.714.726a.72.72 0 0 1-.713-.726v-1.09c0-1.112.622-1.991 1.66-2.48a2.72 2.72 0 0 1-.59-1.699c0-1.503 1.203-2.727 2.68-2.727s2.68 1.224 2.68 2.727M13.072 16a1.26 1.26 0 0 0-1.248-1.27c-.69 0-1.249.572-1.249 1.27s.558 1.271 1.249 1.271c.686 0 1.248-.572 1.248-1.27m7.085.083c.375-.47.599-1.066.599-1.717 0-1.504-1.203-2.728-2.68-2.728s-2.68 1.224-2.68 2.728c0 .675.242 1.289.64 1.764a4 4 0 0 0-.343.2l-.274.19a.734.734 0 0 0-.179 1.01c.224.331.673.41.993.182l.256-.181a2.9 2.9 0 0 1 1.582-.442c1.404 0 2.502.716 2.502 1.638 0 .4.32.726.713.726a.72.72 0 0 0 .714-.726c.01-1.15-.718-2.113-1.843-2.644m-3.33-1.717c0-.703.563-1.27 1.249-1.27s1.248.572 1.248 1.27-.558 1.27-1.248 1.27-1.249-.567-1.249-1.27"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
@@ -155,5 +156,11 @@ const p = (_param)=>{
             })
         ]
     }));
+    return h ? /*#__PURE__*/ m.cloneElement(i, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...m.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { H as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: n, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as s } 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 B = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), t = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.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 = f(), d = a === "brand" || a === "media" ? i.colors.neutralHighBrand : a === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: l, gradientDef: c } = g(m !== null && m !== void 0 ? m : d), { skinName: o } = s(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M2.155 12.001c0 6.437 3.403 9.84 9.846 9.84 6.437 0 9.84-3.403 9.84-9.84 0-6.443-3.403-9.846-9.84-9.846-6.443 0-9.846 3.403-9.846 9.846m8.672-.291L7.66 13.595v-3.79zm5.925-.006-3.168-1.905v3.79zM7.365 8.217l4.953 2.974q.02.013.031.03.01.015.024.027V8.729a.603.603 0 0 1 .917-.518l4.952 2.978a.605.605 0 0 1 0 1.036l-4.953 2.947a.61.61 0 0 1-.915-.521v-2.482l-.026.027q-.014.019-.033.032L7.362 15.18a.61.61 0 0 1-.916-.52V8.734a.62.62 0 0 1 .308-.527.6.6 0 0 1 .611.009"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m.38 10.38-4.644 4.638a.53.53 0 0 1-.38.156.535.535 0 0 1-.38-.914l4.265-4.265-4.264-4.264a.535.535 0 0 1 0-.758c.21-.21.549-.21.759 0l4.643 4.643a.54.54 0 0 1 0 .763m1.425 4.638a.53.53 0 0 1-.379.156.535.535 0 0 1-.38-.914l4.265-4.265-4.26-4.26a.535.535 0 0 1 0-.758c.21-.21.549-.21.759 0l4.643 4.644a.54.54 0 0 1-.004.758z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m.38 10.38-4.644 4.638a.53.53 0 0 1-.38.156.535.535 0 0 1-.38-.914l4.265-4.265-4.264-4.264a.535.535 0 0 1 0-.758c.21-.21.549-.21.759 0l4.643 4.643a.54.54 0 0 1 0 .763m1.425 4.638a.53.53 0 0 1-.379.156.535.535 0 0 1-.38-.914l4.265-4.265-4.26-4.26a.535.535 0 0 1 0-.758c.21-.21.549-.21.759 0l4.643 4.644a.54.54 0 0 1-.004.758z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M2.616 6.016a1.013 1.013 0 0 1 1.68-.763l6.83 5.983a1.016 1.016 0 0 1 0 1.528l-6.83 5.983c-.656.574-1.68.108-1.68-.763zm11.144 0c0-.871 1.025-1.336 1.68-.763l6.83 5.983c.46.404.461 1.124 0 1.528l-6.83 5.983c-.655.574-1.68.109-1.68-.763z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { B as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as 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 f = (_param)=>{
-    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const L = (_param)=>{
+    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), t = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = f(), s = l === "brand" || l === "media" ? i.colors.neutralHighBrand : l === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: c } = g(m !== null && m !== void 0 ? m : s), { skinName: o } = d(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M2.151 11.997c0-6.442 3.406-9.846 9.846-9.846 6.437 0 9.84 3.404 9.84 9.846 0 6.437-3.403 9.84-9.84 9.84-6.442 0-9.846-3.403-9.846-9.84m.824 0c0 5.983 3.036 9.017 9.022 9.017 5.983 0 9.017-3.034 9.017-9.017 0-5.989-3.034-9.022-9.017-9.022-5.989 0-9.022 3.033-9.022 9.022m10.431 1.983 3.84-2.285-3.84-2.308zm-.823-5.322a.4.4 0 0 1 .207-.358.42.42 0 0 1 .417.005l5.054 3.04a.41.41 0 0 1 0 .705l-5.056 3.012a.43.43 0 0 1-.21.056h-.003a.41.41 0 0 1-.41-.412zm-5.224 5.328 3.84-2.286-3.84-2.308zm-.824-5.322a.413.413 0 0 1 .625-.353l5.053 3.04a.41.41 0 0 1 0 .705l-5.056 3.011a.43.43 0 0 1-.21.056h-.003a.41.41 0 0 1-.409-.412z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m4.434 5.146 4.639-4.643a.714.714 0 0 0 0-1.01l-4.64-4.64a.714.714 0 0 0-1.01 1.01L10.99 12l-4.136 4.136a.714.714 0 0 0 1.01 1.01m10.713-4.643-4.644 4.643a.713.713 0 1 1-1.01-1.01L17.06 12l-4.136-4.136a.714.714 0 0 1 1.01-1.01l4.644 4.639a.714.714 0 0 1 0 1.01"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M2 12c0 5.517 4.488 10 10 10a9.97 9.97 0 0 0 5.334-1.545.36.36 0 0 0 .11-.493.36.36 0 0 0-.494-.11 9.25 9.25 0 0 1-4.95 1.43c-5.119 0-9.282-4.163-9.282-9.282S6.88 2.718 12 2.718s9.282 4.163 9.287 9.277a9.25 9.25 0 0 1-1.43 4.95.36.36 0 0 0 .11.494.36.36 0 0 0 .493-.11A10 10 0 0 0 22 12c0-5.512-4.488-10-10-10S2 6.484 2 12m16.787 6.07a.714.714 0 0 1 0 1.425.714.714 0 0 1 0-1.425M7.612 16.895l4.644-4.644a.35.35 0 0 0 0-.502L7.612 7.105a.35.35 0 0 0-.502 0 .354.354 0 0 0 0 .503l4.387 4.387-4.387 4.388a.35.35 0 0 0 0 .503c.068.068.16.105.251.105a.36.36 0 0 0 .251-.096m10.713-4.644-4.643 4.644a.36.36 0 0 1-.252.096.36.36 0 0 1-.25-.105.35.35 0 0 1 0-.503l4.387-4.388-4.388-4.387a.354.354 0 0 1 0-.503.35.35 0 0 1 .503 0l4.643 4.644a.35.35 0 0 1 0 .502"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M2.25 6.102c0-1.007 1.112-1.574 1.917-1.059l.156.119 6.74 5.898a1.25 1.25 0 0 1 0 1.88l-6.74 5.9c-.808.706-2.072.132-2.073-.941zm1.5 11.245L9.86 12 3.75 6.654zm9.5-11.245c0-1.007 1.112-1.574 1.917-1.059l.156.119 6.74 5.898a1.25 1.25 0 0 1 0 1.88l-6.74 5.9c-.808.706-2.072.132-2.073-.941zm1.5 11.245L20.86 12l-6.11-5.347z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { L as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), t = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = f(), s = l === "brand" || l === "media" ? i.colors.neutralHighBrand : l === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: a, gradientDef: c } = g(m !== null && m !== void 0 ? m : s), { skinName: o } = d(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M12.001 2.155c-6.44 0-9.846 3.403-9.846 9.846 0 6.437 3.403 9.84 9.846 9.84 6.437 0 9.84-3.403 9.84-9.84 0-6.443-3.403-9.846-9.84-9.846m0 18.476c-5.731 0-8.636-2.904-8.636-8.63 0-5.731 2.905-8.636 8.636-8.636 5.728 0 8.63 2.905 8.63 8.636 0 5.726-2.904 8.63-8.63 8.63M7.659 9.805v3.79s3.168-1.885 3.171-1.885zm9.093 1.899L13.58 9.799v3.79zM6.446 8.734c0-.218.118-.42.308-.526a.61.61 0 0 1 .611.009l4.953 2.974q.02.013.031.03.01.015.024.027V8.729q.002-.166.087-.31a.605.605 0 0 1 .83-.208l4.952 2.98a.604.604 0 0 1-.003 1.037l-4.952 2.947a.606.606 0 0 1-.913-.521v-2.482l-.026.027a.1.1 0 0 1-.033.032l-4.953 2.946a.61.61 0 0 1-.916-.52z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m4.434 5.146 4.639-4.643a.714.714 0 0 0 0-1.01l-4.64-4.64a.714.714 0 0 0-1.01 1.01L10.99 12l-4.136 4.136a.714.714 0 0 0 1.01 1.01m10.713-4.643-4.644 4.643a.713.713 0 1 1-1.01-1.01L17.06 12l-4.136-4.136a.714.714 0 0 1 1.01-1.01l4.644 4.639a.714.714 0 0 1 0 1.01"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m4.434 5.146 4.639-4.643a.714.714 0 0 0 0-1.01l-4.64-4.64a.714.714 0 0 0-1.01 1.01L10.99 12l-4.136 4.136a.714.714 0 0 0 1.01 1.01m10.713-4.643-4.644 4.643a.713.713 0 1 1-1.01-1.01L17.06 12l-4.136-4.136a.714.714 0 0 1 1.01-1.01l4.644 4.639a.714.714 0 0 1 0 1.01"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M2.25 6.102c0-1.007 1.112-1.574 1.917-1.059l.156.119 6.74 5.898a1.25 1.25 0 0 1 0 1.88l-6.74 5.9c-.808.706-2.072.132-2.073-.941zm1.5 11.245L9.86 12 3.75 6.654zm9.5-11.245c0-1.007 1.112-1.574 1.917-1.059l.156.119 6.74 5.898a1.25 1.25 0 0 1 0 1.88l-6.74 5.9c-.808.706-2.072.132-2.073-.941zm1.5 11.245L20.86 12l-6.11-5.347z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { C as default };

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

@@ -78,21 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, 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 d = (_param)=>{
-    var { color: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as m } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: c, size: a = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), r = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = f(), d = e === "brand" || e === "media" ? n.colors.neutralHighBrand : e === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: l } = m(c !== null && c !== void 0 ? c : d), o = /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: [
             /* @__PURE__ */ t("path", {
                 fill: r,
@@ -108,5 +109,11 @@ const d = (_param)=>{
             })
         ]
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { d as default };
+export { C as default };

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

@@ -78,35 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import * as i 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 C = (_param)=>{
+    var { color: c, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), t = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = m(), h = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: l } = f(c !== null && c !== void 0 ? c : h), a = /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: r,
                 d: "M11.575 10.383a1.25 1.25 0 0 1 .984.058l1.5.75c.423.212.69.644.691 1.117V14.5c0 .69-.56 1.25-1.25 1.25h-3c-.69 0-1.25-.56-1.25-1.25v-2.192c0-.473.268-.905.691-1.117l1.5-.75zm-.825 2.08v1.787h2.5v-1.787L12 11.838z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: r,
                 d: "M11.1 6.666a1.75 1.75 0 0 1 1.8 0l4 2.4c.527.315.85.886.85 1.5V17A1.75 1.75 0 0 1 16 18.75H8A1.75 1.75 0 0 1 6.25 17v-6.434c0-.614.323-1.185.85-1.5zm1.029 1.286a.25.25 0 0 0-.258 0l-4 2.4a.25.25 0 0 0-.121.214V17c0 .138.112.25.25.25h8a.25.25 0 0 0 .25-.25v-6.434a.25.25 0 0 0-.121-.215z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: r,
                 d: "M10.49 3.06a2.75 2.75 0 0 1 3.016.065l6.052 4.16a2.75 2.75 0 0 1 1.192 2.267V19A2.75 2.75 0 0 1 18 21.75H6A2.75 2.75 0 0 1 3.25 19V9.108c0-.948.489-1.83 1.293-2.332zm2.166 1.301a1.25 1.25 0 0 0-1.37-.03L5.337 8.049a1.25 1.25 0 0 0-.588 1.06v9.89c0 .691.56 1.25 1.25 1.25h12c.69 0 1.25-.559 1.25-1.25V9.553a1.25 1.25 0 0 0-.542-1.03z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(a, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { v as default };
+export { C as default };