@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: c, size: a = 24 } = _param, o = _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 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: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), t = c !== null && c !== void 0 ? c : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M21.655 9.688c.624 2.291-.342 4.04-2.588 4.678a3.9 3.9 0 0 1-1.47.11l-.144-.012c.569.386 1.073.82 1.392 1.3 1.308 1.972.939 3.944-.991 5.274-.751.521-1.518.787-2.252.787q-.286-.001-.563-.056c-.897-.173-1.712-.776-2.353-1.74-.306-.459-.51-1.06-.653-1.705-.14.652-.347 1.26-.655 1.723-.645.963-1.46 1.565-2.356 1.74a3 3 0 0 1-.555.052c-.737 0-1.507-.269-2.258-.792-.946-.653-1.537-1.482-1.708-2.395-.171-.914.078-1.908.72-2.874.319-.48.826-.92 1.397-1.306l-.106.011a5 5 0 0 1-.496.034c-.39 0-.759-.04-1.09-.134-1.1-.314-1.921-.908-2.37-1.72-.447-.81-.523-1.835-.215-2.958.308-1.126.894-1.961 1.69-2.418.797-.456 1.8-.529 2.901-.212.647.184 1.32.633 1.955 1.179-.361-.796-.613-1.605-.608-2.317 0-2.37 1.393-3.787 3.726-3.787h.003c1.143.006 2.087.359 2.73 1.02.645.66.984 1.627.978 2.793 0 .691-.249 1.487-.605 2.268.636-.543 1.308-.988 1.956-1.173 2.246-.636 3.96.344 4.588 2.63m-9.648 4.802.006.002a.4.4 0 0 1 .132-.034c.98-.033 1.535-.425 1.748-1.224q0-.004.003-.007l.002-.007q.003-.004.002-.01l.001-.01c.056-.215.084-.476.084-.772 0-.796-.218-1.362-.647-1.681a.1.1 0 0 1-.027-.028l-.015-.017-.03-.011a.2.2 0 0 1-.04-.017c-.305-.19-.72-.286-1.232-.286-.507 0-.927.098-1.241.294q-.02.011-.043.014l-.03.006-.013.018q-.014.017-.029.032c-.423.325-.636.891-.636 1.675q0 .446.087.788v.016l.01.017a.1.1 0 0 1 .012.026c.216.781.807 1.173 1.801 1.196.034 0 .064.01.095.02"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 1.5A3.503 3.503 0 0 1 15.5 5c0 .372-.093.832-.261 1.371.37-.403.716-.71 1.038-.9l.003-.001a3.47 3.47 0 0 1 2.645-.349 3.47 3.47 0 0 1 2.11 1.63l.081.153a3.51 3.51 0 0 1-1.353 4.626v.001c-.334.193-.793.345-1.353.469.458.101.844.22 1.15.365l.202.105h.001a3.512 3.512 0 0 1 .38 5.804 3.47 3.47 0 0 1-3.713.34l-.15-.084c-.324-.188-.672-.496-1.042-.901.168.54.262 1 .262 1.371a3.5 3.5 0 1 1-7 0c0-.372.093-.832.261-1.371-.37.403-.715.71-1.036.9l-.003.001a3.47 3.47 0 0 1-3.864-.256 3.5 3.5 0 0 1-.89-1.025l-.084-.152a3.51 3.51 0 0 1 1.354-4.626v-.001c.333-.194.79-.347 1.348-.47-.561-.124-1.015-.277-1.346-.469h-.001a3.512 3.512 0 0 1-.381-5.805 3.47 3.47 0 0 1 2.576-.697c.454.06.892.21 1.288.44.38.222.794.614 1.24 1.13l-.054-.142a13 13 0 0 1-.293-.855C8.552 5.388 8.5 5.172 8.5 5A3.5 3.5 0 0 1 12 1.5m0 7.25a3.25 3.25 0 1 0 .002 6.5A3.25 3.25 0 0 0 12 8.75"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { f as default };
+export { x as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as q } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: m, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = q(), r = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? e.colors.neutralHighBrand : c === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = m();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = d(), q = e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { fillValue: o, gradientDef: n } = f(m !== null && m !== void 0 ? m : q), { skinName: h } = s(), c = h.match(/^vivo-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", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
+            fill: o,
             d: "M17.069 7.064c2.252-.639 3.96.347 4.588 2.63.305 1.126.232 2.148-.224 2.944-.448.812-1.27 1.406-2.373 1.72a3.9 3.9 0 0 1-1.447.11l-.163-.015c.568.387 1.073.82 1.392 1.3v.003c1.308 1.974.938 3.947-.992 5.277-.762.527-1.524.787-2.246.787-1.107 0-2.126-.608-2.92-1.795-.304-.457-.509-1.06-.652-1.703-.143.65-.347 1.257-.655 1.72-.644.966-1.46 1.568-2.359 1.742a3 3 0 0 1-.554.053c-.734 0-1.505-.269-2.255-.793-.947-.65-1.538-1.479-1.709-2.392-.17-.913.078-1.905.72-2.874.32-.482.826-.919 1.398-1.305l-.105.01c-.168.017-.338.035-.5.035-.39 0-.76-.04-1.087-.135-2.247-.636-3.213-2.386-2.588-4.675.308-1.123.893-1.96 1.689-2.417.798-.457 1.8-.53 2.902-.213.65.187 1.322.636 1.955 1.18-.359-.794-.608-1.603-.605-2.312 0-2.372 1.395-3.79 3.728-3.79h.003c2.33.009 3.717 1.434 3.709 3.81 0 .694-.25 1.49-.605 2.271.635-.543 1.308-.988 1.955-1.173m-2.171-1.095c.008-1.908-1.02-2.964-2.89-2.972-1.875 0-2.908 1.05-2.908 2.958-.006.896.568 2.282 1.582 3.843a3 3 0 0 1 .586-.166l.086-.016c.202-.034.415-.056.645-.056a4 4 0 0 1 .745.072 3 3 0 0 1 .559.156l.004.001c1.028-1.577 1.59-2.927 1.59-3.82m5.826 6.274c.345-.622.392-1.403.143-2.32-.504-1.834-1.773-2.56-3.577-2.05-.835.238-1.938 1.126-3.132 2.513q.03.037.06.08l.038.054q.05.059.096.13.049.074.095.162a3 3 0 0 1 .176.392 3.5 3.5 0 0 1 .14.61A4.3 4.3 0 0 1 14.775 13q-.002.009-.002.019l-.001.018c1.784.585 3.224.776 4.073.532.904-.258 1.535-.703 1.88-1.325m-2.555 3.995c-.515-.77-1.829-1.614-3.63-2.348q-.018.042-.04.082-.015.024-.027.05-.01.017-.018.035t-.018.035a2.4 2.4 0 0 1-.18.271q-.011.02-.027.035l-.015.016a2.2 2.2 0 0 1-.534.47q-.018.013-.04.026-.165.1-.361.176-.033.014-.068.024l-.03.01a4 4 0 0 1-.34.095l-.083.017-.07.014-.018.004-.097.018c-.006 1.972.28 3.524.795 4.297 1.054 1.577 2.485 1.86 4.028.787 1.55-1.067 1.824-2.53.773-4.114m-9.294 4.736c.69-.134 1.306-.602 1.83-1.392.515-.773.8-2.328.8-4.297q-.034-.005-.066-.012l-.06-.01q-.056-.008-.113-.02l-.018-.003a3 3 0 0 1-.454-.12 2.3 2.3 0 0 1-.384-.174l-.018-.012-.018-.013a2.5 2.5 0 0 1-.344-.252 3 3 0 0 1-.194-.196l-.025-.028-.025-.028a2 2 0 0 1-.185-.266l-.016-.027-.015-.027a2 2 0 0 1-.084-.16c-1.781.724-3.076 1.561-3.58 2.32-.524.79-.725 1.546-.594 2.247.132.7.591 1.324 1.365 1.86.77.537 1.51.736 2.198.61m-3.725-7.39c.857.245 2.297.054 4.067-.543-.003-.014-.003-.033-.003-.047a4.4 4.4 0 0 1 .02-1.247q.01-.058.025-.114l.02-.082q.043-.212.112-.403.037-.1.084-.196a2.6 2.6 0 0 1 .216-.373q.037-.058.078-.109l.024-.035.03-.04c-1.176-1.366-2.3-2.274-3.12-2.51a4 4 0 0 0-1.073-.165c-.448 0-.852.1-1.202.303-.61.35-1.048.994-1.3 1.913-.501 1.837.216 3.134 2.02 3.647m6.874.892q.04.002.076-.003c1.03-.042 1.585-.434 1.798-1.23l.001-.004.002-.004.001-.013.001-.012c.06-.216.087-.477.087-.774 0-.795-.218-1.358-.647-1.678-.008-.008-.1-.07-.112-.075-.305-.19-.72-.286-1.232-.286-.507 0-.928.098-1.241.294a1 1 0 0 0-.118.07c-.42.325-.633.888-.633 1.673q0 .441.087.787c.238.843.829 1.232 1.823 1.255z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
+            fill: o,
             d: "M12 1.25A3.753 3.753 0 0 1 15.75 5q-.001.268-.056.583.231-.195.455-.327l.004-.003a3.72 3.72 0 0 1 5.098 1.375l.087.163a3.76 3.76 0 0 1-1.449 4.955l-.003.002q-.244.14-.56.252.183.066.343.14l.217.113.003.002a3.762 3.762 0 0 1 .406 6.218 3.72 3.72 0 0 1-4.141.273 3.4 3.4 0 0 1-.46-.328q.054.315.055.582a3.75 3.75 0 1 1-7.5 0q.001-.269.056-.584-.232.195-.455.328l-.004.002a3.72 3.72 0 0 1-4.141-.273 3.76 3.76 0 0 1 .406-6.218v-.001q.245-.141.56-.254a3.5 3.5 0 0 1-.557-.252l-.003-.002a3.762 3.762 0 0 1-.407-6.219 3.72 3.72 0 0 1 4.142-.275h.002q.252.151.514.377A2.4 2.4 0 0 1 8.25 5 3.75 3.75 0 0 1 12 1.25m.979 14.368a3.7 3.7 0 0 1-.978.132q-.504-.002-.981-.132l-.568 1.068C9.944 17.866 9.75 18.61 9.75 19a2.25 2.25 0 0 0 4.5 0c0-.389-.197-1.135-.706-2.32zm-6.53-2.51c-.834.136-1.333.297-1.581.442l-.001-.001a2.263 2.263 0 0 0-.918 2.88l.101.198.001.002a2.22 2.22 0 0 0 2.848.92l.194-.1c.234-.139.59-.456 1.07-1.035l.028-.032 1.401-1.509a3.75 3.75 0 0 1-1.245-2.026zm9.203-.263a3.75 3.75 0 0 1-1.245 2.029l1.402 1.508q.015.015.027.032c.426.512.75.819.979.977l.092.058.194.1a2.22 2.22 0 0 0 2.847-.92l.002-.002a2.263 2.263 0 0 0-.817-3.077c-.28-.163-.856-.339-1.84-.482zM12 9.75a2.25 2.25 0 1 0 2.249 2.257v-.014A2.25 2.25 0 0 0 12 9.75M6.27 6.269a2.22 2.22 0 0 0-1.647.445c-.232.18-.427.403-.572.657v.003a2.26 2.26 0 0 0 .815 3.076c.28.162.855.339 1.839.482l1.642.222a3.75 3.75 0 0 1 1.245-2.029L8.191 7.616q-.015-.015-.028-.031c-.485-.583-.839-.901-1.07-1.036a2.2 2.2 0 0 0-.823-.28m11.46 0a2.2 2.2 0 0 0-.823.282l-.001-.001c-.234.139-.588.458-1.07 1.037l-.027.031-1.402 1.507q.126.105.245.224c.5.5.843 1.126 1 1.803l1.901-.26c.831-.136 1.331-.297 1.58-.442a2.26 2.26 0 0 0 .817-3.076l-.002-.002A2.22 2.22 0 0 0 17.73 6.27M12 2.75A2.25 2.25 0 0 0 9.75 5c0-.024 0 .037.063.25q.082.281.264.768.329.877.968 2.356a3.75 3.75 0 0 1 1.934.007l.568-1.068c.507-1.18.702-1.924.702-2.313A2.25 2.25 0 0 0 12 2.75"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(c, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { d as default };
+export { w as default };

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

@@ -79,16 +79,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import * as i from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: q, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = m(), o = t !== null && t !== void 0 ? t : c === "brand" || c === "media" ? e.colors.neutralHighBrand : c === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: q } = i();
-    return q.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const e = d(), m = e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { fillValue: o, gradientDef: n } = f(q !== null && q !== void 0 ? q : m), { skinName: h } = s(), c = h.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -109,5 +110,11 @@ const d = (_param)=>{
             d: "M12 1.25A3.753 3.753 0 0 1 15.75 5q-.001.268-.056.583.231-.195.455-.327l.004-.003a3.72 3.72 0 0 1 5.098 1.375l.087.163a3.76 3.76 0 0 1-1.449 4.955l-.003.002q-.244.14-.56.252.183.066.343.14l.217.113.003.002a3.762 3.762 0 0 1 .406 6.218 3.72 3.72 0 0 1-4.141.273 3.4 3.4 0 0 1-.46-.328q.054.315.055.582a3.75 3.75 0 1 1-7.5 0q.001-.269.056-.584-.232.195-.455.328l-.004.002a3.72 3.72 0 0 1-4.141-.273 3.76 3.76 0 0 1 .406-6.218v-.001q.245-.141.56-.254a3.5 3.5 0 0 1-.557-.252l-.003-.002a3.762 3.762 0 0 1-.407-6.219 3.72 3.72 0 0 1 4.142-.275h.002q.252.151.514.377A2.4 2.4 0 0 1 8.25 5 3.75 3.75 0 0 1 12 1.25m.979 14.368a3.7 3.7 0 0 1-.978.132q-.504-.002-.981-.132l-.568 1.068C9.944 17.866 9.75 18.61 9.75 19a2.25 2.25 0 0 0 4.5 0c0-.389-.197-1.135-.706-2.32zm-6.53-2.51c-.834.136-1.333.297-1.581.442l-.001-.001a2.263 2.263 0 0 0-.918 2.88l.101.198.001.002a2.22 2.22 0 0 0 2.848.92l.194-.1c.234-.139.59-.456 1.07-1.035l.028-.032 1.401-1.509a3.75 3.75 0 0 1-1.245-2.026zm9.203-.263a3.75 3.75 0 0 1-1.245 2.029l1.402 1.508q.015.015.027.032c.426.512.75.819.979.977l.092.058.194.1a2.22 2.22 0 0 0 2.847-.92l.002-.002a2.263 2.263 0 0 0-.817-3.077c-.28-.163-.856-.339-1.84-.482zM12 9.75a2.25 2.25 0 1 0 2.249 2.257v-.014A2.25 2.25 0 0 0 12 9.75M6.27 6.269a2.22 2.22 0 0 0-1.647.445c-.232.18-.427.403-.572.657v.003a2.26 2.26 0 0 0 .815 3.076c.28.162.855.339 1.839.482l1.642.222a3.75 3.75 0 0 1 1.245-2.029L8.191 7.616q-.015-.015-.028-.031c-.485-.583-.839-.901-1.07-1.036a2.2 2.2 0 0 0-.823-.28m11.46 0a2.2 2.2 0 0 0-.823.282l-.001-.001c-.234.139-.588.458-1.07 1.037l-.027.031-1.402 1.507q.126.105.245.224c.5.5.843 1.126 1 1.803l1.901-.26c.831-.136 1.331-.297 1.58-.442a2.26 2.26 0 0 0 .817-3.076l-.002-.002A2.22 2.22 0 0 0 17.73 6.27M12 2.75A2.25 2.25 0 0 0 9.75 5c0-.024 0 .037.063.25q.082.281.264.768.329.877.968 2.356a3.75 3.75 0 0 1 1.934.007l.568-1.068c.507-1.18.702-1.924.702-2.313A2.25 2.25 0 0 0 12 2.75"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(c, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { d as default };
+export { w as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, jsxs as o } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: v, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = i(), c = r !== null && r !== void 0 ? r : v === "brand" || v === "media" ? e.colors.neutralHighBrand : v === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: t } = m();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), i = a === "brand" || a === "media" ? c.colors.neutralHighBrand : a === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: r, gradientDef: n } = g(v !== null && v !== void 0 ? v : i), { skinName: s } = d(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
-        children: /* @__PURE__ */ h("path", {
-            fill: c,
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M21.841 7.46c0-.807-.655-1.462-1.462-1.462h-8.157v-.734c0-.807-.655-1.462-1.462-1.462H3.617c-.807 0-1.462.655-1.462 1.462v13.479c0 .806.655 1.462 1.462 1.462h16.762c.806 0 1.462-.655 1.462-1.462zM5.591 8.796c.914 0 1.261.586 1.261 1.712s-.347 1.705-1.26 1.705-1.26-.58-1.26-1.705.347-1.712 1.26-1.712m0 .504c.39 0 .544.3.544 1.207 0 .908-.154 1.155-.543 1.155-.39 0-.544-.244-.544-1.155 0-.91.154-1.207.544-1.207m3.592-.504c.913 0 1.26.586 1.26 1.712s-.347 1.705-1.26 1.705-1.26-.58-1.26-1.705.347-1.712 1.26-1.712m0 .504c.39 0 .543.3.543 1.207 0 .908-.154 1.155-.543 1.155-.39 0-.544-.244-.544-1.155 0-.91.154-1.207.544-1.207m7.863 1.207c0-1.123.347-1.71 1.26-1.71s1.26.585 1.26 1.71c0 1.127-.347 1.706-1.26 1.706s-1.26-.58-1.26-1.705m1.8 0c0-.907-.154-1.207-.543-1.207-.39 0-.543.297-.543 1.207s.154 1.155.543 1.155c.39 0 .544-.247.544-1.155m-6.834 1.194V9.41h-.53v-.46c.194-.028.522-.056.754-.056.336 0 .451.081.451.322v2.488h.465v.484H11.46v-.487zM5.35 17.1v-2.29h-.527v-.46a6 6 0 0 1 .754-.056c.336 0 .45.08.45.322v2.487h.466v.485H4.799V17.1zm9.017-5.4h.551V9.41h-.526v-.46a6 6 0 0 1 .753-.056c.336 0 .451.081.451.322v2.488h.465v.484h-1.694zm-6.446 4.21c0-1.123.348-1.712 1.26-1.712.914 0 1.261.586 1.261 1.712s-.347 1.706-1.26 1.706-1.26-.58-1.26-1.706m1.804 0c0-.908-.154-1.207-.543-1.207-.39 0-.544.297-.544 1.207s.154 1.154.544 1.154.543-.247.543-1.154m8.58-1.712c.913 0 1.26.586 1.26 1.712s-.347 1.706-1.26 1.706-1.26-.58-1.26-1.706c0-1.123.347-1.712 1.26-1.712m-.003.505c.39 0 .544.3.544 1.207s-.155 1.154-.544 1.154c-.39 0-.543-.244-.543-1.154s.154-1.207.543-1.207m-6.291 2.4v-2.291h-.53v-.46a6 6 0 0 1 .754-.056c.336 0 .451.082.451.323v2.487h.465v.485h-1.695v-.488zm2.356 0h.551v-2.291h-.526v-.46a6 6 0 0 1 .753-.056c.336 0 .451.082.451.323v2.487h.465v.485h-1.694z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "m17.157 15.258.042.005q.06.006.116.016l.041.008a2 2 0 0 1 .282.084q.04.015.079.034.035.015.068.033l.056.028a1.7 1.7 0 0 1 .692.692q.016.027.028.056a2 2 0 0 1 .15.429l.008.036q.01.056.017.113l.005.05q.008.078.009.158v3A1.75 1.75 0 0 1 17 21.75h-1A1.75 1.75 0 0 1 14.25 20v-3q0-.08.008-.158l.006-.05q.006-.057.017-.113l.006-.036a1.7 1.7 0 0 1 .15-.43l.029-.055a1.75 1.75 0 0 1 .692-.692l.056-.028a2 2 0 0 1 .277-.112q.074-.023.152-.039l.04-.008q.058-.01.117-.016l.042-.005q.078-.008.158-.008h1q.08 0 .157.008M16 16.75a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .25.25h1a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25zm5.124-1.49.02.005q.046.01.088.025l.037.01a.75.75 0 0 1 .481.7v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .874-.74"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M9 3.5a.5.5 0 0 1 .354.146L12.207 6.5H19A2.5 2.5 0 0 1 21.5 9c0 1.879-.004 3.082-.006 4.494 0 .16-.148.277-.308.264a2.24 2.24 0 0 0-1.787.663.295.295 0 0 1-.388.028A3.25 3.25 0 0 0 17 13.75h-1A3.25 3.25 0 0 0 12.75 17v2.25a.25.25 0 0 1-.25.25H5A2.5 2.5 0 0 1 2.5 17V6A2.5 2.5 0 0 1 5 3.5z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { C as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as v } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: h = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import * as i 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: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = s(), a = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? e.colors.neutralHighBrand : c === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = m();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const r = f(), l = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: c } = g(s !== null && s !== void 0 ? s : l), { skinName: m } = d(), h = m.match(/^vivo-new/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: [
-            /* @__PURE__ */ v("path", {
+            /* @__PURE__ */ e("path", {
                 fill: a,
                 d: "M3.936 10.508c0-1.123.347-1.711 1.26-1.711s1.26.585 1.26 1.711-.347 1.706-1.26 1.706-1.26-.58-1.26-1.706m1.26-1.207c-.39 0-.543.297-.543 1.207s.154 1.154.543 1.154c.39 0 .543-.246.543-1.154s-.154-1.207-.543-1.207m3.591-.504c-.913 0-1.26.588-1.26 1.711 0 1.126.347 1.706 1.26 1.706s1.26-.58 1.26-1.706-.347-1.711-1.26-1.711m0 .504c.39 0 .544.3.544 1.207 0 .908-.155 1.154-.544 1.154-.39 0-.543-.243-.543-1.154s.154-1.207.543-1.207m7.863 1.207c0-1.123.347-1.711 1.26-1.711s1.26.585 1.26 1.711-.347 1.706-1.26 1.706-1.26-.58-1.26-1.706m1.258-1.207c-.39 0-.544.297-.544 1.207s.154 1.154.543 1.154c.39 0 .544-.246.544-1.154s-.154-1.207-.544-1.207m-6.291 2.401V9.41h-.53v-.459c.194-.028.522-.056.754-.056.337 0 .451.081.451.322v2.487h.465v.485h-1.694v-.487zm-6.661 5.4h-.552v.488h1.695v-.485h-.465v-2.487c0-.241-.115-.322-.45-.322-.233 0-.561.027-.754.056v.459h.526zm9.017-5.4h.552V9.41h-.527v-.459c.194-.028.521-.056.754-.056.336 0 .45.081.45.322v2.487h.466v.485h-1.695zM8.787 14.2c-.913 0-1.26.589-1.26 1.712 0 1.126.347 1.706 1.26 1.706s1.26-.58 1.26-1.706S9.7 14.2 8.788 14.2m.544 1.712c0 .907-.155 1.154-.544 1.154-.39 0-.543-.244-.543-1.154s.154-1.208.543-1.208c.39 0 .544.3.544 1.208M17.91 14.2c-.913 0-1.26.589-1.26 1.712 0 1.126.347 1.706 1.26 1.706s1.26-.58 1.26-1.706-.347-1.712-1.26-1.712m.541 1.712c0 .907-.154 1.154-.544 1.154-.389 0-.543-.244-.543-1.154s.154-1.208.543-1.208c.39 0 .544.3.544 1.208m-6.835 1.193h-.554v.487h1.694v-.484h-.465V14.62c0-.24-.114-.322-.45-.322-.233 0-.56.028-.754.056v.46h.53zm2.356 0h.552v-2.291h-.527v-.46a6 6 0 0 1 .754-.056c.336 0 .45.082.45.322v2.488h.466v.484h-1.695z"
             }),
-            /* @__PURE__ */ v("path", {
+            /* @__PURE__ */ e("path", {
                 fill: a,
                 d: "M20.583 6.063a1.26 1.26 0 0 1 1.255 1.263v11.616a1.26 1.26 0 0 1-1.255 1.264H3.409a1.26 1.26 0 0 1-1.258-1.264V5.067A1.26 1.26 0 0 1 3.41 3.802h7.317a1.26 1.26 0 0 1 1.254 1.264v1c.003-.003 8.603-.003 8.603-.003m.434 12.88V7.325a.435.435 0 0 0-.434-.437H11.57a.41.41 0 0 1-.409-.411V5.066a.44.44 0 0 0-.434-.44H3.41a.44.44 0 0 0-.437.44v13.88c0 .24.196.436.437.436h17.174a.44.44 0 0 0 .434-.44"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: [
-            /* @__PURE__ */ v("path", {
+            /* @__PURE__ */ e("path", {
                 fill: a,
                 d: "M17 15.25A1.75 1.75 0 0 1 18.75 17v3A1.75 1.75 0 0 1 17 21.75h-1A1.75 1.75 0 0 1 14.25 20v-3A1.75 1.75 0 0 1 16 15.25zm-1 1.5a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .25.25h1a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25zm5-1.5a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ v("path", {
+            /* @__PURE__ */ e("path", {
                 fill: a,
                 d: "M9 3.25c.199 0 .39.08.53.22l2.78 2.78H19A2.75 2.75 0 0 1 21.75 9v3a.75.75 0 0 1-1.5 0V9A1.25 1.25 0 0 0 19 7.75h-7a.75.75 0 0 1-.53-.22L8.69 4.75H5A1.25 1.25 0 0 0 3.75 6v11A1.25 1.25 0 0 0 5 18.25h6a.75.75 0 0 1 0 1.5H5A2.75 2.75 0 0 1 2.25 17V6A2.75 2.75 0 0 1 5 3.25z"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ i.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...i.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { f as default };
+export { M as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: t, size: h = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as d } 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 C = (_param)=>{
+    var { color: i, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = s(), c = t !== null && t !== void 0 ? t : v === "brand" || v === "media" ? e.colors.neutralHighBrand : v === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: o } = i();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const r = f(), s = r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: a, gradientDef: n } = g(i !== null && i !== void 0 ? i : s), { skinName: l } = d(), h = l.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__ */ a("path", {
-            fill: c,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M20.376 5.993c.807 0 1.465.656 1.465 1.462v11.286c0 .807-.655 1.462-1.465 1.462H3.617a1.463 1.463 0 0 1-1.462-1.462V5.262c0-.807.655-1.462 1.462-1.462h7.143c.807 0 1.462.655 1.462 1.462v.734h8.154zm.19 12.748V7.458a.184.184 0 0 0-.187-.187h-8.793a.64.64 0 0 1-.638-.64V5.263a.184.184 0 0 0-.188-.187H3.617a.184.184 0 0 0-.187.187v13.48c0 .106.08.187.187.187h16.76c.106 0 .19-.081.19-.188M9.184 8.794c-.913 0-1.26.586-1.26 1.712s.347 1.706 1.26 1.706 1.26-.58 1.26-1.706-.347-1.712-1.26-1.712m.543 1.712c0 .907-.154 1.154-.543 1.154-.39 0-.543-.247-.543-1.154 0-.91.154-1.207.543-1.207.39 0 .543.3.543 1.207M5.592 8.794c-.913 0-1.26.586-1.26 1.712s.347 1.706 1.26 1.706 1.26-.58 1.26-1.706-.347-1.712-1.26-1.712m.543 1.712c0 .907-.154 1.154-.543 1.154-.39 0-.543-.247-.543-1.154 0-.91.154-1.207.543-1.207.39 0 .543.3.543 1.207m12.171-1.712c-.913 0-1.26.586-1.26 1.712s.344 1.706 1.26 1.706c.913 0 1.26-.58 1.26-1.706s-.346-1.712-1.26-1.712m.54 1.712c0 .907-.153 1.154-.543 1.154-.389 0-.543-.247-.543-1.154 0-.91.154-1.207.543-1.207.39 0 .544.3.544 1.207m-6.834 1.193h-.554v.488h1.694v-.485h-.465V9.215c0-.241-.115-.323-.45-.323-.233 0-.561.028-.754.056v.46h.53zM4.8 17.1h.552v-2.29h-.527v-.46a6 6 0 0 1 .754-.056c.336 0 .451.081.451.322v2.487h.465v.485H4.799zm10.12-5.4h-.551v.488h1.695v-.485h-.465V9.215c0-.241-.115-.323-.451-.323-.233 0-.56.028-.754.056v.46h.527zm-6.996 4.21c0-1.126.347-1.711 1.26-1.711s1.26.585 1.26 1.711-.347 1.706-1.26 1.706-1.26-.58-1.26-1.706m1.26-1.207c-.39 0-.543.297-.543 1.207s.154 1.154.543 1.154c.39 0 .543-.246.543-1.154s-.154-1.207-.543-1.207m7.863 1.207c0-1.126.347-1.711 1.26-1.711s1.26.585 1.26 1.711-.346 1.706-1.26 1.706c-.916 0-1.26-.58-1.26-1.706m1.258-1.207c-.39 0-.544.297-.544 1.207s.154 1.154.543 1.154c.39 0 .544-.246.544-1.154s-.154-1.207-.544-1.207m-6.292 2.4v-2.29h-.53v-.46c.194-.028.522-.056.754-.056.336 0 .451.081.451.322v2.487h.465v.485h-1.694v-.488zm2.908 0h-.552v.488h1.695v-.485h-.465v-2.487c0-.241-.115-.322-.451-.322-.233 0-.56.028-.754.056v.46h.527z"
         })
     })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M17 15.25A1.75 1.75 0 0 1 18.75 17v3A1.75 1.75 0 0 1 17 21.75h-1A1.75 1.75 0 0 1 14.25 20v-3A1.75 1.75 0 0 1 16 15.25zm-1 1.5a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .25.25h1a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25zm5-1.5a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M9 3.25c.199 0 .39.08.53.22l2.78 2.78H19A2.75 2.75 0 0 1 21.75 9v3a.75.75 0 0 1-1.5 0V9A1.25 1.25 0 0 0 19 7.75h-7a.75.75 0 0 1-.53-.22L8.69 4.75H5A1.25 1.25 0 0 0 3.75 6v11A1.25 1.25 0 0 0 5 18.25h6a.75.75 0 0 1 0 1.5H5A2.75 2.75 0 0 1 2.25 17V6A2.75 2.75 0 0 1 5 3.25z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ v.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...v.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { f as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-folder-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 n } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: c, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = c(), r = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? h.colors.neutralHighBrand : o === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = m(), s = n === "brand" || n === "media" ? l.colors.neutralHighBrand : n === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: o, gradientDef: h } = g(c !== null && c !== void 0 ? c : s), { skinName: i } = f(), 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: "M11.998 6.093v-.991a1.264 1.264 0 0 0-1.272-1.255H3.41a1.26 1.26 0 0 0-1.255 1.255v13.795c.005.692.563 1.25 1.255 1.255h17.15a1.264 1.264 0 0 0 1.281-1.247V7.349a1.264 1.264 0 0 0-1.272-1.255z"
         })
-    })) : a.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: "M19.776 5.625H11.52a.74.74 0 0 1-.52-.227L9.26 3.636C8.852 3.223 8.26 3 7.668 3H4.224C3 3 2 4.013 2 5.248V21h20V7.873c0-1.236-1-2.248-2.224-2.248"
         })
-    })) : a.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: "M19.776 5.625H11.52a.74.74 0 0 1-.52-.227L9.26 3.636C8.852 3.223 8.26 3 7.668 3H4.224C3 3 2 4.013 2 5.248V21h20V7.873c0-1.236-1-2.248-2.224-2.248"
         })
-    })) : /* @__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: "M9 3.5a.5.5 0 0 1 .354.146L12.207 6.5H19A2.5 2.5 0 0 1 21.5 9v8a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 17V6A2.5 2.5 0 0 1 5 3.5z"
         })
     }));
+    return h ? /*#__PURE__*/ d.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...d.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { f as default };
+export { V as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, jsxs as n } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
+import { jsx as e, 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 o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: d, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = v(), t = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = c();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = v(), s = n === "brand" || n === "media" ? h.colors.neutralHighBrand : n === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { fillValue: r, gradientDef: l } = g(d !== null && d !== void 0 ? d : s), { skinName: i } = f(), 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__ */ h("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M3.433 20.178h17.101a1.27 1.27 0 0 0 1.28-1.26V7.332a1.27 1.27 0 0 0-.378-.896 1.26 1.26 0 0 0-.899-.361h-8.538V5.08a1.27 1.27 0 0 0-.378-.896 1.26 1.26 0 0 0-.9-.361H3.434A1.26 1.26 0 0 0 2.181 5.08v13.84a1.266 1.266 0 0 0 1.252 1.258M3 5.08c0-.24.196-.437.434-.437h7.286c.23.014.409.205.409.437v1.407a.41.41 0 0 0 .409.411h9a.433.433 0 0 1 .431.437v11.586a.437.437 0 0 1-.431.437H3.433A.435.435 0 0 1 3 18.92z"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ h("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__ */ h("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M2 21h20V7.92c0-1.239-1-2.251-2.224-2.251h-8.294a.73.73 0 0 1-.52-.227l-1.74-1.766A2.07 2.07 0 0 0 7.668 3H4.224C3 3 2 4.012 2 5.252zm18.516-1.498H3.48V5.215a.75.75 0 0 1 .744-.75h3.479c.188 0 .372.078.52.228l1.74 1.761c.407.45.963.676 1.555.676h8.258c.408 0 .74.337.74.75z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M2 21h19.26c.22 0 .372-.19.372-.427 0-.236-.148-.393-.372-.393H2.74V4.923c0-.668.484-1.175 1.112-1.175h3.852q.442-.002.776.35l1.744 1.834a1.69 1.69 0 0 0 1.296.588h8.252c.632 0 1.112.511 1.112 1.174v8.253c0 .236.148.392.372.392s.372-.156.372-.392V7.732c0-1.094-.816-1.956-1.852-1.956H11.48c-.296 0-.552-.114-.776-.35l-1.74-1.839A1.69 1.69 0 0 0 7.668 3H3.852C2.816 3 2 3.862 2 4.956z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M21.26 19.04c.409 0 .74-.35.74-.782s-.331-.782-.74-.782-.74.35-.74.782c0 .431.331.781.74.781"
             })
         ]
-    })) : /* @__PURE__ */ h("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__ */ h("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M9 3.25c.199 0 .39.08.53.22l2.78 2.78H19A2.75 2.75 0 0 1 21.75 9v8A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17V6A2.75 2.75 0 0 1 5 3.25zm-4 1.5A1.25 1.25 0 0 0 3.75 6v11A1.25 1.25 0 0 0 5 18.25h14A1.25 1.25 0 0 0 20.25 17V9A1.25 1.25 0 0 0 19 7.75h-7a.75.75 0 0 1-.53-.22L8.69 4.75z"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { g as default };
+export { C as default };