@telefonica/mistica 15.16.3 → 15.17.0

package/dist/dialog.js

@@ -154,9 +154,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), de = (t)=>{
-    const { texts: i } = (0, _hooks.useTheme)(), { className: d, title: r, message: m, icon: n, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: f = i.dialogCancelButton, acceptText: b = i.dialogAcceptButton, onCancel: g, onAccept: v, destructive: B = !1 } = t, u = t.type === "dialog", h = u && !!t.link || l || s, C = {
-        onPress: v || (()=>{}),
-        children: b,
+    const { texts: i } = (0, _hooks.useTheme)(), { className: d, title: r, message: f, icon: o, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: g = i.dialogCancelButton, acceptText: m = i.dialogAcceptButton, onCancel: h, onAccept: C, destructive: B = !1 } = t, u = t.type === "dialog", p = u && !!t.link || l || s, y = {
+        onPress: C || (()=>{}),
+        children: m,
         // @deprecated - testid should be removed but many webapp tests depend on this
         dataAttributes: {
             testid: "dialog-accept-button"
@@ -165,11 +165,11 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         className: (0, _classnames.default)(_dialogcssmistica.variants[u ? "dialog" : "default"], d),
         children: [
-            n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _dialogcssmistica.iconContainer,
-                    children: /*#__PURE__*/ _react.cloneElement(n, {
+                    children: /*#__PURE__*/ _react.cloneElement(o, {
                         size: "100%"
                     })
                 })
@@ -201,134 +201,136 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             regular: !0,
-                            children: m
+                            children: f
                         }),
                         c
                     ]
                 })
             }),
-            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            p && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _dialogcssmistica.dialogActions,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
                     link: u ? t.link : void 0,
                     primaryButton: l ? B ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
                         tabIndex: 1
-                    }, C)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
+                    }, y)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
                         tabIndex: 1
-                    }, C)) : void 0,
+                    }, y)) : void 0,
                     secondaryButton: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
                         tabIndex: 2,
-                        onPress: g || (()=>{}),
+                        onPress: h || (()=>{}),
                         dataAttributes: {
                             testid: "dialog-cancel-button"
                         },
