1mpacto-react-ui 0.0.75 → 0.0.76

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as L from "react";
-import A, { useState as me, useRef as fe, useSyncExternalStore as Pb, useLayoutEffect as _r, useEffect as je, isValidElement as ye, cloneElement as La, forwardRef as en, useImperativeHandle as Bb, useCallback as Se, useMemo as xe, createElement as dl, useContext as Ln, createContext as ug, Component as _b, Fragment as gi } from "react";
+import A, { useState as me, useRef as fe, useSyncExternalStore as Pb, useLayoutEffect as _r, useEffect as je, isValidElement as ye, cloneElement as La, forwardRef as tn, useImperativeHandle as Bb, useCallback as Se, useMemo as xe, createElement as dl, useContext as Ln, createContext as ug, Component as _b, Fragment as gi } from "react";
 import * as sg from "react-dom";
 import kb, { createPortal as fl } from "react-dom";
 function dn(e) {
@@ -3618,7 +3618,7 @@ const Vt = {
       }
     )
   }
-), qn = en((e, t) => {
+), qn = tn((e, t) => {
   const {
     size: n = "reguler",
     variants: r = "filled-laba-blue-10",
@@ -3724,7 +3724,7 @@ function po(e) {
     overflowX: n,
     overflowY: r,
     display: a
-  } = qt(e);
+  } = en(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !["inline", "contents"].includes(a);
 }
 function v3(e) {
@@ -3740,7 +3740,7 @@ function eu(e) {
   });
 }
 function pl(e) {
-  const t = hl(), n = qt(e);
+  const t = hl(), n = en(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((r) => (n.willChange || "").includes(r)) || ["paint", "layout", "strict", "content"].some((r) => (n.contain || "").includes(r));
 }
 function y3(e) {
@@ -3760,7 +3760,7 @@ function hl() {
 function er(e) {
   return ["html", "body", "#document"].includes(or(e));
 }
-function qt(e) {
+function en(e) {
   return jt(e).getComputedStyle(e);
 }
 function tu(e) {
@@ -4579,7 +4579,7 @@ const uy = function(e) {
   };
 };
 function Bg(e) {
-  const t = qt(e);
+  const t = en(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
   const a = ft(e), o = a ? e.offsetWidth : n, i = a ? e.offsetHeight : r, u = bi(n) !== o || bi(r) !== i;
   return u && (n = o, r = i), {
@@ -4628,7 +4628,7 @@ function Rr(e, t, n, r) {
     const g = jt(o), d = r && qe(r) ? jt(r) : r;
     let m = g, p = m.frameElement;
     for (; p && r && d !== m; ) {
-      const v = ta(p), h = p.getBoundingClientRect(), b = qt(p), y = h.left + (p.clientLeft + parseFloat(b.paddingLeft)) * v.x, w = h.top + (p.clientTop + parseFloat(b.paddingTop)) * v.y;
+      const v = ta(p), h = p.getBoundingClientRect(), b = en(p), y = h.left + (p.clientLeft + parseFloat(b.paddingLeft)) * v.x, w = h.top + (p.clientTop + parseFloat(b.paddingTop)) * v.y;
       s *= v.x, l *= v.y, c *= v.x, f *= v.y, s += y, l += w, m = jt(p), p = m.frameElement;
     }
   }
@@ -4675,7 +4675,7 @@ function gy(e) {
   const t = jn(e), n = tu(e), r = e.ownerDocument.body, a = Er(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), o = Er(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let i = -n.scrollLeft + kg(e);
   const u = -n.scrollTop;
-  return qt(r).direction === "rtl" && (i += Er(t.clientWidth, r.clientWidth) - a), {
+  return en(r).direction === "rtl" && (i += Er(t.clientWidth, r.clientWidth) - a), {
     width: a,
     height: o,
     x: i,
@@ -4726,17 +4726,17 @@ function Jc(e, t, n) {
 }
 function Mg(e, t) {
   const n = Nn(e);
-  return n === t || !qe(n) || er(n) ? !1 : qt(n).position === "fixed" || Mg(n, t);
+  return n === t || !qe(n) || er(n) ? !1 : en(n).position === "fixed" || Mg(n, t);
 }
 function hy(e, t) {
   const n = t.get(e);
   if (n)
     return n;
   let r = Qn(e, [], !1).filter((u) => qe(u) && or(u) !== "body"), a = null;
-  const o = qt(e).position === "fixed";
+  const o = en(e).position === "fixed";
   let i = o ? Nn(e) : e;
   for (; qe(i) && !er(i); ) {
-    const u = qt(i), s = pl(i);
+    const u = en(i), s = pl(i);
     !s && u.position === "fixed" && (a = null), (o ? !s && !a : !s && u.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || po(i) && !s && Mg(e, i)) ? r = r.filter((c) => c !== i) : a = u, i = Nn(i);
   }
   return t.set(e, r), r;
@@ -4790,10 +4790,10 @@ function yy(e, t, n) {
   };
 }
 function Ru(e) {
-  return qt(e).position === "static";
+  return en(e).position === "static";
 }
 function Kc(e, t) {
-  return !ft(e) || qt(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+  return !ft(e) || en(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function Vg(e, t) {
   const n = jt(e);
@@ -4826,7 +4826,7 @@ const Cy = async function(e) {
   };
 };
 function xy(e) {
-  return qt(e).direction === "rtl";
+  return en(e).direction === "rtl";
 }
 const Dy = {
   convertOffsetParentRelativeRectToViewportRelativeRect: dy,
@@ -5768,7 +5768,7 @@ function rC(e, t) {
     if (ft(N) && T) {
       const U = N.clientWidth > 0 && N.scrollWidth > N.clientWidth, O = N.clientHeight > 0 && N.scrollHeight > N.clientHeight;
       let H = O && R.offsetX > N.clientWidth;
-      if (O && qt(N).direction === "rtl" && (H = R.offsetX <= N.offsetWidth - N.clientWidth), H || U && R.offsetY > N.clientHeight)
+      if (O && en(N).direction === "rtl" && (H = R.offsetX <= N.offsetWidth - N.clientWidth), H || U && R.offsetY > N.clientHeight)
         return;
     }
     const V = (M = o.current.floatingContext) == null ? void 0 : M.nodeId, W = p && _a(p.nodesRef.current, V).some((U) => {
@@ -6164,7 +6164,7 @@ function dC(e, t) {
 }
 const fC = "_popover_7cinv_1", gC = {
   popover: fC
-}, bo = en((e, t) => {
+}, bo = tn((e, t) => {
   const {
     children: n,
     className: r,
@@ -6174,7 +6174,7 @@ const fC = "_popover_7cinv_1", gC = {
     useAutoPlacement: u = !1,
     flipOptions: s,
     autoPlacementOptions: l,
-    zIndex: c,
+    zIndex: c = 10,
     width: f,
     styleInnerPopover: g = {},
     floatingOptions: d = {},
@@ -6205,8 +6205,8 @@ const fC = "_popover_7cinv_1", gC = {
     [p]
   );
   const k = () => {
-    let T = { ...b, ...S, ...g };
-    return f && (T = { ...T, width: f }), (c ?? c === 0) && (T = { ...T, zIndex: c }), T;
+    let T = { ...b, ...S, ...g, zIndex: c };
+    return f && (T = { ...T, width: f }), T;
   };
   return /* @__PURE__ */ x.jsx(x.Fragment, { children: _ && p && /* @__PURE__ */ x.jsx(Ky, { children: /* @__PURE__ */ x.jsx(qy, { context: y, modal: !1, children: /* @__PURE__ */ x.jsx(
     "div",
@@ -6230,7 +6230,7 @@ const mC = "_container_hlqmp_1", pC = "_input_hlqmp_7", hC = "_label_hlqmp_33",
   "isset-icon": "_isset-icon_hlqmp_51",
   "end-icon": "_end-icon_hlqmp_58",
   "label-error": "_label-error_hlqmp_61"
-}, vC = en((e, t) => {
+}, vC = tn((e, t) => {
   var v;
   const {
     isRequired: n,
@@ -6300,7 +6300,7 @@ const yC = "_label_1hdp6_4", CC = "_disabled_1hdp6_9", xC = "_input_1hdp6_15", D
   "label-error": "_label-error_1hdp6_66",
   "container-medium": "_container-medium_1hdp6_75",
   "container-small": "_container-small_1hdp6_149"
-}, Yg = en((e, t) => {
+}, Yg = tn((e, t) => {
   const {
     isRequired: n,
     classNameContainer: r,
@@ -10693,7 +10693,7 @@ const Ux = /* @__PURE__ */ Pe(() => {
     ScrollSeekPlaceholder: u("ScrollSeekPlaceholder")
   };
 }), Jx = /* @__PURE__ */ Pe(([e, t]) => ({ ...e, ...t }), Xe(Xm, Ux)), Kx = ({ height: e }) => /* @__PURE__ */ A.createElement("div", { style: { height: e } }), Qx = { position: Ym(), zIndex: 1, overflowAnchor: "none" }, qx = { overflowAnchor: "none" }, Sd = /* @__PURE__ */ A.memo(function({ showTopList: t = !1 }) {
-  const n = Ee("listState"), r = Qt("sizeRanges"), a = Ee("useWindowScroll"), o = Ee("customScrollParent"), i = Qt("windowScrollContainerState"), u = Qt("scrollContainerState"), s = o || a ? i : u, l = Ee("itemContent"), c = Ee("context"), f = Ee("groupContent"), g = Ee("trackItemSizes"), d = Ee("itemSize"), m = Ee("log"), p = Qt("gap"), { callbackRef: v } = Fm(
+  const n = Ee("listState"), r = qt("sizeRanges"), a = Ee("useWindowScroll"), o = Ee("customScrollParent"), i = qt("windowScrollContainerState"), u = qt("scrollContainerState"), s = o || a ? i : u, l = Ee("itemContent"), c = Ee("context"), f = Ee("groupContent"), g = Ee("trackItemSizes"), d = Ee("itemSize"), m = Ee("log"), p = qt("gap"), { callbackRef: v } = Fm(
     r,
     d,
     g,
@@ -10782,10 +10782,10 @@ function Jm(e, t) {
   return { item: typeof e == "string" ? void 0 : t };
 }
 const n2 = /* @__PURE__ */ A.memo(function() {
-  const t = Ee("HeaderComponent"), n = Qt("headerHeight"), r = Ee("headerFooterTag"), a = wn((i) => n(ln(i, "height"))), o = Ee("context");
+  const t = Ee("HeaderComponent"), n = qt("headerHeight"), r = Ee("headerFooterTag"), a = wn((i) => n(ln(i, "height"))), o = Ee("context");
   return t ? A.createElement(r, { ref: a }, A.createElement(t, et(t, o))) : null;
 }), r2 = /* @__PURE__ */ A.memo(function() {
-  const t = Ee("FooterComponent"), n = Qt("footerHeight"), r = Ee("headerFooterTag"), a = wn((i) => n(ln(i, "height"))), o = Ee("context");
+  const t = Ee("FooterComponent"), n = qt("footerHeight"), r = Ee("headerFooterTag"), a = wn((i) => n(ln(i, "height"))), o = Ee("context");
   return t ? A.createElement(r, { ref: a }, A.createElement(t, et(t, o))) : null;
 });
 function Nl({ usePublisher: e, useEmitter: t, useEmitterValue: n }) {
@@ -10835,12 +10835,12 @@ function Ol({ usePublisher: e, useEmitter: t, useEmitterValue: n }) {
   });
 }
 const a2 = ({ children: e }) => {
-  const t = A.useContext(su), n = Qt("viewportHeight"), r = Qt("fixedItemHeight"), a = Ee("alignToBottom"), o = wn(Xa(n, (i) => ln(i, "height")));
+  const t = A.useContext(su), n = qt("viewportHeight"), r = qt("fixedItemHeight"), a = Ee("alignToBottom"), o = wn(Xa(n, (i) => ln(i, "height")));
   return A.useEffect(() => {
     t && (n(t.viewportHeight), r(t.itemHeight));
   }, [t, n, r]), /* @__PURE__ */ A.createElement("div", { style: ba(a), ref: o, "data-viewport-type": "element" }, e);
 }, o2 = ({ children: e }) => {
-  const t = A.useContext(su), n = Qt("windowViewportRect"), r = Qt("fixedItemHeight"), a = Ee("customScrollParent"), o = Ml(n, a), i = Ee("alignToBottom");
+  const t = A.useContext(su), n = qt("windowViewportRect"), r = qt("fixedItemHeight"), a = Ee("customScrollParent"), o = Ml(n, a), i = Ee("alignToBottom");
   return A.useEffect(() => {
     t && (r(t.itemHeight), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: 100 }));
   }, [t, n, r]), /* @__PURE__ */ A.createElement("div", { ref: o, style: ba(i), "data-viewport-type": "window" }, e);
@@ -10852,7 +10852,7 @@ const a2 = ({ children: e }) => {
   return /* @__PURE__ */ A.createElement(o, { ...t }, r && /* @__PURE__ */ A.createElement(i2, null, /* @__PURE__ */ A.createElement(Sd, { showTopList: !0 })), /* @__PURE__ */ A.createElement(i, null, /* @__PURE__ */ A.createElement(n2, null), /* @__PURE__ */ A.createElement(Sd, null), /* @__PURE__ */ A.createElement(r2, null)));
 }), {
   Component: s2,
-  usePublisher: Qt,
+  usePublisher: qt,
   useEmitterValue: Ee,
   useEmitter: Ll
 } = /* @__PURE__ */ Rl(
@@ -10911,7 +10911,7 @@ const a2 = ({ children: e }) => {
     }
   },
   u2
-), l2 = /* @__PURE__ */ Nl({ usePublisher: Qt, useEmitterValue: Ee, useEmitter: Ll }), c2 = /* @__PURE__ */ Ol({ usePublisher: Qt, useEmitterValue: Ee, useEmitter: Ll }), d2 = s2, Rd = {
+), l2 = /* @__PURE__ */ Nl({ usePublisher: qt, useEmitterValue: Ee, useEmitter: Ll }), c2 = /* @__PURE__ */ Ol({ usePublisher: qt, useEmitterValue: Ee, useEmitter: Ll }), d2 = s2, Rd = {
   items: [],
   offsetBottom: 0,
   offsetTop: 0,
@@ -11500,7 +11500,7 @@ const $2 = /* @__PURE__ */ Pe(() => {
     }
   },
   _2
-), M2 = /* @__PURE__ */ Nl({ usePublisher: sn, useEmitterValue: Ne, useEmitter: jl }), V2 = /* @__PURE__ */ Ol({ usePublisher: sn, useEmitterValue: Ne, useEmitter: jl }), N2 = k2, O2 = ({ children: e, ...t }) => /* @__PURE__ */ x.jsx(x.Fragment, { children: e(t) }), L2 = ({ children: e, ...t }) => /* @__PURE__ */ x.jsx(x.Fragment, { children: ye(e) && /* @__PURE__ */ x.jsx(x.Fragment, { children: La(e, t) }) }), qm = en((e, t) => {
+), M2 = /* @__PURE__ */ Nl({ usePublisher: sn, useEmitterValue: Ne, useEmitter: jl }), V2 = /* @__PURE__ */ Ol({ usePublisher: sn, useEmitterValue: Ne, useEmitter: jl }), N2 = k2, O2 = ({ children: e, ...t }) => /* @__PURE__ */ x.jsx(x.Fragment, { children: e(t) }), L2 = ({ children: e, ...t }) => /* @__PURE__ */ x.jsx(x.Fragment, { children: ye(e) && /* @__PURE__ */ x.jsx(x.Fragment, { children: La(e, t) }) }), qm = tn((e, t) => {
   const {
     classNameContainer: n = "",
     computeItemKey: r = () => "",
@@ -11995,7 +11995,7 @@ const Y2 = ({ style: e, context: t, ...n }) => /* @__PURE__ */ x.jsx("table", {
       }
     )
   ] });
-}, J2 = ({ children: e, ...t }) => /* @__PURE__ */ x.jsx(x.Fragment, { children: e(t) }), K2 = ({ children: e, ...t }) => /* @__PURE__ */ x.jsx(x.Fragment, { children: ye(e) && /* @__PURE__ */ x.jsx(x.Fragment, { children: La(e, t) }) }), Q2 = en((e, t) => {
+}, J2 = ({ children: e, ...t }) => /* @__PURE__ */ x.jsx(x.Fragment, { children: e(t) }), K2 = ({ children: e, ...t }) => /* @__PURE__ */ x.jsx(x.Fragment, { children: ye(e) && /* @__PURE__ */ x.jsx(x.Fragment, { children: La(e, t) }) }), Q2 = tn((e, t) => {
   const {
     classNameContainer: n = "",
     computeItemKey: r = () => "",
@@ -13731,7 +13731,7 @@ var rn, ro = function(t, n, r) {
 process.env.NODE_ENV !== "production" && (Ql.displayName = "EmotionCacheContext");
 Ql.Provider;
 var ql = function(t) {
-  return /* @__PURE__ */ en(function(n, r) {
+  return /* @__PURE__ */ tn(function(n, r) {
     var a = Ln(Ql);
     return t(n, a, r);
   });
@@ -16636,7 +16636,7 @@ var G0 = function(t) {
   }]), n;
 }(_b);
 H0.defaultProps = Q6;
-var rI = /* @__PURE__ */ en(function(e, t) {
+var rI = /* @__PURE__ */ tn(function(e, t) {
   var n = m5(e);
   return /* @__PURE__ */ L.createElement(H0, de({
     ref: t
@@ -17939,7 +17939,7 @@ class GI extends Zt {
     super(...t), this.identifier = "indian";
   }
 }
-const Gi = 1948440, Ff = 1948439, Jt = 1300, Zr = 1600, HI = 460322;
+const Gi = 1948440, Ff = 1948439, Kt = 1300, Zr = 1600, HI = 460322;
 function Hi(e, t, n, r) {
   return r + Math.ceil(29.5 * (n - 1)) + (t - 1) * 354 + Math.floor((3 + 11 * t) / 30) + e - 1;
 }
@@ -17993,10 +17993,10 @@ class WI extends fc {
 const zI = "qgpUDckO1AbqBmwDrQpVBakGkgepC9QF2gpcBS0NlQZKB1QLagutBa4ETwoXBYsGpQbVCtYCWwmdBE0KJg2VDawFtgm6AlsKKwWVCsoG6Qr0AnYJtgJWCcoKpAvSC9kF3AJtCU0FpQpSC6ULtAW2CVcFlwJLBaMGUgdlC2oFqworBZUMSg2lDcoF1gpXCasESwmlClILagt1BXYCtwhbBFUFqQW0BdoJ3QRuAjYJqgpUDbIN1QXaAlsJqwRVCkkLZAtxC7QFtQpVCiUNkg7JDtQG6QprCasEkwpJDaQNsg25CroEWworBZUKKgtVC1wFvQQ9Ah0JlQpKC1oLbQW2AjsJmwRVBqkGVAdqC2wFrQpVBSkLkgupC9QF2gpaBasKlQVJB2QHqgu1BbYCVgpNDiULUgtqC60FrgIvCZcESwalBqwG1gpdBZ0ETQoWDZUNqgW1BdoCWwmtBJUFygbkBuoK9QS2AlYJqgpUC9IL2QXqAm0JrQSVCkoLpQuyBbUJ1gSXCkcFkwZJB1ULagVrCisFiwpGDaMNygXWCtsEawJLCaUKUgtpC3UFdgG3CFsCKwVlBbQF2gntBG0BtgimClINqQ3UBdoKWwmrBFMGKQdiB6kLsgW1ClUFJQuSDckO0gbpCmsFqwRVCikNVA2qDbUJugQ7CpsETQqqCtUK2gJdCV4ELgqaDFUNsga5BroEXQotBZUKUguoC7QLuQXaAloJSgukDdEO6AZqC20FNQWVBkoNqA3UDdoGWwWdAisGFQtKC5ULqgWuCi4JjwwnBZUGqgbWCl0FnQI=";
 let Zs, ua;
 function ci(e) {
-  return HI + ua[e - Jt];
+  return HI + ua[e - Kt];
 }
 function Aa(e, t) {
-  let n = e - Jt, r = 1 << 11 - (t - 1);
+  let n = e - Kt, r = 1 << 11 - (t - 1);
   return Zs[n] & r ? 30 : 29;
 }
 function Tf(e, t) {
@@ -18005,14 +18005,14 @@ function Tf(e, t) {
   return n;
 }
 function Pf(e) {
-  return ua[e + 1 - Jt] - ua[e - Jt];
+  return ua[e + 1 - Kt] - ua[e - Kt];
 }
 class ZI extends fc {
   fromJulianDay(t) {
-    let n = t - Gi, r = ci(Jt), a = ci(Zr);
+    let n = t - Gi, r = ci(Kt), a = ci(Zr);
     if (n < r || n > a) return super.fromJulianDay(t);
     {
-      let o = Jt - 1, i = 1, u = 1;
+      let o = Kt - 1, i = 1, u = 1;
       for (; u > 0; ) {
         o++, u = n - ci(o) + 1;
         let s = Pf(o);
@@ -18030,20 +18030,20 @@ class ZI extends fc {
     }
   }
   toJulianDay(t) {
-    return t.year < Jt || t.year > Zr ? super.toJulianDay(t) : Gi + Tf(t.year, t.month) + (t.day - 1);
+    return t.year < Kt || t.year > Zr ? super.toJulianDay(t) : Gi + Tf(t.year, t.month) + (t.day - 1);
   }
   getDaysInMonth(t) {
-    return t.year < Jt || t.year > Zr ? super.getDaysInMonth(t) : Aa(t.year, t.month);
+    return t.year < Kt || t.year > Zr ? super.getDaysInMonth(t) : Aa(t.year, t.month);
   }
   getDaysInYear(t) {
-    return t.year < Jt || t.year > Zr ? super.getDaysInYear(t) : Pf(t.year);
+    return t.year < Kt || t.year > Zr ? super.getDaysInYear(t) : Pf(t.year);
   }
   constructor() {
     if (super(), this.identifier = "islamic-umalqura", Zs || (Zs = new Uint16Array(Uint8Array.from(atob(zI), (t) => t.charCodeAt(0)).buffer)), !ua) {
-      ua = new Uint32Array(Zr - Jt + 1);
+      ua = new Uint32Array(Zr - Kt + 1);
       let t = 0;
-      for (let n = Jt; n <= Zr; n++) {
-        ua[n - Jt] = t;
+      for (let n = Kt; n <= Zr; n++) {
+        ua[n - Kt] = t;
         for (let r = 1; r <= 12; r++) t += Aa(n, r);
       }
     }
@@ -19293,7 +19293,7 @@ function zE(e) {
 function Xi(e) {
   Pr = !0, zE(e) && (ya = "keyboard", Cc("keyboard", e));
 }
-function Kt(e) {
+function Qt(e) {
   ya = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (Pr = !0, Cc("pointer", e));
 }
 function Tp(e) {
@@ -19311,7 +19311,7 @@ function nl(e) {
   let r = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
     Pr = !0, r.apply(this, arguments);
-  }, n.addEventListener("keydown", Xi, !0), n.addEventListener("keyup", Xi, !0), n.addEventListener("click", Tp, !0), t.addEventListener("focus", Pp, !0), t.addEventListener("blur", Bp, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", Kt, !0), n.addEventListener("pointermove", Kt, !0), n.addEventListener("pointerup", Kt, !0)) : (n.addEventListener("mousedown", Kt, !0), n.addEventListener("mousemove", Kt, !0), n.addEventListener("mouseup", Kt, !0)), t.addEventListener("beforeunload", () => {
+  }, n.addEventListener("keydown", Xi, !0), n.addEventListener("keyup", Xi, !0), n.addEventListener("click", Tp, !0), t.addEventListener("focus", Pp, !0), t.addEventListener("blur", Bp, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", Qt, !0), n.addEventListener("pointermove", Qt, !0), n.addEventListener("pointerup", Qt, !0)) : (n.addEventListener("mousedown", Qt, !0), n.addEventListener("mousemove", Qt, !0), n.addEventListener("mouseup", Qt, !0)), t.addEventListener("beforeunload", () => {
     _p(e);
   }, {
     once: !0
@@ -19321,7 +19321,7 @@ function nl(e) {
 }
 const _p = (e, t) => {
   const n = an(e), r = yt(e);
-  t && r.removeEventListener("DOMContentLoaded", t), Oa.has(n) && (n.HTMLElement.prototype.focus = Oa.get(n).focus, r.removeEventListener("keydown", Xi, !0), r.removeEventListener("keyup", Xi, !0), r.removeEventListener("click", Tp, !0), n.removeEventListener("focus", Pp, !0), n.removeEventListener("blur", Bp, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", Kt, !0), r.removeEventListener("pointermove", Kt, !0), r.removeEventListener("pointerup", Kt, !0)) : (r.removeEventListener("mousedown", Kt, !0), r.removeEventListener("mousemove", Kt, !0), r.removeEventListener("mouseup", Kt, !0)), Oa.delete(n));
+  t && r.removeEventListener("DOMContentLoaded", t), Oa.has(n) && (n.HTMLElement.prototype.focus = Oa.get(n).focus, r.removeEventListener("keydown", Xi, !0), r.removeEventListener("keyup", Xi, !0), r.removeEventListener("click", Tp, !0), n.removeEventListener("focus", Pp, !0), n.removeEventListener("blur", Bp, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", Qt, !0), r.removeEventListener("pointermove", Qt, !0), r.removeEventListener("pointerup", Qt, !0)) : (r.removeEventListener("mousedown", Qt, !0), r.removeEventListener("mousemove", Qt, !0), r.removeEventListener("mouseup", Qt, !0)), Oa.delete(n));
 };
 function ZE(e) {
   const t = yt(e);
@@ -23557,7 +23557,7 @@ const tb = (e) => {
       }
     )
   }
-), Y9 = en((e, t) => {
+), Y9 = tn((e, t) => {
   const {
     size: n = "reguler",
     variants: r = "filled-laba-blue-10",
@@ -23644,7 +23644,7 @@ const ct = {
   "filled-red-500": "_filled-red-500_2tvst_1",
   "filled-green-600": "_filled-green-600_2tvst_1",
   "filled-gray-600": "_filled-gray-600_2tvst_1"
-}, U9 = en((e, t) => {
+}, U9 = tn((e, t) => {
   const n = {
     variants: {
       "filled-gray-600": ct["filled-gray-600"],
@@ -23700,7 +23700,7 @@ const Wn = {
   "filled-blue-gray-100": "_filled-blue-gray-100_hg3vx_42",
   "ghost-laba-grey-02": "_ghost-laba-grey-02_hg3vx_47",
   "nude-laba-grey-10": "_nude-laba-grey-10_hg3vx_54"
-}, J9 = en((e, t) => {
+}, J9 = tn((e, t) => {
   const {
     className: n,
     children: r,
@@ -23822,7 +23822,7 @@ const cl = {
     fill: "currentColor",
     children: /* @__PURE__ */ x.jsx("circle", { "data-name": "ellipse", cx: "8", cy: "8", r: "8" })
   }
-), ab = en((e, t) => {
+), ab = tn((e, t) => {
   const {
     variantDisableds: n,
     classNameContainer: r,
@@ -24128,18 +24128,19 @@ const n$ = "_container_1q8xg_1", r$ = "_disabled_1q8xg_5", a$ = "_label_1q8xg_9"
       ]
     }
   );
-}, d$ = "_sidebar_1aew6_4", tn = {
-  "payhere-brand-base-white": "_payhere-brand-base-white_1aew6_1",
+}, d$ = "_sidebar_mnqdg_9", Jt = {
+  "splace-screen": "_splace-screen_mnqdg_1",
+  "payhere-brand-base-white": "_payhere-brand-base-white_mnqdg_6",
   sidebar: d$,
-  "button-collaps-sidebar": "_button-collaps-sidebar_1aew6_14",
-  "menu-sidebar": "_menu-sidebar_1aew6_25",
-  "sidebar-open": "_sidebar-open_1aew6_44",
-  "container-icon-company-sidebar": "_container-icon-company-sidebar_1aew6_55",
-  "icon-company-sidebar": "_icon-company-sidebar_1aew6_58",
-  "sidebar-close": "_sidebar-close_1aew6_62",
-  "content-sidebar": "_content-sidebar_1aew6_79",
-  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_1aew6_130",
-  "laba-white": "_laba-white_1aew6_259"
+  "button-collaps-sidebar": "_button-collaps-sidebar_mnqdg_19",
+  "menu-sidebar": "_menu-sidebar_mnqdg_30",
+  "sidebar-open": "_sidebar-open_mnqdg_49",
+  "container-icon-company-sidebar": "_container-icon-company-sidebar_mnqdg_60",
+  "icon-company-sidebar": "_icon-company-sidebar_mnqdg_63",
+  "sidebar-close": "_sidebar-close_mnqdg_67",
+  "content-sidebar": "_content-sidebar_mnqdg_84",
+  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_mnqdg_138",
+  "laba-white": "_laba-white_mnqdg_270"
 }, f$ = "_hidden_163y7_65", Ke = {
   "base-icon-sidebar": "_base-icon-sidebar_163y7_1",
   "base-item-sidebar": "_base-item-sidebar_163y7_1",
@@ -24241,7 +24242,7 @@ const n$ = "_container_1q8xg_1", r$ = "_disabled_1q8xg_5", a$ = "_label_1q8xg_9"
       }
     ),
     l.parent === 4 && !l.subs.length && /* @__PURE__ */ x.jsx("div", { className: Ke["divider-item-sidebar"] })
-  ] })), l.subs.length > 0 ? /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
+  ] })), l.subs.length > 0 ? /* @__PURE__ */ x.jsxs("div", { className: `${n ?? h ? "" : "-mt-2"}`, children: [
     f,
     /* @__PURE__ */ x.jsx("div", { className: `${Ke["item-subs-sidebar"]} ${!n || !h ? Ke.hidden : ""}`, children: l.subs.map((E) => /* @__PURE__ */ dl(
       ob,
@@ -24280,9 +24281,9 @@ const n$ = "_container_1q8xg_1", r$ = "_disabled_1q8xg_5", a$ = "_label_1q8xg_9"
     } = e, v = A.useRef(null), h = {
       withCuctomWidthIconCompany: ["payhere-brand-base-white", "payhere-brand-base-transparent"],
       variants: {
-        "payhere-brand-base-white": tn["payhere-brand-base-white"],
-        "payhere-brand-base-transparent": tn["payhere-brand-base-transparent"],
-        "laba-white": tn["laba-white"]
+        "payhere-brand-base-white": Jt["payhere-brand-base-white"],
+        "payhere-brand-base-transparent": Jt["payhere-brand-base-transparent"],
+        "laba-white": Jt["laba-white"]
       }
     }, [b, y] = A.useState(null), [w, D] = A.useState(null), [I, E] = A.useState(""), [C, S] = A.useState(), [_, $] = A.useState(0), k = () => {
       var N;
@@ -24304,43 +24305,43 @@ const n$ = "_container_1q8xg_1", r$ = "_disabled_1q8xg_5", a$ = "_label_1q8xg_9"
       }, 100)) : (y(!1), S("auto"));
     }, [_]), A.useEffect(() => {
       typeof b == "boolean" && D(b);
-    }, [b, w]), A.useImperativeHandle(
+    }, [b]), A.useImperativeHandle(
       t,
       () => ({
         openSidebar: b,
         setOpenSidebar: y,
         handlerClickCollapse: R
       }),
-      [b]
+      [b, w]
     ), A.useEffect(() => (a && a.split("/").length > 1 && E(a + "/"), k(), T(), window.addEventListener("resize", T), () => window.removeEventListener("resize", T)), []), /* @__PURE__ */ x.jsxs("div", { className: h.variants[g], ...p, ref: v, children: [
       /* @__PURE__ */ x.jsxs(
         "div",
         {
           id: "1ru-sidebar",
-          className: `${tn.sidebar} ${typeof w == "boolean" && w ? tn["sidebar-open"] : ""} ${typeof w == "boolean" && !w ? tn["sidebar-close"] : ""}`,
+          className: `${Jt.sidebar} ${typeof w == "boolean" && w ? Jt["sidebar-open"] : ""} ${typeof w == "boolean" && !w ? Jt["sidebar-close"] : ""}`,
           children: [
-            A.isValidElement(u) && /* @__PURE__ */ x.jsxs("div", { className: tn["button-collaps-sidebar"], onClick: R, children: [
+            A.isValidElement(u) && /* @__PURE__ */ x.jsxs("div", { className: Jt["button-collaps-sidebar"], onClick: R, children: [
               b && u,
               b ? "" : A.isValidElement(s) ? s : u
             ] }),
-            /* @__PURE__ */ x.jsx("div", { className: tn["container-icon-company-sidebar"], children: /* @__PURE__ */ x.jsxs(
+            /* @__PURE__ */ x.jsx("div", { className: Jt["container-icon-company-sidebar"], children: /* @__PURE__ */ x.jsxs(
               "div",
               {
                 id: "icon-company-sidebar",
-                className: tn["icon-company-sidebar"],
+                className: Jt["icon-company-sidebar"],
                 style: {
                   width: C && h.withCuctomWidthIconCompany.includes(g) ? C : "100%"
                 },
                 children: [
                   A.isValidElement(o) && o,
-                  typeof o == "function" && o({ openSidebar: b, setOpenSidebar: y })
+                  typeof o == "function" && o({ openSidebar: w, setOpenSidebar: y })
                 ]
               }
             ) }),
             /* @__PURE__ */ x.jsx(
               "div",
               {
-                className: tn["menu-sidebar"],
+                className: Jt["menu-sidebar"],
                 onMouseOver: () => {
                   b || D(!0);
                 },
@@ -24372,7 +24373,8 @@ const n$ = "_container_1q8xg_1", r$ = "_disabled_1q8xg_5", a$ = "_label_1q8xg_9"
           ]
         }
       ),
-      /* @__PURE__ */ x.jsxs("div", { className: tn["content-sidebar"], children: [
+      b && /* @__PURE__ */ x.jsx("div", { className: Jt["splace-screen"], onClick: R }),
+      /* @__PURE__ */ x.jsxs("div", { className: Jt["content-sidebar"], children: [
         m && ((M = A.Children) == null ? void 0 : M.map(r, (P) => /* @__PURE__ */ x.jsx(x.Fragment, { children: A.isValidElement(P) && /* @__PURE__ */ x.jsx(x.Fragment, { children: A.cloneElement(P, { openSidebar: b, handlerClickCollapse: R }) }) }))),
         !m && /* @__PURE__ */ x.jsx(x.Fragment, { children: r })
       ] })