@telefonica/mistica 16.68.0 → 16.70.0

package/dist-es/generated/mistica-icons/icon-support-agent-premium-light.js

@@ -78,58 +78,65 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as c, jsxs as h } 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 o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: s, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = m(), l = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? h.colors.neutralHighBrand : e === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = f(), v = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: n } = g(s !== null && s !== void 0 ? s : v), { skinName: i } = d(), r = i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M19.481 11.645h-1.056c-.236.427-.58.823-.945 1.14 2.447.787 4.048 2.642 4.048 4.96v3.535c0 .396-.31.716-.683.716-.377 0-.682-.324-.682-.716v-3.498c0-2.283-2.279-3.962-5.442-3.962-.919 0-1.773.144-2.52.391-.339.108-.747-.107-.85-.463s.103-.784.443-.892c.019-.02.049-.029.084-.04a.5.5 0 0 0 .087-.032A4.76 4.76 0 0 1 10.3 9.142c0-2.567 1.974-4.638 4.42-4.638 2.448 0 4.422 2.067 4.422 4.638 0 .356-.069.715-.137 1.071h.476c.377 0 .682-.324.682-.715v-.216c0-3.107-2.347-5.746-5.24-5.854-1.494-.036-2.893.536-3.98 1.608C9.859 6.107 9.279 7.57 9.279 9.142c0 .396-.308.715-.682.715-.377 0-.682-.323-.682-.715 0-1.963.75-3.783 2.077-5.138s3.095-2.071 4.966-1.999c3.64.144 6.567 3.39 6.567 7.28v.217c0 1.18-.919 2.143-2.043 2.143m-4.764-5.71c-1.7 0-3.06 1.427-3.06 3.21 0 1.788 1.36 3.215 3.056 3.22.717 0 1.395-.289 1.906-.716h-1.224c-.377 0-.682-.32-.682-.716s.309-.716.682-.716h2.21a3.5 3.5 0 0 0 .172-1.071c0-1.784-1.36-3.21-3.06-3.21"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "m9.717 14.396 3.026.32c.274.035.51.247.648.5.064.247 0 .567-.206.747l-2.21 2.035.605 3.142a.79.79 0 0 1-.27.716.64.64 0 0 1-.408.144.56.56 0 0 1-.34-.108l-2.618-1.535-2.618 1.535c-.236.144-.541.144-.747-.036a.7.7 0 0 1-.27-.716l.613-3.142-2.21-2.035c-.206-.176-.275-.496-.206-.748a.72.72 0 0 1 .579-.5l3.026-.32 1.19-2.854a.68.68 0 0 1 .613-.428c.274 0 .51.18.613.428zm-.206 3.498c-.065-.252.034-.5.206-.68l1.322-1.255-1.871-.216a.68.68 0 0 1-.545-.428l-.713-1.747-.713 1.747a.69.69 0 0 1-.545.428l-1.871.216 1.326 1.215c.172.18.24.432.206.68l-.373 2.035 1.635-.96a.55.55 0 0 1 .339-.108c.133 0 .236.036.339.108l1.631 1z"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M21.299 19.5c-.213 0-.353-.142-.353-.358v.004h-.024v-1.393c0-2.498-2.494-4.319-5.973-4.319-1.09 0-2.108.175-3.022.534-.177.07-.385-.037-.457-.216-.069-.18.036-.391.212-.465.421-.142.842-.252 1.263-.358-1.511-.75-2.53-2.318-2.53-4.14 0-2.57 2.037-4.64 4.566-4.64s4.566 2.07 4.566 4.64c0 .787-.209 1.5-.525 2.143h.878c.597 0 1.054-.464 1.054-1.071v-.93c0-3.32-2.598-6.107-5.76-6.213-1.616-.069-3.163.538-4.358 1.716-1.194 1.14-1.828 2.677-1.828 4.355 0 .216-.14.359-.352.359-.213 0-.353-.143-.353-.359 0-1.858.737-3.61 2.036-4.893 1.335-1.284 3.055-1.964 4.883-1.89 3.547.142 6.43 3.247 6.43 6.926v.929c0 .998-.774 1.784-1.757 1.784h-1.334c-.425.534-.95.962-1.548 1.284 2.778.607 4.638 2.465 4.638 4.82v1.393c0 .216-.14.359-.352.359M14.977 4.863c-2.145 0-3.864 1.747-3.864 3.927 0 2.176 1.72 3.924 3.864 3.932a3.75 3.75 0 0 0 2.634-1.072h-2.634c-.212 0-.353-.142-.353-.358s.14-.359.353-.359h3.231a4 4 0 0 0 .633-2.143c0-2.18-1.72-3.927-3.864-3.927M22 21.286a.707.707 0 0 1-.701.712.707.707 0 0 1-.702-.713c0-.393.314-.713.701-.713.388 0 .702.32.702.713"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "m9.317 14.608 3.584.39c.14 0 .248.11.348.25a.4.4 0 0 1-.104.39l-2.597 2.323.701 3.606a.35.35 0 0 1-.14.358l-.01.006a.5.5 0 0 1-.203.067c-.072 0-.104 0-.176-.036l-3.09-1.785-3.091 1.785a.37.37 0 0 1-.385-.037.35.35 0 0 1-.14-.358l.701-3.606-2.597-2.323a.4.4 0 0 1-.104-.39c.036-.143.14-.25.28-.25l3.584-.39 1.399-3.285c.036-.142.176-.215.316-.215q.21.001.317.215zm.461 3.284a.29.29 0 0 1 .104-.322l2.149-1.928-2.986-.322c-.105 0-.245-.11-.281-.215l-1.159-2.75-1.194 2.75c-.036.11-.14.215-.28.215l-2.987.322 2.177 1.928c.068.073.14.179.104.322l-.597 3.035 2.597-1.5c.072-.036.104-.036.176-.036.073 0 .105 0 .177.037l2.597 1.499z"
             })
         ]
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M17.8 13.25c.16 0 .317.034.462.098l.14.073.128.093q.122.102.212.233l.081.137.911 1.84 2.038.296.155.034q.152.045.288.129l.129.093.113.11q.106.12.177.262l.06.147.038.154a1.14 1.14 0 0 1-.326 1.015v.002l-1.475 1.43.347 2.021.016.158a1.14 1.14 0 0 1-1.06 1.173 1.14 1.14 0 0 1-.61-.129l-1.824-.956-1.823.957-.002.001a1.144 1.144 0 0 1-1.656-1.194l.002-.009.348-2.02-1.474-1.432.001-.001a1.14 1.14 0 0 1-.29-1.17l.06-.149c.07-.142.17-.269.292-.372l.129-.093a1.1 1.1 0 0 1 .445-.162l2.033-.295.912-1.84c.095-.19.242-.351.422-.463l.14-.073c.145-.064.302-.098.46-.098m-.765 3.493a.75.75 0 0 1-.564.41l-1.705.246 1.232 1.198a.75.75 0 0 1 .217.665l-.292 1.691 1.53-.8.083-.038a.75.75 0 0 1 .612.038l1.528.8-.29-1.691a.75.75 0 0 1 .216-.665l1.232-1.198-1.704-.247a.75.75 0 0 1-.565-.409l-.765-1.545zM11 15.25a.75.75 0 0 1 0 1.5H9.667c-1.106 0-2.135.316-2.864.837-.726.519-1.053 1.158-1.053 1.746 0 .506.41.917.917.917H12a.75.75 0 0 1 0 1.5H6.667a2.417 2.417 0 0 1-2.417-2.417c0-1.18.657-2.235 1.68-2.967 1.022-.729 2.367-1.116 3.737-1.116zm2-14a4.75 4.75 0 0 1 4.703 4.094A2.75 2.75 0 0 1 19.75 8v1A2.75 2.75 0 0 1 17 11.75h-1a1 1 0 0 1-.121-.012A4.74 4.74 0 0 1 12 13.75a4.74 4.74 0 0 1-3.88-2.012 1 1 0 0 1-.12.012H7A2.75 2.75 0 0 1 4.25 9V8c0-1.275.869-2.345 2.046-2.656A4.75 4.75 0 0 1 11 1.25zm-1 4.5a3.25 3.25 0 1 0 2.738 5H12a.75.75 0 0 1 0-1.5h3.24q.009-.124.01-.25A3.25 3.25 0 0 0 12 5.75m-5 1c-.69 0-1.25.56-1.25 1.25v1c0 .69.56 1.25 1.25 1.25h.25v-3.5zm9.75 3.5H17c.69 0 1.25-.56 1.25-1.25V8c0-.69-.56-1.25-1.25-1.25h-.25zM11 2.75a3.25 3.25 0 0 0-3.162 2.5H8c.28 0 .522.155.65.383A4.73 4.73 0 0 1 12 4.25c1.307 0 2.49.529 3.349 1.383A.75.75 0 0 1 16 5.25h.162A3.25 3.25 0 0 0 13 2.75z"
         })
     }));
