@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = m(), e = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = c();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = g(), m = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: a, gradientDef: c } = v(s !== null && s !== void 0 ? s : m), { skinName: n } = f(), o = n.match(/^vivo-new/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M10.727 15.158a.55.55 0 0 0 .286.079q.144.001.277-.073a.56.56 0 0 0 .283-.487v-2.594a.6.6 0 0 0 .134.112l4.99 2.969a.55.55 0 0 0 .285.078c.095 0 .19-.025.277-.072a.56.56 0 0 0 .283-.488V8.716a.558.558 0 0 0-.849-.48l-4.989 2.998a.6.6 0 0 0-.131.11V8.71a.558.558 0 0 0-.849-.479l-4.989 2.997a.56.56 0 0 0-.271.482c0 .196.106.378.274.48zm-.275-1.465-3.336-1.988 3.336-2.003zm2.63-1.983 3.34-2.005v3.991z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M4.763 19.425c1.673 1.61 4.107 2.428 7.236 2.428s5.563-.815 7.238-2.426c1.736-1.672 2.616-4.17 2.616-7.423 0-3.255-.88-5.75-2.616-7.425-1.675-1.611-4.11-2.429-7.238-2.429-3.13 0-5.563.818-7.236 2.426C3.03 6.25 2.15 8.749 2.15 12.002s.88 5.75 2.613 7.422m-1.523-7.42c0-5.816 2.946-8.765 8.759-8.765 5.815 0 8.762 2.95 8.764 8.764 0 5.813-2.95 8.76-8.764 8.76s-8.76-2.947-8.76-8.76"
             })
         ]
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.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__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m13.716 5.146a.715.715 0 0 0 0-1.01L13.01 12l4.136-4.136a.715.715 0 0 0-1.01-1.01l-4.639 4.643a.714.714 0 0 0 0 1.01l4.644 4.644a.7.7 0 0 0 1.005-.005m-6.07-1.01a.714.714 0 0 1 0 1.01.72.72 0 0 1-.507.215.7.7 0 0 1-.502-.21l-4.644-4.644a.714.714 0 0 1 0-1.01l4.644-4.643a.714.714 0 0 1 1.01 1.01L6.94 12z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.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__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m13.716 5.146a.715.715 0 0 0 0-1.01L13.01 12l4.136-4.136a.715.715 0 0 0-1.01-1.01l-4.639 4.643a.714.714 0 0 0 0 1.01l4.644 4.644a.7.7 0 0 0 1.005-.005m-6.07-1.01a.714.714 0 0 1 0 1.01.72.72 0 0 1-.507.215.7.7 0 0 1-.502-.21l-4.644-4.644a.714.714 0 0 1 0-1.01l4.644-4.643a.714.714 0 0 1 1.01 1.01L6.94 12z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M8.677 5.16c.808-.706 2.072-.132 2.073.941v11.797c0 1.074-1.265 1.648-2.073.94l-6.74-5.898a1.25 1.25 0 0 1 0-1.88zM3.138 12l6.112 5.346V6.652zm16.539-6.84c.808-.706 2.072-.132 2.073.941v11.797c0 1.074-1.265 1.648-2.073.94l-6.74-5.898a1.25 1.25 0 0 1 0-1.88zM14.139 12l6.11 5.346V6.652z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { V as default };

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

@@ -0,0 +1,109 @@
+'use client';
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as r } from "react/jsx-runtime";
+import * as a 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 m } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const e = g(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: c, gradientDef: i } = m(l !== null && l !== void 0 ? l : d), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
+            d: "M17.875 12a5.875 5.875 0 1 0-11.75 0 5.875 5.875 0 0 0 11.75 0m2.25 0a8.125 8.125 0 1 1-16.25 0 8.125 8.125 0 0 1 16.25 0"
+        })
+    }));
+    return i ? /*#__PURE__*/ a.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...a.Children.toArray(t.props.children)
+    ]) : t;
+};
+export { C as default };

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

