@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,80 +78,87 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as h } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: v, size: t = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as t, jsxs as h } 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 i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), l = v !== null && v !== void 0 ? v : e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = c();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const o = f(), d = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: e, gradientDef: n } = p(s !== null && s !== void 0 ? s : d), { skinName: c } = m(), a = c.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m12.767 11.674-.54.568.003-1.136z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M9.556 10.506c0-2.715.983-3.427 2.407-3.427 1.425 0 2.408.716 2.408 3.427s-.983 3.424-2.408 3.424-2.407-.708-2.407-3.424m2.19 2.948 1.692-1.776-1.113-1.172 1.116-1.171-1.691-1.776v2.343l-.93-.975-.335.352 1.162 1.231-1.166 1.228.336.352.93-.976z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m12.226 8.77.541.568-.537.564z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M18.729 4.927C16.931 3.04 14.539 2 11.994 2S7.057 3.04 5.259 4.927s-2.789 4.4-2.789 7.071v6.25c0 1.005.335 1.94.94 2.632A3.24 3.24 0 0 0 5.873 22H7.57v-7.502h-1.7c-.757 0-1.466.252-2.041.715v-3.215c0-4.727 3.66-8.57 8.164-8.57s8.164 3.843 8.164 8.57v3.215a3.22 3.22 0 0 0-2.042-.715h-1.7v7.498h1.7c.956 0 1.832-.396 2.46-1.12.606-.692.942-1.627.942-2.631v-6.247c0-2.671-.99-5.183-2.789-7.07M5.872 15.925h.339v4.643h-.34c-1.18 0-2.041-.975-2.041-2.32 0-1.343.857-2.323 2.042-2.323m11.905 4.643v-4.643h.339c1.18 0 2.042.976 2.042 2.32s-.858 2.323-2.042 2.323z"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m12.767 11.674-.54.568.003-1.136z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M9.556 10.506c0-2.715.983-3.427 2.407-3.427 1.425 0 2.408.716 2.408 3.427s-.983 3.424-2.408 3.424-2.407-.708-2.407-3.424m2.19 2.948 1.692-1.776-1.113-1.172 1.116-1.171-1.691-1.776v2.343l-.93-.975-.335.352 1.162 1.231-1.166 1.228.336.352.93-.976z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m12.226 8.77.541.568-.537.564z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M18.729 4.927C16.931 3.04 14.539 2 11.994 2S7.057 3.04 5.259 4.927s-2.789 4.4-2.789 7.071v6.25c0 1.005.335 1.94.941 2.632A3.24 3.24 0 0 0 5.871 22h1.7v-7.502h-1.7c-.757 0-1.466.252-2.041.715v-3.215c0-4.727 3.66-8.57 8.164-8.57s8.164 3.843 8.164 8.57v3.215a3.22 3.22 0 0 0-2.042-.715h-1.7v7.498h1.7c.956 0 1.832-.396 2.46-1.12.606-.692.942-1.627.942-2.631v-6.247c0-2.671-.99-5.183-2.789-7.07M5.872 15.925h.339v4.643h-.34c-1.18 0-2.041-.975-2.041-2.32 0-1.343.857-2.323 2.042-2.323m11.905 4.643v-4.643h.339c1.18 0 2.042.976 2.042 2.32s-.858 2.323-2.042 2.323z"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M12 3.25c1.34 0 2.646.307 3.828.882a.75.75 0 0 1-.656 1.348A7.25 7.25 0 0 0 4.75 12v.553A2.75 2.75 0 0 1 6 12.25h1A2.75 2.75 0 0 1 9.75 15v3A2.75 2.75 0 0 1 7 20.75H6A2.75 2.75 0 0 1 3.25 18v-6A8.75 8.75 0 0 1 12 3.25m-6 10.5A1.25 1.25 0 0 0 4.75 15v3A1.25 1.25 0 0 0 6 19.25h1A1.25 1.25 0 0 0 8.25 18v-3A1.25 1.25 0 0 0 7 13.75z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: l,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M16.665 7.33a.75.75 0 0 1 .785.07l4 3a.75.75 0 0 1 0 1.2l-3.2 2.4 3.201 2.4a.75.75 0 0 1 0 1.2l-4 3a.75.75 0 0 1-1.2-.6v-4.501l-2.8 2.1a.75.75 0 0 1-.9-1.199l3.2-2.4-3.2-2.4a.75.75 0 0 1 .9-1.2l2.8 2.1V8a.75.75 0 0 1 .415-.67M17.75 18.5l2-1.5-2-1.501zm0-6 2-1.5-2-1.501z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ v.cloneElement(a, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...v.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { f as default };
+export { x as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as m } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), a = r !== null && r !== void 0 ? r : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = f(), s = n === "brand" || n === "media" ? l.colors.neutralHighBrand : n === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: o, gradientDef: h } = m(d !== null && d !== void 0 ? d : s), { skinName: a } = v(), i = a.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__ */ h("path", {
-            fill: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M19.882 11.16c-.092-5.804-2.91-9-7.983-9-5.098 0-7.924 3.238-7.975 9.126-1.145.7-1.761 2.003-1.761 3.868 0 2.745 1.327 4.322 3.736 4.432l.275.008h.106c1.941-.067 2.342-1.824 2.342-4.44 0-2.624-.4-4.378-2.305-4.448a2 2 0 0 0-.303 0c-.05 0-.1 0-.115.009a5 5 0 0 0-.711.084c.185-4.883 2.431-7.365 6.711-7.365s6.53 2.474 6.72 7.34c-.157-.017-.308-.054-.476-.062-.05-.009-.1-.009-.134-.009a1.5 1.5 0 0 0-.283 0c-1.947.068-2.342 1.824-2.342 4.449 0 1.714.176 3.05.846 3.792-.869.485-1.913.801-3.135.964-.15-.572-.602-.913-1.288-.93-.88-.025-1.42.468-1.448 1.39-.017.442.092.8.327 1.055.233.255.586.41 1.028.418h.068c.409 0 .742-.12.986-.35.075-.076.126-.18.176-.28 1.88-.197 3.445-.751 4.658-1.636.042.008.067.016.107.016h.126l.274-.008c2.406-.112 3.737-1.69 3.737-4.431 0-1.972-.703-3.337-1.964-3.992"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12.008 2C6.756 2 2.48 6.488 2.48 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.88c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57s8.165 3.844 8.165 8.57v3.213a3.22 3.22 0 0 0-2.043-.713h-1.702V22h1.703c1.937 0 3.4-1.613 3.4-3.748V12c.01-5.512-4.267-10-9.519-10"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12.008 2C6.756 2 2.48 6.488 2.48 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.88c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57s8.165 3.844 8.165 8.57v3.213a3.22 3.22 0 0 0-2.043-.713h-1.702V22h1.703c1.937 0 3.4-1.613 3.4-3.748V12c.01-5.512-4.267-10-9.519-10"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12 2.25A8.75 8.75 0 0 1 20.75 11v5a2.75 2.75 0 0 1-.983 2.105l-.058.045a2.7 2.7 0 0 1-.479.306q-.027.015-.055.026-.225.107-.467.171h.002c-.178 1.433-.95 2.464-2.093 3.122-1.252.721-2.908.975-4.617.975a.75.75 0 0 1 0-1.5c1.604 0 2.95-.247 3.868-.775.67-.386 1.132-.928 1.305-1.725H17A2.75 2.75 0 0 1 14.25 16v-3A2.75 2.75 0 0 1 17 10.25h1a2.7 2.7 0 0 1 .512.049l.071.016a3 3 0 0 1 .302.084l.086.03q.135.051.262.116a7.25 7.25 0 0 0-2.106-4.672 7.25 7.25 0 0 0-4.768-2.114L12 3.75a7.25 7.25 0 0 0-7.234 6.795l.05-.024a2.8 2.8 0 0 1 .6-.207l.071-.015A2.7 2.7 0 0 1 6 10.25h1A2.75 2.75 0 0 1 9.75 13v3A2.75 2.75 0 0 1 7 18.75H6A2.75 2.75 0 0 1 3.25 16v-5A8.75 8.75 0 0 1 12 2.25"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { C as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const A = (_param)=>{
-    var { color: r, size: h = 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 i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: v, size: t = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = v(), t = r !== null && r !== void 0 ? r : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const h = d(), s = h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: a } = f(v !== null && v !== void 0 ? v : s), { skinName: o } = m(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M19.835 11.28c-.056-7.532-4.34-9.129-7.939-9.129s-7.94 1.605-7.94 9.255C2.79 12.06 2.15 13.353 2.15 15.22c0 2.666 1.28 4.179 3.602 4.305h.376c1.566-.059 2.174-1.272 2.174-4.314s-.608-4.263-2.157-4.314h-.387c-.33.017-.658.07-.975.16.098-5.35 2.485-8.067 7.112-8.067s6.997 2.7 7.112 8.017a6 6 0 0 0-.745-.101h-.395c-1.565.059-2.182 1.272-2.182 4.322 0 2.148.311 3.344 1.042 3.93a9.1 9.1 0 0 1-3.798 1.196 1.08 1.08 0 0 0-1.14-.995 1.1 1.1 0 0 0-.908.286 1.15 1.15 0 0 0-.355.902c-.031.334.07.667.28.927.238.244.566.376.902.359a1.2 1.2 0 0 0 .927-.3q.143-.151.221-.35a9.5 9.5 0 0 0 4.815-1.672q.085.005.171 0h.4c2.323-.11 3.595-1.673 3.595-4.306 0-1.966-.706-3.313-2.003-3.924m-14.025.46h.294c.582 0 1.378.05 1.378 3.487 0 3.421-.814 3.453-1.451 3.479h-.239c-1.893-.11-2.82-1.247-2.82-3.487s.927-3.387 2.838-3.48m11.803 6.95c-.523-.093-1.084-.586-1.084-3.446 0-3.424.816-3.46 1.454-3.487h.244c1.893.092 2.812 1.229 2.812 3.478.003 2.25-.941 3.362-2.835 3.454z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : o.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__ */ c("path", {
-            fill: t,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M11.998 2C6.746 2 2.47 6.488 2.47 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.87c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57s8.165 3.844 8.165 8.57v3.213a3.22 3.22 0 0 0-2.043-.713h-1.702V22h1.702c1.938 0 3.402-1.613 3.402-3.748V12c.008-5.512-4.268-10-9.52-10M5.875 15.926h.34v4.644h-.34c-1.184 0-2.042-.979-2.042-2.322 0-1.344.858-2.322 2.042-2.322m11.906 4.644v-4.644h.34c1.184 0 2.042.978 2.042 2.322 0 1.343-.858 2.322-2.042 2.322z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : o.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__ */ c("path", {
-            fill: t,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M11.83 2.718c-4.774 0-8.658 4.004-8.658 8.928v4.781a2.99 2.99 0 0 1 2.425-1.211H6.98v6.78H5.597c-1.778 0-3.117-1.459-3.117-3.393l.002-.073v-.086l-.002-.019v-6.784C2.48 6.325 6.674 2 11.83 2c4.577 0 8.55 3.51 9.24 8.17a.35.35 0 0 1-.287.406.344.344 0 0 1-.395-.297c-.643-4.311-4.318-7.561-8.557-7.561M5.598 15.929c-1.383 0-2.425 1.152-2.425 2.679s1.042 2.679 2.425 2.679h.692v-5.358zm15.93-3.57c0 .394-.31.713-.692.713a.703.703 0 0 1-.692-.713c0-.394.31-.713.692-.713s.692.319.692.713m-1.038 2.144c0-.197.155-.357.346-.357s.346.16.346.357v4.105c0 1.934-1.34 3.392-3.117 3.392H16.68v-6.784h1.384c1.002 0 1.862.462 2.425 1.211zm-3.117 6.784h.692c1.383 0 2.425-1.152 2.425-2.679s-1.042-2.679-2.425-2.679h-.692z"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M12 2.25A8.75 8.75 0 0 1 20.75 11v5a2.745 2.745 0 0 1-2.04 2.653c-.178 1.433-.95 2.464-2.093 3.122-1.252.721-2.908.975-4.617.975a.75.75 0 0 1 0-1.5c1.604 0 2.95-.247 3.868-.775.67-.386 1.132-.928 1.305-1.725H17A2.75 2.75 0 0 1 14.25 16v-3A2.75 2.75 0 0 1 17 10.25h1c.433 0 .854.104 1.233.295a7.25 7.25 0 0 0-2.106-4.672 7.25 7.25 0 0 0-12.361 4.672c.38-.191.801-.295 1.234-.295h1A2.75 2.75 0 0 1 9.75 13v3A2.75 2.75 0 0 1 7 18.75H6A2.75 2.75 0 0 1 3.25 16v-5A8.75 8.75 0 0 1 12 2.25m-6 9.5A1.25 1.25 0 0 0 4.75 13v3A1.25 1.25 0 0 0 6 17.25h1A1.25 1.25 0 0 0 8.25 16v-3A1.25 1.25 0 0 0 7 11.75zm11 0A1.25 1.25 0 0 0 15.75 13v3A1.25 1.25 0 0 0 17 17.25h1A1.25 1.25 0 0 0 19.25 16v-3A1.25 1.25 0 0 0 18 11.75z"
         })
     }));
+    return a ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { A as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-headphones-over-ear-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 l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const c = (_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 c } 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 a = l(), n = 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 = c(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: h, gradientDef: a } = f(l !== null && l !== void 0 ? l : d), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ o("path", {
-            fill: n,
+    }, s), {
+        children: /* @__PURE__ */ t("path", {
+            fill: h,
             d: "M12 3.25A8.75 8.75 0 0 1 20.75 12v6a2.5 2.5 0 0 1-2.5 2.5h-1a2.5 2.5 0 0 1-2.5-2.5v-3a2.5 2.5 0 0 1 2.5-2.5h1c.348 0 .688.073 1 .21V12a7.25 7.25 0 0 0-6.89-7.241L12 4.75A7.25 7.25 0 0 0 4.75 12v.71a2.5 2.5 0 0 1 1-.21h1a2.5 2.5 0 0 1 2.5 2.5v3a2.5 2.5 0 0 1-2.5 2.5h-1a2.5 2.5 0 0 1-2.5-2.5v-6A8.75 8.75 0 0 1 12 3.25"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { c as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-headphones-over-ear-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 n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: a, 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 A } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as c } from "../../utils/icon-gradient.js";
+const u = (_param)=>{
+    var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), h = a !== null && a !== void 0 ? a : r === "brand" || r === "media" ? e.colors.neutralHighBrand : r === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = A(), h = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: v, gradientDef: a } = c(l !== null && l !== void 0 ? l : h), 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: h,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: v,
             d: "M12 3.25A8.75 8.75 0 0 1 20.75 12v6A2.75 2.75 0 0 1 18 20.75h-1A2.75 2.75 0 0 1 14.25 18v-3A2.75 2.75 0 0 1 17 12.25h1c.439 0 .866.107 1.25.303V12a7.25 7.25 0 1 0-14.5 0v.553A2.75 2.75 0 0 1 6 12.25h1A2.75 2.75 0 0 1 9.75 15v3A2.75 2.75 0 0 1 7 20.75H6A2.75 2.75 0 0 1 3.25 18v-6A8.75 8.75 0 0 1 12 3.25m-6 10.5A1.25 1.25 0 0 0 4.75 15v3A1.25 1.25 0 0 0 6 19.25h1A1.25 1.25 0 0 0 8.25 18v-3A1.25 1.25 0 0 0 7 13.75zm11 0A1.25 1.25 0 0 0 15.75 15v3A1.25 1.25 0 0 0 17 19.25h1A1.25 1.25 0 0 0 19.25 18v-3A1.25 1.25 0 0 0 18 13.75z"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { s as default };
+export { u as default };

package/dist-es/generated/mistica-icons/icon-headphones-over-ear-regular.js

@@ -79,24 +79,31 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
 import { useThemeVariant as A } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: a, size: o = 24 } = _param, i = _object_without_properties(_param, [
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as c } from "../../utils/icon-gradient.js";
+const p = (_param)=>{
+    var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = A(), n = a !== null && a !== void 0 ? a : r === "brand" || r === "media" ? e.colors.neutralHighBrand : r === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = A(), h = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: v, gradientDef: a } = c(l !== null && l !== void 0 ? l : h), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ t("path", {
-            fill: n,
+            fill: v,
             d: "M12 3.25A8.75 8.75 0 0 1 20.75 12v6A2.75 2.75 0 0 1 18 20.75h-1A2.75 2.75 0 0 1 14.25 18v-3A2.75 2.75 0 0 1 17 12.25h1c.439 0 .866.107 1.25.303V12a7.25 7.25 0 1 0-14.5 0v.553A2.75 2.75 0 0 1 6 12.25h1A2.75 2.75 0 0 1 9.75 15v3A2.75 2.75 0 0 1 7 20.75H6A2.75 2.75 0 0 1 3.25 18v-6A8.75 8.75 0 0 1 12 3.25m-6 10.5A1.25 1.25 0 0 0 4.75 15v3A1.25 1.25 0 0 0 6 19.25h1A1.25 1.25 0 0 0 8.25 18v-3A1.25 1.25 0 0 0 7 13.75zm11 0A1.25 1.25 0 0 0 15.75 15v3A1.25 1.25 0 0 0 17 19.25h1A1.25 1.25 0 0 0 19.25 18v-3A1.25 1.25 0 0 0 18 13.75z"
         })
     }));
+    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 { p as default };

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

@@ -79,55 +79,62 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const A = (_param)=>{
-    var { color: a, size: h = 24 } = _param, c = _object_without_properties(_param, [
+import * as l from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: v, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), t = a !== null && a !== void 0 ? a : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = l();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const o = m(), s = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: c, gradientDef: a } = f(v !== null && v !== void 0 ? v : s), { skinName: h } = d(), n = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: c,
             d: "M11.895 2.155c5.075 0 7.89 3.196 7.98 9 1.263.656 1.966 2.02 1.97 4 0 2.745-1.331 4.32-3.738 4.431l-.274.009h-.126a.4.4 0 0 1-.11-.017c-1.21.888-2.775 1.44-4.655 1.636a1 1 0 0 1-.176.28c-.241.233-.577.35-.986.35h-.067c-.443-.008-.793-.162-1.029-.417-.232-.255-.341-.614-.324-1.056.025-.92.568-1.415 1.445-1.39.686.017 1.137.359 1.288.93 1.222-.162 2.267-.479 3.135-.963-.667-.742-.843-2.082-.843-3.793 0-2.625.392-4.38 2.339-4.448q.139-.013.283 0c.036 0 .084 0 .134.008.102.005.196.02.29.034q.091.015.186.025c-.193-4.868-2.44-7.339-6.72-7.339s-6.53 2.48-6.714 7.364q.353-.07.712-.086c.016-.009.067-.009.117-.009q.149-.012.3 0c1.907.067 2.308 1.824 2.308 4.448 0 2.617-.4 4.373-2.342 4.44H6.17l-.277-.008c-2.41-.11-3.737-1.687-3.737-4.432 0-1.865.62-3.17 1.765-3.87.047-5.886 2.874-9.127 7.975-9.127M5.942 11.99c-1.087.042-2.532.425-2.532 3.162 0 2.726 1.445 3.11 2.53 3.163h.231c.543-.02 1.191-.043 1.191-3.163 0-3.13-.65-3.154-1.126-3.17H6.06l-.06.003zm12.104 6.325c1.087-.053 2.54-.437 2.546-3.163 0-2.736-1.454-3.117-2.54-3.162l-.11-.009h-.114c-.543.02-1.191.043-1.191 3.171 0 2.499.417 3.011.826 3.13q.076 0 .149.024c.05.009.1.009.15.009z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : 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), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: c,
             d: "M11.998 2C6.746 2 2.47 6.488 2.47 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.87c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57s8.165 3.844 8.165 8.57v3.213a3.22 3.22 0 0 0-2.043-.713h-1.702V22h1.702c1.938 0 3.402-1.613 3.402-3.748V12c.008-5.512-4.268-10-9.52-10M5.875 15.926h.34v4.644h-.34c-1.184 0-2.042-.979-2.042-2.322 0-1.344.858-2.322 2.042-2.322m11.906 4.644v-4.644h.34c1.184 0 2.042.978 2.042 2.322 0 1.343-.858 2.322-2.042 2.322z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: c,
             d: "M11.998 2C6.746 2 2.47 6.488 2.47 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.87c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57s8.165 3.844 8.165 8.57v3.213a3.22 3.22 0 0 0-2.043-.713h-1.702V22h1.702c1.938 0 3.402-1.613 3.402-3.748V12c.008-5.512-4.268-10-9.52-10M5.875 15.926h.34v4.644h-.34c-1.184 0-2.042-.979-2.042-2.322 0-1.344.858-2.322 2.042-2.322m11.906 4.644v-4.644h.34c1.184 0 2.042.978 2.042 2.322 0 1.343-.858 2.322-2.042 2.322z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: c,
             d: "M12 2.25A8.75 8.75 0 0 1 20.75 11v5a2.745 2.745 0 0 1-2.04 2.653c-.178 1.433-.95 2.464-2.093 3.122-1.252.721-2.908.975-4.617.975a.75.75 0 0 1 0-1.5c1.604 0 2.95-.247 3.868-.775.67-.386 1.132-.928 1.305-1.725H17A2.75 2.75 0 0 1 14.25 16v-3A2.75 2.75 0 0 1 17 10.25h1c.433 0 .854.104 1.233.295a7.25 7.25 0 0 0-2.106-4.672 7.25 7.25 0 0 0-12.361 4.672c.38-.191.801-.295 1.234-.295h1A2.75 2.75 0 0 1 9.75 13v3A2.75 2.75 0 0 1 7 18.75H6A2.75 2.75 0 0 1 3.25 16v-5A8.75 8.75 0 0 1 12 2.25m-6 9.5A1.25 1.25 0 0 0 4.75 13v3A1.25 1.25 0 0 0 6 17.25h1A1.25 1.25 0 0 0 8.25 16v-3A1.25 1.25 0 0 0 7 11.75zm11 0A1.25 1.25 0 0 0 15.75 13v3A1.25 1.25 0 0 0 17 17.25h1A1.25 1.25 0 0 0 19.25 16v-3A1.25 1.25 0 0 0 18 11.75z"
         })
     }));
+    return a ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { A as default };
+export { H as default };