+    return n ? /*#__PURE__*/ m.cloneElement(r, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...m.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { f as default };
+export { M as default };

package/dist-es/generated/mistica-icons/icon-support-agent-premium-regular.js

@@ -78,58 +78,65 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as c, jsxs as h } 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";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), l = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? h.colors.neutralHighBrand : t === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: r } = m();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = f(), d = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: n } = g(s !== null && s !== void 0 ? s : d), { skinName: i } = v(), r = i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M19.481 11.645h-1.056c-.236.427-.58.823-.945 1.14 2.447.787 4.048 2.642 4.048 4.96v3.535c0 .396-.31.716-.683.716-.377 0-.682-.324-.682-.716v-3.498c0-2.283-2.279-3.962-5.442-3.962-.919 0-1.773.144-2.52.391-.339.108-.747-.107-.85-.463s.103-.784.443-.892c.019-.02.049-.029.084-.04a.5.5 0 0 0 .087-.032A4.76 4.76 0 0 1 10.3 9.142c0-2.567 1.974-4.638 4.42-4.638 2.448 0 4.422 2.067 4.422 4.638 0 .356-.069.715-.137 1.071h.476c.377 0 .682-.324.682-.715v-.216c0-3.107-2.347-5.746-5.24-5.854-1.494-.036-2.893.536-3.98 1.608C9.859 6.107 9.279 7.57 9.279 9.142c0 .396-.308.715-.682.715-.377 0-.682-.323-.682-.715 0-1.963.75-3.783 2.077-5.138s3.095-2.071 4.966-1.999c3.64.144 6.567 3.39 6.567 7.28v.217c0 1.18-.919 2.143-2.043 2.143m-4.764-5.71c-1.7 0-3.06 1.427-3.06 3.21 0 1.788 1.36 3.215 3.056 3.22.717 0 1.395-.289 1.906-.716h-1.224c-.377 0-.682-.32-.682-.716s.309-.716.682-.716h2.21a3.5 3.5 0 0 0 .172-1.071c0-1.784-1.36-3.21-3.06-3.21"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "m9.717 14.396 3.026.32c.274.035.51.247.648.5.064.247 0 .567-.206.747l-2.21 2.035.605 3.142a.79.79 0 0 1-.27.716.64.64 0 0 1-.408.144.56.56 0 0 1-.34-.108l-2.618-1.535-2.618 1.535c-.236.144-.541.144-.747-.036a.7.7 0 0 1-.27-.716l.613-3.142-2.21-2.035c-.206-.176-.275-.496-.206-.748a.72.72 0 0 1 .579-.5l3.026-.32 1.19-2.854a.68.68 0 0 1 .613-.428c.274 0 .51.18.613.428zm-.206 3.498c-.065-.252.034-.5.206-.68l1.322-1.255-1.871-.216a.68.68 0 0 1-.545-.428l-.713-1.747-.713 1.747a.69.69 0 0 1-.545.428l-1.871.216 1.326 1.215c.172.18.24.432.206.68l-.373 2.035 1.635-.96a.55.55 0 0 1 .339-.108c.133 0 .236.036.339.108l1.631 1z"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M19.481 11.645h-1.056a4.3 4.3 0 0 1-.945 1.14c2.447.787 4.048 2.642 4.048 4.96v3.535c0 .396-.31.716-.683.716-.377 0-.682-.324-.682-.716v-3.498c0-2.283-2.279-3.962-5.442-3.962-.919 0-1.773.144-2.52.391-.339.108-.747-.107-.85-.463s.103-.784.443-.892c.019-.02.049-.029.084-.04a.5.5 0 0 0 .087-.032A4.76 4.76 0 0 1 10.3 9.142c0-2.567 1.974-4.638 4.42-4.638 2.448 0 4.422 2.067 4.422 4.638 0 .356-.069.715-.137 1.071h.476c.377 0 .682-.324.682-.715v-.216c0-3.107-2.348-5.746-5.24-5.854-1.494-.036-2.893.536-3.98 1.608C9.859 6.107 9.279 7.57 9.279 9.142c0 .396-.308.715-.682.715-.377 0-.682-.323-.682-.715 0-1.963.75-3.783 2.077-5.138s3.095-2.071 4.966-1.999c3.64.144 6.567 3.39 6.567 7.28v.217c0 1.18-.919 2.143-2.043 2.143m-4.764-5.71c-1.7 0-3.06 1.427-3.06 3.21 0 1.788 1.36 3.215 3.056 3.22.717 0 1.395-.289 1.906-.716h-1.224c-.377 0-.682-.32-.682-.716s.309-.716.682-.716h2.21c.104-.324.172-.68.172-1.071 0-1.784-1.36-3.21-3.06-3.21"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: l,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "m9.717 14.396 3.026.32c.274.035.51.247.648.5.064.247 0 .567-.206.747l-2.21 2.035.605 3.142a.79.79 0 0 1-.27.716.64.64 0 0 1-.408.144.56.56 0 0 1-.34-.108l-2.618-1.535-2.618 1.535c-.236.144-.541.144-.747-.036a.7.7 0 0 1-.27-.716l.613-3.142-2.21-2.035c-.206-.176-.275-.496-.206-.748a.72.72 0 0 1 .579-.5l3.026-.32 1.19-2.854a.68.68 0 0 1 .613-.428c.274 0 .51.18.613.428zm-.206 3.498c-.065-.252.034-.5.206-.68l1.322-1.255-1.871-.216a.68.68 0 0 1-.545-.428l-.713-1.747-.713 1.747a.69.69 0 0 1-.545.428l-1.871.216 1.326 1.215c.172.18.24.432.206.68l-.373 2.035 1.635-.96a.55.55 0 0 1 .339-.108c.133 0 .236.036.339.108l1.631 1z"
             })
         ]
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M17.8 13.25c.16 0 .317.034.462.098l.14.073.128.093q.122.102.212.233l.081.137.911 1.84 2.038.296.155.034q.152.045.288.129l.129.093.113.11q.106.12.177.262l.06.147.038.154a1.14 1.14 0 0 1-.326 1.015v.002l-1.475 1.43.347 2.021.016.158a1.14 1.14 0 0 1-1.06 1.173 1.14 1.14 0 0 1-.61-.129l-1.824-.956-1.823.957-.002.001a1.144 1.144 0 0 1-1.656-1.194l.002-.009.348-2.02-1.474-1.432.001-.001a1.14 1.14 0 0 1-.29-1.17l.06-.149c.07-.142.17-.269.292-.372l.129-.093a1.1 1.1 0 0 1 .445-.162l2.033-.295.912-1.84c.095-.19.242-.351.422-.463l.14-.073c.145-.064.302-.098.46-.098m-.765 3.493a.75.75 0 0 1-.564.41l-1.705.246 1.232 1.198a.75.75 0 0 1 .217.665l-.292 1.691 1.53-.8.083-.038a.75.75 0 0 1 .612.038l1.528.8-.29-1.691a.75.75 0 0 1 .216-.665l1.232-1.198-1.704-.247a.75.75 0 0 1-.565-.409l-.765-1.545zM11 15.25a.75.75 0 0 1 0 1.5H9.667c-1.106 0-2.135.316-2.864.837-.726.519-1.053 1.158-1.053 1.746 0 .506.41.917.917.917H12a.75.75 0 0 1 0 1.5H6.667a2.417 2.417 0 0 1-2.417-2.417c0-1.18.657-2.235 1.68-2.967 1.022-.729 2.367-1.116 3.737-1.116zm2-14a4.75 4.75 0 0 1 4.703 4.094A2.75 2.75 0 0 1 19.75 8v1A2.75 2.75 0 0 1 17 11.75h-1a1 1 0 0 1-.121-.012A4.74 4.74 0 0 1 12 13.75a4.74 4.74 0 0 1-3.88-2.012 1 1 0 0 1-.12.012H7A2.75 2.75 0 0 1 4.25 9V8c0-1.275.869-2.345 2.046-2.656A4.75 4.75 0 0 1 11 1.25zm-1 4.5a3.25 3.25 0 1 0 2.738 5H12a.75.75 0 0 1 0-1.5h3.24q.009-.124.01-.25A3.25 3.25 0 0 0 12 5.75m-5 1c-.69 0-1.25.56-1.25 1.25v1c0 .69.56 1.25 1.25 1.25h.25v-3.5zm9.75 3.5H17c.69 0 1.25-.56 1.25-1.25V8c0-.69-.56-1.25-1.25-1.25h-.25zM11 2.75a3.25 3.25 0 0 0-3.162 2.5H8c.28 0 .522.155.65.383A4.73 4.73 0 0 1 12 4.25c1.307 0 2.49.529 3.349 1.383A.75.75 0 0 1 16 5.25h.162A3.25 3.25 0 0 0 13 2.75z"
         })
     }));
