@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,68 +78,75 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: n, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } 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 A = (_param)=>{
+    var { color: d, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = c(), e = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = m();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = v(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: l, gradientDef: h } = g(d !== null && d !== void 0 ? d : s), { skinName: o } = f(), i = o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "m6.372 15.918 4.948 4.947a3.86 3.86 0 0 0 5.456.002l4.091-4.09a3.86 3.86 0 0 0-.002-5.458l-4.947-4.947-3.325.766.767-3.324-.683-.683A3.86 3.86 0 0 0 7.22 3.13L3.13 7.22a3.86 3.86 0 0 0 .001 5.457l.683.683 3.324-.767zm4.636-6.324-1.414 1.414-.884-.884 1.414-1.414z"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "m12.27 11.105 1.176-.228-.59.963a.54.54 0 0 0-.019.544l.6 1.121-1.186-.265a.53.53 0 0 0-.511.154l-.841.88-.121-1.27a.55.55 0 0 0-.316-.443l-1.028-.465 1.102-.465a.54.54 0 0 0 .33-.437l.135-1.154.753.884a.54.54 0 0 0 .516.181"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "m21.893 9.007-2.497-2.498a.356.356 0 0 0-.511 0 .987.987 0 0 1-1.39 0 .99.99 0 0 1 0-1.391.36.36 0 0 0 .107-.256.36.36 0 0 0-.107-.256l-2.496-2.498a.356.356 0 0 0-.512 0L2.108 14.482a.357.357 0 0 0 0 .512l2.496 2.498c.07.07.163.107.256.107s.19-.037.256-.107a.987.987 0 0 1 1.39 0 .99.99 0 0 1 0 1.391.357.357 0 0 0 0 .512l2.496 2.498c.07.07.163.107.256.107a.36.36 0 0 0 .255-.107L21.888 9.509a.34.34 0 0 0 .004-.502m-6.866 1.386-1.084 1.75 1.018 1.893a.54.54 0 0 1-.046.586.54.54 0 0 1-.553.2l-2.05-.46-1.45 1.52a.56.56 0 0 1-.572.14.54.54 0 0 1-.363-.46l-.205-2.14-1.873-.852a.55.55 0 0 1-.32-.502.54.54 0 0 1 .334-.493l1.957-.828.246-2.075a.543.543 0 0 1 .953-.288l1.358 1.59 2.087-.4a.542.542 0 0 1 .563.82"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "m12.27 11.105 1.176-.228-.59.963a.54.54 0 0 0-.019.544l.6 1.121-1.186-.265a.53.53 0 0 0-.511.154l-.841.88-.121-1.27a.55.55 0 0 0-.316-.443l-1.028-.465 1.102-.465a.54.54 0 0 0 .33-.437l.135-1.154.753.884a.54.54 0 0 0 .516.181"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: l,
                 d: "m21.893 9.007-2.497-2.498a.356.356 0 0 0-.511 0 .987.987 0 0 1-1.39 0 .99.99 0 0 1 0-1.391.36.36 0 0 0 .107-.256.36.36 0 0 0-.107-.256l-2.496-2.498a.356.356 0 0 0-.512 0L2.108 14.482a.357.357 0 0 0 0 .512l2.496 2.498c.07.07.163.107.256.107s.19-.037.256-.107a.987.987 0 0 1 1.39 0 .99.99 0 0 1 0 1.391.357.357 0 0 0 0 .512l2.496 2.498c.07.07.163.107.256.107a.36.36 0 0 0 .255-.107L21.888 9.509a.34.34 0 0 0 .004-.502m-6.866 1.386-1.084 1.75 1.018 1.893a.54.54 0 0 1-.046.586.54.54 0 0 1-.553.2l-2.05-.46-1.45 1.52a.56.56 0 0 1-.572.14.54.54 0 0 1-.363-.46l-.205-2.14-1.873-.852a.55.55 0 0 1-.32-.502.54.54 0 0 1 .334-.493l1.957-.828.246-2.075a.543.543 0 0 1 .953-.288l1.358 1.59 2.087-.4a.542.542 0 0 1 .563.82"
             })
         ]
