@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as g } 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 C = (_param)=>{
+    var { color: s, size: n = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), t = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = g(), h = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: l } = f(s !== null && s !== void 0 ? s : h), t = /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, d), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M14 12.25a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5zm2-4a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M18 3.25A3.75 3.75 0 0 1 21.75 7v8A3.75 3.75 0 0 1 18 18.75h-4.792l-4.822 2.894A.75.75 0 0 1 7.25 21v-2.25H6A3.75 3.75 0 0 1 2.25 15V7A3.75 3.75 0 0 1 6 3.25zM6 4.75A2.25 2.25 0 0 0 3.75 7v8A2.25 2.25 0 0 0 6 17.25h2a.75.75 0 0 1 .75.75v1.675l3.864-2.319.09-.046a.8.8 0 0 1 .296-.06h5A2.25 2.25 0 0 0 20.25 15V7A2.25 2.25 0 0 0 18 4.75z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { v as default };
+export { C as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, jsxs as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as c } 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, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as m } 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: l, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = c(), e = i !== null && i !== void 0 ? i : v === "brand" || v === "media" ? r.colors.neutralHighBrand : v === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const t = f(), c = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(l !== null && l !== void 0 ? l : c), { skinName: s } = m(), h = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M21.236 12.614a.605.605 0 0 0 0-1.21h-2.77v-1.21h2.77a.606.606 0 0 0 0-1.213h-2.77V6.614c0-.555-.527-1.06-1.107-1.06h-2.325V2.766a.607.607 0 0 0-1.213 0V5.55h-1.21V2.768a.604.604 0 1 0-1.21 0v2.784h-1.21V2.768a.606.606 0 0 0-1.21 0v2.784H6.653c-.58 0-1.107.504-1.107 1.059v2.367H2.765a.606.606 0 0 0 0 1.213h2.779v1.21H2.765a.605.605 0 0 0 0 1.21h2.779v1.21H2.765a.606.606 0 0 0 0 1.213h2.779v2.392c0 .558.515 1.05 1.106 1.05h2.328v2.762a.605.605 0 0 0 1.21 0v-2.761h1.21v2.761a.606.606 0 0 0 1.213 0v-2.761h1.21v2.761a.605.605 0 0 0 1.21 0v-2.761h2.325c.591 0 1.106-.49 1.106-1.05v-2.393h2.77a.606.606 0 0 0 0-1.213h-2.77v-1.21z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M14.25 14.25h-4.5v-4.5h4.5z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M14 2.25a.75.75 0 0 1 .75.75v1.5H18A1.5 1.5 0 0 1 19.5 6v3.25H21a.75.75 0 0 1 0 1.5h-1.5v2.5H21a.75.75 0 0 1 0 1.5h-1.5V18a1.5 1.5 0 0 1-1.5 1.5h-3.25V21a.75.75 0 0 1-1.5 0v-1.5h-2.5V21a.75.75 0 0 1-1.5 0v-1.5H6A1.5 1.5 0 0 1 4.5 18v-3.25H3a.75.75 0 0 1 0-1.5h1.5v-2.5H3a.75.75 0 0 1 0-1.5h1.5V6A1.5 1.5 0 0 1 6 4.5h3.25V3a.75.75 0 0 1 1.5 0v1.5h2.5V3a.75.75 0 0 1 .75-.75m-5 6a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h6a.75.75 0 0 0 .75-.75V9a.75.75 0 0 0-.75-.75z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ v.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...v.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { d as default };
+export { x as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, jsxs as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a, 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 o } 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, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = l(), e = i !== null && i !== void 0 ? i : v === "brand" || v === "media" ? t.colors.neutralHighBrand : v === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), c = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(l !== null && l !== void 0 ? l : c), { skinName: s } = d(), h = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
             d: "M21.839 12.006a.41.41 0 0 1-.412.412l-2.827-.003v1.65h2.835a.414.414 0 0 1 0 .826h-2.829v2.647c0 .572-.53 1.073-1.132 1.073h-2.582v2.82a.412.412 0 0 1-.824 0v-2.82h-1.65v2.82a.412.412 0 0 1-.823 0v-2.82h-1.65v2.82a.414.414 0 0 1-.826 0v-2.82H6.536c-.602 0-1.132-.501-1.132-1.073v-2.647H2.567a.412.412 0 0 1 0-.823h2.837v-1.65H2.567a.412.412 0 0 1 0-.824h2.837v-1.65H2.567a.412.412 0 0 1 0-.826h2.835V6.496c0-.566.54-1.081 1.131-1.081h2.583V2.572a.412.412 0 0 1 .826 0v2.843h1.65V2.572a.412.412 0 0 1 .823 0v2.843h1.65V2.572c0-.227.185-.412.412-.412s.412.185.41.412v2.846h2.582c.594 0 1.131.515 1.131 1.08v2.623h2.83a.412.412 0 0 1 0 .823H18.6v1.65h2.827c.227 0 .412.185.412.412m-4.37 5.781c.154 0 .305-.14.305-.246V6.499c0-.1-.162-.255-.305-.255H6.536c-.143 0-.305.154-.305.255V17.54c0 .11.143.246.305.246z"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: r,
                 d: "M15 8.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75V9A.75.75 0 0 1 9 8.25zm-5.25 6h4.5v-4.5h-4.5z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: r,
                 d: "M14 2.25a.75.75 0 0 1 .75.75v1.25H18A1.75 1.75 0 0 1 19.75 6v3.25H21a.75.75 0 0 1 0 1.5h-1.25v2.5H21a.75.75 0 0 1 0 1.5h-1.25V18A1.75 1.75 0 0 1 18 19.75h-3.25V21a.75.75 0 0 1-1.5 0v-1.25h-2.5V21a.75.75 0 0 1-1.5 0v-1.25H6A1.75 1.75 0 0 1 4.25 18v-3.25H3a.75.75 0 0 1 0-1.5h1.25v-2.5H3a.75.75 0 0 1 0-1.5h1.25V6A1.75 1.75 0 0 1 6 4.25h3.25V3a.75.75 0 0 1 1.5 0v1.25h2.5V3a.75.75 0 0 1 .75-.75m-8 3.5a.25.25 0 0 0-.25.25v12a.25.25 0 0 0 .25.25h12a.25.25 0 0 0 .25-.25V6a.25.25 0 0 0-.25-.25z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ v.cloneElement(h, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...v.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { d as default };
+export { w as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, jsxs as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as r } 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, jsxs as m } from "react/jsx-runtime";
+import * as v 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: l, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = c(), e = o !== null && o !== void 0 ? o : v === "brand" || v === "media" ? r.colors.neutralHighBrand : v === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("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: r, gradientDef: i } = f(l !== null && l !== void 0 ? l : c), { skinName: s } = V(), h = 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__ */ h("path", {
-            fill: e,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
             d: "M21.844 12.006a.606.606 0 0 1-.605.605H18.67v1.213h2.569a.606.606 0 0 1 0 1.21H18.67v2.392c0 .667-.61 1.252-1.308 1.252h-2.328v2.56a.606.606 0 0 1-1.21 0v-2.56h-1.213v2.56a.606.606 0 0 1-1.21 0v-2.56h-1.213v2.56a.606.606 0 0 1-1.21 0v-2.56H6.65c-.708 0-1.308-.571-1.308-1.252v-2.392H2.765a.606.606 0 0 1 0-1.21h2.577V12.61H2.765a.606.606 0 0 1 0-1.21h2.577v-1.213H2.765a.606.606 0 0 1 0-1.21h2.577V6.61c0-.672.61-1.26 1.308-1.26h2.328V2.764a.606.606 0 0 1 1.21 0V5.35h1.213V2.765a.606.606 0 0 1 1.21 0V5.35h1.213V2.765a.606.606 0 0 1 1.21 0V5.35h2.328c.697 0 1.308.589 1.308 1.261v2.367h2.569a.606.606 0 0 1 0 1.21H18.67v1.213h2.569c.333 0 .605.272.605.605M6.648 17.468h10.711c.04 0 .09-.04.1-.059V14.44l-.002-.005.002-.008v-2.41l-.002-.008.003-.009V6.636a.17.17 0 0 0-.098-.07H6.65c-.03 0-.09.045-.1.076v2.937q.002.003.002.007l-.001.007-.001.007.002 2.398.003.008q0 .004-.002.007v5.414l.005.003c.015.01.052.038.09.038"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: r,
                 d: "M15 8.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75V9A.75.75 0 0 1 9 8.25zm-5.25 6h4.5v-4.5h-4.5z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: r,
                 d: "M14 2.25a.75.75 0 0 1 .75.75v1.25H18A1.75 1.75 0 0 1 19.75 6v3.25H21a.75.75 0 0 1 0 1.5h-1.25v2.5H21a.75.75 0 0 1 0 1.5h-1.25V18A1.75 1.75 0 0 1 18 19.75h-3.25V21a.75.75 0 0 1-1.5 0v-1.25h-2.5V21a.75.75 0 0 1-1.5 0v-1.25H6A1.75 1.75 0 0 1 4.25 18v-3.25H3a.75.75 0 0 1 0-1.5h1.25v-2.5H3a.75.75 0 0 1 0-1.5h1.25V6A1.75 1.75 0 0 1 6 4.25h3.25V3a.75.75 0 0 1 1.5 0v1.25h2.5V3a.75.75 0 0 1 .75-.75m-8 3.5a.25.25 0 0 0-.25.25v12a.25.25 0 0 0 .25.25h12a.25.25 0 0 0 .25-.25V6a.25.25 0 0 0-.25-.25z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ v.cloneElement(h, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...v.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { d as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-microphone-aura-disabled-filled.js

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: t, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+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 C = (_param)=>{
+    var { color: l, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), l = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = d(), s = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: m, gradientDef: n } = f(l !== null && l !== void 0 ? l : s), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ o("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ t("path", {
+            fill: m,
             d: "M6.968 6.582c0-2.792 1.552-4.332 4.372-4.332 1.86 0 3.169.672 3.843 1.929l-8.215 8.956zm-1.856 7.574a.82.82 0 0 0-.824-.816.817.817 0 1 0 0 1.635.82.82 0 0 0 .824-.819m13.278-.816a.817.817 0 1 0 0 1.635.82.82 0 0 0 .825-.819.82.82 0 0 0-.825-.816m-3.664 5.537a.96.96 0 0 0-.965.958c0 .527.43.955.965.957.533 0 .966-.43.966-.957a.963.963 0 0 0-.966-.958m1.733-1.321a.96.96 0 0 1 .966-.957c.532 0 .965.43.965.957a.963.963 0 0 1-.965.958.965.965 0 0 1-.966-.958m-8.506 1.321a.96.96 0 0 0-.966.958c0 .527.43.955.966.957.532 0 .965-.43.965-.957a.963.963 0 0 0-.965-.958m2.443 1.916c0-.53.433-.958.966-.958s.965.43.965.958a.963.963 0 0 1-.965.957.965.965 0 0 1-.966-.957m.94-3.148c2.823 0 4.372-1.54 4.372-4.333V8.34l-7.56 8.243c.739.699 1.812 1.065 3.185 1.065zM18.21 2.456a.545.545 0 0 1 .758-.04.52.52 0 0 1 .04.745L5.113 18.314a.57.57 0 0 1-.4.175.54.54 0 0 1-.359-.136.52.52 0 0 1-.04-.744z"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { h as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-microphone-aura-disabled-light.js

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as h } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), l = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const e = h(), m = e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: s, gradientDef: n } = d(l !== null && l !== void 0 ? l : m), t = /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
+            fill: s,
             d: "M18.52 13.34a.819.819 0 0 0 0 1.635.817.817 0 0 0 0-1.635m-3.624 5.537a.957.957 0 1 0 0 1.913.957.957 0 0 0 0-1.913m2.672-2.28a.957.957 0 1 0 0 1.913.957.957 0 0 0 0-1.913m-6.002 3.237a.957.957 0 1 0 .001 1.914.957.957 0 0 0 0-1.914m-6.185-5.677a.816.816 0 1 0-1.632 0 .816.816 0 0 0 1.632 0m2.808 4.72a.957.957 0 1 0 0 1.913.957.957 0 0 0 0-1.913M19.406 2.322a.28.28 0 0 0-.396.022L4.774 18.024a.273.273 0 0 0 .023.392c.053.047.12.072.188.072a.3.3 0 0 0 .207-.092L19.428 2.713a.273.273 0 0 0-.022-.391m-4.049 11.191a3.3 3.3 0 0 1-.99 2.368c-.64.633-1.487.98-2.392.98h-.867a3.38 3.38 0 0 1-2.64-1.252l-.378.416a3.95 3.95 0 0 0 3.018 1.391h.867c2.176 0 3.943-1.746 3.943-3.903V7.408l-.561.619v5.489zm-7.605.397a3 3 0 0 1-.022-.398V6.161c0-.894.35-1.736.99-2.369a3.37 3.37 0 0 1 2.392-.98h.867a3.38 3.38 0 0 1 3.334 2.774l.458-.505a3.94 3.94 0 0 0-3.79-2.827h-.866c-2.176 0-3.943 1.747-3.943 3.904v7.354c0 .317.04.625.11.92l.473-.523z"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { s as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-microphone-aura-disabled-regular.js

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: t, size: e = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = l(), i = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = d(), s = e === "brand" || e === "media" ? a.colors.neutralHighBrand : e === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: m, gradientDef: n } = g(l !== null && l !== void 0 ? l : s), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
-        children: /* @__PURE__ */ o("path", {
-            fill: i,
+        children: /* @__PURE__ */ t("path", {
+            fill: m,
             d: "M20.072 2.403a.544.544 0 0 0-.758.039L5.43 17.604a.52.52 0 0 0 .04.744.54.54 0 0 0 .36.137.57.57 0 0 0 .398-.175L20.112 3.146a.52.52 0 0 0-.04-.744m-1.635 14.247a.957.957 0 0 0-.964.947c0 .522.433.947.964.947a.955.955 0 0 0 .965-.947.955.955 0 0 0-.965-.947M9.023 12.1V6.74c0-2.207 1.092-3.28 3.338-3.28s2.611.542 3.061 1.65l.891-.974c-.721-1.23-2.065-1.886-3.954-1.886-2.948 0-4.569 1.594-4.569 4.488v6.703l1.23-1.344zm3.362 7.753a.96.96 0 0 0-.965.95c0 .525.433.947.964.947a.957.957 0 0 0 .965-.947.96.96 0 0 0-.965-.95m-3.404-.947a.955.955 0 0 0-.964.947c0 .525.432.95.964.95a.96.96 0 0 0 .965-.95.955.955 0 0 0-.965-.947m-2.834-4.67a.813.813 0 0 0-.823-.809.815.815 0 0 0-.823.809c0 .447.368.808.823.808a.815.815 0 0 0 .823-.808m9.598 4.67a.957.957 0 0 0-.965.947c0 .522.433.95.964.95a.96.96 0 0 0 .965-.95.955.955 0 0 0-.964-.947m3.655-5.481a.816.816 0 0 0-.823.808c0 .444.367.808.823.808a.815.815 0 0 0 .823-.808.815.815 0 0 0-.823-.808m-3.699-.031c0 2.205-1.093 3.28-3.339 3.28-1.583 0-1.958-.274-2.475-.778l-.832.908c.772.708 1.884 1.08 3.307 1.08 2.948 0 4.569-1.593 4.569-4.487V8.204L15.696 9.55v3.85z"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { h as default };
+export { C as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+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 C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), n = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = d(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: m, gradientDef: a } = f(l !== null && l !== void 0 ? l : c), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
-            fill: n,
+    }, s), {
+        children: /* @__PURE__ */ t("path", {
+            fill: m,
             d: "M16.323 6.53c0-2.82-1.535-4.375-4.325-4.375S7.67 3.71 7.67 6.53v6.79c0 2.821 1.535 4.376 4.325 4.376 2.793 0 4.328-1.555 4.328-4.376zm-3.348 14.345a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.966.96.96 0 0 0 .955-.966m2.373-1.933a.96.96 0 0 1 .955.966.96.96 0 0 1-.955.967.96.96 0 0 1-.955-.966.96.96 0 0 1 .955-.967m3.627-1.336a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.966.96.96 0 0 0 .955-.966m0-4.255a.82.82 0 0 1 .816.824.82.82 0 0 1-.816.826.82.82 0 0 1-.815-.826.82.82 0 0 1 .815-.824m-9.372 6.557a.96.96 0 0 0-.955-.966.957.957 0 0 0-.956.966.96.96 0 0 0 .956.967.96.96 0 0 0 .955-.966M5.975 16.64a.96.96 0 0 1 .956.966.96.96 0 0 1-.956.966.96.96 0 0 1-.955-.966.96.96 0 0 1 .955-.966M5.02 15a.82.82 0 0 0 .815-.825.82.82 0 0 0-.815-.824.82.82 0 0 0-.815.824.82.82 0 0 0 .815.826"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { s as default };
+export { C as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), n = e !== null && e !== void 0 ? e : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = d(), s = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: m, gradientDef: a } = g(l !== null && l !== void 0 ? l : s), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: n,
+    }, c), {
+        children: /* @__PURE__ */ r("path", {
+            fill: m,
             d: "M11.998 2.155c2.79 0 4.325 1.555 4.325 4.375v6.79c0 2.821-1.535 4.376-4.328 4.376-2.79 0-4.325-1.555-4.325-4.376V6.53c0-2.82 1.538-4.375 4.328-4.375m3.51 11.162V6.53c0-2.355-1.183-3.549-3.51-3.549s-3.51 1.194-3.51 3.55v6.79c0 2.352 1.182 3.548 3.51 3.548s3.51-1.196 3.51-3.552m-2.533 7.558a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.966.96.96 0 0 0 .955-.966m2.373-1.933a.96.96 0 0 1 .955.966.96.96 0 0 1-.955.967.96.96 0 0 1-.955-.966.96.96 0 0 1 .955-.967m3.627-1.336a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.966.96.96 0 0 0 .955-.966m0-4.255a.82.82 0 0 1 .815.824.82.82 0 0 1-.815.826.82.82 0 0 1-.815-.826.82.82 0 0 1 .815-.824M9.6 19.908a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.967.96.96 0 0 0 .955-.966M5.975 16.64a.96.96 0 0 1 .955.966.96.96 0 0 1-.955.966.96.96 0 0 1-.955-.966c0-.532.429-.966.955-.966M5.02 15a.82.82 0 0 0 .815-.825.82.82 0 0 0-.815-.824.82.82 0 0 0-.815.824.82.82 0 0 0 .815.826"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { h as default };
+export { C as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), n = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = d(), m = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: s, gradientDef: a } = g(l !== null && l !== void 0 ? l : m), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
-            fill: n,
+    }, c), {
+        children: /* @__PURE__ */ t("path", {
+            fill: s,
             d: "M11.998 2.155c2.921 0 4.529 1.61 4.529 4.532v6.72c0 2.922-1.608 4.532-4.53 4.532-2.921 0-4.529-1.61-4.529-4.532v-6.72c0-2.921 1.608-4.532 4.53-4.532m3.308 11.252v-6.72c0-2.227-1.082-3.31-3.308-3.31s-3.309 1.08-3.309 3.31v6.72c0 2.227 1.082 3.311 3.309 3.311 2.226 0 3.308-1.084 3.308-3.31m-2.33 7.48a.957.957 0 0 0-.956-.959.957.957 0 0 0 0 1.913.956.956 0 0 0 .955-.955m2.372-1.914a.956.956 0 1 1-.003 1.913.956.956 0 0 1 .003-1.913m3.627-1.325a.956.956 0 0 0-1.91 0 .956.956 0 0 0 1.91 0m0-4.21a.814.814 0 1 1 0 1.63.814.814 0 1 1 0-1.63m-9.372 6.49a.956.956 0 1 0-1.913.002.956.956 0 0 0 1.913-.002m-3.628-3.235a.956.956 0 0 1 0 1.91.956.956 0 0 1 0-1.91M5.02 15.07a.814.814 0 0 0 .815-.815.814.814 0 1 0-.815.815"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { h as default };
+export { C as default };