-                        children: f
+                        children: g
                     }) : void 0
                 })
             })
         ]
     });
 }, ue = (param)=>{
-    let { type: t, message: i, title: d, acceptText: r, cancelText: m, onAccept: n, onCancel: c, onDestroy: s } = param;
+    let { type: t, message: i, title: d, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
     return t === "confirm" ? (0, _webviewbridge.nativeConfirm)({
         message: i,
         title: d,
-        cancelText: m,
+        cancelText: f,
         acceptText: r
     }).then((l)=>{
-        l ? n == null || n() : c == null || c(), s();
+        l ? o == null || o() : c == null || c(), s();
     }) : (0, _webviewbridge.nativeAlert)({
         message: i,
         title: d,
         buttonText: r
     }).then(()=>{
-        n == null || n(), s();
+        o == null || o(), s();
     });
 }, me = (param)=>{
-    let { type: t, onAccept: i, onCancel: d, onDestroy: r, acceptText: m, cancelText: n, message: c, title: s } = param;
-    const { texts: l } = (0, _hooks.useTheme)(), f = _react.useRef({
+    let { type: t, onAccept: i, onCancel: d, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
+    const { texts: l } = (0, _hooks.useTheme)(), g = _react.useRef({
         type: t,
         onAccept: i,
         onCancel: d,
         onDestroy: r,
-        acceptText: m || l.dialogAcceptButton,
-        cancelText: n || l.dialogCancelButton,
+        acceptText: f || l.dialogAcceptButton,
+        cancelText: o || l.dialogCancelButton,
         message: c,
         title: s
-    });
+    }), m = _react.useRef(!1);
     return _react.useEffect(()=>{
-        ue(f.current);
+        m.current || (m.current = !0, ue(g.current).finally(()=>{
+            m.current = !1;
+        }));
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
 }, Ie = (t)=>{
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const i = _react.useRef(null), { texts: d } = (0, _hooks.useTheme)(), [r, m] = _react.useState(!1), n = _react.useRef(!1), c = _react.useRef(!1), [s, l] = _react.useState(!1), f = _react.useRef(!1), b = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), g = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), v = t.type === "dialog", B = t.type === "alert", { onAccept: u, onCancel: h, onDestroy: C } = t, I = _object_without_properties(t, [
+    const i = _react.useRef(null), { texts: d } = (0, _hooks.useTheme)(), [r, f] = _react.useState(!1), o = _react.useRef(!1), c = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), m = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), h = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), C = t.type === "dialog", B = t.type === "alert", { onAccept: u, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
     _react.useEffect(()=>{
         const a = setTimeout(()=>{
-            n.current || l(!0);
-        }, b.current);
+            o.current || l(!0);
+        }, m.current);
         return ()=>{
             clearTimeout(a);
         };
     }, []);
     const x = _react.useCallback(()=>{
-        c.current || (c.current = !0, f.current ? u == null || u() : h == null || h(), C());
+        c.current || (c.current = !0, g.current ? u == null || u() : p == null || p(), y());
     }, [
         u,
-        h,
-        C
+        p,
+        y
     ]), R = _react.useCallback(()=>{
         let a;
-        return !n.current && s && (n.current = !0, l(!1), m(!0), a = setTimeout(x, b.current)), ()=>{
+        return !o.current && s && (o.current = !0, l(!1), f(!0), a = setTimeout(x, m.current)), ()=>{
             a && clearTimeout(a);
         };
     }, [
         x,
         s
     ]), N = _react.useCallback(()=>{
-        f.current = !0, R();
+        g.current = !0, R();
     }, [
         R
-    ]), y = _react.useCallback(()=>{
-        f.current = !1, R();
+    ]), b = _react.useCallback(()=>{
+        g.current = !1, R();
     }, [
         R
-    ]), p = _react.useCallback(()=>{
-        n.current || (B ? N() : y());
+    ]), v = _react.useCallback(()=>{
+        o.current || (B ? N() : b());
     }, [
         N,
-        y,
+        b,
         B
     ]), T = _react.useCallback((a)=>{
-        a.key === _keys.ESC && (a.stopPropagation(), a.preventDefault(), p());
+        a.key === _keys.ESC && (a.stopPropagation(), a.preventDefault(), v());
     }, [
-        p
+        v
     ]);
     _react.useEffect(()=>{
-        if (!g) return document.addEventListener("keydown", T), ()=>{
+        if (!h) return document.addEventListener("keydown", T), ()=>{
             document.removeEventListener("keydown", T);
         };
     }, [
         T,
-        g
+        h
     ]), _react.useEffect(()=>{
-        if (!g) return window.addEventListener("popstate", p), ()=>{
-            window.removeEventListener("popstate", p);
+        if (!h) return window.addEventListener("popstate", v), ()=>{
+            window.removeEventListener("popstate", v);
         };
     }, [
-        p,
-        g
+        v,
+        h
     ]);
     const P = _react.useCallback((a)=>{
-        a.stopPropagation(), v && y();
+        a.stopPropagation(), C && b();
     }, [
-        v,
-        y
+        C,
+        b
     ]);
-    return g ? /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+    return h ? /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: _dialogcssmistica.wrapper,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -345,19 +347,19 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                     children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         ref: i,
                         onAnimationEnd: (a)=>{
-                            a.target === i.current && (n.current || l(!0));
+                            a.target === i.current && (o.current || l(!0));
                         },
                         onTransitionEnd: (a)=>{
-                            a.target === i.current && n.current && x();
+                            a.target === i.current && o.current && x();
                         },
                         className: (0, _classnames.default)(_dialogcssmistica.modalContent, {
                             [_dialogcssmistica.closedModalContent]: r
                         }),
                         children: [
-                            v && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            C && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _dialogcssmistica.modalCloseButtonContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
-                                    onPress: p,
+                                    onPress: v,
                                     "aria-label": d.modalClose || d.closeButtonLabel,
                                     bleedLeft: !0,
                                     bleedRight: !0,
@@ -368,7 +370,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread_props(_object_spread({}, I), {
                                 showAcceptButton: t.type !== "dialog" || !!t.onAccept,
                                 showCancelButton: t.type === "confirm" || t.type === "dialog" && !!t.onCancel,
-                                onCancel: y,
+                                onCancel: b,
                                 onAccept: N
                             }))
                         ]

package/dist/generated/mistica-icons/icon-box-star-filled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconBoxStarFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconBoxStarFilled;

package/dist/generated/mistica-icons/icon-box-star-filled.js

@@ -0,0 +1,121 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return h;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _themevariantcontext = require("../../theme-variant-context.js");
+const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+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;
+}
+const n = (_param)=>{
+    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
+                d: "M13.524 10.094a.84.84 0 0 0 .9-.052.9.9 0 0 0 .367-.892l-.265-1.64c-.02-.153-.016-.164.11-.29l1.104-1.112a.91.91 0 0 0 .212-.932.88.88 0 0 0-.698-.597l-1.569-.239c-.124-.018-.142-.042-.199-.149l-.704-1.487a.859.859 0 0 0-1.564 0l-.701 1.48c-.06.122-.089.136-.186.154l-1.585.24a.88.88 0 0 0-.697.598.91.91 0 0 0 .212.932l1.144 1.163c.077.08.1.112.073.24l-.27 1.64a.9.9 0 0 0 .366.89c.265.19.615.21.9.053l1.443-.791c.056-.036.103-.03.159-.003z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
+                d: "M8.26 7.403a.5.5 0 0 1-.263.657L5.474 9.14a.1.1 0 0 0 .001.185l6.439 2.689a.3.3 0 0 0 .23 0l6.435-2.687a.1.1 0 0 0 .001-.184L16.053 8.06a.5.5 0 0 1 .394-.92l3.5 1.5q.063.027.114.068l.019-.008.043.067a.5.5 0 0 1 .084.13l1.092 1.694a1 1 0 0 1-.433 1.455l-6.037 2.698a1 1 0 0 1-1.208-.313l-1.512-2.018a.1.1 0 0 0-.16 0l-1.511 2.018a1 1 0 0 1-1.209.313l-6.037-2.698a1 1 0 0 1-.432-1.455l1.07-1.66a.5.5 0 0 1 .123-.19l.026-.041.013.006a.5.5 0 0 1 .111-.066l3.5-1.5a.5.5 0 0 1 .657.263"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
+                d: "m10.795 15.558.567-.96c.052-.088.186-.052.186.05v6.397a.5.5 0 0 1-.683.464L4.09 18.83a1 1 0 0 1-.632-.93v-4.422a.1.1 0 0 1 .14-.092l2.73 1.184 3.205 1.397a1 1 0 0 0 1.261-.409M13.264 15.558l-.568-.96c-.051-.088-.186-.052-.186.05v6.397a.5.5 0 0 0 .684.464l6.774-2.679a1 1 0 0 0 .632-.93v-4.422a.1.1 0 0 0-.14-.092L17.73 14.57l-3.205 1.397a1 1 0 0 1-1.26-.409"
+            })
+        ]
+    }));
+}, h = n;