-    })) : /* @__PURE__ */ l("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"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M14.25 7a.75.75 0 0 0 1.5 0V4.5H19A2.5 2.5 0 0 1 21.5 7v3a.5.5 0 0 1-.5.5 1.5 1.5 0 0 0 0 3 .5.5 0 0 1 .5.5v3a2.5 2.5 0 0 1-2.5 2.5h-3.25V17a.75.75 0 0 0-1.5 0v2.5H5A2.5 2.5 0 0 1 2.5 17v-3a.5.5 0 0 1 .5-.5 1.5 1.5 0 0 0 0-3 .5.5 0 0 1-.5-.5V7A2.5 2.5 0 0 1 5 4.5h9.25zm.75 3.25a.75.75 0 0 0-.75.75v2a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-.75-.75"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(i, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { A as default };

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

@@ -78,68 +78,75 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: n, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as v } 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 x = (_param)=>{
+    var { color: d, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = c(), e = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = m();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: e, gradientDef: h } = g(d !== null && d !== void 0 ? d : s), { skinName: o } = v(), i = o.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "m10.867 9.453-1.414 1.414-.601-.601 1.414-1.414z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "m6.372 15.918 4.948 4.947a3.86 3.86 0 0 0 5.456.002l4.091-4.09a3.86 3.86 0 0 0-.002-5.458l-4.947-4.947-3.325.766.767-3.324-.683-.683A3.86 3.86 0 0 0 7.22 3.13L3.13 7.22a3.86 3.86 0 0 0 .001 5.457l.683.683 3.324-.767zm-2.29-3.493-.35-.349a3.01 3.01 0 0 1-.002-4.255l4.091-4.09a3.01 3.01 0 0 1 4.255.001l.35.35-.661 2.866a.85.85 0 0 0 1.02 1.019l2.865-.66 4.614 4.614a3.01 3.01 0 0 1 .002 4.254l-4.09 4.091a3.01 3.01 0 0 1-4.255-.002L7.306 15.65l.66-2.866a.85.85 0 0 0-1.018-1.019z"
             })
         ]
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.736.736 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.495.495 0 0 1 .536.164l1.24 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "M9.153 21.893a.326.326 0 0 0 .487-.005.37.37 0 0 0 0-.51l-2.162-2.27a1.776 1.776 0 0 0-.217-2.133 1.58 1.58 0 0 0-2.033-.228L3.31 14.739l11.305-11.86 1.919 2.014a1.78 1.78 0 0 0 .217 2.133 1.575 1.575 0 0 0 2.033.228l1.914 2.013-8.621 9.047a.37.37 0 0 0 0 .51c.137.145.354.14.492 0l8.856-9.31a.37.37 0 0 0 0-.512l-2.38-2.496a.33.33 0 0 0-.487 0 .91.91 0 0 1-1.324 0 1.023 1.023 0 0 1 0-1.39.37.37 0 0 0 0-.511l-2.38-2.497a.33.33 0 0 0-.487 0L2.583 14.488a.37.37 0 0 0 0 .511l2.379 2.496c.062.07.15.107.244.107a.34.34 0 0 0 .243-.107.91.91 0 0 1 1.325 0 1.023 1.023 0 0 1 0 1.39.37.37 0 0 0 0 .512zm1.037-1.766c0-.4.31-.726.69-.726.386 0 .692.326.692.726s-.31.725-.691.725-.691-.326-.691-.725m.607-4.37 1.448-1.595 2.047.48a.33.33 0 0 0 .35-.136.39.39 0 0 0 .031-.39l-1.014-1.985 1.085-1.837a.37.37 0 0 0-.009-.395.335.335 0 0 0-.35-.148l-2.087.418L10.943 8.5a.33.33 0 0 0-.364-.111.36.36 0 0 0-.243.306l-.244 2.18-1.958.865a.37.37 0 0 0-.213.33.36.36 0 0 0 .204.335l1.874.893.208 2.245a.36.36 0 0 0 .23.307.3.3 0 0 0 .116.018.31.31 0 0 0 .244-.111m-.045-4.588.178-1.563.974 1.2a.34.34 0 0 0 .328.12l1.51-.301-.775 1.31a.37.37 0 0 0-.008.363l.753 1.474-1.502-.354a.34.34 0 0 0-.328.103l-1.059 1.166-.155-1.664a.37.37 0 0 0-.2-.297l-1.342-.637 1.418-.628a.36.36 0 0 0 .208-.293"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "M15 10.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "M19 4.25A2.75 2.75 0 0 1 21.75 7v3a.75.75 0 0 1-.75.75 1.25 1.25 0 0 0 0 2.5.75.75 0 0 1 .75.75v3A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17v-3a.75.75 0 0 1 .75-.75 1.25 1.25 0 0 0 0-2.5.75.75 0 0 1-.75-.75V7A2.75 2.75 0 0 1 5 4.25zM5 5.75A1.25 1.25 0 0 0 3.75 7v2.356a2.747 2.747 0 0 1 0 5.287V17A1.25 1.25 0 0 0 5 18.25h9.25V17a.75.75 0 0 1 1.5 0v1.25H19A1.25 1.25 0 0 0 20.25 17v-2.357a2.746 2.746 0 0 1 0-5.287V7A1.25 1.25 0 0 0 19 5.75h-3.25V7a.75.75 0 0 1-1.5 0V5.75z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ m.cloneElement(i, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...m.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { x as default };

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

@@ -78,78 +78,85 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: n, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const L = (_param)=>{
+    var { color: d, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), e = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = c();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const i = f(), s = i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: e, gradientDef: h } = g(d !== null && d !== void 0 ? d : s), { skinName: r } = v(), n = r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "m11.008 9.594-1.414 1.414-.884-.884 1.414-1.414z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "m6.372 15.918 4.948 4.947a3.86 3.86 0 0 0 5.456.002l4.091-4.09a3.86 3.86 0 0 0-.002-5.458l-4.947-4.947-3.325.766.767-3.324-.683-.683A3.86 3.86 0 0 0 7.22 3.13L3.13 7.22a3.86 3.86 0 0 0 .001 5.457l.683.683 3.324-.767zm-2.164-3.932-.193-.193a2.61 2.61 0 0 1-.002-3.689l4.091-4.091a2.61 2.61 0 0 1 3.69.002l.192.193-.61 2.65a1.25 1.25 0 0 0 1.498 1.499l2.65-.611 4.458 4.457a2.61 2.61 0 0 1 .002 3.69l-4.092 4.09a2.61 2.61 0 0 1-3.689-.002l-4.457-4.457.61-2.65a1.25 1.25 0 0 0-1.498-1.499z"
             })
         ]
