@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: t, size: l = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: i, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), r = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? c.colors.neutralHighBrand : a === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh;
-    return /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const a = m(), s = a === "brand" || a === "media" ? t.colors.neutralHighBrand : a === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { fillValue: r, gradientDef: o } = f(i !== null && i !== void 0 ? i : s), c = /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ l("path", {
                 fill: r,
                 d: "M17.335 14.98a.3.3 0 0 1 .12-.059h.006c.283-.072.562-.138.858-.206l.043-.01c.283-.066.605-.142.92-.223.612-.154 1.005-.8.86-1.414l-.038-.162a6 6 0 0 0-.15-.56l-.013-.033a1.2 1.2 0 0 0-.57-.59 1.24 1.24 0 0 0-.818-.101c-.308.07-.621.143-.898.209l-.075.017-.327.077q.067-.059.122-.117c.668-.689.896-1.746.568-2.63a2.58 2.58 0 0 0-1.265-1.407 2.67 2.67 0 0 0-1.897-.19 2.64 2.64 0 0 0-1.456 1.013c-.741 1.014-.564 2.508.392 3.334l-.346-.081-.117-.028a37 37 0 0 0-.87-.199h-.004a1.23 1.23 0 0 0-.845.132 1.2 1.2 0 0 0-.55.653l-.007.024a8 8 0 0 0-.175.721l-.003.022c-.039.294.033.592.204.836.168.243.42.416.711.49.305.075.617.148.895.213l.019.004c.284.066.578.136.865.205a.4.4 0 0 1 .134.063.1.1 0 0 1 .02.02l.005.032c.003.014-.005.037-.012.054a.7.7 0 0 1-.11.162q-.245.3-.494.6l-.052.063c-.423.512-.861 1.043-1.293 1.574a1.18 1.18 0 0 0-.262.916c.044.339.222.64.49.827.05.035.1.078.163.13l.016.013c.059.049.124.104.196.156a1.25 1.25 0 0 0 1.779-.24q.292-.355.594-.715l.023-.029.716-.863.012-.015a.3.3 0 0 1 .061-.062q.022.018.045.046.267.317.536.644c.297.358.603.728.916 1.093.201.236.493.38.82.405l.098.004c.299 0 .586-.104.8-.29.048-.04.1-.081.17-.134l.007-.005c.064-.048.136-.102.207-.162a1.3 1.3 0 0 0 .404-.559 1.2 1.2 0 0 0-.218-1.169l-1.843-2.239a.8.8 0 0 1-.104-.156.1.1 0 0 1-.01-.038l.004-.028s.004-.015.027-.035zm1.03 3.742a4 4 0 0 0-.211.166.4.4 0 0 1-.296.088.38.38 0 0 1-.264-.122 73 73 0 0 1-.894-1.067l-.028-.034q-.258-.314-.526-.633a1.1 1.1 0 0 0-.303-.256.76.76 0 0 0-.37-.1.7.7 0 0 0-.172.02l-.027.008-.025.01a1.13 1.13 0 0 0-.482.365c-.242.295-.487.588-.723.872l-.003.004-.608.733-.019.024a.4.4 0 0 1-.17.138.43.43 0 0 1-.223.035h-.017a.46.46 0 0 1-.228-.107 3 3 0 0 1-.162-.13l-.009-.007c-.053-.044-.132-.111-.218-.171a.37.37 0 0 1-.148-.261.36.36 0 0 1 .075-.283l.007-.008c.426-.523.863-1.053 1.286-1.566l.065-.077.49-.594c.095-.114.382-.457.293-.898-.066-.426-.437-.665-.765-.75a84 84 0 0 0-.888-.211h-.006c-.315-.076-.6-.142-.885-.212a.4.4 0 0 1-.236-.161.38.38 0 0 1-.065-.253c.043-.226.104-.453.152-.623a.4.4 0 0 1 .174-.2.42.42 0 0 1 .282-.045c.28.06.554.125.847.196l.118.027c.309.074.64.152.97.217a.68.68 0 0 0 .742-.268c.154-.218.203-.557-.035-.823l-.024-.023c-.112-.107-.238-.189-.329-.249l-.007-.004a2 2 0 0 1-.224-.161l-.013-.013c-.641-.545-.767-1.572-.274-2.243l.004-.005c.24-.34.598-.588 1.006-.699a1.85 1.85 0 0 1 1.315.134c.403.204.711.546.866.962.222.595.065 1.31-.39 1.778l-.006.006c-.06.065-.14.123-.248.196l-.047.032a3 3 0 0 0-.32.234.65.65 0 0 0-.216.617c.04.22.184.403.38.488a.7.7 0 0 0 .397.06c.05-.006.096-.015.124-.021l.01-.002.056-.01.03-.005q.436-.1.87-.204l.027-.006q.437-.104.887-.207a.42.42 0 0 1 .277.035.4.4 0 0 1 .18.176c.045.137.076.271.113.426v.005l.048.199c.04.176-.09.384-.269.43-.307.078-.624.152-.902.216l-.033.008c-.289.068-.586.136-.882.212-.302.073-.683.314-.758.746-.09.423.189.767.282.882l1.846 2.242.004.005a.4.4 0 0 1 .086.18.37.37 0 0 1-.015.194l-.002.005a.5.5 0 0 1-.16.2q-.079.066-.174.136l-.007.004z"
             }),
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ l("path", {
                 fill: r,
                 d: "M10.982 2.037c-.481-.105-.986.014-1.497.352-.248.165-.485.422-.726.784q-.263.4-.52.955c-.119.257-.234.536-.334.805-.1-.27-.216-.55-.335-.806a7.5 7.5 0 0 0-.52-.955c-.24-.362-.477-.62-.727-.785-.51-.335-1.013-.454-1.495-.35-.48.104-.892.418-1.223.934-.33.516-.445 1.02-.345 1.497q.073.346.291.648c-.86.096-1.535.797-1.55 1.671L2 6.795v13.703c.017.933.785 1.67 1.728 1.682h16.544c.943-.013 1.711-.75 1.728-1.682V6.787c-.017-.933-.785-1.67-1.728-1.682h-8.007q.21-.297.282-.637c.1-.478-.015-.982-.345-1.498h.002c-.33-.515-.742-.83-1.222-.933M7.096 5.105H4.795a1 1 0 0 1-.166-.087q-.486-.322-.568-.717c-.055-.26.023-.56.233-.89.208-.326.447-.52.707-.575a1 1 0 0 1 .164-.017q.326 0 .707.251c.287.19.626.687.956 1.402a11 11 0 0 1 .268.633m3.915 0H8.713a10 10 0 0 1 .267-.632c.332-.714.67-1.212.956-1.402q.482-.316.871-.235c.26.055.5.249.708.575q.316.495.233.89-.083.394-.569.716-.071.046-.168.088m-.031 3.097-2.192-2.28h11.476c.517.01.908.407.918.877v13.687c-.01.47-.4.868-.918.877H3.736c-.517-.009-.908-.406-.918-.877V6.8c.01-.47.4-.868.918-.876h3.131L4.676 8.202a.409.409 0 1 0 .59.567l2.562-2.665 2.562 2.665a.409.409 0 1 0 .59-.567"
             })
         ]
     }));
