@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -79,73 +79,80 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import * as d from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = v(), h = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = f(), s = o === "brand" || o === "media" ? c.colors.neutralHighBrand : o === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: a, gradientDef: h } = g(m !== null && m !== void 0 ? m : s), { skinName: l } = v(), n = l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: h,
+            fill: a,
             d: "M11.995 2.155c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.44 0-9.84-3.403-9.84-9.84 0-6.443 3.403-9.846 9.84-9.846m0 18.479c5.732 0 8.639-2.905 8.639-8.633 0-5.731-2.905-8.639-8.639-8.639-5.728 0-8.633 2.908-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633m3.247-3.69a.405.405 0 0 0-.404-.402h-4.72c.819-.872 1.115-1.628 1.115-2.69q0-.749-.198-1.54h2.109c.224 0 .403-.18.403-.403v-.398a.404.404 0 0 0-.403-.404h-2.476c-.171-.574-.325-1.218-.325-1.86 0-1.456.764-2.134 2.403-2.134.524 0 1.188.073 1.871.202a.402.402 0 0 0 .476-.398V6.55a.41.41 0 0 0-.283-.387c-.728-.224-1.652-.305-2.224-.305-2.249 0-3.54 1.241-3.54 3.4 0 .71.14 1.387.302 1.93l-.66.045a.406.406 0 0 0-.376.404v.271c0 .225.18.404.403.404h.997c.169.563.244 1.045.244 1.527 0 .745-.168 1.341-1.04 2.182-.464.445-.697.672-.697 1.117q0 .244.093.423a.4.4 0 0 0 .358.219h6.169c.224 0 .403-.18.403-.404z"
         })
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M11.428 14.5h2.892a.72.72 0 0 1 .716.716c0 .392-.32.716-.716.716H9.608a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716a.434.434 0 0 0 .428-.428v-1.536H9.68a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716h.356V9.676c0-1.324 1-2.324 2.324-2.324.392 0 1 .072 1.536.536.324.248.324.716.072 1-.248.324-.716.324-1 .072-.144-.108-.284-.18-.608-.18-.54 0-.896.36-.896.896v1.428h1.428a.72.72 0 0 1 .716.716c0 .392-.32.716-.716.716h-1.428v1.536c0 .144 0 .284-.036.428"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M11.428 14.5h2.892a.72.72 0 0 1 .716.716c0 .392-.32.716-.716.716H9.608a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716a.434.434 0 0 0 .428-.428v-1.536H9.68a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716h.356V9.676c0-1.324 1-2.324 2.324-2.324.392 0 1 .072 1.536.536.324.248.324.716.072 1-.248.324-.716.324-1 .072-.144-.108-.284-.18-.608-.18-.54 0-.896.36-.896.896v1.428h1.428a.72.72 0 0 1 .716.716c0 .392-.32.716-.716.716h-1.428v1.536c0 .144 0 .284-.036.428"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
     })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M13.272 6.264A2.75 2.75 0 0 1 15.75 9a.75.75 0 0 1-1.5 0 1.25 1.25 0 0 0-1.126-1.244L13 7.75A1.25 1.25 0 0 0 11.75 9v2.25H13a.75.75 0 0 1 0 1.5h-1.25V14c0 .439-.107.866-.303 1.25H15a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5A1.25 1.25 0 0 0 10.25 14v-1.25H9a.75.75 0 0 1 0-1.5h1.25V9A2.75 2.75 0 0 1 13 6.25z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25m0 1.5A8.25 8.25 0 0 0 3.75 12l.01.405A8.25 8.25 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405A8.25 8.25 0 0 0 12 3.75"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ d.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...d.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { p as default };
+export { V as default };

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

