@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: s, size: c = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as c, jsxs as d } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), e = s !== null && s !== void 0 ? s : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = l();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: e, gradientDef: h } = g(l !== null && l !== void 0 ? l : m), { skinName: i } = v(), o = i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
             fill: e,
             d: "M15.571 4h-8.93v16h10.713V5.946C17.36 4.878 16.573 4 15.571 4m-7.499 6.096h7.86v3.428h-7.86zm7.856-4.15v3.009H8.072V5.526h7.5c.214 0 .356.19.356.42M8.072 18.479v-3.81h7.86v3.81zm3.75-10.666H9.677c-.283 0-.535-.268-.535-.57s.252-.57.535-.57h2.145c.283 0 .535.268.535.57s-.252.57-.535.57m0 3.429H9.677c-.283 0-.535.268-.535.57 0 .303.252.57.535.57h2.145c.283 0 .535-.267.535-.57s-.215-.57-.535-.57M9.677 15.81h2.145c.32 0 .535.268.535.57 0 .303-.252.571-.535.571H9.677c-.283 0-.535-.268-.535-.57 0-.303.252-.571.535-.571M5.393 9.793c.251-.19.283-.531.142-.8-.179-.268-.499-.302-.75-.15a2.51 2.51 0 0 0-1.002 2.018c0 .8.357 1.522.965 1.98a.53.53 0 0 0 .32.112q.266-.001.43-.229a.59.59 0 0 0-.142-.8c-.283-.268-.498-.648-.498-1.068 0-.419.21-.794.535-1.063m-1.358-1.18a3.13 3.13 0 0 0-.965 2.248c0 .84.357 1.673.965 2.248.215.19.215.571.036.8a.57.57 0 0 1-.393.19.45.45 0 0 1-.357-.15C2.466 13.186 2 12.04 2 10.86s.462-2.326 1.321-3.087a.495.495 0 0 1 .75.04.576.576 0 0 1-.036.8m15.217.264c-.252-.19-.572-.113-.75.15a.59.59 0 0 0 .142.8c.32.23.498.65.498 1.069s-.178.8-.498 1.067c-.252.19-.284.532-.142.8.105.152.284.23.43.23a.57.57 0 0 0 .32-.113c.608-.497.965-1.219.965-2.019s-.357-1.526-.965-1.984m.677-1.063c.178-.23.535-.23.75-.04.86.761 1.321 1.907 1.321 3.087s-.498 2.287-1.321 3.087a.45.45 0 0 1-.357.152.56.56 0 0 1-.393-.19.576.576 0 0 1 .036-.8 3.13 3.13 0 0 0 .965-2.249c0-.838-.357-1.677-.965-2.248-.215-.19-.215-.57-.036-.8"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
             fill: e,
             d: "M17.354 19.265H6.994v-5.818h10.004v1.82c0 .219.142.363.356.363.215 0 .357-.144.357-.363V5.489c0-.837-.645-1.489-1.427-1.489H6.28v16h11.074c.215 0 .357-.144.357-.363s-.142-.372-.357-.372M6.994 12.72V9.087h10.004v3.634zm10.003-7.23v2.872H6.993V4.726h9.291c.394 0 .714.326.714.763M8.424 6.904h2.145c.215 0 .356-.144.356-.363s-.141-.363-.356-.363H8.424c-.215 0-.356.144-.356.363s.141.363.356.363m0 3.64h2.145c.21 0 .356.144.356.362 0 .22-.141.364-.356.364H8.424c-.215 0-.356-.145-.356-.364 0-.218.141-.363.356-.363m.037 4.36c-.215 0-.357.144-.357.363s.142.363.357.363h2.108c.215 0 .356-.144.356-.363s-.141-.363-.356-.363zm8.18 2.546c0-.4.32-.726.713-.726a.72.72 0 0 1 .714.726c0 .4-.32.726-.714.726a.72.72 0 0 1-.713-.726M4.743 9.743c.179-.107.215-.326.074-.507-.106-.182-.32-.219-.499-.075a2.22 2.22 0 0 0-.891 1.745c0 .69.32 1.345.891 1.746l.012.006c.069.035.134.068.203.068a.33.33 0 0 0 .288-.144c.105-.182.073-.4-.073-.507a1.45 1.45 0 0 1-.608-1.164c0-.475.21-.88.603-1.168M3.71 8.617a3.07 3.07 0 0 0-1.001 2.29c0 .87.356 1.707 1.006 2.294.141.144.178.363.036.507-.036.07-.141.107-.251.107a.5.5 0 0 1-.243-.07l-.009-.004A3.87 3.87 0 0 1 2 10.906c0-1.089.462-2.108 1.248-2.834.142-.144.357-.107.499.037.141.145.105.363-.037.508m15.967.544c-.178-.107-.393-.074-.498.075-.105.181-.073.4.073.507.357.256.608.689.608 1.163s-.215.875-.608 1.164c-.178.107-.215.326-.073.507a.33.33 0 0 0 .283.144c.07 0 .134-.033.203-.068l.012-.006a2.22 2.22 0 0 0 .892-1.745c0-.69-.357-1.34-.892-1.74m.572-1.056c.142-.145.356-.182.498-.038.787.726 1.253 1.708 1.253 2.797a3.85 3.85 0 0 1-1.248 2.835.4.4 0 0 1-.252.107.38.38 0 0 1-.251-.107c-.142-.145-.105-.363.036-.508a3.08 3.08 0 0 0 1.002-2.29 3.08 3.08 0 0 0-1.002-2.289c-.141-.144-.178-.363-.036-.507"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ c("path", {
                 fill: e,
                 d: "M19.397 13.556a.75.75 0 0 1 1.047-.16 5.64 5.64 0 0 1 1.698 2.021 5.78 5.78 0 0 1 0 5.166 5.64 5.64 0 0 1-1.698 2.02.749.749 0 1 1-.888-1.207 4.14 4.14 0 0 0 1.244-1.483 4.28 4.28 0 0 0 0-3.826 4.14 4.14 0 0 0-1.244-1.483.75.75 0 0 1-.16-1.048M12 2.25c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.094.496.441.88 1.023.88 1.729v4a.75.75 0 0 1-1.5 0V8.184a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V12c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831q.778-.001 1.514-.056a.75.75 0 1 1 .112 1.495q-.791.06-1.626.061c-2.275 0-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V18c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831q.557 0 1.092-.03a.75.75 0 0 1 .08 1.499q-.576.03-1.172.031c-2.275 0-4.368-.345-5.92-.927-.773-.29-1.451-.653-1.95-1.094-.496-.441-.88-1.023-.88-1.729V6c0-.706.384-1.288.88-1.729.499-.441 1.177-.804 1.95-1.094C7.632 2.595 9.725 2.25 12 2.25m0 1.5c-2.143 0-4.05.327-5.394.831-.674.253-1.168.536-1.48.813S4.75 5.877 4.75 6s.064.33.376.606c.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.831c.674-.253 1.168-.536 1.48-.813s.376-.483.376-.606-.064-.33-.376-.606c-.312-.277-.806-.56-1.48-.813C16.05 4.077 14.143 3.75 12 3.75"
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ c("path", {
                 fill: e,
                 d: "M16.39 15.563a.75.75 0 0 1 1.047-.172 3.213 3.213 0 0 1 0 5.218.75.75 0 0 1-.875-1.218 1.714 1.714 0 0 0 .526-2.172 1.7 1.7 0 0 0-.526-.61.75.75 0 0 1-.171-1.047"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { w as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as c, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), e = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: s } = m();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: h } = g(l !== null && l !== void 0 ? l : m), { skinName: s } = v(), o = s.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: "M15.571 4h-8.93v16h10.713V5.946C17.36 4.878 16.573 4 15.571 4m-7.499 6.096h7.86v3.428h-7.86zm7.856-4.15v3.009H8.072V5.526h7.5c.214 0 .356.19.356.42M8.072 18.479v-3.81h7.86v3.81zm3.75-10.666H9.677c-.283 0-.535-.268-.535-.57s.252-.57.535-.57h2.145c.283 0 .535.268.535.57s-.252.57-.535.57m0 3.429H9.677c-.283 0-.535.268-.535.57 0 .303.252.57.535.57h2.145c.283 0 .535-.267.535-.57s-.215-.57-.535-.57M9.677 15.81h2.145c.32 0 .535.268.535.57 0 .303-.252.571-.535.571H9.677c-.283 0-.535-.268-.535-.57 0-.303.252-.571.535-.571M5.393 9.793c.251-.19.283-.531.142-.8-.179-.268-.499-.302-.75-.15a2.51 2.51 0 0 0-1.002 2.018c0 .8.357 1.522.965 1.98a.53.53 0 0 0 .32.112q.266-.001.43-.229a.59.59 0 0 0-.142-.8c-.283-.268-.498-.648-.498-1.068 0-.419.21-.794.535-1.063m-1.358-1.18a3.13 3.13 0 0 0-.965 2.248c0 .84.357 1.673.965 2.248.215.19.215.571.036.8a.57.57 0 0 1-.393.19.45.45 0 0 1-.357-.15C2.466 13.186 2 12.04 2 10.86s.462-2.326 1.321-3.087a.495.495 0 0 1 .75.04.576.576 0 0 1-.036.8m15.217.264c-.252-.19-.572-.113-.75.15a.59.59 0 0 0 .142.8c.32.23.498.65.498 1.069s-.178.8-.498 1.067c-.252.19-.284.532-.142.8.105.152.284.23.43.23a.57.57 0 0 0 .32-.113c.608-.497.965-1.219.965-2.019s-.357-1.526-.965-1.984m.677-1.063c.178-.23.535-.23.75-.04.86.761 1.321 1.907 1.321 3.087s-.498 2.287-1.321 3.087a.45.45 0 0 1-.357.152.56.56 0 0 1-.393-.19.576.576 0 0 1 .036-.8 3.13 3.13 0 0 0 .965-2.249c0-.838-.357-1.677-.965-2.248-.215-.19-.215-.57-.036-.8"
         })
-    })) : s.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : s.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: "M15.571 4h-8.93v16h10.713V5.946C17.36 4.878 16.573 4 15.571 4m-7.499 6.096h7.86v3.428h-7.86zm7.856-4.15v3.009H8.072V5.526h7.5c.214 0 .356.19.356.42M8.072 18.479v-3.81h7.86v3.81zm3.75-10.666H9.677c-.283 0-.535-.268-.535-.57s.252-.57.535-.57h2.145c.283 0 .535.268.535.57s-.252.57-.535.57m0 3.429H9.677c-.283 0-.535.268-.535.57 0 .303.252.57.535.57h2.145c.283 0 .535-.267.535-.57s-.215-.57-.535-.57M9.677 15.81h2.145c.32 0 .535.268.535.57 0 .303-.252.571-.535.571H9.677c-.283 0-.535-.268-.535-.57 0-.303.252-.571.535-.571M5.393 9.793c.251-.19.283-.531.142-.8-.179-.268-.499-.302-.75-.15a2.51 2.51 0 0 0-1.002 2.018c0 .8.357 1.522.965 1.98a.53.53 0 0 0 .32.112q.266-.001.43-.229a.59.59 0 0 0-.142-.8c-.283-.268-.498-.648-.498-1.068 0-.419.21-.794.535-1.063m-1.358-1.18a3.13 3.13 0 0 0-.965 2.248c0 .84.357 1.673.965 2.248.215.19.215.571.036.8a.57.57 0 0 1-.393.19.45.45 0 0 1-.357-.15C2.466 13.186 2 12.04 2 10.86s.462-2.326 1.321-3.087a.495.495 0 0 1 .75.04.576.576 0 0 1-.036.8m15.217.264c-.252-.19-.572-.113-.75.15a.59.59 0 0 0 .142.8c.32.23.498.65.498 1.069s-.178.8-.498 1.067c-.252.19-.284.532-.142.8.105.152.284.23.43.23a.57.57 0 0 0 .32-.113c.608-.497.965-1.219.965-2.019s-.357-1.526-.965-1.984m.677-1.063c.178-.23.535-.23.75-.04.86.761 1.321 1.907 1.321 3.087s-.498 2.287-1.321 3.087a.45.45 0 0 1-.357.152.56.56 0 0 1-.393-.19.576.576 0 0 1 .036-.8 3.13 3.13 0 0 0 .965-2.249c0-.838-.357-1.677-.965-2.248-.215-.19-.215-.57-.036-.8"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M19.397 13.556a.75.75 0 0 1 1.047-.16 5.64 5.64 0 0 1 1.698 2.021 5.78 5.78 0 0 1 0 5.166 5.64 5.64 0 0 1-1.698 2.02.749.749 0 1 1-.888-1.207 4.14 4.14 0 0 0 1.244-1.483 4.28 4.28 0 0 0 0-3.826 4.14 4.14 0 0 0-1.244-1.483.75.75 0 0 1-.16-1.048M12 2.25c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.094.496.441.88 1.023.88 1.729v4a.75.75 0 0 1-1.5 0V8.184a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V12c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831q.778-.001 1.514-.056a.75.75 0 1 1 .112 1.495q-.791.06-1.626.061c-2.275 0-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V18c0 .123.064.33.376.606.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831q.557 0 1.092-.03a.75.75 0 0 1 .08 1.499q-.576.03-1.172.031c-2.275 0-4.368-.345-5.92-.927-.773-.29-1.451-.653-1.95-1.094-.496-.441-.88-1.023-.88-1.729V6c0-.706.384-1.288.88-1.729.499-.441 1.177-.804 1.95-1.094C7.632 2.595 9.725 2.25 12 2.25m0 1.5c-2.143 0-4.05.327-5.394.831-.674.253-1.168.536-1.48.813S4.75 5.877 4.75 6s.064.33.376.606c.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.831c.674-.253 1.168-.536 1.48-.813s.376-.483.376-.606-.064-.33-.376-.606c-.312-.277-.806-.56-1.48-.813C16.05 4.077 14.143 3.75 12 3.75"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M16.39 15.563a.75.75 0 0 1 1.047-.172 3.213 3.213 0 0 1 0 5.218.75.75 0 0 1-.875-1.218 1.714 1.714 0 0 0 .526-2.172 1.7 1.7 0 0 0-.526-.61.75.75 0 0 1-.171-1.047"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { w as default };

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