+    return n ? /*#__PURE__*/ m.cloneElement(r, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...m.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { f as default };
+export { x as default };

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

@@ -78,66 +78,73 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: l, size: c = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as c } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: v, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = v(), e = l !== null && l !== void 0 ? l : i === "brand" || i === "media" ? r.colors.neutralHighBrand : i === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: t } = o();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const h = d(), m = h === "brand" || h === "media" ? o.colors.neutralHighBrand : h === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(v !== null && v !== void 0 ? v : m), { skinName: r } = s(), n = r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M16.035 10.86h.414c.56 0 1.011-.167 1.339-.492s.504-.796.504-1.364l.008-.544v-.008c0-2.073-.563-3.667-1.675-4.74-1.07-1.033-2.624-1.557-4.616-1.557-1.79 0-3.232.423-4.283 1.26-1.098.877-1.753 2.185-1.95 3.894a.563.563 0 0 0 .494.622.563.563 0 0 0 .621-.493c.16-1.403.675-2.462 1.535-3.146.846-.675 2.054-1.017 3.583-1.017 1.692 0 2.983.418 3.84 1.244.883.852 1.33 2.174 1.33 3.93l-.007.544V9c0 .182-.029.431-.171.571q-.169.168-.552.168h-.108q.07-.468.071-.997c0-2.837-1.565-4.4-4.4-4.4s-4.4 1.563-4.4 4.4 1.562 4.4 4.4 4.4c2.025 0 3.4-.795 4.023-2.282m-2.1 0h.839q-.14.216-.32.387c-.537.519-1.358.782-2.442.782s-1.905-.263-2.443-.782c-.557-.535-.837-1.375-.837-2.501s.283-1.966.837-2.501c.538-.519 1.359-.782 2.443-.782 1.087 0 1.907.26 2.442.782.558.535.838 1.375.838 2.501q0 .542-.087.994h-1.28c-.157-.233-.428-.367-.782-.367-.58 0-.938.359-.938.933q.001.427.247.678c.162.168.403.255.689.255s.532-.09.694-.255a1 1 0 0 0 .1-.123M3.538 21.85h16.933c.311 0 .56-.25.56-.56v-1.64c0-1.565-.49-2.904-1.42-3.87-1.01-1.05-2.512-1.605-4.339-1.605H8.737c-1.826 0-3.327.554-4.339 1.605-.93.966-1.42 2.305-1.42 3.87v1.64c0 .308.252.56.56.56m.56-1.12v-1.08c0-1.271.384-2.341 1.11-3.092.807-.837 1.994-1.263 3.532-1.263h6.532c1.538 0 2.726.426 3.533 1.263.722.751 1.106 1.821 1.106 3.093v1.078z"
         })