package/dist/generated/mistica-icons/icon-box-star-light.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconBoxStarLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconBoxStarLight;

package/dist/generated/mistica-icons/icon-box-star-light.js

@@ -0,0 +1,117 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return f;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _themevariantcontext = require("../../theme-variant-context.js");
+const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+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;
+}
+const n = (_param)=>{
+    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const s = (0, _themevariantcontext.useIsInverseVariant)(), c = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "M12 2.6c-.452 0-.853.261-1.045.67l-.579 1.221-1.283.195c-.436.066-.79.374-.929.79-.146.428-.037.902.28 1.224l.942.958-.223 1.359c-.074.45.106.903.483 1.17.358.257.83.282 1.213.07l1.142-.625 1.14.625h.001a1.14 1.14 0 0 0 1.214-.07c.375-.266.556-.719.483-1.17l-.22-1.368.94-.947.001-.002a1.2 1.2 0 0 0 .28-1.224 1.17 1.17 0 0 0-.93-.79l-1.284-.195-.579-1.222a1.16 1.16 0 0 0-1.046-.669m-.321 1.01a.352.352 0 0 1 .645.002l.62 1.31.005.008.004.007c.02.038.072.138.165.213.113.09.237.11.3.119l1.372.208c.129.02.243.111.291.254v.001a.4.4 0 0 1-.092.408l-.963.97-.009.009c-.04.04-.132.13-.178.25a.64.64 0 0 0-.024.32l.001.01.233 1.447a.39.39 0 0 1-.157.39.34.34 0 0 1-.363.021l-1.28-.702-.011-.005a.517.517 0 0 0-.51.02l-1.254.687a.34.34 0 0 1-.364-.02l-.002-.002a.39.39 0 0 1-.156-.389l.235-1.427a.6.6 0 0 0-.013-.324c-.041-.117-.12-.2-.15-.23l-.005-.005-1.005-1.02a.4.4 0 0 1-.093-.406l.002-.004a.37.37 0 0 1 .29-.253l1.395-.212.007-.001.005-.001a.6.6 0 0 0 .261-.111.7.7 0 0 0 .181-.24l.616-1.3z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "m11.567 21.645-7.1-2.88c-.44-.18-.72-.59-.72-1.07v-4.4l-.75-.36a1.14 1.14 0 0 1-.49-1.63c1.22-1.98 1.33-2.05 1.48-2.1l3.38-1.38c.18-.07.38.01.46.19.07.18-.01.38-.19.46l-2.61 1.07 6.98 2.93 6.98-2.93-2.62-1.07a.345.345 0 0 1-.19-.46c.08-.18.28-.26.46-.19l3.4 1.38c.14.05.25.12 1.47 2.1a1.145 1.145 0 0 1-.49 1.63l-.75.36v4.4c0 .47-.28.89-.72 1.07l-7.1 2.88c-.14.06-.28.08-.43.08l-.01.01c-.15 0-.3-.03-.44-.09m.79-8.108v7.388l6.92-2.81c.17-.07.28-.23.28-.42v-4.08l-4.7 2.1c-.54.24-1.17.04-1.47-.48l-.79-1.37a3 3 0 0 0-.24-.328m-7.9.093v4.065c0 .18.11.35.28.42l6.92 2.81v-7.39c-.07.09-.16.21-.26.36l-.78 1.35c-.3.51-.93.72-1.47.48zm4.98 1.445c.21.09.46.02.57-.19l.79-1.37c.18-.26.33-.46.47-.61l-7.06-2.95c-.14.2-.45.67-1.1 1.72-.07.11-.08.23-.05.36.04.12.12.22.24.28l.95.45.01-.01zm3.76-1.57.8 1.39c.12.2.36.28.57.19l5.18-2.32.95-.45c.12-.06.2-.15.24-.28a.42.42 0 0 0-.05-.36c-.64-1.05-.95-1.52-1.1-1.72l-7.06 2.96h.01c.13.14.29.33.46.59"
+            })
+        ]
+    }));
+}, f = n;