+    return o ? /*#__PURE__*/ n.cloneElement(c, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...n.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { m as default };
+export { V as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: i, size: t = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = h(), r = t !== null && t !== void 0 ? t : c === "brand" || c === "media" ? l.colors.neutralHighBrand : c === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const c = d(), h = c === "brand" || c === "media" ? e.colors.neutralHighBrand : c === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { fillValue: r, gradientDef: o } = f(i !== null && i !== void 0 ? i : h), l = /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, s), {
         children: [
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ a("path", {
                 fill: r,
                 d: "m18.148 15.236.002.001-.04.01c-.26.06-.505.117-.751.179l.004.005 1.741 2.115a1.33 1.33 0 0 1 .239 1.292c-.103.3-.3.492-.44.611a4 4 0 0 1-.185.147l-.02.014-.007.006a3 3 0 0 0-.15.118 1.34 1.34 0 0 1-.989.316 1.3 1.3 0 0 1-.909-.45 71 71 0 0 1-.861-1.028l-.006-.008-.4-.482-.592.714-.027.033-.067.081-.073.087-.417.503a1.36 1.36 0 0 1-.541.435 1.4 1.4 0 0 1-.698.112 1.35 1.35 0 0 1-.709-.282 4 4 0 0 1-.169-.134l-.023-.02-.018-.015a2 2 0 0 0-.142-.113 1.32 1.32 0 0 1-.543-.915 1.32 1.32 0 0 1 .292-1.016c.405-.497.817-.996 1.216-1.48l.522-.632.007-.008.003-.004.003-.004c-.2-.05-.405-.098-.606-.145l-.155-.037-.04-.009-.19-.045h-.002l-.634-.152c-.321-.08-.6-.273-.786-.54a1.32 1.32 0 0 1-.224-.927l.004-.026c.049-.262.116-.514.17-.703l.009-.028c.108-.31.324-.568.61-.728.28-.157.61-.209.929-.146q.348.076.677.154c-.59-.866-.609-2.073.022-2.937a2.7 2.7 0 0 1 1.482-1.03 2.7 2.7 0 0 1 1.932.196c.6.303 1.058.813 1.29 1.436.284.765.162 1.655-.297 2.338l.65-.15a1.35 1.35 0 0 1 1.53.764l.016.04c.066.192.111.383.15.553l.006.02.019.08.013.053c.162.681-.275 1.4-.954 1.57a38 38 0 0 1-.83.201zm-.262-1.13-.001.002.03-.007c.257-.06.542-.127.817-.197.069-.017.129-.11.114-.175l-.033-.136-.011-.05-.006-.023a4 4 0 0 0-.093-.354.2.2 0 0 0-.076-.069.2.2 0 0 0-.135-.016q-.342.078-.68.158l-.155.037-.025.006-.163.038-.661.154-.035.007q-.017.001-.033.006l-.015.003-.01.002a1 1 0 0 1-.135.023.83.83 0 0 1-.481-.075.81.81 0 0 1-.465-.6.81.81 0 0 1 .272-.768c.107-.093.225-.17.319-.233l.044-.03c.09-.06.155-.107.2-.155l.007-.007c.38-.392.512-.986.328-1.48a1.48 1.48 0 0 0-.726-.805 1.55 1.55 0 0 0-1.106-.112 1.53 1.53 0 0 0-.843.587c-.413.563-.308 1.415.223 1.867l.016.014c.041.038.095.073.177.127l.012.008c.1.065.226.148.345.26l.028.029c.303.335.244.755.055 1.023a.83.83 0 0 1-.907.33 26 26 0 0 1-.915-.204l-.112-.027-.063-.015c-.252-.06-.491-.117-.734-.169a.2.2 0 0 0-.132.022.17.17 0 0 0-.075.082 7 7 0 0 0-.135.555.16.16 0 0 0 .029.1.2.2 0 0 0 .111.076c.268.066.536.129.833.198q.421.097.847.202c.37.094.792.37.868.866.066.328-.041.668-.32 1.002l-.524.633c-.399.482-.81.981-1.215 1.479l-.01.01a.17.17 0 0 0-.025.12.16.16 0 0 0 .058.111c.088.063.168.129.22.173l.007.006q.079.067.145.116c.07.053.102.062.114.064h.018a.2.2 0 0 0 .118-.017.2.2 0 0 0 .081-.066l.021-.028q.195-.238.384-.463l.181-.219.015-.018.686-.827a1.25 1.25 0 0 1 .534-.403l.073-.024a1 1 0 0 1 .21-.026c.15 0 .304.041.444.12q.182.101.34.285l.482.581.043.051c.273.33.557.671.843 1.006.022.026.067.044.117.048a.2.2 0 0 0 .139-.036c.072-.063.143-.116.201-.16l.009-.006.005-.004q.087-.064.154-.12c.075-.065.093-.096.096-.106a.2.2 0 0 0 .009-.091.2.2 0 0 0-.039-.08l-1.75-2.127h-.002c-.102-.128-.41-.507-.305-.997.086-.495.518-.77.86-.853.28-.072.562-.138.836-.2z"
             }),
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ a("path", {
                 fill: r,
                 d: "M10.97 2.04c.56.116 1.035.46 1.412 1.024h-.002c.385.577.517 1.152.395 1.71q-.079.364-.297.681h7.631c1.005.014 1.872.776 1.89 1.797l.001.011V20.18c-.02 1.022-.886 1.784-1.89 1.797H3.89c-1.005-.013-1.872-.775-1.89-1.797V7.251c.016-.84.603-1.503 1.37-1.721a1.9 1.9 0 0 1-.35-.754c-.121-.554.015-1.145.395-1.711.325-.485.9-1.063 1.805-1.063.432 0 .87.14 1.305.415.397.251.767.693 1.132 1.352q.12.22.24.466.118-.247.24-.469c.365-.658.735-1.1 1.132-1.351.574-.364 1.146-.49 1.7-.375M9.913 3.432c-.27.172-.595.629-.914 1.287a10 10 0 0 0-.304.702c.25.015.516.02.765.016.767-.013 1.34-.115 1.611-.286q.456-.289.53-.633.075-.341-.22-.784c-.393-.59-.86-.685-1.468-.302m-4.69-.23c-.305 0-.569.176-.806.531q-.295.443-.22.785.076.343.53.632c.272.17.844.273 1.611.286.25.004.515 0 .766-.016a9 9 0 0 0-.305-.702c-.318-.658-.643-1.115-.914-1.287q-.36-.229-.662-.229m4.14 3.456 1.773 1.774a.601.601 0 0 1-.85.85L7.911 6.906 5.536 9.281a.601.601 0 0 1-.85-.85L6.46 6.657H3.903c-.423.008-.692.312-.7.613v12.891c.008.301.277.606.7.613h16.194c.423-.007.692-.312.7-.613V7.271c-.008-.302-.277-.606-.7-.614z"
             })
         ]
     }));
+    return o ? /*#__PURE__*/ n.cloneElement(l, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...n.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { s as default };
+export { V as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as t } 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 d = (_param)=>{
-    var { color: e, size: l = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as m } 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 V = (_param)=>{
+    var { color: s, size: o = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), o = e !== null && e !== void 0 ? e : 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: l,
-        height: l,
+    const e = m(), c = e === "brand" || e === "media" ? a.colors.neutralHighBrand : e === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: l } = g(s !== null && s !== void 0 ? s : c), t = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, d), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M15.648 9.765a.75.75 0 0 1 .602.735v3l-.015.148a.75.75 0 0 1-.587.587l-.148.015a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 .75-.75z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M19 4.5A2.5 2.5 0 0 1 21.5 7v10a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 17V7A2.5 2.5 0 0 1 5 4.5zm-7.763 3.788a.75.75 0 0 0-.949.475L9 12.627 7.712 8.763a.75.75 0 0 0-1.424.474l2 6a.75.75 0 0 0 1.424 0l2-6a.75.75 0 0 0-.475-.949M15.5 8.25a2.25 2.25 0 0 0-2.25 2.25v3a2.25 2.25 0 0 0 2.25 2.25l.223-.01a2.25 2.25 0 0 0 2.027-2.24v-3a2.25 2.25 0 0 0-2.027-2.24z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { d as default };
+export { V as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: i, size: t = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import * as l from "react";
+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 C = (_param)=>{
+    var { color: s, size: n = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), o = i !== null && i !== void 0 ? i : 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: t,
-        height: t,
+    const t = f(), c = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(s !== null && s !== void 0 ? s : c), e = /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, d), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M10.288 8.763a.75.75 0 0 1 1.424.474l-2 6a.75.75 0 0 1-1.424 0l-2-6a.75.75 0 0 1 1.424-.474L9 12.627zM15.5 8.25a2.25 2.25 0 0 1 2.25 2.25v3a2.25 2.25 0 0 1-4.5 0v-3a2.25 2.25 0 0 1 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-.75-.75"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: o,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M19 4.25A2.75 2.75 0 0 1 21.75 7v10A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17V7A2.75 2.75 0 0 1 5 4.25zM5 5.75A1.25 1.25 0 0 0 3.75 7v10A1.25 1.25 0 0 0 5 18.25h14A1.25 1.25 0 0 0 20.25 17V7A1.25 1.25 0 0 0 19 5.75z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { c as default };
+export { C as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as e } 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 c = (_param)=>{
-    var { color: l, size: o = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as f } 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 h } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: s, size: a = 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: o,
-        height: o,
+    const e = g(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: l } = h(s !== null && s !== void 0 ? s : c), t = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, d), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M10.288 8.763a.75.75 0 0 1 1.424.474l-2 6a.75.75 0 0 1-1.424 0l-2-6a.75.75 0 0 1 1.424-.474L9 12.627zM15.5 8.25a2.25 2.25 0 0 1 2.25 2.25v3a2.25 2.25 0 0 1-4.5 0v-3a2.25 2.25 0 0 1 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-.75-.75"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M19 4.25A2.75 2.75 0 0 1 21.75 7v10A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17V7A2.75 2.75 0 0 1 5 4.25zM5 5.75A1.25 1.25 0 0 0 3.75 7v10A1.25 1.25 0 0 0 5 18.25h14A1.25 1.25 0 0 0 20.25 17V7A1.25 1.25 0 0 0 19 5.75z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, 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 t } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: a = 24 } = _param, c = _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 n } 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, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), e = r !== null && r !== void 0 ? r : h === "brand" || h === "media" ? t.colors.neutralHighBrand : h === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: o } = m();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = f(), m = l === "brand" || l === "media" ? n.colors.neutralHighBrand : l === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(s !== null && s !== void 0 ? s : m), { skinName: i } = v(), o = i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M21.518 3.853v16.294c0 1.019-.79 1.853-1.765 1.853H4.235c-.97 0-1.765-.83-1.765-1.853V3.853C2.47 2.834 3.26 2 4.235 2h15.522c.97.005 1.76.834 1.76 1.853m-9.878 9.905c.875 0 1.589-.872 1.589-1.943 0-1.07-.713-1.943-1.59-1.943-.875 0-1.589.872-1.589 1.943s.714 1.943 1.59 1.943m4.415-3.796h.88c.876 0 1.59.825 1.59 1.848s-.714 1.853-1.59 1.853h-.88zm-8.253-.753-1.269 3.464L5.265 9.21a.52.52 0 0 0-.682-.318.56.56 0 0 0-.302.716l1.756 4.815.002.005.002.004a.4.4 0 0 0 .073.128q.003.008.009.012l.009.012a.6.6 0 0 0 .108.1.5.5 0 0 0 .104.056q.005-.001.018.005a.5.5 0 0 0 .171.033.5.5 0 0 0 .172-.033q.007.001.018-.005a.5.5 0 0 0 .117-.066c.03-.019.052-.044.077-.07l.018-.02c.01-.01.014-.014.018-.024a.6.6 0 0 0 .073-.128l.002-.004.002-.005 1.765-4.815c.095-.285-.04-.607-.311-.716a.52.52 0 0 0-.682.318m6.488 2.606c0-1.682-1.188-3.057-2.646-3.057S9 10.128 9 11.815s1.187 3.057 2.645 3.057 2.646-1.374 2.646-3.057m2.645-2.962h-1.941v5.924h1.941c1.459 0 2.646-1.327 2.646-2.962s-1.187-2.962-2.646-2.962"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M21.518 3.853v16.294c0 1.019-.79 1.853-1.765 1.853H4.235c-.97 0-1.765-.83-1.765-1.853V3.853C2.47 2.834 3.26 2 4.235 2h15.522c.97.005 1.76.834 1.76 1.853m-9.878 9.905c.875 0 1.589-.872 1.589-1.943 0-1.07-.713-1.943-1.59-1.943-.875 0-1.589.872-1.589 1.943s.714 1.943 1.59 1.943m4.415-3.796h.88c.876 0 1.59.825 1.59 1.848s-.714 1.853-1.59 1.853h-.88zm-8.253-.753-1.269 3.464L5.265 9.21a.52.52 0 0 0-.682-.318.56.56 0 0 0-.302.716l1.756 4.815.002.005.002.004a.4.4 0 0 0 .073.128q.003.008.009.012l.009.012a.6.6 0 0 0 .108.1.5.5 0 0 0 .104.056q.005-.001.018.005a.5.5 0 0 0 .171.033.5.5 0 0 0 .172-.033q.007.001.018-.005a.5.5 0 0 0 .117-.066c.03-.019.052-.044.077-.07l.018-.02c.01-.01.014-.014.018-.024a.6.6 0 0 0 .073-.128l.002-.004.002-.005 1.765-4.815c.095-.285-.04-.607-.311-.716a.52.52 0 0 0-.682.318m6.488 2.606c0-1.682-1.188-3.057-2.646-3.057S9 10.128 9 11.815s1.187 3.057 2.645 3.057 2.646-1.374 2.646-3.057m2.645-2.962h-1.941v5.924h1.941c1.459 0 2.646-1.327 2.646-2.962s-1.187-2.962-2.646-2.962"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M12.447 9.765a.75.75 0 0 1 .603.735v3l-.015.148a.75.75 0 0 1-.588.587l-.147.015a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 .75-.75zm5.5 0a.75.75 0 0 1 .603.735v3a.75.75 0 0 1-.75.75h-.75v-4.5h.75z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M19.777 4.5c.706 0 1.393.252 1.907.714.515.464.816 1.105.816 1.786v10c0 .681-.301 1.322-.816 1.786-.514.462-1.2.714-1.907.714H4.223a2.85 2.85 0 0 1-1.907-.714A2.4 2.4 0 0 1 1.5 17V7c0-.681.301-1.322.816-1.786A2.86 2.86 0 0 1 4.223 4.5zM9.037 8.288a.75.75 0 0 0-.95.475L6.8 12.627 5.512 8.763a.75.75 0 0 0-1.424.474l2 6a.75.75 0 0 0 1.424 0l2-6a.75.75 0 0 0-.475-.949M12.3 8.25a2.25 2.25 0 0 0-2.25 2.25v3a2.25 2.25 0 0 0 2.25 2.25l.223-.01a2.25 2.25 0 0 0 2.027-2.24v-3a2.25 2.25 0 0 0-2.027-2.24zm4 0a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h1.5a2.25 2.25 0 0 0 2.25-2.25v-3a2.25 2.25 0 0 0-2.25-2.25z"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { x as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, 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 l } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, 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 C = (_param)=>{
+    var { color: m, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), h = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: o } = m();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: l } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = v(), o = h.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M22 4.223v15.554A2.226 2.226 0 0 1 19.777 22H4.223A2.226 2.226 0 0 1 2 19.777V4.223C2 3 2.995 2 4.223 2h15.554A2.23 2.23 0 0 1 22 4.223m-7.59 7.595c0 1.683-1.246 3.057-2.777 3.057s-2.778-1.37-2.778-3.057c0-1.688 1.246-3.058 2.778-3.058 1.53 0 2.778 1.375 2.778 3.058m-5.593-2.21-1.854 4.817-.002.005-.002.004a.4.4 0 0 1-.095.152.6.6 0 0 1-.1.09q-.008.009-.014.01a.5.5 0 0 1-.11.056q-.005-.001-.018.005a.6.6 0 0 1-.18.033.6.6 0 0 1-.18-.033q-.006.001-.02-.005a.5.5 0 0 1-.123-.066.5.5 0 0 1-.1-.09c-.009-.01-.013-.014-.018-.024a.6.6 0 0 1-.076-.128l-.002-.004q-.002-.001-.003-.005L4.076 9.608A.554.554 0 1 1 5.11 9.21l1.333 3.465L7.774 9.21a.55.55 0 0 1 .716-.317.55.55 0 0 1 .327.715m2.81.266c-.919 0-1.668.872-1.668 1.944 0 1.071.75 1.943 1.669 1.943.92 0 1.668-.872 1.668-1.943s-.748-1.944-1.668-1.944m8.34 1.944c0 1.635-1.247 2.962-2.779 2.962H15.15V8.855h2.038c1.532 0 2.778 1.327 2.778 2.963m-2.783-1.854h-.925v3.702h.925c.924.005 1.668-.83 1.668-1.849s-.749-1.853-1.668-1.853m2.598-6.48H4.223a.74.74 0 0 0-.74.74v15.553c0 .407.333.74.74.74h15.554a.74.74 0 0 0 .74-.74V4.223h.004a.74.74 0 0 0-.74-.74"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M4.245 2h15.518c.97 0 1.76.815 1.765 1.816V19.82c0 .824-.547 1.55-1.327 1.755a.35.35 0 0 1-.43-.26.36.36 0 0 1 .254-.443c.469-.125.794-.558.794-1.052V3.816c0-.6-.474-1.09-1.056-1.09H4.245c-.582 0-1.056.49-1.056 1.09V19.83c0 .601.474 1.09 1.056 1.09H15.88c.194 0 .352.163.352.363s-.158.363-.352.363H4.245c-.975 0-1.765-.82-1.765-1.82V3.82C2.48 2.815 3.274 2 4.245 2m7.407 6.816c1.363 0 2.469 1.266 2.469 2.816s-1.106 2.817-2.47 2.817c-1.362 0-2.468-1.266-2.468-2.817 0-1.55 1.106-2.816 2.469-2.816m-3.223.116c.18.075.27.284.203.47l-1.765 4.73-.002.005-.002.005q-.007.013-.018.028a.3.3 0 0 1-.054.079l-.028.028a.2.2 0 0 1-.08.05q-.013.008-.019.015h-.009a.3.3 0 0 1-.117.023.4.4 0 0 1-.118-.023h-.009q-.012-.008-.018-.014a1 1 0 0 1-.08-.051l-.028-.028a.3.3 0 0 1-.04-.056l-.014-.023q-.004-.008-.01-.014l-.008-.014-.002-.005-.003-.005-1.76-4.73a.37.37 0 0 1 .203-.47c.18-.07.384.023.456.21l1.435 3.845 1.436-3.845a.346.346 0 0 1 .451-.21m1.458 2.705c0 1.154.79 2.09 1.765 2.09s1.765-.936 1.765-2.09c-.005-1.155-.795-2.09-1.765-2.09s-1.765.94-1.765 2.09m9.524 0c0 1.504-1.106 2.728-2.47 2.728h-1.764V8.909h1.765c1.358 0 2.469 1.224 2.469 2.728m-2.474-2.002h-1.056v4h1.056c.975.004 1.765-.895 1.765-1.998s-.79-2.002-1.765-2.002m1.06 10.913a.716.716 0 0 0-.703.726c0 .4.316.726.704.726a.716.716 0 0 0 .704-.726c0-.4-.316-.727-.704-.727"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M8.088 8.763a.75.75 0 0 1 1.424.474l-2 6a.75.75 0 0 1-1.424 0l-2-6a.751.751 0 0 1 1.424-.474L6.8 12.627zM12.3 8.25a2.25 2.25 0 0 1 2.25 2.25v3a2.25 2.25 0 0 1-4.5 0v-3a2.25 2.25 0 0 1 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-.75-.75m5.5-1.5a2.25 2.25 0 0 1 2.25 2.25v3a2.25 2.25 0 0 1-2.25 2.25h-1.5a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-.75 6h.75a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-.75z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M19.777 4.25a3.1 3.1 0 0 1 2.074.778c.564.508.899 1.216.899 1.972v10c0 .756-.335 1.463-.9 1.972a3.1 3.1 0 0 1-2.073.778H4.223a3.1 3.1 0 0 1-2.074-.778A2.65 2.65 0 0 1 1.25 17V7c0-.756.335-1.464.9-1.972a3.1 3.1 0 0 1 2.073-.778zM4.223 5.75c-.415 0-.8.15-1.07.394A1.16 1.16 0 0 0 2.75 7v10c0 .304.134.614.402.856.272.245.656.394 1.07.394h15.555c.415 0 .8-.15 1.07-.394A1.15 1.15 0 0 0 21.25 17V7c0-.304-.134-.614-.402-.856a1.6 1.6 0 0 0-1.07-.394z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { C as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, 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: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = n(), e = l !== null && l !== void 0 ? l : c === "brand" || c === "media" ? r.colors.neutralHighBrand : c === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = m();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = f(), s = o === "brand" || o === "media" ? c.colors.neutralHighBrand : o === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: t, gradientDef: h } = g(m !== null && m !== void 0 ? m : s), { skinName: l } = d(), n = l.match(/^o2-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,
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M22 4.223v15.554A2.226 2.226 0 0 1 19.777 22H4.223A2.226 2.226 0 0 1 2 19.777V4.223C2 3 2.995 2 4.223 2h15.554A2.23 2.23 0 0 1 22 4.223m-7.59 7.595c0 1.683-1.246 3.057-2.777 3.057s-2.778-1.37-2.778-3.057c0-1.688 1.246-3.058 2.778-3.058 1.53 0 2.778 1.375 2.778 3.058m-5.593-2.21-1.854 4.817-.002.005-.002.004a.4.4 0 0 1-.095.152.6.6 0 0 1-.1.09q-.008.009-.014.01a.5.5 0 0 1-.11.056q-.005-.001-.018.005a.6.6 0 0 1-.18.033.6.6 0 0 1-.18-.033q-.006.001-.02-.005a.5.5 0 0 1-.123-.066.5.5 0 0 1-.1-.09c-.009-.01-.013-.014-.018-.024a.6.6 0 0 1-.076-.128l-.002-.004q-.002-.001-.003-.005L4.076 9.608A.554.554 0 1 1 5.11 9.21l1.333 3.465L7.774 9.21a.55.55 0 0 1 .716-.317.55.55 0 0 1 .327.715m2.81.266c-.919 0-1.668.872-1.668 1.944 0 1.071.75 1.943 1.669 1.943.92 0 1.668-.872 1.668-1.943s-.748-1.944-1.668-1.944m8.34 1.944c0 1.635-1.247 2.962-2.779 2.962H15.15V8.855h2.038c1.532 0 2.778 1.327 2.778 2.963m-2.783-1.854h-.925v3.702h.925c.924.005 1.668-.83 1.668-1.849s-.749-1.853-1.668-1.853m2.598-6.48H4.223a.74.74 0 0 0-.74.74v15.553c0 .407.333.74.74.74h15.554a.74.74 0 0 0 .74-.74V4.223h.004a.74.74 0 0 0-.74-.74"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : l.match(/^o2/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,
+    }, r), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M22 4.223v15.554A2.226 2.226 0 0 1 19.777 22H4.223A2.226 2.226 0 0 1 2 19.777V4.223C2 3 2.995 2 4.223 2h15.554A2.23 2.23 0 0 1 22 4.223m-7.59 7.595c0 1.683-1.246 3.057-2.777 3.057s-2.778-1.37-2.778-3.057c0-1.688 1.246-3.058 2.778-3.058 1.53 0 2.778 1.375 2.778 3.058m-5.593-2.21-1.854 4.817-.002.005-.002.004a.4.4 0 0 1-.095.152.6.6 0 0 1-.1.09q-.008.009-.014.01a.5.5 0 0 1-.11.056q-.005-.001-.018.005a.6.6 0 0 1-.18.033.6.6 0 0 1-.18-.033q-.006.001-.02-.005a.5.5 0 0 1-.123-.066.5.5 0 0 1-.1-.09c-.009-.01-.013-.014-.018-.024a.6.6 0 0 1-.076-.128l-.002-.004q-.002-.001-.003-.005L4.076 9.608A.554.554 0 1 1 5.11 9.21l1.333 3.465L7.774 9.21a.55.55 0 0 1 .716-.317.55.55 0 0 1 .327.715m2.81.266c-.919 0-1.668.872-1.668 1.944 0 1.071.75 1.943 1.669 1.943.92 0 1.668-.872 1.668-1.943s-.748-1.944-1.668-1.944m8.34 1.944c0 1.635-1.247 2.962-2.779 2.962H15.15V8.855h2.038c1.532 0 2.778 1.327 2.778 2.963m-2.783-1.854h-.925v3.702h.925c.924.005 1.668-.83 1.668-1.849s-.749-1.853-1.668-1.853m2.598-6.48H4.223a.74.74 0 0 0-.74.74v15.553c0 .407.333.74.74.74h15.554a.74.74 0 0 0 .74-.74V4.223h.004a.74.74 0 0 0-.74-.74"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M8.088 8.763a.75.75 0 0 1 1.424.474l-2 6a.75.75 0 0 1-1.424 0l-2-6a.751.751 0 0 1 1.424-.474L6.8 12.627zM12.3 8.25a2.25 2.25 0 0 1 2.25 2.25v3a2.25 2.25 0 0 1-4.5 0v-3a2.25 2.25 0 0 1 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-.75-.75m5.5-1.5a2.25 2.25 0 0 1 2.25 2.25v3a2.25 2.25 0 0 1-2.25 2.25h-1.5a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-.75 6h.75a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-.75z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M19.777 4.25a3.1 3.1 0 0 1 2.074.778c.564.508.899 1.216.899 1.972v10c0 .756-.335 1.463-.9 1.972a3.1 3.1 0 0 1-2.073.778H4.223a3.1 3.1 0 0 1-2.074-.778A2.65 2.65 0 0 1 1.25 17V7c0-.756.335-1.464.9-1.972a3.1 3.1 0 0 1 2.073-.778zM4.223 5.75c-.415 0-.8.15-1.07.394A1.16 1.16 0 0 0 2.75 7v10c0 .304.134.614.402.856.272.245.656.394 1.07.394h15.555c.415 0 .8-.15 1.07-.394A1.15 1.15 0 0 0 21.25 17V7c0-.304-.134-.614-.402-.856a1.6 1.6 0 0 0-1.07-.394z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ i.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...i.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-voice-assistant-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 s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: o, size: t = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as m } 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, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), n = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const e = m(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: n } = f(l !== null && l !== void 0 ? l : c), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
-            fill: n,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: d,
             d: "M4.731 9.088a.5.5 0 0 1 .48-.031C6.9 9.847 9.294 10.34 12 10.34s5.09-.501 6.791-1.284a.5.5 0 0 1 .709.454V16c0 3.036-2.464 5.5-5.5 5.5h-4A5.5 5.5 0 0 1 4.5 16V9.51a.5.5 0 0 1 .231-.422M12 12.25a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-.75-.75m-3 1a.75.75 0 0 0-.75.75v2a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-.75-.75m6 0a.75.75 0 0 0-.75.75v2a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-.75-.75M12 2.5c1.975 0 3.784.285 5.118.762.665.237 1.238.53 1.655.883.414.35.727.806.727 1.355 0 .55-.313 1.006-.727 1.355-.417.352-.99.646-1.655.883-1.333.477-3.143.762-5.118.762s-3.785-.285-5.118-.762c-.665-.237-1.238-.53-1.654-.883C4.813 6.505 4.5 6.05 4.5 5.5s.313-1.006.728-1.355c.416-.352.99-.646 1.654-.883C8.215 2.785 10.025 2.5 12 2.5"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { m as default };
+export { C as default };