-    })) : i.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "M9.1 2 6.508 4.712l.408.464c.148.168.328.452.328.84a1.293 1.293 0 0 1-2.096 1.008l-.488-.38L2 9.424 14.7 22l2.7-2.672-.384-.472a1.27 1.27 0 0 1-.292-.8c0-.708.584-1.284 1.3-1.284.368 0 .64.156.808.292l.476.38L22 14.78zM4.848 8.416c.344.156.716.24 1.1.24 1.468 0 2.664-1.184 2.664-2.64 0-.424-.108-.84-.308-1.216l.824-.86 2.9 2.872-5.368 5.312-2.752-2.728zm14.312 7.256a2.65 2.65 0 0 0-1.136-.256c-1.468 0-2.664 1.184-2.664 2.64 0 .392.088.776.26 1.124l-.916.908-7.076-7.008 5.368-5.312 7.076 7.008z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.736.736 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.495.495 0 0 1 .536.164l1.24 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ l("path", {
+        children: /* @__PURE__ */ a("path", {
             fill: e,
             d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.736.736 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.495.495 0 0 1 .536.164l1.24 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "M15 10.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: e,
                 d: "M19 4.25A2.75 2.75 0 0 1 21.75 7v3a.75.75 0 0 1-.75.75 1.25 1.25 0 0 0 0 2.5.75.75 0 0 1 .75.75v3A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17v-3a.75.75 0 0 1 .75-.75 1.25 1.25 0 0 0 0-2.5.75.75 0 0 1-.75-.75V7A2.75 2.75 0 0 1 5 4.25zM5 5.75A1.25 1.25 0 0 0 3.75 7v2.356a2.747 2.747 0 0 1 0 5.287V17A1.25 1.25 0 0 0 5 18.25h9.25V17a.75.75 0 0 1 1.5 0v1.25H19A1.25 1.25 0 0 0 20.25 17v-2.357a2.746 2.746 0 0 1 0-5.287V7A1.25 1.25 0 0 0 19 5.75h-3.25V7a.75.75 0 0 1-1.5 0V5.75z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ m.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...m.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { s as default };
+export { L as default };

package/dist-es/generated/mistica-icons/icon-time-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 m } from "../../theme-variant-context.js";
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: n, size: e = 24 } = _param, i = _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 a = m(), r = n !== null && n !== void 0 ? n : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: o } = h();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = f(), m = n === "brand" || n === "media" ? l.colors.neutralHighBrand : n === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: o, gradientDef: h } = g(d !== null && d !== void 0 ? d : m), { skinName: i } = s(), a = i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M2.155 12c0-6.705 3.622-9.845 9.84-9.845 6.219 0 9.846 3.14 9.846 9.846s-3.627 9.84-9.846 9.84c-6.218 0-9.84-3.134-9.84-9.84m12.874 3.914a.6.6 0 0 0 .434-.18.62.62 0 0 0 .006-.87l-2.852-2.849V8.169a.616.616 0 1 0-1.232 0v4.1c0 .166.064.323.179.438l3.03 3.028c.121.117.275.18.435.18"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M2 12C2 6.488 6.488 2 12 2s10 4.488 10 10-4.488 10-10 10S2 17.512 2 12m10 .756 3.236-3.236a.525.525 0 0 0-.004-.756.53.53 0 0 0-.756 0l-2.488 2.48-4.616-4.616a.53.53 0 0 0-.756 0 .53.53 0 0 0 0 .756z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M2 12C2 6.488 6.488 2 12 2s10 4.488 10 10-4.488 10-10 10S2 17.512 2 12m10 .756 3.236-3.236a.525.525 0 0 0-.004-.756.53.53 0 0 0-.756 0l-2.488 2.48-4.616-4.616a.53.53 0 0 0-.756 0 .53.53 0 0 0 0 .756z"
         })
-    })) : /* @__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"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12 2.5a9.501 9.501 0 0 1 3.636 18.277 9.5 9.5 0 0 1-10.354-2.06A9.501 9.501 0 0 1 12 2.5m0 3.75a.75.75 0 0 0-.75.75v5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 0-1.5h-2.75V7a.75.75 0 0 0-.75-.75"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { f as default };
+export { B as default };

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

@@ -78,74 +78,81 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { jsx as e, jsxs as l } 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 h } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: n, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const S = (_param)=>{
+    var { color: d, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = c(), a = n !== null && n !== void 0 ? n : l === "brand" || l === "media" ? h.colors.neutralHighBrand : l === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: r } = m();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const i = g(), m = i === "brand" || i === "media" ? h.colors.neutralHighBrand : i === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { fillValue: r, gradientDef: s } = p(d !== null && d !== void 0 ? d : m), { skinName: o } = f(), 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"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: a,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M11.997 2.155c6.22 0 9.848 3.14 9.848 9.848 0 6.707-3.628 9.842-9.848 9.842s-9.842-3.135-9.842-9.842 3.623-9.848 9.842-9.848m0 18.87c5.99 0 9.027-3.035 9.027-9.022 0-5.99-3.037-9.027-9.027-9.027-5.987 0-9.021 3.037-9.021 9.027 0 5.987 3.034 9.021 9.021 9.021m3.323-6.013L12.412 12.1l-.006-3.93a.41.41 0 0 0-.818 0v4.1c0 .11.045.214.12.292l3.032 3.029c.157.154.41.154.569 0a.41.41 0 0 0 .011-.58"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M6.852 7.864 12 13.012l3.36-3.36a.72.72 0 0 0 0-1.012.72.72 0 0 0-1.012 0L12 10.988 7.864 6.852a.72.72 0 0 0-1.012 0 .72.72 0 0 0 0 1.012"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 22C6.484 22 2 17.516 2 12S6.484 2 12 2s10 4.484 10 10-4.484 10-10 10m0-18.576c-4.728 0-8.576 3.848-8.576 8.576S7.272 20.576 12 20.576s8.576-3.848 8.576-8.576S16.728 3.424 12 3.424"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 22C6.484 22 2 17.516 2 12S6.484 2 12 2s10 4.484 10 10a10 10 0 0 1-1.54 5.328.35.35 0 0 1-.492.112.35.35 0 0 1-.112-.492A9.2 9.2 0 0 0 21.288 12c0-5.116-4.16-9.288-9.288-9.288-5.116 0-9.288 4.172-9.288 9.288s4.16 9.288 9.288 9.288a9.2 9.2 0 0 0 4.948-1.432.356.356 0 1 1 .38.604A10 10 0 0 1 12 22"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 12.504 6.744 7.256a.36.36 0 0 1 0-.504.36.36 0 0 1 .504 0l4.744 4.744L14.6 8.888a.36.36 0 0 1 .504 0 .36.36 0 0 1 0 .504zm6.784 6.992a.712.712 0 1 0 0-1.424.712.712 0 0 0 0 1.424"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 6.25a.75.75 0 0 1 .75.75v4.25h2.75a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75V7a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
+    return s ? /*#__PURE__*/ c.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: s
+        }, "gradient-defs"),
+        ...c.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { v as default };
+export { S as default };