package/dist/generated/mistica-icons/icon-box-star-regular.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconBoxStarRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconBoxStarRegular;

package/dist/generated/mistica-icons/icon-box-star-regular.js

@@ -0,0 +1,117 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return f;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _themevariantcontext = require("../../theme-variant-context.js");
+const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+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;
+}
+const i = (_param)=>{
+    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M12 2.1c-.533 0-1.003.308-1.227.785L10.24 4.01l-1.177.178a1.37 1.37 0 0 0-1.089.924c-.17.5-.042 1.052.327 1.428l.871.885-.207 1.258a1.39 1.39 0 0 0 .564 1.366c.421.3.975.33 1.425.082L12 9.558l1.043.571.002.001a1.34 1.34 0 0 0 1.426-.082c.438-.312.65-.841.564-1.366l-.204-1.266.868-.875.002-.002c.37-.377.495-.93.326-1.428a1.37 1.37 0 0 0-1.089-.924l-1.178-.179-.533-1.124A1.36 1.36 0 0 0 12 2.1m0 1.2c.054 0 .11.029.142.098l.622 1.313.007.012.003.006a.9.9 0 0 0 .218.277c.157.124.327.15.394.16h.002l1.37.208c.051.008.106.045.13.12l.001.002a.2.2 0 0 1-.044.201l-.001.001-.962.969-.006.006a.9.9 0 0 0-.226.322c-.072.189-.043.375-.035.422v.008l.002.007.232 1.443v.001a.19.19 0 0 1-.075.194h-.001a.136.136 0 0 1-.149.01l-1.286-.705-.017-.008a.716.716 0 0 0-.695.027l-1.25.685a.14.14 0 0 1-.15-.008l-.003-.002a.19.19 0 0 1-.074-.193l.234-1.423a.8.8 0 0 0-.021-.426c-.057-.162-.165-.272-.195-.302l-.004-.005-1.007-1.022a.2.2 0 0 1-.045-.2l.001-.006a.17.17 0 0 1 .131-.118l1.397-.212.01-.002.007-.001a.8.8 0 0 0 .347-.15c.139-.11.208-.25.236-.308l.001-.002.617-1.301v-.003c.032-.066.085-.095.141-.095"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M16.726 7.444a.6.6 0 1 0-.452 1.112l2.062.839-6.327 2.651-6.332-2.653 2.05-.838a.6.6 0 1 0-.454-1.11L3.882 8.83a.7.7 0 0 0-.214.142l-.002.001a1 1 0 0 0-.083.09 3 3 0 0 0-.138.184c-.096.134-.214.313-.34.509-.255.393-.557.88-.8 1.277A1.394 1.394 0 0 0 2.9 13.02l.609.289v4.243a1.4 1.4 0 0 0 .873 1.297l7.1 2.885a1.4 1.4 0 0 0 1.054 0l7.1-2.885a1.4 1.4 0 0 0 .873-1.297V13.31l.608-.289a1.394 1.394 0 0 0 .595-1.988 67 67 0 0 0-.799-1.276 15 15 0 0 0-.34-.51 3 3 0 0 0-.139-.182 1 1 0 0 0-.083-.09l-.001-.002a.7.7 0 0 0-.215-.142zm2.989 2.674q.086.128.19.29c.246.38.542.858.784 1.252a.194.194 0 0 1-.085.277l-.947.448-5.184 2.323a.2.2 0 0 1-.255-.083l-.8-1.39-.01-.017a6 6 0 0 0-.252-.351zm-.406 3.738v3.697a.2.2 0 0 1-.125.185l-6.575 2.672v-6.177l.569.99a1.4 1.4 0 0 0 1.786.58zm-7.9 6.554-6.576-2.672a.2.2 0 0 1-.124-.185v-3.697l4.344 1.947a1.4 1.4 0 0 0 1.786-.58l.57-.99zm-7.05-8.025-.946-.448a.194.194 0 0 1-.085-.277c.242-.395.538-.871.784-1.252q.105-.161.19-.29l6.56 2.749q-.129.166-.253.351l-.01.017-.8 1.39a.2.2 0 0 1-.255.083z"
+            })
+        ]
+    }));
+}, f = i;

package/dist/generated/mistica-icons/icon-high-priority-filled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconHighPriorityFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconHighPriorityFilled;