@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e } 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 A = (_param)=>{
+    var { color: m, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = h(), t = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? e.colors.neutralHighBrand : l === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const t = f(), h = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: c, gradientDef: n } = g(m !== null && m !== void 0 ? m : h), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M14.47 8.47c-.235-.482-.494-.91-.738-1.267-.753-1.11-1.494-1.793-1.527-1.822a.27.27 0 0 0-.365 0c-.033.029-.774.711-1.528 1.822-.244.36-.505.791-.74 1.276a11.5 11.5 0 0 0-3.48-1.582l-.022-.006a.27.27 0 0 0-.32.18l-.001.005c-.032.103-.325 1.04-.424 2.324-.042.54-.052 1.187.024 1.875a10 10 0 0 0-.45-.01c-1.468 0-2.603.314-2.7.34l-.004.002a.27.27 0 0 0-.19.308v.006c.02.088.214.987.728 2.087.493 1.053 1.383 2.492 2.828 3.36 1.039.625 2.322.942 3.809.942a11 11 0 0 0 2.63-.322c.283.074 1.323.322 2.628.322 1.487 0 2.77-.317 3.81-.942 1.444-.868 2.339-2.307 2.827-3.36.53-1.135.72-2.052.729-2.093a.263.263 0 0 0-.205-.312 10.8 10.8 0 0 0-3.11-.329 10 10 0 0 0 .024-1.874c-.1-1.284-.392-2.22-.424-2.324l-.003-.008a.27.27 0 0 0-.319-.176c-.04.008-1.026.242-2.231.843-.385.19-.818.434-1.256.735m-3.181 6.948-.001-.002c-.644-.945-1.331-2.32-1.331-3.78 0-1.456.687-2.831 1.332-3.783.26-.382.516-.706.733-.961.218.254.475.58.734.961l.001.002c.644.946 1.33 2.32 1.33 3.78 0 1.456-.686 2.831-1.331 3.783-.26.382-.516.707-.734.961a11 11 0 0 1-.733-.961m3.975-3.782c0-.724-.134-1.417-.341-2.053.448-.33.91-.598 1.33-.806h.001c.415-.208.8-.365 1.114-.48.064.33.126.736.162 1.192.088 1.149.005 2.68-.717 3.947-.723 1.27-2.002 2.133-3.03 2.644h-.002l-.086.044.037-.056c.7-1.032 1.532-2.64 1.532-4.433M9.12 9.593a6.6 6.6 0 0 0-.34 2.043c0 1.797.833 3.404 1.532 4.432l.047.068-.113-.055h-.001c-1.029-.511-2.307-1.374-3.03-2.644-.723-1.272-.805-2.804-.717-3.948.035-.455.097-.862.161-1.192.319.116.7.273 1.114.48h.002c.425.211.892.481 1.345.816m.25 7.55c-1.32 0-2.382-.28-3.2-.772-1.152-.692-1.917-1.886-2.37-2.853l-.002-.005a10 10 0 0 1-.39-.967c.404-.061.92-.115 1.49-.115q.346 0 .667.026c.139.524.34 1.05.625 1.553.89 1.562 2.41 2.557 3.528 3.113l.027.013a10 10 0 0 1-.375.008m4.91-.006.011-.005.019-.01c1.118-.555 2.637-1.55 3.527-3.112.287-.503.488-1.03.627-1.556q.308-.023.636-.023a10 10 0 0 1 1.49.116c-.096.28-.226.614-.393.972v.002c-.447.962-1.216 2.157-2.37 2.85-.817.492-1.879.773-3.199.773q-.178 0-.348-.007m2.873-9.722.003.009-.001-.004-.001-.002zm-11.359.61h.004-.006z"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M12.071 3.256q.036.002.072.009.036.008.073.02l.061.02.08.039q.03.014.059.033a1 1 0 0 1 .087.068l.015.012a10.45 10.45 0 0 1 3.206 6.817A10.75 10.75 0 0 1 22 8.25a.75.75 0 0 1 .75.75 10.75 10.75 0 1 1-21.5 0A.75.75 0 0 1 2 8.25c1.412 0 2.81.278 4.114.818.767.318 1.49.724 2.16 1.206a10.46 10.46 0 0 1 3.25-6.854q.016-.014.033-.024l.025-.018q.03-.019.06-.034a1 1 0 0 1 .08-.04l.057-.018q.038-.013.077-.021l.07-.01a1 1 0 0 1 .145 0m-9.286 6.53A9.25 9.25 0 0 0 5.46 15.54a9.25 9.25 0 0 0 5.755 2.673 9.3 9.3 0 0 0-.668-2.754 9.25 9.25 0 0 0-5.006-5.006 9.3 9.3 0 0 0-2.755-.669m18.429 0a9.25 9.25 0 0 0-5.755 2.673 9.25 9.25 0 0 0-2.674 5.755 9.25 9.25 0 0 0 5.756-2.673 9.25 9.25 0 0 0 2.673-5.756M12 5.084a8.95 8.95 0 0 0-2.241 6.378 1 1 0 0 1-.003.098c.924.963 1.664 2.09 2.176 3.325q.035.088.068.177a10.7 10.7 0 0 1 2.243-3.501 1 1 0 0 1-.002-.1 8.95 8.95 0 0 0-.625-3.76A9 9 0 0 0 12 5.085"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { A as default };

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

@@ -79,21 +79,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const z = (_param)=>{
+    var { color: m, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), l = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = v(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = f(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), r = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
             fill: l,
             d: "M15.733 18.513c.084.025.176.04.266.04a.94.94 0 0 0 .54-.175.97.97 0 0 0 .4-.787V6.407a.97.97 0 0 0-.4-.788.92.92 0 0 0-.807-.134L3.242 9.238c-.006-.28-.247-.504-.546-.504-.302 0-.546.233-.546.516v5.51c0 .285.244.515.546.515s.546-.23.546-.515l3.18.956-.18.573a.82.82 0 0 0 .538 1.028l2.27.711q.122.041.246.04c.131 0 .26-.031.378-.096a.8.8 0 0 0 .403-.482l.195-.618zm-8.365-2.154.07-.224 1.748.549-.07.224zm11.687-8.185a.545.545 0 0 1-.387-.933l1.546-1.546a.548.548 0 0 1 .773.773l-1.546 1.546a.55.55 0 0 1-.386.16m.067 4.109a.545.545 0 1 1 0-1.092h2.185a.545.545 0 1 1 0 1.092zm1.084 5.432a.545.545 0 0 0 .773 0 .55.55 0 0 0 0-.773l-1.507-1.508a.548.548 0 0 0-.773.774z"
@@ -103,11 +104,17 @@ const p = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
             fill: l,
             d: "M10.5 16.478a.5.5 0 0 1 .5.5v2.5a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-2.5a.5.5 0 0 1 .5-.5zm6.92-12.467A1.402 1.402 0 0 1 19 5.4v12.156a1.403 1.403 0 0 1-1.58 1.389 1.4 1.4 0 0 1-.716-.313l-4.385-3.654H11.5a.25.25 0 0 1-.25-.25v-6.5a.25.25 0 0 1 .25-.25h.82l4.384-3.654a1.4 1.4 0 0 1 .717-.313M9.5 7.978a.25.25 0 0 1 .25.25v6.5a.25.25 0 0 1-.25.25h-5a1.5 1.5 0 0 1-1.5-1.5v-4a1.5 1.5 0 0 1 1.5-1.5zm10.55 1.365c0-.338.396-.596.704-.342a3.247 3.247 0 0 1 0 5.017c-.308.253-.704-.006-.704-.344z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { z as default };

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

@@ -78,36 +78,43 @@ 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 m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as h 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 w = (_param)=>{
+    var { color: m, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), o = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = d(), c = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = f(m !== null && m !== void 0 ? m : c), { skinName: s } = v(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: o,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M16.247 18.559a.6.6 0 0 1-.19-.028l-6.041-1.827-.018.076-.241.765a.55.55 0 0 1-.275.327.54.54 0 0 1-.428.042l-2.325-.728a.56.56 0 0 1-.367-.703l.24-.765.016-.042-3.88-1.174v.502a.276.276 0 0 1-.278.277.276.276 0 0 1-.277-.277V8.996a.277.277 0 1 1 .554 0v.499l13.32-4.029a.66.66 0 0 1 .588.104.74.74 0 0 1 .294.596v11.659a.75.75 0 0 1-.294.6.67.67 0 0 1-.398.134m0-12.566q-.014 0-.025.004l-.006.001L2.88 10.032c-.062.02-.106.09-.106.17v3.595c0 .08.044.151.106.17l13.336 4.034q.05.015.095-.02a.19.19 0 0 0 .07-.15V6.168a.18.18 0 0 0-.07-.151.1.1 0 0 0-.064-.025m-9.35 10.655 2.325.729.24-.765-2.324-.728zm11.947-8.464a.279.279 0 0 1-.199-.476l1.963-1.964a.279.279 0 1 1 .395.395L19.04 8.102a.28.28 0 0 1-.196.081m2.686 3.827h-2.78a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h2.779a.28.28 0 0 1 .28.28.28.28 0 0 1-.28.28m-.929 5.65a.28.28 0 0 0 .395 0 .28.28 0 0 0 0-.395L19.03 15.3a.279.279 0 1 0-.395.395z"
         })
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: o,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M16.89 3.285a1.65 1.65 0 0 1 1.86 1.637v2.403a3.752 3.752 0 0 1 1.901 6.327 3.75 3.75 0 0 1-1.901 1.021v2.404a1.65 1.65 0 0 1-.95 1.495 1.65 1.65 0 0 1-1.756-.225l-4.315-3.597h-.979V19A1.75 1.75 0 0 1 9 20.75H8A1.75 1.75 0 0 1 6.25 19v-4.25H4A1.75 1.75 0 0 1 2.25 13V9A1.75 1.75 0 0 1 4 7.25h7.729l4.315-3.596.093-.072c.222-.16.48-.262.753-.297M7.75 19a.25.25 0 0 0 .25.25h1a.25.25 0 0 0 .25-.25v-4.25h-1.5zm9.331-14.227a.15.15 0 0 0-.077.034l-4.524 3.77a.75.75 0 0 1-.48.173h-1.25v4.5H12l.13.012c.128.023.25.078.35.162l4.524 3.77q.034.027.077.034a.15.15 0 0 0 .146-.069.15.15 0 0 0 .023-.08V4.921a.15.15 0 0 0-.169-.15M4 8.75a.25.25 0 0 0-.25.25v4a.25.25 0 0 0 .25.25h5.25v-4.5zm14.75 4.368c.313-.111.602-.288.84-.527a2.25 2.25 0 0 0 0-3.182 2.25 2.25 0 0 0-.84-.528z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { w as default };

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

@@ -79,23 +79,24 @@ 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 m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as v } 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 w = (_param)=>{
+    var { color: m, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), t = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = v(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = f(m !== null && m !== void 0 ? m : s), { skinName: c } = d(), r = c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: l,
             d: "M15.99 18.573a1 1 0 0 1-.264-.04L10.27 16.89l-.199.632a.8.8 0 0 1-.403.482.78.78 0 0 1-.625.056l-2.269-.711a.82.82 0 0 1-.538-1.028l.186-.59-3.21-.966a.535.535 0 0 1-1.056-.122V9.36a.535.535 0 0 1 1.055-.122l12.516-3.769a.9.9 0 0 1 .8.143.98.98 0 0 1 .393.79v11.202a.98.98 0 0 1-.39.787.9.9 0 0 1-.54.182m-12.731-4.91 12.59 3.792V6.55L3.26 10.34zm4.103 2.728 1.748.549.07-.224-1.748-.55zm11.687-8.185a.545.545 0 0 1-.387-.933l1.546-1.546a.548.548 0 0 1 .773.773l-1.546 1.546a.55.55 0 0 1-.386.16m.067 4.109a.545.545 0 1 1 0-1.092H21.3a.545.545 0 1 1 0 1.092zm1.084 5.431a.545.545 0 0 0 .773 0 .55.55 0 0 0 0-.773l-1.507-1.507a.548.548 0 0 0-.773.773z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -103,11 +104,17 @@ const g = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: l,
             d: "M16.89 3.285a1.65 1.65 0 0 1 1.86 1.637v2.403a3.752 3.752 0 0 1 1.901 6.327 3.75 3.75 0 0 1-1.901 1.021v2.404a1.65 1.65 0 0 1-.95 1.495 1.65 1.65 0 0 1-1.756-.225l-4.315-3.597h-.979V19A1.75 1.75 0 0 1 9 20.75H8A1.75 1.75 0 0 1 6.25 19v-4.25H4A1.75 1.75 0 0 1 2.25 13V9A1.75 1.75 0 0 1 4 7.25h7.729l4.315-3.596.093-.072c.222-.16.48-.262.753-.297M7.75 19a.25.25 0 0 0 .25.25h1a.25.25 0 0 0 .25-.25v-4.25h-1.5zm9.331-14.227a.15.15 0 0 0-.077.034l-4.524 3.77a.75.75 0 0 1-.48.173h-1.25v4.5H12l.13.012c.128.023.25.078.35.162l4.524 3.77q.034.027.077.034a.15.15 0 0 0 .146-.069.15.15 0 0 0 .023-.08V4.921a.15.15 0 0 0-.169-.15M4 8.75a.25.25 0 0 0-.25.25v4a.25.25 0 0 0 .25.25h5.25v-4.5zm14.75 4.368c.313-.111.602-.288.84-.527a2.25 2.25 0 0 0 0-3.182 2.25 2.25 0 0 0-.84-.528z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-lungs-filled.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 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 g = (_param)=>{
-    var { color: c, size: l = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as v } 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 w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), o = 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__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const r = v(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = f(h !== null && h !== void 0 ? h : s), { skinName: d } = m(), l = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M18.143 8.1c.345.386 2.85 3.307 3.437 6.778.465 2.748.314 4.345-.495 5.18a1.96 1.96 0 0 1-1.346.552l-.063.002c-1.035 0-1.675-.544-2.029-.844l-.005-.005-.078-.067c-.297-.25-.379-.317-.718-.317h-.005c-.39 0-1.474-.09-1.644-.137-1.06-.277-1.645-1.12-1.645-2.372a149 149 0 0 1-.112-3.577l-1.453-.734-1.43.72a140 140 0 0 1-.111 3.56c0 1.238-.586 2.081-1.65 2.361-.162.045-1.238.137-1.647.135-.336 0-.417.067-.717.316l-.079.067-.005.005c-.354.3-.994.844-2.028.844q-.064 0-.132-.003a1.96 1.96 0 0 1-1.274-.549c-.81-.832-.964-2.428-.499-5.179.588-3.473 3.093-6.392 3.437-6.782.499-.756 1.193-1.123 2.12-1.123 1.454 0 1.99.832 2.18 1.367.087.168.162.37.24.642v.002c.065.225.107.608.135 1.09l.034-.017V4.332a.94.94 0 0 1 .93-.947h1.014a.94.94 0 0 1 .93.947v5.697l.033.017c.025-.468.07-.84.132-1.059.076-.266.154-.473.24-.644.194-.535.73-1.367 2.183-1.367.927 0 1.622.367 2.12 1.123m-7.574 3.957 1.177-.594a.52.52 0 0 1 .473 0l1.202.608q.001-.428.005-.832l-.762-.386a.55.55 0 0 1-.297-.488V4.472h-.739v5.88a.55.55 0 0 1-.297.487l-.768.386q.008.405.006.832"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M12 3.25a.75.75 0 0 1 .75.75v5a2.245 2.245 0 0 0 1.749 2.19V7.257c0-.961.768-1.757 1.734-1.757.289 0 .572.074.823.212q.015.007.03.017l.13.083.024.016c1.59 1.154 2.605 2.867 3.59 6.082l.154.546q.501 1.944.516 4.372l-.003.18c-.076 1.852-1.513 3.363-3.342 3.484l-.015.001-.203.007h-.017c-1.899 0-3.42-1.57-3.42-3.48v-4.305a3.75 3.75 0 0 1-2.5-1.467 3.75 3.75 0 0 1-2.5 1.467v4.305c0 1.91-1.521 3.48-3.42 3.48h-.017l-.202-.007h-.015c-1.888-.126-3.358-1.733-3.344-3.665.012-1.849.232-3.491.67-4.918.983-3.215 1.998-4.928 3.589-6.082l.024-.016.13-.083.03-.017c.25-.138.533-.212.822-.212.966 0 1.733.796 1.733 1.757v3.933A2.246 2.246 0 0 0 11.25 9V4a.75.75 0 0 1 .75-.75"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { g as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-lungs-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 n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as i 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";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: h, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), r = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? e.colors.neutralHighBrand : a === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = g(), s = t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: o, gradientDef: n } = v(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), c = m.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__ */ l("path", {
-            fill: r,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M18.132 8.242c.073.07 2.829 3.123 3.448 6.782.462 2.725.325 4.297-.448 5.086-.076.076-.49.468-1.166.5l-.128.002c-.98 0-1.577-.507-1.939-.815l-.084-.07c-.314-.264-.445-.373-.865-.373h-.009c-.44 0-1.493-.095-1.624-.131-.978-.258-1.521-1.045-1.521-2.213-.031-.712-.09-2.163-.118-3.65l-1.754-.885-1.602.806a165 165 0 0 1-.117 3.687c0 1.165-.544 1.95-1.527 2.21-.129.036-1.182.131-1.62.131-.42.02-.557.11-.873.373l-.084.07c-.361.308-.958.815-1.938.815q-.062 0-.13-.003a1.78 1.78 0 0 1-1.165-.501c-.773-.79-.91-2.361-.448-5.087.622-3.658 3.376-6.711 3.493-6.84.426-.675 1.084-1.034 1.975-1.034 1.042 0 1.77.462 2.048 1.303.064.098.143.308.224.59.073.247.115.707.143 1.272l.347-.176V4.223c0-.463.37-.838.823-.838h1.037a.83.83 0 0 1 .823.838v5.882l.367.185c.026-.555.07-1.006.14-1.25.082-.285.16-.49.255-.66.247-.768.975-1.23 2.017-1.23.888 0 1.55.358 2.02 1.092m-6.39 3.378a.42.42 0 0 1 .373 0l1.554.79c-.002-.406-.002-.804.003-1.176l-.944-.476a.43.43 0 0 1-.232-.381V4.228l-1.023.014.014 6.118c0 .162-.09.308-.232.38l-.924.466c.005.356.008.734.005 1.123zm8.19 8.14a.96.96 0 0 0 .606-.246c.538-.555.61-2.017.21-4.35-.577-3.404-3.252-6.373-3.28-6.404-.359-.551-.75-.762-1.359-.762-1.014 0-1.193.544-1.252.723a2.8 2.8 0 0 0-.213.558c-.21.74-.16 4.4-.01 7.697 0 1.07.512 1.325.898 1.426.06.008.437.035.811.06l.607.044c.72 0 1.033.26 1.395.561l.005.004.09.076c.339.288.753.641 1.493.613M9.37 16.968c.145-3.334.199-6.992-.014-7.729a2.5 2.5 0 0 0-.182-.487c-.135-.381-.376-.793-1.283-.793-.608 0-1 .21-1.317.703l-.024.028c-.278.322-2.749 3.181-3.3 6.435-.393 2.327-.32 3.79.218 4.344.008.008.232.23.605.246.734.028 1.133-.31 1.467-.59l.116-.099c.364-.305.677-.565 1.397-.565.404-.017 1.322-.09 1.44-.11.364-.095.877-.35.877-1.383"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12 3.25a.75.75 0 0 1 .75.75v5a2.245 2.245 0 0 0 1.499 2.118V7.257c0-1.094.875-2.007 1.984-2.007a1.97 1.97 0 0 1 .988.268l.13.083.037.025c1.656 1.201 2.69 2.977 3.681 6.21.446 1.456.668 3.123.68 4.99l-.002.193c-.08 1.974-1.614 3.592-3.575 3.722l-.024.001-.202.008h-.026c-2.042 0-3.67-1.686-3.67-3.73v-4.347A3.75 3.75 0 0 1 12 11.248a3.75 3.75 0 0 1-2.25 1.425v4.347c0 2.044-1.628 3.73-3.67 3.73h-.025l-.202-.008H5.83c-2.023-.135-3.592-1.855-3.577-3.916.012-1.867.234-3.534.68-4.99.99-3.233 2.025-5.009 3.681-6.21l.037-.025.13-.083.044-.026c.288-.157.611-.242.943-.242 1.109 0 1.983.913 1.983 2.007v3.861c.313-.11.601-.288.84-.527A2.25 2.25 0 0 0 11.25 9V4a.75.75 0 0 1 .75-.75m-4.233 3.5a.5.5 0 0 0-.212.053l-.08.05c-1.175.86-2.043 2.145-2.93 4.858l-.178.565c-.394 1.285-.604 2.802-.615 4.56-.01 1.285.96 2.32 2.162 2.407l.177.006c1.178-.005 2.159-.987 2.159-2.23V7.258a.496.496 0 0 0-.483-.507m8.466 0a.496.496 0 0 0-.483.507v9.763c0 1.241.98 2.223 2.159 2.229l.177-.006c1.203-.087 2.173-1.122 2.164-2.406-.012-1.759-.221-3.276-.615-4.56-.951-3.106-1.856-4.507-3.11-5.423l-.08-.051a.5.5 0 0 0-.212-.053"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(c, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { d as default };
+export { x as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } 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, r = _object_without_properties(_param, [
+import { jsx as e } 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 t } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const q = (_param)=>{
+    var { color: h, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), t = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? e.colors.neutralHighBrand : l === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const c = d(), s = c === "brand" || c === "media" ? t.colors.neutralHighBrand : c === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { fillValue: o, gradientDef: n } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = v(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M18.143 8.1c.345.386 2.85 3.307 3.437 6.778.465 2.748.314 4.345-.495 5.18a1.96 1.96 0 0 1-1.346.552l-.063.002c-1.035 0-1.675-.544-2.029-.844l-.005-.005-.078-.067c-.297-.25-.379-.317-.718-.317h-.005c-.39 0-1.474-.09-1.644-.137-1.06-.277-1.645-1.12-1.645-2.372a149 149 0 0 1-.112-3.577l-1.453-.734-1.43.72a140 140 0 0 1-.111 3.56c0 1.238-.586 2.081-1.65 2.361-.162.045-1.238.137-1.647.135-.336 0-.417.067-.717.316l-.079.067-.005.005c-.354.3-.994.844-2.028.844q-.064 0-.132-.003a1.96 1.96 0 0 1-1.274-.549c-.81-.832-.964-2.428-.499-5.179.588-3.473 3.093-6.392 3.437-6.782.499-.756 1.193-1.123 2.12-1.123 1.454 0 1.99.832 2.18 1.367.087.168.162.37.24.642v.002c.065.225.107.608.135 1.09l.034-.017V4.332a.94.94 0 0 1 .93-.947h1.014a.94.94 0 0 1 .93.947v5.697l.033.017c.025-.468.07-.84.132-1.059.076-.266.154-.473.24-.644.194-.535.73-1.367 2.183-1.367.927 0 1.622.367 2.12 1.123m-7.574 3.957 1.177-.594a.52.52 0 0 1 .473 0l1.202.608q.001-.428.005-.832l-.762-.386a.55.55 0 0 1-.297-.488V4.472h-.739v5.88a.55.55 0 0 1-.297.487l-.768.386q.008.405.006.832m9.64 7.117.004-.005c.325-.333.62-1.319.149-4.078-.555-3.277-3.137-6.151-3.163-6.18a1 1 0 0 1-.064-.083c-.272-.423-.594-.597-1.118-.597-.843 0-.974.395-1.03.566q-.019.054-.045.103a2.4 2.4 0 0 0-.16.435c-.199.7-.143 4.372-.006 7.487.003.9.37 1.11.729 1.204.08.012.95.096 1.327.096h.009c.781 0 1.148.305 1.501.602l.09.076c.322.274.692.588 1.322.554.258-.01.423-.154.454-.18M9.212 16.822c.14-3.157.196-6.83 0-7.532a2.3 2.3 0 0 0-.16-.432.6.6 0 0 1-.047-.109v-.002c-.057-.17-.188-.564-1.03-.564-.525 0-.85.174-1.118.597a1 1 0 0 1-.065.084c-.028.03-2.608 2.905-3.162 6.182-.465 2.762-.171 3.745.157 4.084l.005.004c.03.026.194.165.448.175.638.034 1.002-.279 1.321-.553l.002-.001.09-.076c.352-.297.72-.602 1.498-.602h.008c.381 0 1.247-.084 1.367-.104.32-.084.686-.297.686-1.151"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12 3.25a.75.75 0 0 1 .75.75v5a2.245 2.245 0 0 0 1.499 2.118V7.257c0-1.094.875-2.007 1.984-2.007a1.97 1.97 0 0 1 .988.268l.13.083.037.025c1.656 1.201 2.69 2.977 3.681 6.21.446 1.456.668 3.123.68 4.99l-.002.193c-.08 1.974-1.614 3.592-3.575 3.722l-.024.001-.202.008h-.026c-2.042 0-3.67-1.686-3.67-3.73v-4.347A3.75 3.75 0 0 1 12 11.248a3.75 3.75 0 0 1-2.25 1.425v4.347c0 2.044-1.628 3.73-3.67 3.73h-.025l-.202-.008H5.83c-2.023-.135-3.592-1.855-3.577-3.916.012-1.867.234-3.534.68-4.99.99-3.233 2.025-5.009 3.681-6.21l.037-.025.13-.083.044-.026c.288-.157.611-.242.943-.242 1.109 0 1.983.913 1.983 2.007v3.861c.313-.11.601-.288.84-.527A2.25 2.25 0 0 0 11.25 9V4a.75.75 0 0 1 .75-.75m-4.233 3.5a.5.5 0 0 0-.212.053l-.08.05c-1.175.86-2.043 2.145-2.93 4.858l-.178.565c-.394 1.285-.604 2.802-.615 4.56-.01 1.285.96 2.32 2.162 2.407l.177.006c1.178-.005 2.159-.987 2.159-2.23V7.258a.496.496 0 0 0-.483-.507m8.466 0a.496.496 0 0 0-.483.507v9.763c0 1.241.98 2.223 2.159 2.229l.177-.006c1.203-.087 2.173-1.122 2.164-2.406-.012-1.759-.221-3.276-.615-4.56-.951-3.106-1.856-4.507-3.11-5.423l-.08-.051a.5.5 0 0 0-.212-.053"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { d as default };
+export { q as default };

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

@@ -79,45 +79,52 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as v } 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: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import * as l from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: v, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), h = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = v();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = m(), d = r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(v !== null && v !== void 0 ? v : d), { skinName: h } = s(), o = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: h,
+            fill: n,
             d: "M21.518 17.184c0-1-.806-1.854-1.796-1.854-.731 0-1.355.484-1.65 1.11h-4.43c-.183-.408-.478-.778-.914-.963v-3.11h6.225a.736.736 0 0 0 .732-.74V2.74a.736.736 0 0 0-.732-.74H5.04a.736.736 0 0 0-.731.74v8.888c0 .408.328.74.731.74h6.226v3.147a1.86 1.86 0 0 0-.914.924H5.953c-.29-.668-.914-1.109-1.65-1.109-.989 0-1.833.853-1.833 1.854 0 .74.478 1.37 1.097 1.668v2.409c0 .407.328.739.732.739a.736.736 0 0 0 .73-.74v-2.408a1.85 1.85 0 0 0 .915-.924h4.43c.183.408.511.74.882.924v2.409c0 .407.328.739.731.739a.736.736 0 0 0 .731-.74v-2.408c.403-.184.732-.516.915-.924h4.43c.183.408.51.74.881.924v2.409c0 .407.328.739.731.739a.736.736 0 0 0 .732-.74v-2.408c.675-.298 1.11-.89 1.11-1.668"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: h,
+            fill: n,
             d: "M21.518 17.184c0-1-.806-1.854-1.796-1.854-.731 0-1.355.484-1.65 1.11h-4.43c-.183-.408-.478-.778-.914-.963v-3.11h6.225a.736.736 0 0 0 .732-.74V2.74a.736.736 0 0 0-.732-.74H5.04a.736.736 0 0 0-.731.74v8.888c0 .408.328.74.731.74h6.226v3.147a1.86 1.86 0 0 0-.914.924H5.953c-.29-.668-.914-1.109-1.65-1.109-.989 0-1.833.853-1.833 1.854 0 .74.478 1.37 1.097 1.668v2.409c0 .407.328.739.732.739a.736.736 0 0 0 .73-.74v-2.408a1.85 1.85 0 0 0 .915-.924h4.43c.183.408.511.74.882.924v2.409c0 .407.328.739.731.739a.736.736 0 0 0 .731-.74v-2.408c.403-.184.732-.516.915-.924h4.43c.183.408.51.74.881.924v2.409c0 .407.328.739.731.739a.736.736 0 0 0 .732-.74v-2.408c.675-.298 1.11-.89 1.11-1.668"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: h,
+            fill: n,
             d: "M16 2.5A2.5 2.5 0 0 1 18.5 5v4a2.5 2.5 0 0 1-2.5 2.5h-3.25V14a.7.7 0 0 1-.046.25H16A2.75 2.75 0 0 1 18.75 17v.616a2.5 2.5 0 1 1-1.5 0V17c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v.5a1 1 0 0 1-.01.113 2.5 2.5 0 1 1-1.481 0 1 1 0 0 1-.009-.113V17A2.75 2.75 0 0 1 8 14.25h3.296a.7.7 0 0 1-.046-.25v-2.5H8A2.5 2.5 0 0 1 5.5 9V5A2.5 2.5 0 0 1 8 2.5z"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { A as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as v } 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: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as m } 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 M = (_param)=>{
+    var { color: v, size: t = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), t = i !== null && i !== void 0 ? i : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = v();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const a = d(), s = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(v !== null && v !== void 0 ? v : s), { skinName: h } = m(), n = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M19.685 15.33c.989 0 1.833.853 1.833 1.854 0 .777-.436 1.37-1.111 1.668v2.409a.737.737 0 0 1-.732.739.736.736 0 0 1-.731-.74v-2.408c-.366-.184-.732-.516-.914-.924h-4.398c-.182.408-.51.74-.914.924v2.409a.736.736 0 0 1-.731.739.736.736 0 0 1-.732-.74v-2.408c-.365-.184-.73-.516-.914-.924H5.944c-.183.408-.511.74-.914.924v2.409a.736.736 0 0 1-.732.739.736.736 0 0 1-.731-.74v-2.408c-.619-.298-1.097-.929-1.097-1.668 0-1 .844-1.854 1.833-1.854.736 0 1.36.441 1.65 1.11h4.43c.188-.408.479-.74.882-.925v-3.148H5.039a.736.736 0 0 1-.731-.74V2.74c0-.408.328-.74.731-.74h13.91c.403 0 .73.332.73.74v8.888c0 .408-.327.74-.73.74h-6.226v3.147c.436.185.731.517.914.924h4.397c.296-.625.92-1.109 1.65-1.109M18.222 3.48H5.77v7.405h12.452z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M20.002 17.505a1.475 1.475 0 0 0 1.09-1.427c0-.82-.652-1.484-1.457-1.484-.676 0-1.239.474-1.402 1.11H13.4a1.46 1.46 0 0 0-1.038-1.058V12h6.55c.22 0 .364-.147.364-.37V2.37c0-.223-.144-.37-.363-.37H5.089c-.219 0-.363.147-.363.37v9.265c0 .223.144.37.363.37h6.546v2.645a1.46 1.46 0 0 0-1.038 1.058H5.764a1.46 1.46 0 0 0-1.401-1.11c-.801 0-1.453.664-1.453 1.48 0 .687.466 1.261 1.09 1.427v3.386c0 .203.163.37.363.37s.363-.167.363-.37v-3.386a1.46 1.46 0 0 0 1.038-1.057h4.833c.13.516.53.924 1.038 1.057v3.386c0 .203.163.37.364.37s.363-.167.363-.37v-3.386a1.46 1.46 0 0 0 1.038-1.057h4.838c.13.516.53.924 1.038 1.057v1.536c0 .204.163.37.363.37s.363-.166.363-.37zM19.64 22c.4 0 .727-.332.727-.74a.734.734 0 0 0-.727-.74c-.4 0-.726.333-.726.74 0 .408.326.74.726.74m-1.094-10.74H5.452V2.74h13.093zM4.363 15.338c.4 0 .726.332.726.74 0 .407-.326.74-.726.74a.734.734 0 0 1-.727-.74c0-.408.326-.74.727-.74m8.362.74c0 .407-.326.74-.726.74a.734.734 0 0 1-.727-.74c0-.408.326-.74.727-.74s.726.332.726.74m6.914-.74c.4 0 .727.332.727.74 0 .407-.326.74-.727.74a.734.734 0 0 1-.726-.74c0-.408.326-.74.726-.74"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v4A2.75 2.75 0 0 1 16 11.75h-3.25V14a.7.7 0 0 1-.046.25H16A2.75 2.75 0 0 1 18.75 17v.356A2.747 2.747 0 0 1 18 22.75a2.75 2.75 0 0 1-.75-5.394V17c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v.356A2.748 2.748 0 0 1 6 22.75a2.75 2.75 0 0 1-.75-5.394V17A2.75 2.75 0 0 1 8 14.25h3.296a.7.7 0 0 1-.046-.25v-2.25H8A2.75 2.75 0 0 1 5.25 9V5A2.75 2.75 0 0 1 8 2.25zM6 18.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m12 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-10-15c-.69 0-1.25.56-1.25 1.25v4c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V5c0-.69-.56-1.25-1.25-1.25z"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { M as default };