@@ -0,0 +1,109 @@
+'use client';
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as r } from "react/jsx-runtime";
+import * as a 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 m } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const t = g(), c = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: i } = m(l !== null && l !== void 0 ? l : c), e = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: d,
+            d: "M18.25 12a6.25 6.25 0 1 0-12.5 0 6.25 6.25 0 0 0 12.5 0m1.5 0a7.75 7.75 0 1 1-15.5 0 7.75 7.75 0 0 1 15.5 0"
+        })
+    }));
+    return i ? /*#__PURE__*/ a.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...a.Children.toArray(e.props.children)
+    ]) : e;
+};
+export { C as default };

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

@@ -0,0 +1,109 @@
+'use client';
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as r } 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 m } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const e = g(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: a } = m(l !== null && l !== void 0 ? l : c), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: d,
+            d: "M18.25 12a6.25 6.25 0 1 0-12.5 0 6.25 6.25 0 0 0 12.5 0m1.5 0a7.75 7.75 0 1 1-15.5 0 7.75 7.75 0 0 1 15.5 0"
+        })
+    }));
+    return a ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
+};
+export { C as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } 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 * as c from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as f } 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 H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = c(), i = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? r.colors.neutralHighBrand : o === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(h !== null && h !== void 0 ? h : s), { skinName: d } = m(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M21.841 12.001c0-6.44-3.406-9.846-9.846-9.846-6.437 0-9.84 3.406-9.84 9.846 0 6.437 3.403 9.84 9.84 9.84 6.44 0 9.846-3.403 9.846-9.84m-8.627-5.854a.66.66 0 0 1 .703.084l3.123 3.025c.132.12.21.291.207.47a.66.66 0 0 1-.232.493l-3.068 2.97c-.232.19-.5.22-.733.112a.65.65 0 0 1-.37-.583v-1.011h-.868v5.448a.41.41 0 0 1-.41.409h-2.96a.41.41 0 0 1-.41-.409V8.71a.94.94 0 0 1 .28-.681.97.97 0 0 1 .682-.28h3.683v-1.02c0-.252.146-.479.373-.582"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M12 1.5c.675 0 1.323.27 1.8.746l7.955 7.954a2.546 2.546 0 0 1 0 3.6L13.8 21.755a2.546 2.546 0 0 1-3.6 0L2.245 13.8a2.546 2.546 0 0 1 0-3.6L10.2 2.245A2.55 2.55 0 0 1 12 1.5m1.53 6.97a.75.75 0 1 0-1.06 1.06l.72.72H10a1.75 1.75 0 0 0-1.249.498A1.75 1.75 0 0 0 8.25 12v2a.75.75 0 0 0 1.5 0v-2c0-.115.037-.168.06-.19.023-.024.076-.06.19-.06h3.19l-.72.72a.75.75 0 0 0 1.06 1.06l2-2a.77.77 0 0 0 .162-.817q-.019-.044-.044-.083a.8.8 0 0 0-.118-.16z"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { H as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const S = (_param)=>{
+    var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), t = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: h } = c();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), h = a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(c !== null && c !== void 0 ? c : h), { skinName: m } = v(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M21.841 12.001c0-6.44-3.403-9.846-9.846-9.846-6.437 0-9.84 3.406-9.84 9.846 0 6.437 3.403 9.84 9.84 9.84 6.443 0 9.846-3.403 9.846-9.84m-.823 0c0 5.986-3.034 9.02-9.023 9.02-5.983 0-9.02-3.034-9.02-9.02s3.034-9.022 9.02-9.022S21.018 6.012 21.018 12m-7.255.499s0-.975-.006-.975a.5.5 0 0 0-.151-.317.5.5 0 0 0-.32-.145h-1.63a.41.41 0 0 0-.409.409v5.456H9.11V8.881q0-.062.042-.101a.14.14 0 0 1 .101-.042h4.04c.223 0 .47-.236.47-.463v-.983L16.452 9.9zm3.378-3.073-3.123-3.028a.66.66 0 0 0-.703-.084.64.64 0 0 0-.373.582v1.02l-3.689-.003a.95.95 0 0 0-.68.283.96.96 0 0 0-.284.68v8.46a.41.41 0 0 0 .41.41h2.963a.41.41 0 0 0 .409-.41v-5.454h.868v1.012c0 .252.149.479.376.585.23.106.498.076.73-.115l3.074-2.975a.642.642 0 0 0 .022-.964"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12.47 8.47a.75.75 0 0 1 1.06 0l2 2a.8.8 0 0 1 .116.154q.025.043.046.089a.75.75 0 0 1 .001.572q-.02.044-.045.084a.7.7 0 0 1-.118.161l-2 2a.75.75 0 0 1-1.06-1.06l.72-.72H10c-.114 0-.167.037-.19.06-.023.022-.06.075-.06.19v2a.75.75 0 0 1-1.5 0v-2c0-.475.17-.922.501-1.252s.777-.498 1.249-.498h3.19l-.72-.72a.75.75 0 0 1 0-1.06"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 1.25c.742 0 1.453.296 1.977.82l7.955 7.953.185.206a2.796 2.796 0 0 1-.185 3.748l-7.955 7.955a2.796 2.796 0 0 1-3.954 0l-7.955-7.955a2.796 2.796 0 0 1 0-3.954l7.955-7.955A2.8 2.8 0 0 1 12 1.25m0 1.5c-.343 0-.673.136-.916.379l-7.955 7.955a1.295 1.295 0 0 0 0 1.832l7.955 7.954a1.296 1.296 0 0 0 1.832 0l7.954-7.954a1.297 1.297 0 0 0 0-1.832L12.916 3.13A1.3 1.3 0 0 0 12 2.75"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { S as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } 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 g } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = m(), r = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: h } = c();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), s = a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = v(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
             fill: r,
             d: "M21.841 12.001c0-6.443-3.406-9.846-9.846-9.846-6.437 0-9.84 3.403-9.84 9.846 0 6.437 3.403 9.84 9.84 9.84 6.443 0 9.846-3.403 9.846-9.84m-1.207 0c0 5.728-2.908 8.633-8.639 8.633-5.728 0-8.633-2.905-8.633-8.633 0-5.731 2.905-8.639 8.633-8.639 5.734 0 8.639 2.908 8.639 8.639m-6.706.014h-.003v-.482a.705.705 0 0 0-.664-.653h-1.596a.603.603 0 0 0-.602.603v5.145H9.37V9.01h3.893c.334 0 .664-.322.664-.655v-.487l2.143 2.075zm3.252-2.68-3.078-2.981a.84.84 0 0 0-.897-.107.83.83 0 0 0-.482.754v.793h-3.41A1.14 1.14 0 0 0 8.169 8.94v8.285c0 .333.269.602.602.602h2.9c.33 0 .602-.269.602-.602v-5.143h.45v.79c0 .325.183.614.477.754.297.143.652.098.857-.073a.4.4 0 0 0 .08-.062l.012-.011 3.003-2.905a.82.82 0 0 0 .294-.633.8.8 0 0 0-.266-.608"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: r,
                 d: "M12.47 8.47a.75.75 0 0 1 1.06 0l2 2a.8.8 0 0 1 .116.154q.025.043.046.089a.75.75 0 0 1 .001.572q-.02.044-.045.084a.7.7 0 0 1-.118.161l-2 2a.75.75 0 0 1-1.06-1.06l.72-.72H10c-.114 0-.167.037-.19.06-.023.022-.06.075-.06.19v2a.75.75 0 0 1-1.5 0v-2c0-.475.17-.922.501-1.252s.777-.498 1.249-.498h3.19l-.72-.72a.75.75 0 0 1 0-1.06"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: r,
                 d: "M12 1.25c.742 0 1.453.296 1.977.82l7.955 7.953.185.206a2.796 2.796 0 0 1-.185 3.748l-7.955 7.955a2.796 2.796 0 0 1-3.954 0l-7.955-7.955a2.796 2.796 0 0 1 0-3.954l7.955-7.955A2.8 2.8 0 0 1 12 1.25m0 1.5c-.343 0-.673.136-.916.379l-7.955 7.955a1.295 1.295 0 0 0 0 1.832l7.955 7.954a1.296 1.296 0 0 0 1.832 0l7.954-7.954a1.297 1.297 0 0 0 0-1.832L12.916 3.13A1.3 1.3 0 0 0 12 2.75"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { A as default };