@@ -78,66 +78,73 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), e = r !== null && r !== void 0 ? r : h === "brand" || h === "media" ? l.colors.neutralHighBrand : h === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = f(), m = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: l } = g(s !== null && s !== void 0 ? s : m), { skinName: o } = v(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: e,
+            fill: t,
             d: "m21.84 9.768-.006 4.46c0 .314-.101.602-.266.84.17.241.271.532.271.849l-.005 4.46a1.46 1.46 0 0 1-1.451 1.464H3.6a1.46 1.46 0 0 1-1.45-1.465l.005-4.46c0-.313.098-.601.266-.84a1.46 1.46 0 0 1-.272-.848l.006-4.46c0-.313.098-.602.266-.84a1.46 1.46 0 0 1-.272-.849l.006-4.459c0-.807.65-1.465 1.448-1.465h16.782a1.46 1.46 0 0 1 1.448 1.465l-.006 4.46c0 .313-.1.602-.266.84.177.24.277.532.277.848M19.83 5.805c0-1.034-.61-1.65-1.63-1.65-1.023 0-1.63.616-1.63 1.65s.607 1.65 1.63 1.65 1.63-.617 1.63-1.65m-.017 6.199c0-1.034-.61-1.65-1.63-1.65-1.022 0-1.633.616-1.633 1.65s.61 1.65 1.633 1.65c1.022 0 1.63-.617 1.63-1.65m-1.63 7.851c1.022 0 1.63-.616 1.63-1.65s-.61-1.65-1.63-1.65c-1.022 0-1.633.617-1.633 1.65 0 1.034.61 1.65 1.633 1.65M11.19 5.802a.617.617 0 0 0-.614-.622H4.893a.617.617 0 0 0-.614.622c0 .345.275.622.614.622h5.683a.617.617 0 0 0 .614-.622m-.614 6.824a.617.617 0 0 0 .614-.622.617.617 0 0 0-.614-.622H4.893a.617.617 0 0 0-.614.622c0 .344.275.622.614.622zm.614 5.619a.617.617 0 0 0-.614-.622H4.893a.617.617 0 0 0-.614.622c0 .341.275.621.614.621h5.683a.617.617 0 0 0 .614-.621m7.66-12.44c0-.485-.17-.658-.65-.658-.478 0-.649.17-.649.658 0 .484.17.658.65.658.479 0 .65-.174.65-.658m-.666 5.54c.479 0 .65.174.65.659 0 .484-.171.658-.65.658s-.65-.174-.65-.658.171-.659.65-.659m.65 6.86c0-.484-.171-.658-.65-.658s-.65.174-.65.658.171.659.65.659.65-.174.65-.659"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: e,
+            fill: t,
             d: "M17.912 2H4v5.713h16v-3.57C20 2.965 19.06 2 17.912 2M20 13.787H4v-5h16zM9.738 10.213H7.303a.544.544 0 0 0-.52.535c0 .283.244.534.52.534h2.435c.277 0 .521-.25.521-.534a.544.544 0 0 0-.52-.535M4 22h16v-7.143H4zm5.738-5.713c.277 0 .521.251.521.535a.544.544 0 0 1-.52.535H7.302a.544.544 0 0 1-.52-.535c0-.284.244-.535.52-.535zM7.303 4.861a.544.544 0 0 1-.52-.535c0-.283.244-.534.52-.534h2.435c.277 0 .521.251.521.534a.54.54 0 0 1-.52.535z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: e,
+            fill: t,
             d: "M17.912 2H4v5.713h16v-3.57C20 2.965 19.06 2 17.912 2M20 13.787H4v-5h16zM9.738 10.213H7.303a.544.544 0 0 0-.52.535c0 .283.244.534.52.534h2.435c.277 0 .521-.25.521-.534a.544.544 0 0 0-.52-.535M4 22h16v-7.143H4zm5.738-5.713c.277 0 .521.251.521.535a.544.544 0 0 1-.52.535H7.302a.544.544 0 0 1-.52-.535c0-.284.244-.535.52-.535zM7.303 4.861a.544.544 0 0 1-.52-.535c0-.283.244-.534.52-.534h2.435c.277 0 .521.251.521.534a.54.54 0 0 1-.52.535z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: e,
+                fill: t,
                 d: "M20.053 14.584a.154.154 0 0 1 .23.132v3.418c0 .596-.835 1.279-2.19 1.788-3.108 1.17-8.763 1.17-11.872 0-1.354-.498-2.189-1.192-2.189-1.788v-3.41c0-.115.127-.188.229-.132.426.235.916.461 1.483.672 1.721.65 4.005 1.006 6.407 1.006q.005 0 .006-.005 0-.005.006-.005c2.403 0 4.687-.358 6.408-1.007a10.6 10.6 0 0 0 1.482-.669"
             }),
             /* @__PURE__ */ a("path", {
-                fill: e,
+                fill: t,
                 d: "M4.054 8.54c0-.117.126-.19.228-.134.429.235.928.463 1.505.683 1.723.65 4.01 1.007 6.414 1.007s4.69-.357 6.413-1.007q.82-.313 1.448-.658a.155.155 0 0 1 .231.132v3.703a.34.34 0 0 1-.08.225c-.27.303-.925.77-2.205 1.256-3.055 1.148-8.635 1.148-11.69 0l.022.01c-1.25-.467-1.879-.901-2.18-1.19a.36.36 0 0 1-.106-.26z"
             }),
             /* @__PURE__ */ a("path", {
-                fill: e,
+                fill: t,
                 d: "M12.136 3c4.493 0 8.135 1.212 8.136 2.708s-3.643 2.709-8.136 2.709C7.642 8.417 4 7.204 4 5.708S7.643 3 12.136 3"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { x as default };

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

@@ -78,56 +78,63 @@ 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 m } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: r, 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 v } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as H } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: m, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), e = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: i } = o();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = d(), s = r === "brand" || r === "media" ? h.colors.neutralHighBrand : r === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { fillValue: t, gradientDef: i } = H(m !== null && m !== void 0 ? m : s), { skinName: o } = v(), n = o.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,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "m21.838 9.717-.006 4.557c0 .331-.129.63-.333.86.207.227.338.533.338.866l-.005 4.555c0 .706-.569 1.282-1.269 1.282H3.417a1.277 1.277 0 0 1-1.266-1.282l.006-4.558c0-.33.129-.63.333-.857a1.3 1.3 0 0 1-.339-.868l.006-4.558c0-.333.129-.63.333-.86a1.27 1.27 0 0 1-.339-.862l.006-4.558c0-.706.568-1.283 1.269-1.283H20.57c.698 0 1.266.577 1.266 1.283l-.005 4.558c0 .33-.129.63-.333.86.207.226.338.529.338.865M2.985 3.434 2.98 7.992a.44.44 0 0 0 .437.442h17.146c.244 0 .44-.199.437-.442l.006-4.558a.44.44 0 0 0-.437-.442H3.426a.44.44 0 0 0-.44.442m15.605 3.869c-.983 0-1.569-.594-1.569-1.589 0-.994.586-1.59 1.569-1.59s1.572.593 1.572 1.59c0 .995-.589 1.589-1.572 1.589m-.74-1.589c0 .538.208.748.74.748s.742-.21.742-.748c0-.535-.215-.75-.742-.75-.532 0-.74.21-.74.75m.723 4.69c.983 0 1.572.593 1.572 1.59 0 .995-.586 1.591-1.572 1.591-.983 0-1.568-.593-1.568-1.59-.003-.995.582-1.592 1.568-1.592m.74 1.59c0-.537-.208-.75-.74-.75s-.74.21-.74.75c-.002.541.205.751.74.751.532 0 .74-.21.74-.75m-.74 4.692c.983 0 1.572.594 1.572 1.591 0 .995-.586 1.591-1.572 1.591-.983 0-1.568-.593-1.568-1.59-.003-.995.582-1.592 1.568-1.592m0 2.34c.532 0 .74-.21.74-.751 0-.538-.208-.751-.74-.751s-.74.21-.74.75c-.002.541.205.751.74.751m2.434-3.029a.44.44 0 0 0-.437-.442H3.426a.437.437 0 0 0-.437.442l-.009 4.558a.44.44 0 0 0 .437.442h17.146c.244 0 .44-.199.44-.442zm-.445-1.28a.44.44 0 0 0 .437-.443l.006-4.557a.44.44 0 0 0-.437-.443H3.426a.44.44 0 0 0-.437.443l-.006 4.557a.44.44 0 0 0 .434.443zM4.37 5.711c0 .233.185.42.414.42h5.757a.417.417 0 0 0 .414-.42.417.417 0 0 0-.414-.42H4.784a.417.417 0 0 0-.414.42m6.17 5.863a.42.42 0 0 1 0 .84H4.785a.416.416 0 0 1-.414-.417c0-.232.185-.42.414-.42 0-.003 5.757-.003 5.757-.003m.415 6.743a.417.417 0 0 0-.414-.42v.002H4.784a.417.417 0 0 0-.414.42c0 .23.185.418.414.418h5.757a.42.42 0 0 0 .414-.42"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : o.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,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M17.912 2H4v20h16V4.144C20 2.964 19.06 2 17.912 2M5.393 9.145h13.218v4.608H5.393zm13.214-5.001v3.927H5.393V3.43h12.52c.382 0 .694.32.694.713M5.393 20.574v-5.751h13.218v5.75zm4.345-15H6.956a.544.544 0 0 1-.52-.534c0-.283.244-.535.52-.535h2.782c.277 0 .521.252.521.535a.544.544 0 0 1-.52.535m0 4.64H6.956a.544.544 0 0 0-.52.536c0 .283.244.535.52.535h2.782a.544.544 0 0 0 .521-.535.54.54 0 0 0-.52-.535M6.956 15.93h2.782c.28 0 .521.252.521.535a.544.544 0 0 1-.52.535H6.955a.544.544 0 0 1-.52-.535c0-.283.244-.535.52-.535"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : o.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,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M19.29 21.287H4.714v-6.428h14.221v2.501c0 .215.141.357.355.357s.355-.142.355-.357V3.787A1.766 1.766 0 0 0 17.865 2H4v20h15.286c.213 0 .354-.142.354-.357 0-.214-.136-.356-.35-.356m-14.576-7.14V8.788h14.221v5.357zm14.217-10.36v4.288H4.714V2.718h13.152c.605 0 1.065.466 1.065 1.07M6.134 4.862h2.844c.214 0 .355-.142.355-.357s-.14-.356-.355-.356H6.134c-.214 0-.355.141-.355.356s.141.357.355.357m0 5.353h2.844c.214 0 .355.142.355.356 0 .215-.14.357-.355.357H6.134c-.214 0-.355-.142-.355-.357 0-.214.141-.356.355-.356m0 6.075c-.214 0-.355.142-.355.357s.141.356.355.356h2.844c.214 0 .355-.141.355-.356s-.14-.357-.355-.357zM18.58 19.5c0-.394.319-.714.71-.714a.712.712 0 0 1 0 1.427.71.71 0 0 1-.71-.714"
         })