-    })) : t.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^blau/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M17.92 8.668c-.336-2.984-2.868-5.308-5.932-5.308-3.292 0-5.972 2.688-5.972 5.988H4.66C4.66 5.296 7.948 2 11.988 2s7.328 3.296 7.328 7.348v.68h-2.728c-.324 2.256-2.26 4-4.6 4-2.564 0-4.652-2.092-4.652-4.664S9.424 4.7 11.988 4.7c2.328 0 4.26 1.724 4.596 3.968zm-9.228.696c0 1.82 1.48 3.304 3.296 3.304a3.3 3.3 0 0 0 3.228-2.64h-3.228v-1.36h3.22a3.3 3.3 0 0 0-3.22-2.608 3.303 3.303 0 0 0-3.296 3.304m5.732 5.912 4.916.98a3.32 3.32 0 0 1 2.656 3.252v1.84H20.64v-1.844a1.96 1.96 0 0 0-1.568-1.916l-4.204-.84-2.956 2.964L9.7 16.756l-4.74.868a1.95 1.95 0 0 0-1.604 1.924v1.8H2v-1.796c0-1.608 1.14-2.98 2.716-3.264l5.568-1.02 1.776 2.376z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M17.153 11.642H16.03c-.285.428-.64.808-1.043 1.124 2.651.788 4.379 2.64 4.379 4.967v3.547c0 .396-.33.716-.738.716a.726.726 0 0 1-.738-.716v-3.547c0-2.288-2.479-3.951-5.893-3.951-1.72 0-3.257.424-4.337 1.188-1.019.72-1.555 1.68-1.555 2.767v3.547c0 .396-.33.716-.738.716a.726.726 0 0 1-.738-.716v-3.547c0-1.54.767-2.931 2.156-3.92.635-.447 1.39-.799 2.223-1.047-1.097-.852-1.802-2.163-1.802-3.627 0-2.56 2.148-4.643 4.787-4.643 2.64 0 4.787 2.083 4.787 4.643 0 .368-.045.728-.127 1.072h.498a.73.73 0 0 0 .739-.716v-.204c0-3.123-2.544-5.755-5.674-5.863a5.96 5.96 0 0 0-4.31 1.6C6.75 6.12 6.11 7.579 6.11 9.142c0 .397-.33.717-.738.717a.726.726 0 0 1-.738-.716c0-1.956.8-3.78 2.251-5.139 1.448-1.36 3.36-2.068 5.381-2a7.32 7.32 0 0 1 5.051 2.256 7.24 7.24 0 0 1 2.046 5.035v.204c0 1.183-.994 2.143-2.21 2.143m-5.155-5.714c-1.83 0-3.315 1.443-3.315 3.215s1.489 3.211 3.32 3.22c.787 0 1.509-.269 2.078-.717h-1.345a.726.726 0 0 1-.738-.716c0-.395.33-.715.738-.715h2.388a3.1 3.1 0 0 0 .19-1.072c0-1.776-1.485-3.215-3.316-3.215"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M17.153 11.642H16.03c-.284.428-.64.808-1.043 1.124 2.651.788 4.379 2.64 4.379 4.967v3.547c0 .396-.33.716-.738.716a.726.726 0 0 1-.738-.716v-3.547c0-2.288-2.478-3.951-5.893-3.951-1.719 0-3.257.424-4.337 1.188-1.019.72-1.555 1.68-1.555 2.767v3.547c0 .396-.33.716-.738.716a.726.726 0 0 1-.738-.716v-3.547c0-1.54.767-2.931 2.157-3.92.635-.447 1.39-.799 2.222-1.047-1.097-.852-1.802-2.163-1.802-3.627 0-2.56 2.148-4.643 4.787-4.643 2.64 0 4.788 2.083 4.788 4.643 0 .368-.046.728-.128 1.072h.499a.73.73 0 0 0 .738-.716v-.204c0-3.123-2.544-5.755-5.674-5.863a5.96 5.96 0 0 0-4.309 1.6C6.75 6.12 6.11 7.579 6.11 9.142c0 .397-.33.717-.738.717a.726.726 0 0 1-.738-.716c0-1.956.8-3.78 2.251-5.139 1.448-1.36 3.361-2.068 5.381-2a7.32 7.32 0 0 1 5.051 2.256 7.24 7.24 0 0 1 2.046 5.035v.204c0 1.183-.994 2.143-2.21 2.143m-5.155-5.714c-1.83 0-3.315 1.443-3.315 3.215s1.489 3.211 3.32 3.22c.787 0 1.509-.269 2.078-.717h-1.344a.726.726 0 0 1-.739-.716c0-.395.33-.715.739-.715h2.387a3.1 3.1 0 0 0 .19-1.072c0-1.776-1.485-3.215-3.316-3.215"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M14.333 15.25c1.37 0 2.715.387 3.736 1.116 1.024.732 1.68 1.787 1.681 2.967a2.417 2.417 0 0 1-2.417 2.417H6.667a2.417 2.417 0 0 1-2.417-2.417c0-1.18.657-2.235 1.68-2.967 1.022-.729 2.367-1.116 3.737-1.116zm-4.666 1.5c-1.106 0-2.135.316-2.864.837-.726.519-1.053 1.158-1.053 1.746 0 .506.41.917.917.917h10.666c.506 0 .917-.41.917-.917 0-.588-.327-1.227-1.053-1.746-.73-.521-1.758-.837-2.864-.837zM13 1.25a4.75 4.75 0 0 1 4.703 4.094A2.75 2.75 0 0 1 19.75 8v1A2.75 2.75 0 0 1 17 11.75h-1a1 1 0 0 1-.121-.012A4.74 4.74 0 0 1 12 13.75a4.74 4.74 0 0 1-3.88-2.012 1 1 0 0 1-.12.012H7A2.75 2.75 0 0 1 4.25 9V8c0-1.275.869-2.345 2.046-2.656A4.75 4.75 0 0 1 11 1.25zm-1 4.5a3.25 3.25 0 1 0 2.738 5H12a.75.75 0 0 1 0-1.5h3.24q.009-.124.01-.25A3.25 3.25 0 0 0 12 5.75m-5 1c-.69 0-1.25.56-1.25 1.25v1c0 .69.56 1.25 1.25 1.25h.25v-3.5zm9.75 3.5H17c.69 0 1.25-.56 1.25-1.25V8c0-.69-.56-1.25-1.25-1.25h-.25zM11 2.75a3.25 3.25 0 0 0-3.162 2.5H8c.28 0 .522.155.65.383A4.73 4.73 0 0 1 12 4.25c1.307 0 2.49.529 3.349 1.383A.75.75 0 0 1 16 5.25h.162A3.25 3.25 0 0 0 13 2.75z"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { C as default };

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