@@ -78,58 +78,65 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: d, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = h(), i = n !== null && n !== void 0 ? n : o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: c } = s();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = g(), m = n === "brand" || n === "media" ? l.colors.neutralHighBrand : n === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: r, gradientDef: a } = p(d !== null && d !== void 0 ? d : m), { skinName: c } = f(), i = c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M19.234 4.574c-1.672-1.611-4.107-2.429-7.238-2.429s-5.563.818-7.233 2.429C3.03 6.249 2.15 8.744 2.15 11.999s.88 5.751 2.613 7.423c1.673 1.61 4.107 2.429 7.236 2.429s5.565-.818 7.238-2.429c1.736-1.672 2.616-4.17 2.616-7.423 0-3.252-.882-5.75-2.62-7.425m-7.745.308c0-.308.252-.56.56-.56s.56.252.56.56V8.98c0 .308-.252.56-.56.56a.56.56 0 0 1-.56-.56zm.585 13.21c-1.921 0-3.417-.507-4.454-1.507C6.545 15.548 6 14.008 6 12.013c0-1.658.378-3.005 1.126-4.008.74-.989 1.82-1.633 3.218-1.91a.559.559 0 1 1 .219 1.098c-2.32.462-3.446 2.039-3.446 4.82 0 1.681.432 2.947 1.28 3.765.821.79 2.06 1.19 3.678 1.19 1.62 0 2.857-.4 3.678-1.19.849-.818 1.28-2.087 1.28-3.765 0-2.82-1.16-4.403-3.543-4.84a.56.56 0 1 1 .201-1.104c1.435.264 2.544.9 3.303 1.891.77 1.009 1.16 2.37 1.16 4.05.003 2-.544 3.538-1.622 4.578-1.037 1-2.535 1.504-4.457 1.504"
         })
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: i,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M11.263 12.668c0 .416.335.76.74.76s.74-.344.74-.764V2.76a.755.755 0 0 0-.74-.76.755.755 0 0 0-.74.76z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: i,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M2.91 12.668C2.91 17.812 6.993 22 12.003 22c5.006 0 9.089-4.192 9.089-9.332 0-4.04-2.52-7.62-6.268-8.876-.37-.112-.819.116-.928.496s.113.84.483.952c3.117 1.068 5.233 4.036 5.233 7.428 0 4.308-3.413 7.812-7.609 7.812s-7.609-3.508-7.609-7.812c0-3.388 2.116-6.364 5.233-7.428.409-.112.592-.572.483-.952-.11-.42-.557-.608-.928-.496C5.435 5.048 2.91 8.628 2.91 12.668"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: i,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M11.263 12.668c0 .416.335.76.74.76s.74-.344.74-.764V2.76a.755.755 0 0 0-.74-.76.755.755 0 0 0-.74.76z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: i,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M2.91 12.668C2.91 17.812 6.993 22 12.003 22c5.006 0 9.089-4.192 9.089-9.332 0-4.04-2.52-7.62-6.268-8.876-.37-.112-.819.116-.928.496s.113.84.483.952c3.117 1.068 5.232 4.036 5.232 7.428 0 4.308-3.412 7.812-7.608 7.812s-7.609-3.508-7.609-7.812c0-3.388 2.116-6.364 5.232-7.428.41-.112.593-.572.484-.952-.11-.42-.558-.608-.928-.496C5.435 5.048 2.91 8.628 2.91 12.668"
             })
         ]
     }));
+    return a ? /*#__PURE__*/ h.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...h.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { g as default };
+export { M as default };

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

@@ -78,84 +78,91 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as d } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: c, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as p } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: s, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = d(), t = c !== null && c !== void 0 ? c : r === "brand" || r === "media" ? h.colors.neutralHighBrand : r === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = p(), f = o === "brand" || o === "media" ? c.colors.neutralHighBrand : o === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: e, gradientDef: h } = g(s !== null && s !== void 0 ? s : f), { skinName: n } = m(), l = n.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M12 18.042c-1.921 0-3.417-.501-4.44-1.487C6.5 15.53 5.959 13.998 5.959 12c0-1.664.376-3.01 1.115-4.005.726-.972 1.793-1.605 3.18-1.88a.28.28 0 0 1 .33.221.28.28 0 0 1-.221.331c-2.55.507-3.843 2.303-3.843 5.336 0 3.639 1.843 5.482 5.481 5.482s5.485-1.843 5.485-5.482c0-3.073-1.33-4.877-3.95-5.356a.28.28 0 0 1 .101-.549c1.42.26 2.518.886 3.264 1.86.761.998 1.148 2.359 1.148 4.048 0 1.997-.54 3.53-1.602 4.555-1.028.98-2.524 1.481-4.446 1.481"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M11.72 8.967c0 .154.126.28.28.28s.28-.126.28-.28V4.869a.28.28 0 0 0-.28-.28.28.28 0 0 0-.28.28z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M2.16 12c0 6.437 3.403 9.838 9.838 9.838 6.44 0 9.843-3.404 9.84-9.838 0-3.26-.877-5.759-2.602-7.423-1.664-1.605-4.098-2.417-7.238-2.417C5.56 2.16 2.16 5.563 2.16 12m.56 0c0-6.156 3.124-9.28 9.278-9.28 6.16 0 9.283 3.12 9.28 9.28 0 6.157-3.12 9.278-9.28 9.278-6.157 0-9.278-3.124-9.278-9.278"
             })
         ]
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M11.215 12.668c0 .416.35.761.777.761a.773.773 0 0 0 .776-.761V2.762A.773.773 0 0 0 11.992 2a.773.773 0 0 0-.777.762z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M2.47 12.668C2.47 17.81 6.748 22 11.992 22c5.247 0 9.522-4.193 9.526-9.332 0-4.037-2.645-7.621-6.57-8.876-.388-.116-.857.112-.973.493-.115.38.116.842.504.954 3.268 1.066 5.482 4.037 5.482 7.429 0 4.305-3.575 7.809-7.97 7.809-4.393 0-7.968-3.504-7.968-7.81 0-3.391 2.218-6.366 5.486-7.428.426-.116.618-.573.503-.954-.115-.417-.584-.605-.972-.493-3.93 1.255-6.57 4.835-6.57 8.876"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M12.003 13.047c-.223 0-.37-.152-.37-.38V2.38c0-.228.148-.38.37-.38s.37.152.37.38v10.287c0 .228-.148.38-.37.38m6.678 6.094a.75.75 0 0 1-.741.76.75.75 0 0 1-.741-.76c0-.42.332-.76.741-.76.41 0 .741.34.741.76m.706-1.333c-.074 0-.148 0-.187-.076-.187-.112-.222-.345-.11-.533a8.9 8.9 0 0 0 1.265-4.532c0-3.884-2.563-7.312-6.238-8.305-.187-.036-.296-.228-.261-.456.035-.192.261-.344.444-.268 4.007 1.073 6.792 4.804 6.792 9.033a9.66 9.66 0 0 1-1.373 4.953.44.44 0 0 1-.332.184"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M12.003 22c-5.009 0-9.093-4.188-9.093-9.333 0-4.229 2.781-7.96 6.752-9.03a.43.43 0 0 1 .484.269c.035.192-.074.416-.261.456-3.67.99-6.234 4.42-6.234 8.305 0 4.724 3.749 8.572 8.352 8.572 1.408 0 2.781-.344 3.97-1.029.188-.112.407-.036.52.152.109.193.035.417-.148.533A9.1 9.1 0 0 1 12.003 22"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M16.427 5.517a.75.75 0 0 1 1.056-.09 8.5 8.5 0 0 1 2.5 9.414A8.5 8.5 0 1 1 6.516 5.427a.75.75 0 0 1 .966 1.146 7 7 0 1 0 9.034 0 .75.75 0 0 1-.09-1.056"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M12 3.25a.75.75 0 0 1 .75.75v8a.75.75 0 0 1-1.5 0V4a.75.75 0 0 1 .75-.75"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ d.cloneElement(l, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...d.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { v as default };
+export { V as default };

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

@@ -78,74 +78,81 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as g } from "../../hooks.js";
+import { useThemeVariant as m } 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 V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = d(), a = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? h.colors.neutralHighBrand : r === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: o } = c();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = m(), f = n === "brand" || n === "media" ? h.colors.neutralHighBrand : n === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { fillValue: r, gradientDef: c } = p(s !== null && s !== void 0 ? s : f), { skinName: i } = g(), 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: a,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M12 1.375c.345 0 .625.28.625.625v10a.625.625 0 1 1-1.25 0V2c0-.345.28-.625.625-.625M6.072 6.198a.625.625 0 0 1 0 .884 8.375 8.375 0 1 0 11.846 0 .625.625 0 1 1 .884-.884 9.625 9.625 0 1 1-13.614 0 .625.625 0 0 1 .884 0"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M11.215 12.668c0 .416.35.761.777.761a.773.773 0 0 0 .776-.761V2.762A.773.773 0 0 0 11.992 2a.773.773 0 0 0-.777.762z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M2.47 12.668C2.47 17.81 6.748 22 11.992 22c5.247 0 9.522-4.193 9.526-9.332 0-4.037-2.645-7.621-6.57-8.876-.388-.116-.857.112-.973.493-.115.38.116.842.504.954 3.268 1.066 5.482 4.037 5.482 7.429 0 4.305-3.575 7.809-7.97 7.809-4.393 0-7.968-3.504-7.968-7.81 0-3.391 2.218-6.366 5.486-7.428.426-.116.618-.573.503-.954-.115-.417-.584-.605-.972-.493-3.93 1.255-6.57 4.835-6.57 8.876"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M11.215 12.668c0 .416.35.761.777.761a.773.773 0 0 0 .776-.761V2.762A.773.773 0 0 0 11.992 2a.773.773 0 0 0-.777.762z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M2.47 12.668C2.47 17.81 6.749 22 11.992 22c5.247 0 9.522-4.193 9.526-9.332 0-4.037-2.645-7.621-6.57-8.876-.388-.116-.857.112-.973.493-.115.38.116.842.504.954 3.268 1.066 5.482 4.037 5.482 7.429 0 4.305-3.575 7.809-7.97 7.809-4.393 0-7.968-3.504-7.968-7.81 0-3.391 2.218-6.366 5.486-7.428.426-.116.618-.573.503-.954-.115-.417-.584-.605-.972-.493-3.93 1.255-6.57 4.835-6.57 8.876"
             })
         ]
     })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M16.427 5.517a.75.75 0 0 1 1.056-.09 8.5 8.5 0 0 1 2.5 9.414A8.5 8.5 0 1 1 6.515 5.427a.75.75 0 0 1 .967 1.146 7 7 0 1 0 9.033 0 .75.75 0 0 1-.09-1.056"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: a,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 3.25a.75.75 0 0 1 .75.75v8a.75.75 0 0 1-1.5 0V4a.75.75 0 0 1 .75-.75"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ d.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...d.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { v as default };
+export { V as default };

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

@@ -78,72 +78,79 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as p } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = d(), a = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const c = p(), f = c === "brand" || c === "media" ? i.colors.neutralHighBrand : c === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: e, gradientDef: n } = v(s !== null && s !== void 0 ? s : f), { skinName: h } = m(), r = h.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M21.503 5.242c.104-.396-.138-.792-.484-.865a.665.665 0 0 0-.83.505l-2.112 8.309H8.023L5.665 3.472c-.104-.72-.938-1.3-1.837-1.3h-.657c-.38 0-.691.323-.691.72s.311.72.691.72h.657c.208 0 .415.109.484.18L7.574 17.2c-.868.396-1.456 1.265-1.456 2.31 0 .685.242 1.302.726 1.77.45.469 1.076.72 1.698.72 1.352 0 2.424-1.12 2.424-2.526 0-.396-.07-.756-.242-1.085h4.99a2.75 2.75 0 0 0-.242 1.085c0 1.41 1.076 2.527 2.424 2.527.657 0 1.249-.252 1.733-.757.45-.468.691-1.121.691-1.77 0-1.41-1.076-2.526-2.424-2.526H8.922v-.108L8.37 14.6h10.74z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M11.074 5.427c0-.289-.242-.54-.52-.54h-.518c.519-.83 1.283-1.41 2.182-1.663 2.044-.576 4.122.685 4.68 2.82a3.95 3.95 0 0 1-.381 2.998c-.519.905-1.318 1.59-2.32 1.842-2.044.577-4.122-.684-4.68-2.819a7 7 0 0 1-.138-.905c0-.288-.242-.54-.518-.54-.277 0-.519.252-.519.54 0 .397.07.793.173 1.158.588 2.238 2.532 3.756 4.68 3.756a5 5 0 0 0 1.248-.18c1.248-.361 2.285-1.194 2.946-2.347a5.07 5.07 0 0 0 .484-3.828c-.668-2.679-3.334-4.269-5.9-3.544-1.038.289-1.906.901-2.563 1.77v-.252c0-.288-.242-.54-.518-.54-.277 0-.52.252-.52.54v2.274h2.183c.277 0 .519-.252.519-.54"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M13.221 3.765c-.277 0-.519.252-.519.54V7.27l1.422 1.553c.103.108.242.18.38.18a.43.43 0 0 0 .346-.144.575.575 0 0 0 .034-.756L13.74 6.836v-2.53c0-.289-.242-.541-.519-.541"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M21.503 5.242c.104-.396-.138-.792-.484-.865a.665.665 0 0 0-.83.505l-2.112 8.309H8.023L5.665 3.472c-.104-.72-.938-1.3-1.837-1.3h-.657c-.38 0-.691.323-.691.72s.311.72.691.72h.657c.208 0 .415.109.484.18L7.574 17.2c-.868.396-1.456 1.265-1.456 2.31 0 .685.242 1.302.726 1.77.45.469 1.076.72 1.698.72 1.352 0 2.424-1.12 2.424-2.526 0-.396-.07-.756-.242-1.085h4.99a2.75 2.75 0 0 0-.242 1.085c0 1.41 1.076 2.527 2.424 2.527.657 0 1.249-.252 1.733-.757.45-.468.691-1.121.691-1.77 0-1.41-1.076-2.526-2.424-2.526H8.922v-.108L8.37 14.6h10.74z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M11.074 5.427c0-.289-.242-.54-.52-.54h-.518c.519-.83 1.283-1.41 2.182-1.663 2.044-.576 4.122.685 4.68 2.82a3.95 3.95 0 0 1-.381 2.998c-.519.905-1.318 1.59-2.32 1.842-2.044.577-4.122-.684-4.68-2.819a7 7 0 0 1-.138-.905c0-.288-.242-.54-.518-.54-.277 0-.519.252-.519.54 0 .397.07.793.173 1.158.588 2.238 2.532 3.756 4.68 3.756a5 5 0 0 0 1.248-.18c1.248-.361 2.285-1.194 2.946-2.347a5.07 5.07 0 0 0 .484-3.828c-.668-2.679-3.334-4.269-5.9-3.544-1.038.289-1.906.901-2.563 1.77v-.252c0-.288-.242-.54-.518-.54-.277 0-.52.252-.52.54v2.274h2.183c.277 0 .519-.252.519-.54"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M13.221 3.765c-.277 0-.519.252-.519.54V7.27l1.422 1.553c.103.108.242.18.38.18a.43.43 0 0 0 .346-.144.575.575 0 0 0 .034-.756L13.74 6.836v-2.53c0-.289-.242-.541-.519-.541"
             })
         ]
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M9 18.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m9 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m-14.353-16A2.75 2.75 0 0 1 6.39 4.79l.715 9.306a1.25 1.25 0 0 0 1.248 1.154h9.837a1.25 1.25 0 0 0 1.244-1.126l.82-8.198a.75.75 0 0 1 1.492.148l-.82 8.2a2.75 2.75 0 0 1-2.736 2.476H8.353a2.75 2.75 0 0 1-2.743-2.54l-.715-9.306A1.25 1.25 0 0 0 3.647 3.75H3a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M13.3 2.5a4.5 4.5 0 1 1-.001 9 4.5 4.5 0 0 1 0-9m0 2.496a.5.5 0 0 0-.5.5V7a.5.5 0 0 0 .146.354l1 1a.5.5 0 0 0 .707-.708l-.853-.853V5.496a.5.5 0 0 0-.5-.5"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ d.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...d.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { V as default };