-    })) : /* @__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,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M12 2.25c2.184 0 4.313.324 5.92.927.802.3 1.482.673 1.974 1.119.493.445.856 1.022.856 1.704v12c0 .682-.363 1.259-.855 1.704-.493.446-1.173.818-1.975 1.12-1.607.602-3.736.926-5.92.926s-4.313-.324-5.92-.927c-.802-.3-1.482-.673-1.975-1.119-.492-.445-.855-1.022-.855-1.704V6c0-.682.363-1.259.855-1.704.493-.446 1.173-.818 1.975-1.12C7.687 2.575 9.816 2.25 12 2.25m7.25 11.933c-.387.24-.835.454-1.33.64-1.607.603-3.736.927-5.92.927s-4.313-.324-5.92-.927a7.5 7.5 0 0 1-1.33-.64V18c0 .113.058.316.362.592.305.275.796.565 1.494.827 1.394.523 3.335.831 5.394.831s4-.308 5.394-.831c.698-.262 1.19-.552 1.494-.827.304-.276.362-.479.362-.592zm0-6c-.387.24-.835.454-1.33.64-1.607.603-3.736.927-5.92.927s-4.313-.324-5.92-.927a7.5 7.5 0 0 1-1.33-.64V12c0 .114.058.316.362.592.305.275.796.565 1.494.827 1.394.523 3.335.831 5.394.831s4-.308 5.394-.831c.698-.262 1.19-.552 1.494-.827.304-.276.362-.479.362-.592zM12 3.75c-2.06 0-4 .308-5.394.831-.698.262-1.19.552-1.494.827-.304.276-.362.479-.362.592s.058.316.362.592c.305.275.796.565 1.494.827C8 7.942 9.941 8.25 12 8.25s4-.308 5.394-.831c.698-.262 1.19-.552 1.494-.827.304-.276.362-.479.362-.592s-.058-.316-.362-.592c-.305-.275-.797-.565-1.494-.827C16 4.058 14.059 3.75 12 3.75"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { d as default };
+export { w as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: i, size: a = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as H } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: m, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), e = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: l } = o();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = d(), s = r === "brand" || r === "media" ? h.colors.neutralHighBrand : r === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { fillValue: t, gradientDef: l } = H(m !== null && m !== void 0 ? m : s), { skinName: o } = v(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "m21.85 9.768-.006 4.46c0 .314-.101.602-.266.84.168.241.271.532.271.849l-.005 4.46a1.46 1.46 0 0 1-1.451 1.464H3.61a1.46 1.46 0 0 1-1.448-1.465l.006-4.46c0-.313.098-.601.263-.84a1.5 1.5 0 0 1-.272-.848l.006-4.46c0-.313.098-.602.263-.84a1.5 1.5 0 0 1-.272-.849l.006-4.459c0-.807.65-1.465 1.448-1.465h16.782A1.46 1.46 0 0 1 21.84 3.62l-.006 4.46c0 .313-.098.602-.266.84.177.24.28.532.28.848M3.397 3.62l-.005 4.46c0 .12.098.223.221.223h16.782c.123 0 .22-.1.22-.224l.006-4.459a.22.22 0 0 0-.22-.221H3.616a.22.22 0 0 0-.219.221M18.21 7.455c-1.023 0-1.63-.617-1.63-1.65 0-1.034.61-1.65 1.63-1.65s1.63.616 1.63 1.65c0 1.03-.608 1.65-1.63 1.65m-.65-1.65c0 .484.17.658.65.658.479 0 .65-.174.65-.658 0-.488-.171-.658-.65-.658-.48 0-.65.173-.65.658m.63 4.546c1.023 0 1.63.616 1.63 1.65s-.61 1.65-1.63 1.65-1.63-.616-1.63-1.65c0-1.03.61-1.65 1.63-1.65m.65 1.65c0-.485-.17-.658-.65-.658-.479 0-.65.173-.65.658.003.487.171.658.65.658.48 0 .65-.174.65-.658m-.65 4.552c1.023 0 1.63.616 1.63 1.65s-.61 1.65-1.63 1.65-1.63-.617-1.63-1.65c0-1.034.61-1.65 1.63-1.65m0 2.308c.48 0 .65-.174.65-.658s-.17-.659-.65-.659c-.479 0-.65.174-.65.659.003.484.171.658.65.658m2.429-2.944a.22.22 0 0 0-.222-.221H3.617c-.12 0-.219.1-.219.224l-.005 4.46a.22.22 0 0 0 .221.22h16.782a.226.226 0 0 0 .218-.224zm-.227-1.468c.123 0 .221-.1.221-.224l.006-4.46a.22.22 0 0 0-.222-.22H3.617a.22.22 0 0 0-.219.22l-.005 4.46a.22.22 0 0 0 .218.224zM4.289 5.802c0 .345.275.622.614.622h5.683a.617.617 0 0 0 .614-.622.617.617 0 0 0-.614-.622H4.903a.617.617 0 0 0-.614.622m6.297 5.58c.339 0 .614.277.614.622a.62.62 0 0 1-.614.622H4.903a.617.617 0 0 1-.614-.622c0-.345.275-.622.614-.622zm.614 6.86a.617.617 0 0 0-.614-.622H4.903a.617.617 0 0 0-.614.622c0 .344.275.622.614.622h5.683a.617.617 0 0 0 .614-.622"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M17.912 2H4v20h16V4.144C20 2.964 19.06 2 17.912 2M5.393 9.145h13.218v4.608H5.393zm13.214-5.001v3.927H5.393V3.43h12.52c.382 0 .694.32.694.713M5.393 20.574v-5.751h13.218v5.75zm4.345-15H6.956a.544.544 0 0 1-.52-.534c0-.283.244-.535.52-.535h2.782c.277 0 .521.252.521.535a.544.544 0 0 1-.52.535m0 4.64H6.956a.544.544 0 0 0-.52.536c0 .283.244.535.52.535h2.782a.544.544 0 0 0 .521-.535.54.54 0 0 0-.52-.535M6.956 15.93h2.782c.28 0 .521.252.521.535a.544.544 0 0 1-.52.535H6.955a.544.544 0 0 1-.52-.535c0-.283.244-.535.52-.535"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M17.912 2H4v20h16V4.144C20 2.964 19.06 2 17.912 2M5.393 9.145h13.218v4.608H5.393zm13.214-5.001v3.927H5.393V3.43h12.52c.382 0 .694.32.694.713M5.393 20.574v-5.751h13.218v5.75zm4.345-15H6.956a.544.544 0 0 1-.52-.534c0-.283.244-.535.52-.535h2.782c.277 0 .521.252.521.535a.544.544 0 0 1-.52.535m0 4.64H6.956a.544.544 0 0 0-.52.536c0 .283.244.535.52.535h2.782a.544.544 0 0 0 .521-.535.54.54 0 0 0-.52-.535M6.956 15.93h2.782c.28 0 .521.252.521.535a.544.544 0 0 1-.52.535H6.955a.544.544 0 0 1-.52-.535c0-.283.244-.535.52-.535"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M12 2.25c2.184 0 4.313.324 5.92.927.802.3 1.482.673 1.974 1.119.493.445.856 1.022.856 1.704v12c0 .682-.363 1.259-.855 1.704-.493.446-1.173.818-1.975 1.12-1.607.602-3.736.926-5.92.926s-4.313-.324-5.92-.927c-.802-.3-1.482-.673-1.975-1.119-.492-.445-.855-1.022-.855-1.704V6c0-.682.363-1.259.855-1.704.493-.446 1.173-.818 1.975-1.12C7.687 2.575 9.816 2.25 12 2.25m7.25 11.933c-.387.24-.835.454-1.33.64-1.607.603-3.736.927-5.92.927s-4.313-.324-5.92-.927a7.5 7.5 0 0 1-1.33-.64V18c0 .113.058.316.362.592.305.275.796.565 1.494.827 1.394.523 3.335.831 5.394.831s4-.308 5.394-.831c.698-.262 1.19-.552 1.494-.827.304-.276.362-.479.362-.592zm0-6c-.387.24-.835.454-1.33.64-1.607.603-3.736.927-5.92.927s-4.313-.324-5.92-.927a7.5 7.5 0 0 1-1.33-.64V12c0 .114.058.316.362.592.305.275.796.565 1.494.827 1.394.523 3.335.831 5.394.831s4-.308 5.394-.831c.698-.262 1.19-.552 1.494-.827.304-.276.362-.479.362-.592zM12 3.75c-2.06 0-4 .308-5.394.831-.698.262-1.19.552-1.494.827-.304.276-.362.479-.362.592s.058.316.362.592c.305.275.796.565 1.494.827C8 7.942 9.941 8.25 12 8.25s4-.308 5.394-.831c.698-.262 1.19-.552 1.494-.827.304-.276.362-.479.362-.592s-.058-.316-.362-.592c-.305-.275-.797-.565-1.494-.827C16 4.058 14.059 3.75 12 3.75"
         })
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { d as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-delivery-van-moving-filled.js

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import * as l from "react";
+import { useTheme as v } 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 f } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = h(), t = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = d(), h = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: i, gradientDef: c } = f(s !== null && s !== void 0 ? s : h), { skinName: m } = v(), a = 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), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: i,
             d: "M21.183 10.563a428 428 0 0 1-3.266-4.356c-.337-.465-.958-.778-1.547-.778H5.446c-.409 0-.826.184-1.148.504s-.505.74-.505 1.148v.532H2.715a.56.56 0 0 0-.56.56c0 .309.252.56.56.56h1.078v1.611H2.715a.56.56 0 0 0-.56.56c0 .309.252.561.56.561h1.078v1.61H2.715a.56.56 0 0 0-.56.56c0 .309.252.561.56.561h1.078v1.079c0 .408.185.826.505 1.148.319.322.74.504 1.148.504h.14c.266 1.05 1.09 1.639 2.35 1.639s2.084-.588 2.348-1.639h4.585c.266 1.05 1.09 1.639 2.35 1.639s2.084-.588 2.35-1.639h.625c.409 0 .826-.185 1.148-.504.323-.32.505-.74.505-1.148v-3.278c-.003-.57-.416-1.11-.663-1.432zm-13.25 6.882c-.927 0-1.322-.395-1.322-1.322s.395-1.322 1.322-1.322c.928 0 1.323.395 1.323 1.322s-.395 1.322-1.323 1.322m7.961-1.322c0-.927.395-1.322 1.322-1.322s1.322.395 1.322 1.322-.395 1.322-1.322 1.322-1.322-.395-1.322-1.322"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: i,
             d: "m10.614 10.144 4.515 2.708a.25.25 0 0 1 .121.214V18c0 .055-.06.096-.107.068l-4.352-2.61a.6.6 0 0 1-.291-.515v-4.742c0-.055.067-.086.114-.057m10.775.012c.046-.027.11.002.111.056v4.731a.6.6 0 0 1-.291.515l-4.353 2.61c-.047.028-.106-.013-.106-.068v-4.892a.25.25 0 0 1 .12-.214zM7 14.25a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1 0-1.5zm0-3a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5zm8.765-5.185a.6.6 0 0 1 .544.038l4.315 2.588c.066.039.053.142-.013.182l-4.447 2.695a.25.25 0 0 1-.258 0l-4.52-2.711c-.06-.037-.071-.13-.011-.166l4.316-2.588zM7 8.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return c ? /*#__PURE__*/ l.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...l.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { g as default };
+export { V as default };