kelt-ui-kit-react 1.2.6 → 1.2.8

package/dist/form/form.interface.d.ts

@@ -24,6 +24,7 @@ export interface FormInterface {
     icon?: string;
     className?: string;
     autoComplete?: autoCompleteType;
+    step?: string;
     onChange?: (value: string | number | boolean | Date, name?: string) => void;
     onRequired?: (value: string | number | boolean | Date) => boolean;
     onDisabled?: (value: string | number | boolean | Date) => boolean;

package/dist/index.js

@@ -1,7 +1,7 @@
-import Te, { useState as L, useEffect as Q, useCallback as A, createContext as Eo, useContext as Oa, useDebugValue as Wn, createElement as Po, useRef as ye, forwardRef as br, useId as To, useImperativeHandle as wr, useMemo as Ye, Children as Ao, cloneElement as Ro } from "react";
+import Te, { useState as F, useEffect as Q, useCallback as A, createContext as Eo, useContext as Oa, useDebugValue as Wn, createElement as Po, useRef as ye, forwardRef as br, useId as To, useImperativeHandle as wr, useMemo as Ye, Children as Ao, cloneElement as Ro } from "react";
 import xn, { createPortal as Da } from "react-dom";
 const Gc = (e = 768) => {
-  const [t, r] = L(
+  const [t, r] = F(
     typeof window < "u" ? window.innerWidth <= e : !1
   );
   return Q(() => {
@@ -641,7 +641,7 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? Kr.exports = $o() : Kr.exports = Mo();
 var i = Kr.exports;
-const F = ({ classIcon: e, size: t }) => /* @__PURE__ */ i.jsx("i", { className: `bi ${e} ${t ?? "sm"}` }), Na = ({
+const L = ({ classIcon: e, size: t }) => /* @__PURE__ */ i.jsx("i", { className: `bi ${e} ${t ?? "sm"}` }), Na = ({
   className: e,
   onClick: t,
   title: r,
@@ -657,7 +657,7 @@ const F = ({ classIcon: e, size: t }) => /* @__PURE__ */ i.jsx("i", { className:
       onClick: o,
       className: `badge ${e || ""}`,
       children: [
-        a && /* @__PURE__ */ i.jsx(F, { size: n, classIcon: a }),
+        a && /* @__PURE__ */ i.jsx(L, { size: n, classIcon: a }),
         /* @__PURE__ */ i.jsx("span", { children: r })
       ]
     }
@@ -676,7 +676,7 @@ const qc = ({
   };
   return /* @__PURE__ */ i.jsxs("div", { className: `action ${e}`, onClick: o, children: [
     a && /* @__PURE__ */ i.jsx(Na, { ...a }),
-    n && /* @__PURE__ */ i.jsx(F, { classIcon: n, size: xe.LARGE }),
+    n && /* @__PURE__ */ i.jsx(L, { classIcon: n, size: xe.LARGE }),
     /* @__PURE__ */ i.jsx("small", { children: r })
   ] });
 }, Lt = ({
@@ -701,9 +701,9 @@ const qc = ({
       className: e,
       children: [
         r && /* @__PURE__ */ i.jsx(Na, { ...r }),
-        o && s == 1 && /* @__PURE__ */ i.jsx("span", { className: `${n ? "mr-2" : ""}`, children: /* @__PURE__ */ i.jsx(F, { size: a, classIcon: o }) }),
+        o && s == 1 && /* @__PURE__ */ i.jsx("span", { className: `${n ? "mr-2" : ""}`, children: /* @__PURE__ */ i.jsx(L, { size: a, classIcon: o }) }),
         /* @__PURE__ */ i.jsx("span", { children: n }),
-        o && s == 2 && /* @__PURE__ */ i.jsx("span", { className: "ml-2", children: /* @__PURE__ */ i.jsx(F, { classIcon: o }) })
+        o && s == 2 && /* @__PURE__ */ i.jsx("span", { className: "ml-2", children: /* @__PURE__ */ i.jsx(L, { classIcon: o }) })
       ]
     }
   );
@@ -715,7 +715,7 @@ const qc = ({
     children: e.item.children
   }
 ), _a = (e) => {
-  const [t, r] = L(null), n = A((o) => {
+  const [t, r] = F(null), n = A((o) => {
     r(o);
   }, []), a = (o) => /* @__PURE__ */ i.jsx("ul", { children: o.map((s) => /* @__PURE__ */ i.jsxs("li", { children: [
     /* @__PURE__ */ i.jsx(
@@ -732,7 +732,7 @@ const qc = ({
 }, Ca = Eo(void 0), Hc = ({
   children: e
 }) => {
-  const [t, r] = L(null);
+  const [t, r] = F(null);
   return /* @__PURE__ */ i.jsx(Ca.Provider, { value: { activeOverlayId: t, setActiveOverlay: r }, children: e });
 }, Fo = () => {
   const e = Oa(Ca);
@@ -1842,7 +1842,7 @@ const Gi = _n.div`
     show: a,
     closeOverlay: o
   }, s) => {
-    const { activeOverlayId: l, setActiveOverlay: u } = Fo(), [d, h] = L(a || !1), [v, g] = L(
+    const { activeOverlayId: l, setActiveOverlay: u } = Fo(), [d, h] = F(a || !1), [v, g] = F(
       r ?? { top: 0, left: 0 }
     ), m = ye(null), y = To();
     wr(s, () => ({
@@ -1913,7 +1913,7 @@ const Gi = _n.div`
         {
           className: `overlayPanel ${v.top > 0 || v.left > 0 ? "visible" : "hide"}`,
           children: [
-            /* @__PURE__ */ i.jsx("button", { className: "toggle-btn", onClick: x, children: /* @__PURE__ */ i.jsx(F, { classIcon: "bi-x-lg" }) }),
+            /* @__PURE__ */ i.jsx("button", { className: "toggle-btn", onClick: x, children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-x-lg" }) }),
             n
           ]
         }
@@ -1931,7 +1931,7 @@ const Gi = _n.div`
 }) => {
   const s = (m) => {
     m.preventDefault(), t && t(m);
-  }, l = ye(null), [u, d] = L(!1), h = A(
+  }, l = ye(null), [u, d] = F(!1), h = A(
     (m) => {
       m.stopPropagation(), n && d(!u);
     },
@@ -1971,7 +1971,7 @@ const Gi = _n.div`
               className: "ml-2",
               ref: l,
               onClick: (m) => h(m),
-              children: /* @__PURE__ */ i.jsx(F, { classIcon: "bi-chevron-up" })
+              children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-chevron-up" })
             }
           )
         ]
@@ -1996,9 +1996,9 @@ const Gi = _n.div`
   positionOverlay: a,
   setOpenActions: o
 }) => {
-  const s = ye(null), [l, u] = L(
+  const s = ye(null), [l, u] = F(
     a
-  ), d = ye(null), [h, v] = L(t ?? !1);
+  ), d = ye(null), [h, v] = F(t ?? !1);
   Q(() => {
     t && v(t);
   }, [t]);
@@ -2039,14 +2039,14 @@ const Gi = _n.div`
         onClick: (p) => g(p, !h),
         children: [
           /* @__PURE__ */ i.jsx(
-            F,
+            L,
             {
               size: xe.MEDIUM,
               classIcon: "bi-three-dots-vertical cursor-pointer"
             }
           ),
           /* @__PURE__ */ i.jsx(
-            F,
+            L,
             {
               size: xe.MEDIUM,
               classIcon: "bi-three-dots cursor-pointer"
@@ -2078,7 +2078,7 @@ const Gi = _n.div`
   positionOverlay: s,
   children: l
 }) => {
-  const [u, d] = L(!1), [h, v] = L(!1), [g, m] = L(), y = (x, f) => {
+  const [u, d] = F(!1), [h, v] = F(!1), [g, m] = F(), y = (x, f) => {
     x.stopPropagation(), a && a(f);
   }, p = A(
     (x, f) => {
@@ -2118,7 +2118,7 @@ const Gi = _n.div`
             {
               className: "ml-2 cursor-pointer",
               onClick: (x) => y(x, e),
-              children: /* @__PURE__ */ i.jsx(F, { classIcon: "bi-trash3" })
+              children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-trash3" })
             }
           ),
           t && /* @__PURE__ */ i.jsx(
@@ -2147,7 +2147,7 @@ const Gi = _n.div`
     xl: 5
   }
 }) => {
-  const [a, o] = L(0), s = e.length, [l, u] = L(1);
+  const [a, o] = F(0), s = e.length, [l, u] = F(1);
   Q(() => {
     const y = () => {
       const p = window.innerWidth;
@@ -2181,7 +2181,7 @@ const Gi = _n.div`
       {
         className: `carousel-control prev ${m && "disabled"}`,
         onClick: h,
-        children: /* @__PURE__ */ i.jsx(F, { classIcon: "bi-chevron-left" })
+        children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-chevron-left" })
       }
     ),
     /* @__PURE__ */ i.jsx("div", { className: "carousel-container", children: /* @__PURE__ */ i.jsx(
@@ -2211,7 +2211,7 @@ const Gi = _n.div`
       {
         className: `carousel-control next ${v && "disabled"}`,
         onClick: d,
-        children: /* @__PURE__ */ i.jsx(F, { classIcon: "bi-chevron-right" })
+        children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-chevron-right" })
       }
     )
   ] });
@@ -2227,7 +2227,7 @@ const Gi = _n.div`
   page: n = 1,
   onClick: a
 }) => {
-  const o = Ye(() => e ?? 9, [e]), s = Ye(() => t ?? 9, [t]), [l, u] = L(1);
+  const o = Ye(() => e ?? 9, [e]), s = Ye(() => t ?? 9, [t]), [l, u] = F(1);
   Q(() => {
     u(n);
   }, [n]);
@@ -2423,7 +2423,7 @@ function Zc(e) {
                   className: "mr-2 ",
                   onClick: () => f.onClick(p),
                   children: /* @__PURE__ */ i.jsx(
-                    F,
+                    L,
                     {
                       classIcon: f.classIcon ?? ""
                     },
@@ -3594,9 +3594,9 @@ function ir(e, t) {
   return e instanceof Date && t instanceof Date && e.getTime() === t.getTime();
 }
 var Pc = br(function(t, r) {
-  var n = t.activeStartDate, a = t.allowPartialRange, o = t.calendarType, s = t.className, l = t.defaultActiveStartDate, u = t.defaultValue, d = t.defaultView, h = t.formatDay, v = t.formatLongDate, g = t.formatMonth, m = t.formatMonthYear, y = t.formatShortWeekday, p = t.formatWeekday, x = t.formatYear, f = t.goToRangeStartOnSelect, b = f === void 0 ? !0 : f, S = t.inputRef, D = t.locale, P = t.maxDate, k = P === void 0 ? Nc : P, C = t.maxDetail, M = C === void 0 ? "month" : C, q = t.minDate, ue = q === void 0 ? Mn : q, Me = t.minDetail, pe = Me === void 0 ? "century" : Me, ie = t.navigationAriaLabel, se = t.navigationAriaLive, Se = t.navigationLabel, Z = t.next2AriaLabel, De = t.next2Label, Ae = t.nextAriaLabel, H = t.nextLabel, B = t.onActiveStartDateChange, re = t.onChange, G = t.onClickDay, be = t.onClickDecade, Ne = t.onClickMonth, _e = t.onClickWeekNumber, de = t.onClickYear, fe = t.onDrillDown, ne = t.onDrillUp, K = t.onViewChange, we = t.prev2AriaLabel, Ce = t.prev2Label, ce = t.prevAriaLabel, xt = t.prevLabel, X = t.returnValue, ke = X === void 0 ? "start" : X, ee = t.selectRange, ze = t.showDoubleView, jt = t.showFixedNumberOfWeeks, Ue = t.showNavigation, Rr = Ue === void 0 ? !0 : Ue, Ir = t.showNeighboringCentury, St = t.showNeighboringDecade, Bt = t.showNeighboringMonth, $r = Bt === void 0 ? !0 : Bt, zt = t.showWeekNumbers, Ut = t.tileClassName, Gt = t.tileContent, Mr = t.tileDisabled, nt = t.value, Ot = t.view, qt = L(l), Lr = qt[0], at = qt[1], Ht = L(null), Fr = Ht[0], Xt = Ht[1], Kt = L(Array.isArray(u) ? u.map(function(O) {
+  var n = t.activeStartDate, a = t.allowPartialRange, o = t.calendarType, s = t.className, l = t.defaultActiveStartDate, u = t.defaultValue, d = t.defaultView, h = t.formatDay, v = t.formatLongDate, g = t.formatMonth, m = t.formatMonthYear, y = t.formatShortWeekday, p = t.formatWeekday, x = t.formatYear, f = t.goToRangeStartOnSelect, b = f === void 0 ? !0 : f, S = t.inputRef, D = t.locale, P = t.maxDate, k = P === void 0 ? Nc : P, C = t.maxDetail, M = C === void 0 ? "month" : C, q = t.minDate, ue = q === void 0 ? Mn : q, Me = t.minDetail, pe = Me === void 0 ? "century" : Me, ie = t.navigationAriaLabel, se = t.navigationAriaLive, Se = t.navigationLabel, Z = t.next2AriaLabel, De = t.next2Label, Ae = t.nextAriaLabel, H = t.nextLabel, B = t.onActiveStartDateChange, re = t.onChange, G = t.onClickDay, be = t.onClickDecade, Ne = t.onClickMonth, _e = t.onClickWeekNumber, de = t.onClickYear, fe = t.onDrillDown, ne = t.onDrillUp, K = t.onViewChange, we = t.prev2AriaLabel, Ce = t.prev2Label, ce = t.prevAriaLabel, xt = t.prevLabel, X = t.returnValue, ke = X === void 0 ? "start" : X, ee = t.selectRange, ze = t.showDoubleView, jt = t.showFixedNumberOfWeeks, Ue = t.showNavigation, Rr = Ue === void 0 ? !0 : Ue, Ir = t.showNeighboringCentury, St = t.showNeighboringDecade, Bt = t.showNeighboringMonth, $r = Bt === void 0 ? !0 : Bt, zt = t.showWeekNumbers, Ut = t.tileClassName, Gt = t.tileContent, Mr = t.tileDisabled, nt = t.value, Ot = t.view, qt = F(l), Lr = qt[0], at = qt[1], Ht = F(null), Fr = Ht[0], Xt = Ht[1], Kt = F(Array.isArray(u) ? u.map(function(O) {
     return O !== null ? Rt(O) : null;
-  }) : u != null ? Rt(u) : null), Ge = Kt[0], Jt = Kt[1], Re = L(d), Dt = Re[0], ot = Re[1], ae = n || Lr || Ec({
+  }) : u != null ? Rt(u) : null), Ge = Kt[0], Jt = Kt[1], Re = F(d), Dt = Re[0], ot = Re[1], ae = n || Lr || Ec({
     activeStartDate: n,
     defaultActiveStartDate: l,
     defaultValue: u,
@@ -3829,7 +3829,7 @@ const el = ({
   maxDate: r,
   children: n
 }) => {
-  const [a, o] = L(e ?? /* @__PURE__ */ new Date()), [s, l] = L(!1), u = ye(null), d = A(
+  const [a, o] = F(e ?? /* @__PURE__ */ new Date()), [s, l] = F(!1), u = ye(null), d = A(
     (p) => {
       o(p), t && t(p), l(!1);
     },
@@ -3840,7 +3840,7 @@ const el = ({
   Q(() => (s ? document.addEventListener("mousedown", v) : document.removeEventListener("mousedown", v), () => {
     document.removeEventListener("mousedown", v);
   }), [s, v]);
-  const [g, m] = L(), y = ({
+  const [g, m] = F(), y = ({
     activeStartDate: p
   }) => {
     m(p);
@@ -3848,7 +3848,7 @@ const el = ({
   return /* @__PURE__ */ i.jsx("div", { children: /* @__PURE__ */ i.jsxs("div", { className: "calendar", ref: u, children: [
     n && /* @__PURE__ */ i.jsx("div", { onClick: h, children: n }),
     !n && /* @__PURE__ */ i.jsx("button", { className: "calendar-button", onClick: h, children: /* @__PURE__ */ i.jsx(
-      F,
+      L,
       {
         classIcon: " bi-calendar4-event",
         size: xe.EXTRA_LARGE
@@ -3861,7 +3861,7 @@ const el = ({
           onClick: () => l(!1),
           className: "calendar-popup-close",
           children: /* @__PURE__ */ i.jsx(
-            F,
+            L,
             {
               classIcon: "bi-x-lg close-icon",
               size: xe.EXTRA_SMALL
@@ -3894,7 +3894,7 @@ const el = ({
   showArrow: n = !0,
   onChange: a
 }) => {
-  const [o, s] = L(!1);
+  const [o, s] = F(!1);
   Q(() => {
     t && e && e.id === t.id ? o || s(!0) : s(!1);
   }, [e, s, t]);
@@ -3911,8 +3911,8 @@ const el = ({
       className: `expand ${o ? "expand--active" : ""} ${r ?? ""}`,
       children: [
         /* @__PURE__ */ i.jsx("div", { className: "expand-header", children: /* @__PURE__ */ i.jsx("div", { className: "expand-header-content", children: /* @__PURE__ */ i.jsxs("div", { className: "expand-header-content-default", children: [
-          o && n && /* @__PURE__ */ i.jsx(F, { classIcon: "bi bi-chevron-down mr-2" }),
-          !o && n && /* @__PURE__ */ i.jsx(F, { classIcon: "bi bi-chevron-right mr-2" }),
+          o && n && /* @__PURE__ */ i.jsx(L, { classIcon: "bi bi-chevron-down mr-2" }),
+          !o && n && /* @__PURE__ */ i.jsx(L, { classIcon: "bi bi-chevron-right mr-2" }),
           /* @__PURE__ */ i.jsx("span", { className: "flex-1 expand-header-title-left", children: t.title }),
           t.description && /* @__PURE__ */ i.jsx("span", { className: "expand-header-title-right", children: t.description })
         ] }) }) }),
@@ -3925,7 +3925,7 @@ const el = ({
     }
   );
 }, tl = (e) => {
-  const [t, r] = L(), n = A(
+  const [t, r] = F(), n = A(
     (a) => {
       e.onChange && e.onChange(a), r(a);
     },
@@ -3989,7 +3989,7 @@ const el = ({
     hideSubmit: a,
     className: o
   }, s) => {
-    const [l, u] = L(() => {
+    const [l, u] = F(() => {
       const f = {};
       return e.forEach((b) => {
         f[b.name] = b.value ?? "";
@@ -4050,7 +4050,7 @@ const el = ({
             className: `d-flex flex-column ${f.className} form-group-${f.type}`,
             children: [
               f.label && /* @__PURE__ */ i.jsx("label", { children: f.label }),
-              f.icon && /* @__PURE__ */ i.jsx(F, { classIcon: f.icon }),
+              f.icon && /* @__PURE__ */ i.jsx(L, { classIcon: f.icon }),
               /* @__PURE__ */ i.jsx(
                 "input",
                 {
@@ -4063,6 +4063,7 @@ const el = ({
                   disabled: D,
                   autoFocus: f.focus ?? !1,
                   required: S,
+                  step: f.step ?? "0.01",
                   value: l && l[f.name],
                   checked: f.type === "checkbox" ? !!l[f.name] : void 0,
                   onChange: (P) => h(P, f),
@@ -4090,7 +4091,7 @@ const nl = ({
   cols: l,
   rows: u
 }) => {
-  const [d, h] = L(t);
+  const [d, h] = F(t);
   Q(() => {
     h(t);
   }, [t]);
@@ -4149,12 +4150,12 @@ const nl = ({
   positionFixed: a,
   onClickLogo: o
 }) => {
-  const s = ye(null), [l, u] = L(!1), d = A(() => {
+  const s = ye(null), [l, u] = F(!1), d = A(() => {
     u(!l);
   }, [l, u]);
   return /* @__PURE__ */ i.jsxs("div", { className: `header ${a ? "header--fixed" : ""}`, children: [
     /* @__PURE__ */ i.jsxs("div", { className: "flex-1 d-flex align-items-center", children: [
-      /* @__PURE__ */ i.jsx("span", { onClick: r, children: /* @__PURE__ */ i.jsx(F, { size: xe.MEDIUM, classIcon: "bi-list" }) }),
+      /* @__PURE__ */ i.jsx("span", { onClick: r, children: /* @__PURE__ */ i.jsx(L, { size: xe.MEDIUM, classIcon: "bi-list" }) }),
       /* @__PURE__ */ i.jsx(
         "span",
         {
@@ -4166,7 +4167,7 @@ const nl = ({
     ] }),
     /* @__PURE__ */ i.jsxs("div", { className: "d-flex align-items-center", children: [
       e,
-      /* @__PURE__ */ i.jsx("div", { ref: s, onClick: d, children: /* @__PURE__ */ i.jsx(F, { size: xe.MEDIUM, classIcon: "bi-person-circle" }) }),
+      /* @__PURE__ */ i.jsx("div", { ref: s, onClick: d, children: /* @__PURE__ */ i.jsx(L, { size: xe.MEDIUM, classIcon: "bi-person-circle" }) }),
       l && s.current && /* @__PURE__ */ i.jsx(
         Cn,
         {
@@ -4198,7 +4199,7 @@ const nl = ({
       children: [
         /* @__PURE__ */ i.jsxs("div", { className: "modal-header", children: [
           o && /* @__PURE__ */ i.jsx("h2", { className: "modal-title", children: o }),
-          /* @__PURE__ */ i.jsx("div", { className: "modal-close-button", onClick: t, children: /* @__PURE__ */ i.jsx(F, { classIcon: "bi-x-lg" }) })
+          /* @__PURE__ */ i.jsx("div", { className: "modal-close-button", onClick: t, children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-x-lg" }) })
         ] }),
         /* @__PURE__ */ i.jsx("div", { className: "modal-content", children: r }),
         n && /* @__PURE__ */ i.jsx("div", { className: "d-flex justify-content-end", children: /* @__PURE__ */ i.jsx(Lt, { onClick: n, title: a ?? "" }) })
@@ -4215,7 +4216,7 @@ const nl = ({
   disabledMinus: o,
   pas: s
 }) => {
-  const [l, u] = L(s), d = A(
+  const [l, u] = F(s), d = A(
     (m) => {
       n || (u(m), e && e(t, m));
     },
@@ -4254,7 +4255,7 @@ const nl = ({
       {
         onClick: (m) => v(m),
         className: `qte-action qte-action--minus ${n || o ? "disabled" : ""} `,
-        children: /* @__PURE__ */ i.jsx(F, { size: xe.LARGE, classIcon: "bi bi-dash-square" })
+        children: /* @__PURE__ */ i.jsx(L, { size: xe.LARGE, classIcon: "bi bi-dash-square" })
       }
     ),
     /* @__PURE__ */ i.jsx("span", { onClick: (m) => g(m), className: "qte-label", children: l }),
@@ -4263,7 +4264,7 @@ const nl = ({
       {
         onClick: (m) => h(m),
         className: `qte-action qte-action--plus ${n || a ? "disabled" : ""}`,
-        children: /* @__PURE__ */ i.jsx(F, { size: xe.LARGE, classIcon: "bi bi-plus-square" })
+        children: /* @__PURE__ */ i.jsx(L, { size: xe.LARGE, classIcon: "bi bi-plus-square" })
       }
     )
   ] });
@@ -4279,7 +4280,7 @@ const nl = ({
     setIsVisible: l,
     id: u
   }, d) => {
-    const [h, v] = L(n ?? !1), g = ye(null), m = ye(null), y = Ye(
+    const [h, v] = F(n ?? !1), g = ye(null), m = ye(null), y = Ye(
       () => [
         {
           value: "",
@@ -4348,7 +4349,7 @@ const nl = ({
           {
             className: "toggle-btn",
             onClick: () => p(!1),
-            children: /* @__PURE__ */ i.jsx(F, { classIcon: "bi-x-lg" })
+            children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-x-lg" })
           }
         ) }),
         /* @__PURE__ */ i.jsx("div", { className: "search-result-content", children: e })
@@ -4366,7 +4367,7 @@ const nl = ({
   closeOnClickOutside: l = !0,
   displayOverlay: u = !0
 }) => {
-  const [d, h] = L(e || !1), v = ye(null), g = ye(null);
+  const [d, h] = F(e || !1), v = ye(null), g = ye(null);
   Q(() => (g.current || (g.current = document.createElement("div"), g.current.id = `sidebar-root-${o || crypto.randomUUID()}`, document.body.appendChild(g.current)), () => {
     g.current && g.current.parentNode && (document.body.removeChild(g.current), g.current = null);
   }), [o]), Q(() => {
@@ -4394,7 +4395,7 @@ const nl = ({
           children: [
             /* @__PURE__ */ i.jsxs("div", { className: "sidebar-header", children: [
               r && /* @__PURE__ */ i.jsx("h2", { className: "flex-1", children: r }),
-              /* @__PURE__ */ i.jsx("button", { className: "toggle-btn", onClick: m, children: /* @__PURE__ */ i.jsx(F, { classIcon: "bi-x-lg" }) })
+              /* @__PURE__ */ i.jsx("button", { className: "toggle-btn", onClick: m, children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-x-lg" }) })
             ] }),
             t && t
           ]
@@ -4431,6 +4432,7 @@ const Sa = (e) => {
   severity: "info",
   visible: !1,
   duration: 2500,
+  close: !0,
   children: null,
   showToast: (t, r = {}) => e(() => ({
     title: t,
@@ -4449,23 +4451,27 @@ const Sa = (e) => {
     visible: n,
     children: a,
     duration: o,
-    hideToast: s
-  } = Bc();
+    hideToast: s,
+    close: l
+  } = Bc(), u = A(() => {
+    s();
+  }, [s]);
   if (Q(() => {
     if (!n) return;
-    const u = setTimeout(() => {
+    const h = setTimeout(() => {
       s();
     }, o);
-    return () => clearTimeout(u);
+    return () => clearTimeout(h);
   }, [n, o, s]), !n) return null;
-  const l = document.getElementById("toaster-root");
-  return l ? xn.createPortal(
+  const d = document.getElementById("toaster-root");
+  return d ? xn.createPortal(
     /* @__PURE__ */ i.jsxs("div", { className: `toaster toaster-${r}`, children: [
+      l && /* @__PURE__ */ i.jsx("div", { className: "toaster--close", onClick: u, children: /* @__PURE__ */ i.jsx(L, { classIcon: "bi-x" }) }),
       /* @__PURE__ */ i.jsxs("div", { children: [
-        r === "info" && /* @__PURE__ */ i.jsx(F, { classIcon: "bi-info-circle" }),
-        r === "success" && /* @__PURE__ */ i.jsx(F, { classIcon: "bi-check-circle" }),
-        r === "error" && /* @__PURE__ */ i.jsx(F, { classIcon: "bi-x-circle" }),
-        r === "warning" && /* @__PURE__ */ i.jsx(F, { classIcon: "bi-exclamation-triangle" })
+        r === "info" && /* @__PURE__ */ i.jsx(L, { classIcon: "bi-info-circle" }),
+        r === "success" && /* @__PURE__ */ i.jsx(L, { classIcon: "bi-check-circle" }),
+        r === "error" && /* @__PURE__ */ i.jsx(L, { classIcon: "bi-x-circle" }),
+        r === "warning" && /* @__PURE__ */ i.jsx(L, { classIcon: "bi-exclamation-triangle" })
       ] }),
       /* @__PURE__ */ i.jsxs("div", { children: [
         /* @__PURE__ */ i.jsx("div", { className: `title title-${r}`, children: e }),
@@ -4473,7 +4479,7 @@ const Sa = (e) => {
         a
       ] })
     ] }),
-    l
+    d
   ) : null;
 };
 export {
@@ -4491,7 +4497,7 @@ export {
   rl as FilAriane,
   al as Grid,
   ol as Header,
-  F as Icon,
+  L as Icon,
   xe as IconSizeEnum,
   sa as Loader,
   _a as Menus,