@@ -79,23 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
+import * as c from "react";
+import { useTheme as h } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = m();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const e = f(), s = e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: n, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: d } = h(), t = d.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: n,
             d: "m19.009 2.332 2.658 2.678a.61.61 0 0 1-.006.868.6.6 0 0 1-.442.183.6.6 0 0 1-.289-.082l-2.246 2.266 1.204 1.216a.627.627 0 0 1 0 .877.64.64 0 0 1-.434.182.65.65 0 0 1-.434-.182l-.18-.182-8.204 8.266a.6.6 0 0 1-.434.182.65.65 0 0 1-.434-.182l-.927-.933-.009.013-.008.012-1.06 1.067a.61.61 0 0 1-.868 0l-.319-.322-3.364 3.398a.6.6 0 0 1-.434.182.58.58 0 0 1-.434-.182.61.61 0 0 1 0-.877l3.361-3.392-.246-.249a.61.61 0 0 1 0-.877l1.058-1.075q.007-.007.013-.009l.013-.008-.779-.784a.62.62 0 0 1-.18-.437c0-.166.065-.323.18-.437l1.05-1.068 6.541-6.58v-.008l.608-.61-.157-.157a.63.63 0 0 1 0-.877.6.6 0 0 1 .871 0l1.1 1.106 2.247-2.274a.62.62 0 0 1 .107-.712c.246-.24.63-.24.877 0m-1.19 5.042 2.223-2.24L18.87 3.95l-2.224 2.241zM15.35 8.607a.536.536 0 0 0-.002-.76l-1.706-1.694-.754.76 1.706 1.702a.57.57 0 0 0 .378.149c.14 0 .28-.05.378-.157m-1.479 3.14a.58.58 0 0 0 .378-.157.544.544 0 0 0-.002-.76l-2.625-2.643-.753.759 2.624 2.644a.55.55 0 0 0 .378.157m-2.484 1.008a.54.54 0 0 0 0-.759L9.605 10.22l-.756.76 1.781 1.784a.58.58 0 0 0 .379.157c.14 0 .28-.06.378-.166m-1.493 2.563c.137 0 .269-.05.375-.157a.52.52 0 0 0 0-.753l-2.412-2.431-.753.761 2.412 2.423a.54.54 0 0 0 .378.157M7.955 16.64l.011-.007q.008-.004.015-.012l-.575-.586-.008.013-.008.013-.625.635.566.572z"
         })
     })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
@@ -103,11 +104,17 @@ const v = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: n,
             d: "M16.47 2.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06L19 6.06 15.56 9.5l2.47 2.47a.75.75 0 0 1-1.06 1.06l-.647-.646-5.97 5.97A.5.5 0 0 1 10 18.5H6.558l-.028.03-3 3a.75.75 0 0 1-1.06-1.06l3-3 .03-.028V14a.5.5 0 0 1 .146-.353l.793-.793a.25.25 0 0 1 .354 0L8.47 14.53a.75.75 0 0 0 1.06-1.06l-1.677-1.677a.25.25 0 0 1 0-.353L9.44 9.854a.25.25 0 0 1 .354 0l1.677 1.676a.75.75 0 0 0 1.06-1.06l-1.677-1.677a.25.25 0 0 1 0-.353l.763-.763-.646-.647a.75.75 0 1 1 1.06-1.06l2.47 2.47L17.94 5l-1.47-1.47a.75.75 0 0 1 0-1.06"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(t, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { v as default };
+export { x as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } 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 d } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: i, size: l = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = m(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const t = g(), s = t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), a = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "m19 2.271 2.716 2.734c.16.17.16.44.009.602a.43.43 0 0 1-.303.126.4.4 0 0 1-.294-.126l-.025-.025-2.566 2.591 1.375 1.384a.42.42 0 0 1 0 .6.407.407 0 0 1-.588 0l-.336-.34-8.524 8.594a.43.43 0 0 1-.302.126.4.4 0 0 1-.294-.126l-1.09-1.098-1.258 1.258a.4.4 0 0 1-.294.126.4.4 0 0 1-.302-.126l-.47-.474-3.59 3.614a.43.43 0 0 1-.302.126.42.42 0 0 1-.291-.717l3.588-3.622-.403-.406a.43.43 0 0 1-.126-.294c0-.12.05-.222.126-.306l1.255-1.255-.947-.955a.435.435 0 0 1 0-.6L14.299 5.1l-.31-.314a.42.42 0 0 1 .584-.599l1.275 1.283 2.566-2.583-.009-.017a.42.42 0 0 1 0-.599.43.43 0 0 1 .594 0m-2.555 3.798 1.493 1.502 2.566-2.583-1.494-1.51zm-9.79 7.916 3.504 3.53 8.235-8.292-3.504-3.529-.863.868 1.3 1.283a.417.417 0 0 1-.294.717.44.44 0 0 1-.294-.117l-1.3-1.292-1.485 1.485q.024.012.034.025l2.213 2.221c.16.168.16.44 0 .6a.43.43 0 0 1-.303.126.4.4 0 0 1-.294-.126L11.4 9.265l-.013-.016-.012-.017-1.477 1.484 1.376 1.37c.168.16.168.431.008.6a.43.43 0 0 1-.302.126.4.4 0 0 1-.294-.126l-1.384-1.367-1.476 1.484 2.022 2.025a.42.42 0 0 1 0 .6.4.4 0 0 1-.294.126.43.43 0 0 1-.303-.126l-2.01-2.034zm.568 3.69.956-.964-.88-.885-.955.972z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M16.47 2.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06L19 6.06 15.56 9.5l2.47 2.47a.75.75 0 1 1-1.06 1.06l-.47-.47-5.97 5.97a.75.75 0 0 1-.53.22H6.31l-2.78 2.78a.75.75 0 1 1-1.06-1.06l2.78-2.78V14c0-.199.079-.39.22-.53l5.97-5.97-.47-.47a.75.75 0 1 1 1.06-1.06l2.47 2.47L17.94 5l-1.47-1.47a.75.75 0 0 1 0-1.06M11.56 9.5l.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-1.94 1.94.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-.75.75v2.94h2.94l5.75-5.75-2.94-2.94z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { v as default };
+export { x as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } 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 m from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: i, size: l = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = m(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const a = g(), c = a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(s !== null && s !== void 0 ? s : c), { skinName: h } = d(), t = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "m18.998 2.332 2.658 2.678a.605.605 0 0 1 .003.869.586.586 0 0 1-.723.1l-2.249 2.266 1.205 1.216a.627.627 0 0 1 0 .877.65.65 0 0 1-.434.182.65.65 0 0 1-.435-.182l-.179-.182-8.204 8.266a.63.63 0 0 1-.434.182.65.65 0 0 1-.438-.182l-.927-.933-.008.013-.008.012-1.06 1.068a.6.6 0 0 1-.433.182.6.6 0 0 1-.437-.182l-.32-.323-3.372 3.398a.61.61 0 0 1-.868 0 .627.627 0 0 1 0-.877l3.37-3.389-.247-.25a.61.61 0 0 1 0-.876l1.058-1.076.013-.008.013-.008-.78-.785a.61.61 0 0 1 0-.876l8.197-8.267-.157-.156a.627.627 0 0 1 0-.877.6.6 0 0 1 .871 0l1.101 1.106 2.25-2.274a.62.62 0 0 1 .106-.712c.246-.24.63-.24.868 0m-2.356 3.86 1.174 1.182 2.224-2.24-1.174-1.183zm-9.574 7.754 3.135 3.165 7.77-7.824-3.143-3.165-.608.62 1.126 1.106a.54.54 0 0 1 0 .762.5.5 0 0 1-.378.156.57.57 0 0 1-.378-.148l-1.123-1.123-1.272 1.28 2.045 2.059a.53.53 0 0 1 0 .759.54.54 0 0 1-.378.157.58.58 0 0 1-.378-.157l-2.034-2.059-1.272 1.272 1.207 1.19a.54.54 0 0 1 0 .76.52.52 0 0 1-.378.165.57.57 0 0 1-.375-.157l-1.207-1.2-.986 1 1.832 1.844a.54.54 0 0 1 0 .753.52.52 0 0 1-.378.157.52.52 0 0 1-.379-.157l-1.832-1.843zm.885 2.694.012-.008.016-.011-.574-.586-.008.013q-.002.006-.009.013l-.624.635.566.572z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M16.47 2.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06L19 6.06 15.56 9.5l2.47 2.47a.75.75 0 1 1-1.06 1.06l-.47-.47-5.97 5.97a.75.75 0 0 1-.53.22H6.31l-2.78 2.78a.75.75 0 1 1-1.06-1.06l2.78-2.78V14c0-.199.079-.39.22-.53l5.97-5.97-.47-.47a.75.75 0 1 1 1.06-1.06l2.47 2.47L17.94 5l-1.47-1.47a.75.75 0 0 1 0-1.06M11.56 9.5l.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-1.94 1.94.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-.75.75v2.94h2.94l5.75-5.75-2.94-2.94z"
         })
     }));
+    return i ? /*#__PURE__*/ m.cloneElement(t, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...m.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { v as default };
+export { H as default };

package/dist-es/generated/mistica-icons/icon-tablet-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 a } from "../../hooks.js";
-import { useThemeVariant as c } 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 { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: v, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = c(), r = n !== null && n !== void 0 ? n : o === "brand" || o === "media" ? l.colors.neutralHighBrand : o === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: h } = a();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = m(), s = n === "brand" || n === "media" ? a.colors.neutralHighBrand : n === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: h } = f(v !== null && v !== void 0 ? v : s), { skinName: i } = d(), l = 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: "M19.377 5.758s.005 8.507.005 12.434c0 3.426-2.675 3.644-3.358 3.644-.101 0-.157-.002-.157-.002s-3.757.002-7.715.002-3.52-3.638-3.52-3.638V5.778c0-3.43 2.756-3.622 3.378-3.622.078 0 .123.002.123.002l7.75-.002c3.807-.003 3.494 3.602 3.494 3.602M6.704 3.73c-.218.134-.88.546-.88 2.042v11.157h12.37c0-4.238-.005-11.168-.005-11.168q0-.05.005-.104v-.008s.062-1.014-.512-1.653c-.367-.406-.97-.613-1.793-.613l-7.75.002-.041-.001-.04-.001h-.043c-.179-.003-.792.022-1.31.347m4.477 15.647q0 .376.212.597c.146.145.356.224.608.224s.462-.079.608-.224c.143-.146.213-.348.213-.597 0-.513-.308-.82-.82-.82-.513 0-.822.307-.822.82"
         })
-    })) : h.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: "M20 4.32v-.536c0-1-.764-1.784-1.738-1.784H5.739C4.764 2 4 2.784 4 3.784v.536zM4 5.393h16v13.214H4zm0 14.823v-.537h15.996v.537c0 1-.763 1.784-1.737 1.784H5.738C4.764 22 4 21.216 4 20.216"
         })
-    })) : h.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: "M20 4.32v-.536c0-1-.764-1.784-1.738-1.784H5.739C4.764 2 4 2.784 4 3.784v.536zM4 5.393h16v13.214H4zm0 14.823v-.537h15.996v.537c0 1-.763 1.784-1.737 1.784H5.738C4.764 22 4 21.216 4 20.216"
         })
-    })) : /* @__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: "M17 3.5A2.5 2.5 0 0 1 19.5 6v12a2.5 2.5 0 0 1-2.5 2.5H7A2.5 2.5 0 0 1 4.5 18V6A2.5 2.5 0 0 1 7 3.5zM12 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { f as default };
+export { M as default };