@dgshahr/ui-kit 1.9.0 → 1.9.1

package/dist/Form/Select/index.mjs

@@ -5,7 +5,7 @@ import { memo as U, useState as B, useRef as L, useMemo as S, useCallback as H,
 import { I as G } from "../../IconSearch-aShj2vmu.js";
 import J from "../Checkbox/index.mjs";
 import K from "../../Button/index.mjs";
-import { u as Q, P as X } from "../../PickerWrapper-w7OzcD_t.js";
+import { u as Q, P as X } from "../../PickerWrapper-C382nk_V.js";
 import Y from "../../Chip/index.mjs";
 import '../../assets/styles.css';/* empty css                    */
 function Z({

package/dist/Form/Timepicker/index.cjs

@@ -1 +1 @@
-"use strict";const g=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-BhmsjGeE.cjs"),y=require("../../index-BfuaA-Ji.cjs"),j=require("../../clsx-C11secjj.cjs"),A=require("../../index-CZRRnYAI.cjs"),H=x.createContext({timePickerProps:{value:new Date,onChange:()=>{}}}),$=t=>{const{children:e,timePickerProps:n}=t;return g.jsx(H.Provider,{value:{timePickerProps:n},children:e})},V=()=>x.useContext(H),S=[0,1,3,4],B=t=>t[0]?.getBoundingClientRect().height??64,E=(t,e,n,r,s="instant")=>{if(!t)return;const i=e.indexOf(n);i!==-1&&t.scrollTo({top:i*r(),behavior:s})},I=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=23},F=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=59},R=t=>{if(!t)return["-","-",":","-","-"];const e=t.hour==null?"--":String(t.hour).padStart(2,"0"),n=t.minute==null?"--":String(t.minute).padStart(2,"0");return[e.charAt(0)??"-",e.charAt(1)??"-",":",n.charAt(0)??"-",n.charAt(1)??"-"]},C=t=>{const e=`${t[0]??"-"}${t[1]??"-"}`,n=`${t[3]}${t[4]}`;return{hour:!e.includes("-")&&I(e)?Number(e):null,minute:!n.includes("-")&&F(n)?Number(n):null}},P=(t,e=!0)=>{const n=S.indexOf(t);if(n===-1)return e?S[0]:S[S.length-1]??0;const r=e?n+1:n-1;return r<0?S[0]:r>=S.length?S[S.length-1]??0:S[r]??0},q=(t,e,n)=>e===0?/[0-2]/.test(t):e===1?+`${n[0]==="-"?"0":n[0]}${t}`<=23:e===3?/[0-5]/.test(t):!0,W=()=>{const t=x.useRef(null);return{inputRef:t,setCaretToEditable:(n,r=!0)=>{const s=t.current;if(!s)return;const i=S.includes(n)?n:P(n,r);typeof i=="number"&&s.setSelectionRange(i,i+1)}}},K=t=>{const{value:e={hour:null,minute:null},onChange:n,disabled:r=!1,className:s,...i}=t,{inputRef:m,setCaretToEditable:l}=W(),[a,u]=x.useState(()=>R(e)),o=x.useRef(e);x.useEffect(()=>{(e.hour!==o.current.hour||e.minute!==o.current.minute)&&(o.current=e,u(R(e)))},[e]);const p=()=>{const f=m.current;if(!f)return;const h=f.selectionStart??0;S.includes(h)||l(h,!0)},b=(f,h)=>{const k=f==="ArrowRight";l(P(h,k),k)},d=(f,h)=>{const k=S.includes(h)?h:P(h,!1),c=[...a];c[k]="-",u(c),n(C(c));const w=f==="Backspace"?P(k,!1):P(k,!0);setTimeout(()=>l(w,f!=="Backspace"),0)},N=(f,h)=>{const k=S.includes(h)?h:P(h,!0),c=[...a];q(f,k,c)&&(c[k]=f,u(c),n(C(c)),setTimeout(()=>l(P(k,!0),!0),0))},T=f=>{if(f.preventDefault(),r)return;const h=m.current;if(!h)return;const k=h.selectionStart??0;if(["ArrowLeft","ArrowRight"].includes(f.key)){b(f.key,k);return}if(["Backspace","Delete"].includes(f.key)){d(f.key,k);return}/^\d$/.test(f.key)&&N(f.key,k)};return g.jsx(A.Input,{ref:m,dir:"ltr",className:s,value:a.join(""),onKeyDown:T,onFocus:p,disabled:r,inputMode:"numeric",pattern:"[0-9:]*",...i})},L=({timePickerProps:t,setActivePart:e,handleSingleTimeChange:n,handleRangeTimeChange:r})=>{const{acceptRange:s,value:i}=t,m=a=>({hour:a?.getHours()??0,minute:a?.getMinutes()??0}),l=s?[{key:"start",id:"from-time",label:"از ساعت",value:m(i?.start),className:"dgsuikit:w-1/2"},{key:"end",id:"to-time",label:"تا ساعت",value:m(i?.end),className:"dgsuikit:w-1/2"}]:[{key:"single",id:"time",label:"ساعت",value:m(i),className:void 0}];return g.jsx("div",{className:j.clsx(s&&"dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"),children:l.map(({key:a,id:u,label:o,value:p,className:b})=>g.jsx(K,{id:u,value:p,labelContent:o,className:b,onFocus:()=>{s&&a!=="single"&&e(a)},onChange:d=>{typeof d.hour=="number"&&typeof d.minute=="number"&&(s&&a!=="single"?r(a,d.hour,d.minute):n(d.hour,d.minute))}},u))})},M=({position:t})=>g.jsx("div",{className:j.clsx("dgsuikit:absolute dgsuikit:left-0 dgsuikit:right-0 dgsuikit:h-12 dgsuikit:pointer-events-none","dgsuikit:from-[rgba(255,255,255,0.54)] dgsuikit:to-[rgba(255,255,255,0.90)]",t==="top"?"dgsuikit:bg-gradient-to-t dgsuikit:top-0":"dgsuikit:bg-gradient-to-b dgsuikit:bottom-0")});function O(t,e,n){const r=x.useRef(null),s=x.useRef([]),i=x.useRef(null),m=()=>B(s.current),l=(u=e??0,o="smooth")=>{E(r.current,t,u,m,o),i.current=u},a=u=>{const o=Math.round(u.scrollTop/m()),p=t[Math.max(0,Math.min(o,t.length-1))];p!=null&&p!==i.current&&(i.current=p,n(p))};return x.useEffect(()=>{const u=r.current;if(!u)return;const o=()=>a(u);return u.addEventListener("scroll",o),()=>u.removeEventListener("scroll",o)},[t]),x.useEffect(()=>{e!=null&&l()},[e]),{containerRef:r,itemRefs:s}}const v=t=>{const{items:e,defaultValue:n,onValueChange:r,className:s,formatValue:i=a=>String(a).padStart(2,"0")}=t,{containerRef:m,itemRefs:l}=O(e,n,r);return g.jsxs("div",{className:"dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full",children:[g.jsx("div",{ref:m,className:j.clsx("dgsuikit:h-28 dgsuikit:w-full dgsuikit:py-10 dgsuikit:overflow-y-scroll dgsuikit:snap-y dgsuikit:snap-mandatory dgsuikit:scroll-smooth dgsuikit:no-scrollbar",s),children:e.map((a,u)=>g.jsx("div",{ref:o=>{l.current[u]=o},className:"dgsuikit:h-10 dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:snap-center dgsuikit:font-p1-regular",children:i(a)},a))}),g.jsx(M,{position:"top"}),g.jsx(M,{position:"bottom"})]})},_=t=>{const{timePickerProps:e,activePart:n,handleSingleTimeChange:r,handleRangeTimeChange:s}=t,{minuteStep:i=1,acceptRange:m,value:l}=e,a=Array.from({length:24},(c,w)=>w),u=Array.from({length:60},(c,w)=>w).filter(c=>c%i===0),o=c=>c.toString().padStart(2,"0"),p=c=>c.toString().padStart(2,"0"),b=c=>{if(m){const w=n==="start"?l?.start:l?.end;return w?w[c]():0}return l?l[c]():0},d=b("getHours"),N=b("getMinutes"),[T,f]=x.useState(N),[h,k]=x.useState(d);return x.useEffect(()=>{m?s(n,h,T):r(h,T)},[h,T]),g.jsxs("div",{className:"dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center",children:[g.jsx(v,{items:u,defaultValue:N,onValueChange:c=>f(c),formatValue:p}),g.jsx(v,{items:a,defaultValue:d,onValueChange:c=>k(c),formatValue:o})]})},G=()=>{const{timePickerProps:t}=V(),{acceptRange:e,value:n,onChange:r}=t,[s,i]=x.useState("start"),m=(o,p,b)=>{const d=new Date(o);return d.setHours(p),d.setMinutes(b),d.setSeconds(0),d.setMilliseconds(0),d},l=y.debounce((o,p)=>{!n||e||n.getHours()===o&&n.getMinutes()===p||r(m(n,o,p))},200),a=y.debounce((o,p,b)=>{if(!n||!e)return;const d=new Date(n[o]??new Date);d.getHours()===p&&d.getMinutes()===b||r({...n,[o]:m(d,p,b)})},200),u={timePickerProps:t,handleSingleTimeChange:l,handleRangeTimeChange:a};return g.jsxs("div",{dir:"rtl",className:"dgsuikit:p-4 dgsuikit:ss02",children:[g.jsx(L,{setActivePart:i,...u}),g.jsx(_,{activePart:s,...u})]})},z=()=>{const{timePickerProps:t}=V(),{showSubmitButton:e=!0,showNowButton:n=!0,onSubmit:r,onChange:s,acceptRange:i}=t,m=()=>{if(i){const l=new Date;l.setHours(l.getHours()+1),s({start:new Date,end:l})}else s(new Date)};return g.jsx(D.DateAndTimePickerFooter,{...e&&{primaryButton:{onClick:r,children:"اعمال"}},...n&&{secondaryButton:{variant:"text",onClick:m,children:"رفتن به اکنون"}},className:"dgsuikit:p-4"})};function J(t){if(!t)return"";if(t instanceof Date){const e=t.getHours().toString().padStart(2,"0"),n=t.getMinutes().toString().padStart(2,"0");return`${e}:${n}`}if(t.start&&t.end){const e=t.start.getHours().toString().padStart(2,"0"),n=t.start.getMinutes().toString().padStart(2,"0"),r=t.end.getHours().toString().padStart(2,"0"),s=t.end.getMinutes().toString().padStart(2,"0");return`${e}:${n} - ${r}:${s}`}return""}const Q=t=>{const{showSubmitButton:e=!0,showNowButton:n=!0}=t,{Wrapper:r,wrapperProps:s}=D.useDateAndTimePickerWrapper({props:t,standaloneMode:"time",formatValue:J});return g.jsx(r,{...s,children:g.jsxs($,{timePickerProps:t,children:[g.jsx(G,{}),(e||n)&&g.jsx(z,{})]})})};module.exports=Q;
+"use strict";const g=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-DVZyqJ2K.cjs"),y=require("../../index-BfuaA-Ji.cjs"),j=require("../../clsx-C11secjj.cjs"),A=require("../../index-CZRRnYAI.cjs"),H=x.createContext({timePickerProps:{value:new Date,onChange:()=>{}}}),$=t=>{const{children:e,timePickerProps:n}=t;return g.jsx(H.Provider,{value:{timePickerProps:n},children:e})},V=()=>x.useContext(H),S=[0,1,3,4],B=t=>t[0]?.getBoundingClientRect().height??64,E=(t,e,n,r,s="instant")=>{if(!t)return;const i=e.indexOf(n);i!==-1&&t.scrollTo({top:i*r(),behavior:s})},I=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=23},F=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=59},R=t=>{if(!t)return["-","-",":","-","-"];const e=t.hour==null?"--":String(t.hour).padStart(2,"0"),n=t.minute==null?"--":String(t.minute).padStart(2,"0");return[e.charAt(0)??"-",e.charAt(1)??"-",":",n.charAt(0)??"-",n.charAt(1)??"-"]},C=t=>{const e=`${t[0]??"-"}${t[1]??"-"}`,n=`${t[3]}${t[4]}`;return{hour:!e.includes("-")&&I(e)?Number(e):null,minute:!n.includes("-")&&F(n)?Number(n):null}},P=(t,e=!0)=>{const n=S.indexOf(t);if(n===-1)return e?S[0]:S[S.length-1]??0;const r=e?n+1:n-1;return r<0?S[0]:r>=S.length?S[S.length-1]??0:S[r]??0},q=(t,e,n)=>e===0?/[0-2]/.test(t):e===1?+`${n[0]==="-"?"0":n[0]}${t}`<=23:e===3?/[0-5]/.test(t):!0,W=()=>{const t=x.useRef(null);return{inputRef:t,setCaretToEditable:(n,r=!0)=>{const s=t.current;if(!s)return;const i=S.includes(n)?n:P(n,r);typeof i=="number"&&s.setSelectionRange(i,i+1)}}},K=t=>{const{value:e={hour:null,minute:null},onChange:n,disabled:r=!1,className:s,...i}=t,{inputRef:m,setCaretToEditable:l}=W(),[a,u]=x.useState(()=>R(e)),o=x.useRef(e);x.useEffect(()=>{(e.hour!==o.current.hour||e.minute!==o.current.minute)&&(o.current=e,u(R(e)))},[e]);const p=()=>{const f=m.current;if(!f)return;const h=f.selectionStart??0;S.includes(h)||l(h,!0)},b=(f,h)=>{const k=f==="ArrowRight";l(P(h,k),k)},d=(f,h)=>{const k=S.includes(h)?h:P(h,!1),c=[...a];c[k]="-",u(c),n(C(c));const w=f==="Backspace"?P(k,!1):P(k,!0);setTimeout(()=>l(w,f!=="Backspace"),0)},N=(f,h)=>{const k=S.includes(h)?h:P(h,!0),c=[...a];q(f,k,c)&&(c[k]=f,u(c),n(C(c)),setTimeout(()=>l(P(k,!0),!0),0))},T=f=>{if(f.preventDefault(),r)return;const h=m.current;if(!h)return;const k=h.selectionStart??0;if(["ArrowLeft","ArrowRight"].includes(f.key)){b(f.key,k);return}if(["Backspace","Delete"].includes(f.key)){d(f.key,k);return}/^\d$/.test(f.key)&&N(f.key,k)};return g.jsx(A.Input,{ref:m,dir:"ltr",className:s,value:a.join(""),onKeyDown:T,onFocus:p,disabled:r,inputMode:"numeric",pattern:"[0-9:]*",...i})},L=({timePickerProps:t,setActivePart:e,handleSingleTimeChange:n,handleRangeTimeChange:r})=>{const{acceptRange:s,value:i}=t,m=a=>({hour:a?.getHours()??0,minute:a?.getMinutes()??0}),l=s?[{key:"start",id:"from-time",label:"از ساعت",value:m(i?.start),className:"dgsuikit:w-1/2"},{key:"end",id:"to-time",label:"تا ساعت",value:m(i?.end),className:"dgsuikit:w-1/2"}]:[{key:"single",id:"time",label:"ساعت",value:m(i),className:void 0}];return g.jsx("div",{className:j.clsx(s&&"dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"),children:l.map(({key:a,id:u,label:o,value:p,className:b})=>g.jsx(K,{id:u,value:p,labelContent:o,className:b,onFocus:()=>{s&&a!=="single"&&e(a)},onChange:d=>{typeof d.hour=="number"&&typeof d.minute=="number"&&(s&&a!=="single"?r(a,d.hour,d.minute):n(d.hour,d.minute))}},u))})},M=({position:t})=>g.jsx("div",{className:j.clsx("dgsuikit:absolute dgsuikit:left-0 dgsuikit:right-0 dgsuikit:h-12 dgsuikit:pointer-events-none","dgsuikit:from-[rgba(255,255,255,0.54)] dgsuikit:to-[rgba(255,255,255,0.90)]",t==="top"?"dgsuikit:bg-gradient-to-t dgsuikit:top-0":"dgsuikit:bg-gradient-to-b dgsuikit:bottom-0")});function O(t,e,n){const r=x.useRef(null),s=x.useRef([]),i=x.useRef(null),m=()=>B(s.current),l=(u=e??0,o="smooth")=>{E(r.current,t,u,m,o),i.current=u},a=u=>{const o=Math.round(u.scrollTop/m()),p=t[Math.max(0,Math.min(o,t.length-1))];p!=null&&p!==i.current&&(i.current=p,n(p))};return x.useEffect(()=>{const u=r.current;if(!u)return;const o=()=>a(u);return u.addEventListener("scroll",o),()=>u.removeEventListener("scroll",o)},[t]),x.useEffect(()=>{e!=null&&l()},[e]),{containerRef:r,itemRefs:s}}const v=t=>{const{items:e,defaultValue:n,onValueChange:r,className:s,formatValue:i=a=>String(a).padStart(2,"0")}=t,{containerRef:m,itemRefs:l}=O(e,n,r);return g.jsxs("div",{className:"dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full",children:[g.jsx("div",{ref:m,className:j.clsx("dgsuikit:h-28 dgsuikit:w-full dgsuikit:py-10 dgsuikit:overflow-y-scroll dgsuikit:snap-y dgsuikit:snap-mandatory dgsuikit:scroll-smooth dgsuikit:no-scrollbar",s),children:e.map((a,u)=>g.jsx("div",{ref:o=>{l.current[u]=o},className:"dgsuikit:h-10 dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:snap-center dgsuikit:font-p1-regular",children:i(a)},a))}),g.jsx(M,{position:"top"}),g.jsx(M,{position:"bottom"})]})},_=t=>{const{timePickerProps:e,activePart:n,handleSingleTimeChange:r,handleRangeTimeChange:s}=t,{minuteStep:i=1,acceptRange:m,value:l}=e,a=Array.from({length:24},(c,w)=>w),u=Array.from({length:60},(c,w)=>w).filter(c=>c%i===0),o=c=>c.toString().padStart(2,"0"),p=c=>c.toString().padStart(2,"0"),b=c=>{if(m){const w=n==="start"?l?.start:l?.end;return w?w[c]():0}return l?l[c]():0},d=b("getHours"),N=b("getMinutes"),[T,f]=x.useState(N),[h,k]=x.useState(d);return x.useEffect(()=>{m?s(n,h,T):r(h,T)},[h,T]),g.jsxs("div",{className:"dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center",children:[g.jsx(v,{items:u,defaultValue:N,onValueChange:c=>f(c),formatValue:p}),g.jsx(v,{items:a,defaultValue:d,onValueChange:c=>k(c),formatValue:o})]})},G=()=>{const{timePickerProps:t}=V(),{acceptRange:e,value:n,onChange:r}=t,[s,i]=x.useState("start"),m=(o,p,b)=>{const d=new Date(o);return d.setHours(p),d.setMinutes(b),d.setSeconds(0),d.setMilliseconds(0),d},l=y.debounce((o,p)=>{!n||e||n.getHours()===o&&n.getMinutes()===p||r(m(n,o,p))},200),a=y.debounce((o,p,b)=>{if(!n||!e)return;const d=new Date(n[o]??new Date);d.getHours()===p&&d.getMinutes()===b||r({...n,[o]:m(d,p,b)})},200),u={timePickerProps:t,handleSingleTimeChange:l,handleRangeTimeChange:a};return g.jsxs("div",{dir:"rtl",className:"dgsuikit:p-4 dgsuikit:ss02",children:[g.jsx(L,{setActivePart:i,...u}),g.jsx(_,{activePart:s,...u})]})},z=()=>{const{timePickerProps:t}=V(),{showSubmitButton:e=!0,showNowButton:n=!0,onSubmit:r,onChange:s,acceptRange:i}=t,m=()=>{if(i){const l=new Date;l.setHours(l.getHours()+1),s({start:new Date,end:l})}else s(new Date)};return g.jsx(D.DateAndTimePickerFooter,{...e&&{primaryButton:{onClick:r,children:"اعمال"}},...n&&{secondaryButton:{variant:"text",onClick:m,children:"رفتن به اکنون"}},className:"dgsuikit:p-4"})};function J(t){if(!t)return"";if(t instanceof Date){const e=t.getHours().toString().padStart(2,"0"),n=t.getMinutes().toString().padStart(2,"0");return`${e}:${n}`}if(t.start&&t.end){const e=t.start.getHours().toString().padStart(2,"0"),n=t.start.getMinutes().toString().padStart(2,"0"),r=t.end.getHours().toString().padStart(2,"0"),s=t.end.getMinutes().toString().padStart(2,"0");return`${e}:${n} - ${r}:${s}`}return""}const Q=t=>{const{showSubmitButton:e=!0,showNowButton:n=!0}=t,{Wrapper:r,wrapperProps:s}=D.useDateAndTimePickerWrapper({props:t,standaloneMode:"time",formatValue:J});return g.jsx(r,{...s,children:g.jsxs($,{timePickerProps:t,children:[g.jsx(G,{}),(e||n)&&g.jsx(z,{})]})})};module.exports=Q;

package/dist/Form/Timepicker/index.mjs

@@ -1,6 +1,6 @@
 import { jsx as p, jsxs as x } from "react/jsx-runtime";
 import I, { createContext as E, useContext as j, useRef as y, useState as C, useEffect as M } from "react";
-import { D as F, u as W } from "../../DateAndTimePickerFooter-LoqH9MdQ.js";
+import { D as F, u as W } from "../../DateAndTimePickerFooter-NWsDe_w1.js";
 import { d as v } from "../../index-CzwAoGdL.js";
 import { c as R } from "../../clsx-OuTLNxxd.js";
 import { I as K } from "../../index-nXqUoTI3.js";

package/dist/Menu/index.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),k=require("../clsx-C11secjj.cjs"),g=require("react"),C=require("../useFlipPosition-CWhLgzoz.cjs"),S=require("../useOutsideClick-CSnzjiLr.cjs"),T=require("../IconArrowLeft2-CNA3H0xY.cjs"),v="dgsuikit:duration-300",x=400,j={bottom:"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",top:"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},p=g.createContext(null),O=()=>{const s=g.useContext(p);if(!s)throw new Error("Menu components must be used within a Menu");return s},P=({children:s,onClick:e,className:c="",disabled:u=!1,icon:r,endElement:o})=>{const{close:d}=O(),n=()=>{!u&&e&&typeof e=="function"&&(e(),d())};return i.jsxs("button",{className:k.clsx("dgsuikit:flex dgsuikit:w-full dgsuikit:items-center dgsuikit:p-3 dgsuikit:my-0.5 dgsuikit:text-right dgsuikit:text-sm dgsuikit:rounded-lg dgsuikit:transition-colors dgsuikit:duration-150 dgsuikit:min-h-12",u?"dgsuikit:opacity-50 dgsuikit:cursor-not-allowed dgsuikit:text-gray-400":"dgsuikit:text-gray-600 dgsuikit:hover:bg-gray-50 dgsuikit:hover:text-gray-900 dgsuikit:cursor-pointer dgsuikit:focus:bg-gray-100 dgsuikit:focus:outline-none",c),onClick:n,disabled:u,children:[r&&i.jsx("span",{className:"dgsuikit:ml-3 dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:flex-shrink-0 dgsuikit:w-6 dgsuikit:h-6",children:r}),i.jsx("div",{className:"dgsuikit:font-medium dgsuikit:text-ellipsis dgsuikit:w-full dgsuikit:h-full",children:s}),o===void 0?i.jsx(T.IconArrowLeft2,{className:"dgsuikit:h-4 dgsuikit:w-4 dgsuikit:shrink-0"}):o]})},R=s=>{const{trigger:e,children:c,className:u="",popoverClassName:r="",position:o="bottom-right"}=s,[d,n]=g.useState(!1),[f,l]=g.useState(!1),[y,b]=g.useState(o);let t;const{anchorRef:w,popperRef:M}=C.useFlipPosition({initialPosition:o,minVisible:180,padding:8,onPositionChange(a){b(a)}}),I=S.useOutsideClick(()=>{d&&(n(!1),t&&clearTimeout(t),t=setTimeout(()=>{l(!1)},x))});function m(){const a=!f;t&&clearTimeout(t),a?(l(!0),t=setTimeout(()=>{n(!0)},0)):(n(!1),t=setTimeout(()=>{l(!1)},x))}const N={close:m};return i.jsx(p.Provider,{value:N,children:i.jsxs("div",{ref:I,className:k.clsx("dgsuikit:relative dgsuikit:inline-block dgsuikit:text-right",u),children:[e(m,w),f&&i.jsx("div",{ref:M,className:k.clsx("dgsuikit:absolute dgsuikit:z-50 dgsuikit:min-w-[256px] dgsuikit:px-4 dgsuikit:pb-4 dgsuikit:rounded-2xl dgsuikit:bg-white dgsuikit:shadow-lg dgsuikit:ring-1 dgsuikit:ring-gray-200 dgsuikit:focus:outline-none","dgsuikit:transition-all",v,d?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-95",j[y],r),children:c})]})})},h=R;h.Item=P;module.exports=h;
+"use strict";const i=require("react/jsx-runtime"),k=require("../clsx-C11secjj.cjs"),g=require("react"),C=require("../useFlipPosition-dndhl72A.cjs"),S=require("../useOutsideClick-DGu3KM8Q.cjs"),T=require("../IconArrowLeft2-CNA3H0xY.cjs"),v="dgsuikit:duration-300",x=400,j={bottom:"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",top:"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},p=g.createContext(null),O=()=>{const s=g.useContext(p);if(!s)throw new Error("Menu components must be used within a Menu");return s},P=({children:s,onClick:e,className:c="",disabled:u=!1,icon:r,endElement:o})=>{const{close:d}=O(),n=()=>{!u&&e&&typeof e=="function"&&(e(),d())};return i.jsxs("button",{className:k.clsx("dgsuikit:flex dgsuikit:w-full dgsuikit:items-center dgsuikit:p-3 dgsuikit:my-0.5 dgsuikit:text-right dgsuikit:text-sm dgsuikit:rounded-lg dgsuikit:transition-colors dgsuikit:duration-150 dgsuikit:min-h-12",u?"dgsuikit:opacity-50 dgsuikit:cursor-not-allowed dgsuikit:text-gray-400":"dgsuikit:text-gray-600 dgsuikit:hover:bg-gray-50 dgsuikit:hover:text-gray-900 dgsuikit:cursor-pointer dgsuikit:focus:bg-gray-100 dgsuikit:focus:outline-none",c),onClick:n,disabled:u,children:[r&&i.jsx("span",{className:"dgsuikit:ml-3 dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:flex-shrink-0 dgsuikit:w-6 dgsuikit:h-6",children:r}),i.jsx("div",{className:"dgsuikit:font-medium dgsuikit:text-ellipsis dgsuikit:w-full dgsuikit:h-full",children:s}),o===void 0?i.jsx(T.IconArrowLeft2,{className:"dgsuikit:h-4 dgsuikit:w-4 dgsuikit:shrink-0"}):o]})},R=s=>{const{trigger:e,children:c,className:u="",popoverClassName:r="",position:o="bottom-right"}=s,[d,n]=g.useState(!1),[f,l]=g.useState(!1),[y,b]=g.useState(o);let t;const{anchorRef:w,popperRef:M}=C.useFlipPosition({initialPosition:o,minVisible:180,padding:8,onPositionChange(a){b(a)}}),I=S.useOutsideClick(()=>{d&&(n(!1),t&&clearTimeout(t),t=setTimeout(()=>{l(!1)},x))});function m(){const a=!f;t&&clearTimeout(t),a?(l(!0),t=setTimeout(()=>{n(!0)},0)):(n(!1),t=setTimeout(()=>{l(!1)},x))}const N={close:m};return i.jsx(p.Provider,{value:N,children:i.jsxs("div",{ref:I,className:k.clsx("dgsuikit:relative dgsuikit:inline-block dgsuikit:text-right",u),children:[e(m,w),f&&i.jsx("div",{ref:M,className:k.clsx("dgsuikit:absolute dgsuikit:z-50 dgsuikit:min-w-[256px] dgsuikit:px-4 dgsuikit:pb-4 dgsuikit:rounded-2xl dgsuikit:bg-white dgsuikit:shadow-lg dgsuikit:ring-1 dgsuikit:ring-gray-200 dgsuikit:focus:outline-none","dgsuikit:transition-all",v,d?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-95",j[y],r),children:c})]})})},h=R;h.Item=P;module.exports=h;

package/dist/Menu/index.mjs

@@ -1,8 +1,8 @@
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
 import { c } from "../clsx-OuTLNxxd.js";
 import { createContext as C, useContext as T, useState as k } from "react";
-import { u as v } from "../useFlipPosition-BWxiBDQ_.js";
-import { u as S } from "../useOutsideClick-DDIvXCYN.js";
+import { u as v } from "../useFlipPosition-D5Qjno2f.js";
+import { u as S } from "../useOutsideClick-CpfAm3CM.js";
 import { I as O } from "../IconArrowLeft2-cxcPyDqS.js";
 const P = "dgsuikit:duration-300", p = 400, A = {
   bottom: "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",

package/dist/{PickerWrapper-w7OzcD_t.js → PickerWrapper-C382nk_V.js}

@@ -3,8 +3,8 @@ import { jsxs as O, jsx as i, Fragment as A } from "react/jsx-runtime";
 import { c as t } from "./clsx-OuTLNxxd.js";
 import { createContext as E, useContext as V, useState as p } from "react";
 import _ from "./Drawer/index.mjs";
-import { u as j } from "./useFlipPosition-BWxiBDQ_.js";
-import { u as F } from "./useOutsideClick-DDIvXCYN.js";
+import { u as j } from "./useFlipPosition-D5Qjno2f.js";
+import { u as F } from "./useOutsideClick-CpfAm3CM.js";
 import { I as L } from "./IconArrowDown2-7ddwV5IE.js";
 import { I as M } from "./index-nXqUoTI3.js";
 import './assets/styles.css';/* empty css                */

package/dist/{PickerWrapper-Cjyvt8aM.cjs → PickerWrapper-mCAghdQ5.cjs}

@@ -1 +1 @@
-"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),D=require("./useFlipPosition-CWhLgzoz.cjs"),O=require("./useOutsideClick-CSnzjiLr.cjs"),A=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-CZRRnYAI.cjs");;/* empty css                  */const v=n.createContext({toggleWrapperVisibility:()=>{}}),F=()=>n.useContext(v),C="dgsuikit:duration-300",b=400,V=I=>{const{dropdownType:p="popover",disabled:u,isLoading:e,wrapperClassName:N,customInput:g,children:k,drawerProps:x,inputProps:W,popoverClassName:P,popoverPosition:y}=I,m=y??"bottom-left",[o,a]=n.useState(!1),[f,c]=n.useState(!1),[r,T]=n.useState(m);let s;const{anchorRef:j,popperRef:q}=D.useFlipPosition({initialPosition:m,minVisible:180,onPositionChange(l){T(w=>w===l?w:l)}}),R=O.useOutsideClick(()=>{p==="popover"&&o&&(a(!1),s&&clearTimeout(s),s=setTimeout(()=>{c(!1)},b))});function h(){if(u||e)return;const l=!f;s&&clearTimeout(s),l?(c(!0),s=setTimeout(()=>{a(!0)},0)):(a(!1),s=setTimeout(()=>{c(!1)},b))}const d=t.clsx({"dgsuikit:!cursor-not-allowed":u,"dgsuikit:!cursor-wait":e,"dgsuikit:!cursor-pointer":!e&&!u});return i.jsxs("div",{ref:R,className:t.clsx("dgsuikit:relative",N),children:[i.jsx("button",{ref:j,type:"button",className:t.clsx("dgsuikit:w-full",d),onClick:h,children:g?g(o):i.jsx(E.Input,{leftIcon:e?i.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):i.jsx(A.IconArrowDown2,{width:20,height:20,className:t.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":o})}),containerClassName:t.clsx(d,{"dgsuikit:items-baseline":e}),className:t.clsx("dgsuikit:caret-transparent",d),disabled:u,...W})}),i.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&i.jsx(i.Fragment,{children:p==="popover"?i.jsx("div",{ref:q,className:t.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",C,o?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":r.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":r.includes("top")},{"dgsuikit:right-0":r.endsWith("left"),"dgsuikit:left-0":r.endsWith("right"),"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2":r.endsWith("center")},P),children:k}):i.jsx(S,{...x,open:o,onClose:()=>a(!1),containerClassName:t.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",x?.containerClassName),children:k})})})]})};exports.PickerWrapper=V;exports.usePickerWrapperContext=F;
+"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),D=require("./useFlipPosition-dndhl72A.cjs"),O=require("./useOutsideClick-DGu3KM8Q.cjs"),A=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-CZRRnYAI.cjs");;/* empty css                  */const v=n.createContext({toggleWrapperVisibility:()=>{}}),F=()=>n.useContext(v),C="dgsuikit:duration-300",b=400,V=I=>{const{dropdownType:p="popover",disabled:u,isLoading:e,wrapperClassName:N,customInput:g,children:k,drawerProps:x,inputProps:W,popoverClassName:P,popoverPosition:y}=I,m=y??"bottom-left",[o,a]=n.useState(!1),[f,c]=n.useState(!1),[r,T]=n.useState(m);let s;const{anchorRef:j,popperRef:q}=D.useFlipPosition({initialPosition:m,minVisible:180,onPositionChange(l){T(w=>w===l?w:l)}}),R=O.useOutsideClick(()=>{p==="popover"&&o&&(a(!1),s&&clearTimeout(s),s=setTimeout(()=>{c(!1)},b))});function h(){if(u||e)return;const l=!f;s&&clearTimeout(s),l?(c(!0),s=setTimeout(()=>{a(!0)},0)):(a(!1),s=setTimeout(()=>{c(!1)},b))}const d=t.clsx({"dgsuikit:!cursor-not-allowed":u,"dgsuikit:!cursor-wait":e,"dgsuikit:!cursor-pointer":!e&&!u});return i.jsxs("div",{ref:R,className:t.clsx("dgsuikit:relative",N),children:[i.jsx("button",{ref:j,type:"button",className:t.clsx("dgsuikit:w-full",d),onClick:h,children:g?g(o):i.jsx(E.Input,{leftIcon:e?i.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):i.jsx(A.IconArrowDown2,{width:20,height:20,className:t.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":o})}),containerClassName:t.clsx(d,{"dgsuikit:items-baseline":e}),className:t.clsx("dgsuikit:caret-transparent",d),disabled:u,...W})}),i.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&i.jsx(i.Fragment,{children:p==="popover"?i.jsx("div",{ref:q,className:t.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",C,o?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":r.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":r.includes("top")},{"dgsuikit:right-0":r.endsWith("left"),"dgsuikit:left-0":r.endsWith("right"),"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2":r.endsWith("center")},P),children:k}):i.jsx(S,{...x,open:o,onClose:()=>a(!1),containerClassName:t.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",x?.containerClassName),children:k})})})]})};exports.PickerWrapper=V;exports.usePickerWrapperContext=F;

package/dist/Sidebar/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),a=require("react"),z=require("../index-BfuaA-Ji.cjs"),B=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),R=require("../index-CZRRnYAI.cjs");;/* empty css                   */const v=require("../AccordionItem-BrqkdsVm.cjs"),E=require("../Divider/index.cjs"),O=require("../IconArrowLeft2-CNA3H0xY.cjs"),T=require("../Button/index.cjs"),M=t=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),h="dgsuikit:duration-300",w="dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600",C="dgsuikit:opacity-40 dgsuikit:pointer-events-none",_="dgsuikit:!bg-primary-50 dgsuikit:text-primary-600",N=`${_} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`,q=a.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>a.useContext(q),b=t=>d.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",t?"dgsuikit:opacity-100":"dgsuikit:opacity-0",h);function S(t,s){return i.jsxs("div",{className:d.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",s?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[t.icon,i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",s?"dgsuikit:w-full":"dgsuikit:w-0",b),children:t.title}),t.badgeCount&&i.jsx(A,{className:d.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!s}),value:t.badgeCount,valueType:"number",color:"error",size:"small"})]})}function I(t,s){return t.map(r=>{if("children"in r&&r.children){const n=I(r.children,s);if(n.length>0)return{...r,children:n}}return r.title.includes(s)?{...r}:null}).filter(r=>!!r)}const D=t=>{const{value:s,onChange:r}=t,{isOpen:n,searchInput:l}=p();return i.jsx(R.Input,{value:s,onChange:r,rightIcon:i.jsx(B.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:d.clsx("dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",b(n),typeof l=="object"&&l.wrapperClassName,h)})};function P(t){let s=null;return t.some(r=>r.children?.some(n=>n.children?.some(l=>l.active)?(s=n,!0):!1)),s}const F=()=>{const{isOpen:t,searchInput:s=!0,items:r}=p(),[n,l]=a.useState(""),[k,m]=a.useState(r??[]),c=P(k),j=a.useCallback(z.debounce(o=>{m(I(k,o))},800),[]);function y(o){const x=o.target.value;l(x),j(x)}function f(){l(""),m(r??[])}return a.useEffect(()=>{n&&f()},[t]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!s&&i.jsx(D,{value:n,onChange:y}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:k.map((o,x)=>i.jsxs(a.Fragment,{children:[i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",b(t)),children:o.title}),i.jsx(v.AccordionGroup,{defaultActiveKey:c?c.link||c.title:void 0,className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:o.children?.map(e=>e.link?i.jsx("a",{href:e.link,className:d.clsx("dgsuikit:pr-3",e.disabled&&C,e.active&&N,t?"dgsuikit:pl-9":"dgsuikit:pl-3",w),children:S(e,t)},e.link):i.jsx(v.AccordionItem,{accordionKey:e.link??e.title,className:d.clsx("dgsuikit:!p-0",e.disabled&&C),title:S(e,t),hideDivider:!0,hideArrow:!t||e.disabled,disable:!t||e.disabled,titleClassName:d.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",t?"dgsuikit:px-3":"dgsuikit:!justify-center",(c?.link&&c?.link===e.link||c?.title===e.title)&&N,w),children:e.children?.map(u=>i.jsxs("a",{href:u.link,className:d.clsx("dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",u.disabled&&C,u.active&&_,w),children:[i.jsx("p",{children:u.title}),u.badgeCount&&i.jsx(A,{valueType:"number",value:u.badgeCount,color:"error",type:"twoTone",size:"small"})]},u.link))},e.link??e.title))}),x!==k.length-1&&i.jsx(E,{type:"horizontal"})]},o.title))})]})},H=()=>{const{isOpen:t,logo:s}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...s,alt:s?.alt??"Logo",src:t?s?.open:s?.close,className:d.clsx("dgsuikit:h-12 dgsuikit:w-full",s?.className)})})},V=()=>{const{userProfile:t,isOpen:s}=p();return i.jsxs("a",{href:t?.link??"#",className:d.clsx("dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",{"dgsuikit:pointer-events-none":!t?.link}),children:[i.jsx("img",{src:t?.image,alt:t?.name??"user_avatar",className:d.clsx("dgsuikit:rounded-full dgsuikit:shrink-0",s?"dgsuikit:size-20":"dgsuikit:size-12")}),i.jsxs("div",{className:d.clsx("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative",b(s)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center",children:t?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center",children:t?.description}),t?.link&&i.jsx(O.IconArrowLeft2,{className:"dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200"})]})]})},W=()=>{const{isOpen:t,setIsOpen:s}=p();return i.jsx("button",{type:"button",className:"dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",onClick:()=>s(!t),children:i.jsx(O.IconArrowLeft2,{className:d.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",t&&"dgsuikit:rotate-180",h),width:16,height:16})})},K=t=>{const{isOpen:s,setIsOpen:r,className:n,logo:l,items:k,extraComponent:m,userProfile:c,logOutButtonProps:j,onLogout:y,showMask:f,hideOnClose:o}=t,x=t.openOnHover,e=f?"div":a.Fragment,u=document.documentElement;return a.useEffect(()=>{if(o)return;const g="dgsuikit:pr-[80px]";return u.classList.add(g),()=>{u.classList.remove(g)}},[o]),a.useEffect(()=>{if(!f)return;const g="dgsuikit:overflow-hidden";return s?u.classList.add(g):u.classList.remove(g),()=>{u.classList.remove(g)}},[f,s]),i.jsx(q.Provider,{value:t,children:i.jsx(e,{...e==="div"?{className:d.clsx("dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",s?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",h),onClick:g=>{g.target===g.currentTarget&&r(!1)}}:{},children:i.jsxs("div",{className:d.clsx(n,"dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",{"dgsuikit:w-[280px] dgsuikit:max-w-full":s,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!s&&!o,"dgsuikit:w-0 dgsuikit:opacity-0":!s&&o},h),onMouseEnter:()=>{x&&!s&&r(!0)},onMouseLeave:()=>{x&&s&&r(!1)},children:[i.jsx(W,{}),!!(l?.open??l?.close)&&i.jsx(H,{}),k&&k.length>0&&i.jsx(F,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[m,i.jsx(E,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!c?.image&&i.jsx(V,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(M,{}),isFullWidth:!0,onClick:y,...j,children:s?"خروج":""})]})]})})})};module.exports=K;
+"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),u=require("../clsx-C11secjj.cjs"),a=require("react"),v=require("../isBrowser-Bczqv-hd.cjs"),z=require("../index-BfuaA-Ji.cjs"),R=require("../IconSearch-BeVs-gUu.cjs"),E=require("../Badge/index.cjs"),T=require("../index-CZRRnYAI.cjs");;/* empty css                   */const N=require("../AccordionItem-BrqkdsVm.cjs"),O=require("../Divider/index.cjs"),_=require("../IconArrowLeft2-CNA3H0xY.cjs"),M=require("../Button/index.cjs"),D=t=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),h="dgsuikit:duration-300",y="dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600",C="dgsuikit:opacity-40 dgsuikit:pointer-events-none",q="dgsuikit:!bg-primary-50 dgsuikit:text-primary-600",S=`${q} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`,B=a.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>a.useContext(B),b=t=>u.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",t?"dgsuikit:opacity-100":"dgsuikit:opacity-0",h);function A(t,s){return i.jsxs("div",{className:u.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",s?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[t.icon,i.jsx("div",{className:u.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",s?"dgsuikit:w-full":"dgsuikit:w-0",b),children:t.title}),t.badgeCount&&i.jsx(E,{className:u.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!s}),value:t.badgeCount,valueType:"number",color:"error",size:"small"})]})}function I(t,s){return t.map(r=>{if("children"in r&&r.children){const n=I(r.children,s);if(n.length>0)return{...r,children:n}}return r.title.includes(s)?{...r}:null}).filter(r=>!!r)}const P=t=>{const{value:s,onChange:r}=t,{isOpen:n,searchInput:l}=p();return i.jsx(T.Input,{value:s,onChange:r,rightIcon:i.jsx(R.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:u.clsx("dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",b(n),typeof l=="object"&&l.wrapperClassName,h)})};function F(t){let s=null;return t.some(r=>r.children?.some(n=>n.children?.some(l=>l.active)?(s=n,!0):!1)),s}const H=()=>{const{isOpen:t,searchInput:s=!0,items:r}=p(),[n,l]=a.useState(""),[c,m]=a.useState(r??[]),g=F(c),j=a.useCallback(z.debounce(o=>{m(I(c,o))},800),[]);function w(o){const k=o.target.value;l(k),j(k)}function f(){l(""),m(r??[])}return a.useEffect(()=>{n&&f()},[t]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!s&&i.jsx(P,{value:n,onChange:w}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:c.map((o,k)=>i.jsxs(a.Fragment,{children:[i.jsx("div",{className:u.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",b(t)),children:o.title}),i.jsx(N.AccordionGroup,{defaultActiveKey:g?g.link||g.title:void 0,className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:o.children?.map(e=>e.link?i.jsx("a",{href:e.link,className:u.clsx("dgsuikit:pr-3",e.disabled&&C,e.active&&S,t?"dgsuikit:pl-9":"dgsuikit:pl-3",y),children:A(e,t)},e.link):i.jsx(N.AccordionItem,{accordionKey:e.link??e.title,className:u.clsx("dgsuikit:!p-0",e.disabled&&C),title:A(e,t),hideDivider:!0,hideArrow:!t||e.disabled,disable:!t||e.disabled,titleClassName:u.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",t?"dgsuikit:px-3":"dgsuikit:!justify-center",(g?.link&&g?.link===e.link||g?.title===e.title)&&S,y),children:e.children?.map(d=>i.jsxs("a",{href:d.link,className:u.clsx("dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",d.disabled&&C,d.active&&q,y),children:[i.jsx("p",{children:d.title}),d.badgeCount&&i.jsx(E,{valueType:"number",value:d.badgeCount,color:"error",type:"twoTone",size:"small"})]},d.link))},e.link??e.title))}),k!==c.length-1&&i.jsx(O,{type:"horizontal"})]},o.title))})]})},V=()=>{const{isOpen:t,logo:s}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...s,alt:s?.alt??"Logo",src:t?s?.open:s?.close,className:u.clsx("dgsuikit:h-12 dgsuikit:w-full",s?.className)})})},W=()=>{const{userProfile:t,isOpen:s}=p();return i.jsxs("a",{href:t?.link??"#",className:u.clsx("dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",{"dgsuikit:pointer-events-none":!t?.link}),children:[i.jsx("img",{src:t?.image,alt:t?.name??"user_avatar",className:u.clsx("dgsuikit:rounded-full dgsuikit:shrink-0",s?"dgsuikit:size-20":"dgsuikit:size-12")}),i.jsxs("div",{className:u.clsx("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative",b(s)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center",children:t?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center",children:t?.description}),t?.link&&i.jsx(_.IconArrowLeft2,{className:"dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200"})]})]})},K=()=>{const{isOpen:t,setIsOpen:s}=p();return i.jsx("button",{type:"button",className:"dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",onClick:()=>s(!t),children:i.jsx(_.IconArrowLeft2,{className:u.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",t&&"dgsuikit:rotate-180",h),width:16,height:16})})},G=t=>{const{isOpen:s,setIsOpen:r,className:n,logo:l,items:c,extraComponent:m,userProfile:g,logOutButtonProps:j,onLogout:w,showMask:f,hideOnClose:o}=t,k=t.openOnHover,e=f?"div":a.Fragment;return a.useEffect(()=>{if(o||!v.isBrowser())return;const d=document?.documentElement,x="dgsuikit:pr-[80px]";return d.classList.add(x),()=>{d.classList.remove(x)}},[o]),a.useEffect(()=>{if(!f||!v.isBrowser())return;const d=document?.documentElement,x="dgsuikit:overflow-hidden";return s?d.classList.add(x):d.classList.remove(x),()=>{d.classList.remove(x)}},[f,s]),i.jsx(B.Provider,{value:t,children:i.jsx(e,{...e==="div"?{className:u.clsx("dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",s?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",h),onClick:d=>{d.target===d.currentTarget&&r(!1)}}:{},children:i.jsxs("div",{className:u.clsx(n,"dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",{"dgsuikit:w-[280px] dgsuikit:max-w-full":s,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!s&&!o,"dgsuikit:w-0 dgsuikit:opacity-0":!s&&o},h),onMouseEnter:()=>{k&&!s&&r(!0)},onMouseLeave:()=>{k&&s&&r(!1)},children:[i.jsx(K,{}),!!(l?.open??l?.close)&&i.jsx(V,{}),c&&c.length>0&&i.jsx(H,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[m,i.jsx(O,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!g?.image&&i.jsx(W,{}),i.jsx(M,{color:"error",variant:"secondary",rightIcon:i.jsx(D,{}),isFullWidth:!0,onClick:w,...j,children:s?"خروج":""})]})]})})})};module.exports=G;

package/dist/Sidebar/index.mjs

@@ -1,17 +1,18 @@
 "use client";
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import { c as r } from "../clsx-OuTLNxxd.js";
-import { createContext as M, useContext as D, useState as S, useCallback as R, useEffect as N, Fragment as E } from "react";
-import { d as P } from "../index-CzwAoGdL.js";
-import { I as H } from "../IconSearch-aShj2vmu.js";
-import _ from "../Badge/index.mjs";
-import { I as V } from "../index-nXqUoTI3.js";
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { c as u } from "../clsx-OuTLNxxd.js";
+import { createContext as D, useContext as R, useState as S, useCallback as P, useEffect as N, Fragment as _ } from "react";
+import { i as A } from "../isBrowser-Bkqg1t1y.js";
+import { d as H } from "../index-CzwAoGdL.js";
+import { I as V } from "../IconSearch-aShj2vmu.js";
+import z from "../Badge/index.mjs";
+import { I as W } from "../index-nXqUoTI3.js";
 import '../assets/styles.css';/* empty css                 */
-import { A as W, a as F } from "../AccordionItem-4UuHvtDx.js";
-import z from "../Divider/index.mjs";
-import { I as B } from "../IconArrowLeft2-cxcPyDqS.js";
-import K from "../Button/index.mjs";
-const G = (i) => /* @__PURE__ */ g(
+import { A as F, a as K } from "../AccordionItem-4UuHvtDx.js";
+import B from "../Divider/index.mjs";
+import { I } from "../IconArrowLeft2-cxcPyDqS.js";
+import G from "../Button/index.mjs";
+const U = (i) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -41,20 +42,20 @@ const G = (i) => /* @__PURE__ */ g(
       )
     ]
   }
-), h = "dgsuikit:duration-300", v = "dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600", w = "dgsuikit:opacity-40 dgsuikit:pointer-events-none", I = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600", A = `${I} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`, T = M({
+), h = "dgsuikit:duration-300", C = "dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600", v = "dgsuikit:opacity-40 dgsuikit:pointer-events-none", T = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600", E = `${T} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`, j = D({
   isOpen: !1,
   setIsOpen: () => {
   }
-}), m = () => D(T), x = (i) => r(
+}), m = () => R(j), x = (i) => u(
   "dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",
   i ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0",
   h
 );
 function O(i, t) {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: r(
+      className: u(
         "dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",
         t ? "dgsuikit:space-x-2" : "dgsuikit:justify-center"
       ),
@@ -63,7 +64,7 @@ function O(i, t) {
         /* @__PURE__ */ s(
           "div",
           {
-            className: r(
+            className: u(
               "dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",
               t ? "dgsuikit:w-full" : "dgsuikit:w-0",
               x
@@ -72,9 +73,9 @@ function O(i, t) {
           }
         ),
         i.badgeCount && /* @__PURE__ */ s(
-          _,
+          z,
           {
-            className: r("dgsuikit:shrink-0", {
+            className: u("dgsuikit:shrink-0", {
               "dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0": !t
             }),
             value: i.badgeCount,
@@ -87,27 +88,27 @@ function O(i, t) {
     }
   );
 }
-function j(i, t) {
+function M(i, t) {
   return i.map((d) => {
     if ("children" in d && d.children) {
-      const n = j(d.children, t);
+      const n = M(d.children, t);
       if (n.length > 0)
         return { ...d, children: n };
     }
     return d.title.includes(t) ? { ...d } : null;
   }).filter((d) => !!d);
 }
-const U = (i) => {
+const $ = (i) => {
   const { value: t, onChange: d } = i, { isOpen: n, searchInput: o } = m();
   return /* @__PURE__ */ s(
-    V,
+    W,
     {
       value: t,
       onChange: d,
-      rightIcon: /* @__PURE__ */ s(H, {}),
+      rightIcon: /* @__PURE__ */ s(V, {}),
       placeholder: "جستجو",
       ...typeof o == "boolean" ? {} : o,
-      wrapperClassName: r(
+      wrapperClassName: u(
         "dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",
         x(n),
         typeof o == "object" && o.wrapperClassName,
@@ -116,39 +117,39 @@ const U = (i) => {
     }
   );
 };
-function $(i) {
+function q(i) {
   let t = null;
   return i.some((d) => d.children?.some((n) => n.children?.some((o) => o.active) ? (t = n, !0) : !1)), t;
 }
-const q = () => {
-  const { isOpen: i, searchInput: t = !0, items: d } = m(), [n, o] = S(""), [k, b] = S(d ?? []), c = $(k), y = R(
-    P((a) => {
-      b(j(k, a));
+const J = () => {
+  const { isOpen: i, searchInput: t = !0, items: d } = m(), [n, o] = S(""), [c, b] = S(d ?? []), g = q(c), y = P(
+    H((a) => {
+      b(M(c, a));
     }, 800),
     []
   );
-  function C(a) {
-    const f = a.target.value;
-    o(f), y(f);
+  function w(a) {
+    const k = a.target.value;
+    o(k), y(k);
   }
   function p() {
     o(""), b(d ?? []);
   }
   return N(() => {
     n && p();
-  }, [i]), /* @__PURE__ */ g("div", { className: "dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar", children: [
+  }, [i]), /* @__PURE__ */ l("div", { className: "dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar", children: [
     !!t && /* @__PURE__ */ s(
-      U,
+      $,
       {
         value: n,
-        onChange: C
+        onChange: w
       }
     ),
-    /* @__PURE__ */ s("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children: k.map((a, f) => /* @__PURE__ */ g(E, { children: [
+    /* @__PURE__ */ s("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children: c.map((a, k) => /* @__PURE__ */ l(_, { children: [
       /* @__PURE__ */ s(
         "div",
         {
-          className: r(
+          className: u(
             "dgsuikit:font-p2-regular dgsuikit:text-gray-400",
             x(i)
           ),
@@ -156,57 +157,57 @@ const q = () => {
         }
       ),
       /* @__PURE__ */ s(
-        W,
+        F,
         {
-          defaultActiveKey: c ? c.link || c.title : void 0,
+          defaultActiveKey: g ? g.link || g.title : void 0,
           className: "dgsuikit:mt-4 dgsuikit:space-y-2",
           children: a.children?.map(
             (e) => e.link ? /* @__PURE__ */ s(
               "a",
               {
                 href: e.link,
-                className: r(
+                className: u(
                   "dgsuikit:pr-3",
-                  e.disabled && w,
-                  e.active && A,
+                  e.disabled && v,
+                  e.active && E,
                   i ? "dgsuikit:pl-9" : "dgsuikit:pl-3",
-                  v
+                  C
                 ),
                 children: O(e, i)
               },
               e.link
             ) : /* @__PURE__ */ s(
-              F,
+              K,
               {
                 accordionKey: e.link ?? e.title,
-                className: r("dgsuikit:!p-0", e.disabled && w),
+                className: u("dgsuikit:!p-0", e.disabled && v),
                 title: O(e, i),
                 hideDivider: !0,
                 hideArrow: !i || e.disabled,
                 disable: !i || e.disabled,
-                titleClassName: r(
+                titleClassName: u(
                   "dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",
                   i ? "dgsuikit:px-3" : "dgsuikit:!justify-center",
-                  (c?.link && c?.link === e.link || c?.title === e.title) && A,
-                  v
+                  (g?.link && g?.link === e.link || g?.title === e.title) && E,
+                  C
                 ),
-                children: e.children?.map((u) => /* @__PURE__ */ g(
+                children: e.children?.map((r) => /* @__PURE__ */ l(
                   "a",
                   {
-                    href: u.link,
-                    className: r(
+                    href: r.link,
+                    className: u(
                       "dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",
-                      u.disabled && w,
-                      u.active && I,
-                      v
+                      r.disabled && v,
+                      r.active && T,
+                      C
                     ),
                     children: [
-                      /* @__PURE__ */ s("p", { children: u.title }),
-                      u.badgeCount && /* @__PURE__ */ s(
-                        _,
+                      /* @__PURE__ */ s("p", { children: r.title }),
+                      r.badgeCount && /* @__PURE__ */ s(
+                        z,
                         {
                           valueType: "number",
-                          value: u.badgeCount,
+                          value: r.badgeCount,
                           color: "error",
                           type: "twoTone",
                           size: "small"
@@ -214,7 +215,7 @@ const q = () => {
                       )
                     ]
                   },
-                  u.link
+                  r.link
                 ))
               },
               e.link ?? e.title
@@ -222,10 +223,10 @@ const q = () => {
           )
         }
       ),
-      f !== k.length - 1 && /* @__PURE__ */ s(z, { type: "horizontal" })
+      k !== c.length - 1 && /* @__PURE__ */ s(B, { type: "horizontal" })
     ] }, a.title)) })
   ] });
-}, J = () => {
+}, Q = () => {
   const { isOpen: i, logo: t } = m();
   return /* @__PURE__ */ s("div", { className: "dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8", children: /* @__PURE__ */ s(
     "img",
@@ -233,16 +234,16 @@ const q = () => {
       ...t,
       alt: t?.alt ?? "Logo",
       src: i ? t?.open : t?.close,
-      className: r("dgsuikit:h-12 dgsuikit:w-full", t?.className)
+      className: u("dgsuikit:h-12 dgsuikit:w-full", t?.className)
     }
   ) });
-}, Q = () => {
+}, X = () => {
   const { userProfile: i, isOpen: t } = m();
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ l(
     "a",
     {
       href: i?.link ?? "#",
-      className: r(
+      className: u(
         "dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",
         {
           "dgsuikit:pointer-events-none": !i?.link
@@ -254,27 +255,27 @@ const q = () => {
           {
             src: i?.image,
             alt: i?.name ?? "user_avatar",
-            className: r(
+            className: u(
               "dgsuikit:rounded-full dgsuikit:shrink-0",
               t ? "dgsuikit:size-20" : "dgsuikit:size-12"
             )
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ l(
           "div",
           {
-            className: r("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative", x(t)),
+            className: u("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative", x(t)),
             children: [
               /* @__PURE__ */ s("p", { className: "dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center", children: i?.name }),
               /* @__PURE__ */ s("p", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center", children: i?.description }),
-              i?.link && /* @__PURE__ */ s(B, { className: "dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200" })
+              i?.link && /* @__PURE__ */ s(I, { className: "dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200" })
             ]
           }
         )
       ]
     }
   );
-}, X = () => {
+}, Y = () => {
   const { isOpen: i, setIsOpen: t } = m();
   return /* @__PURE__ */ s(
     "button",
@@ -283,9 +284,9 @@ const q = () => {
       className: "dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",
       onClick: () => t(!i),
       children: /* @__PURE__ */ s(
-        B,
+        I,
         {
-          className: r(
+          className: u(
             "dgsuikit:transition-transform dgsuikit:text-primary-500",
             i && "dgsuikit:rotate-180",
             h
@@ -296,49 +297,49 @@ const q = () => {
       )
     }
   );
-}, ai = (i) => {
+}, gi = (i) => {
   const {
     isOpen: t,
     setIsOpen: d,
     className: n,
     logo: o,
-    items: k,
+    items: c,
     extraComponent: b,
-    userProfile: c,
+    userProfile: g,
     logOutButtonProps: y,
-    onLogout: C,
+    onLogout: w,
     showMask: p,
     hideOnClose: a
-  } = i, f = i.openOnHover, e = p ? "div" : E, u = document.documentElement;
+  } = i, k = i.openOnHover, e = p ? "div" : _;
   return N(() => {
-    if (a) return;
-    const l = "dgsuikit:pr-[80px]";
-    return u.classList.add(l), () => {
-      u.classList.remove(l);
+    if (a || !A()) return;
+    const r = document?.documentElement, f = "dgsuikit:pr-[80px]";
+    return r.classList.add(f), () => {
+      r.classList.remove(f);
     };
   }, [a]), N(() => {
-    if (!p) return;
-    const l = "dgsuikit:overflow-hidden";
-    return t ? u.classList.add(l) : u.classList.remove(l), () => {
-      u.classList.remove(l);
+    if (!p || !A()) return;
+    const r = document?.documentElement, f = "dgsuikit:overflow-hidden";
+    return t ? r.classList.add(f) : r.classList.remove(f), () => {
+      r.classList.remove(f);
     };
-  }, [p, t]), /* @__PURE__ */ s(T.Provider, { value: i, children: /* @__PURE__ */ s(
+  }, [p, t]), /* @__PURE__ */ s(j.Provider, { value: i, children: /* @__PURE__ */ s(
     e,
     {
       ...e === "div" ? {
-        className: r(
+        className: u(
           "dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",
           t ? "dgsuikit:size-full dgsuikit:bg-black/40" : "dgsuikit:size-0 dgsuikit:bg-transparent",
           h
         ),
-        onClick: (l) => {
-          l.target === l.currentTarget && d(!1);
+        onClick: (r) => {
+          r.target === r.currentTarget && d(!1);
         }
       } : {},
-      children: /* @__PURE__ */ g(
+      children: /* @__PURE__ */ l(
         "div",
         {
-          className: r(
+          className: u(
             n,
             "dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",
             {
@@ -349,33 +350,33 @@ const q = () => {
             h
           ),
           onMouseEnter: () => {
-            f && !t && d(!0);
+            k && !t && d(!0);
           },
           onMouseLeave: () => {
-            f && t && d(!1);
+            k && t && d(!1);
           },
           children: [
-            /* @__PURE__ */ s(X, {}),
-            !!(o?.open ?? o?.close) && /* @__PURE__ */ s(J, {}),
-            k && k.length > 0 && /* @__PURE__ */ s(q, {}),
-            /* @__PURE__ */ g("div", { className: "dgsuikit:shrink-0 dgsuikit:flex-1", children: [
+            /* @__PURE__ */ s(Y, {}),
+            !!(o?.open ?? o?.close) && /* @__PURE__ */ s(Q, {}),
+            c && c.length > 0 && /* @__PURE__ */ s(J, {}),
+            /* @__PURE__ */ l("div", { className: "dgsuikit:shrink-0 dgsuikit:flex-1", children: [
               b,
               /* @__PURE__ */ s(
-                z,
+                B,
                 {
                   className: "dgsuikit:mt-6 dgsuikit:mb-4",
                   type: "horizontal"
                 }
               ),
-              !!c?.image && /* @__PURE__ */ s(Q, {}),
+              !!g?.image && /* @__PURE__ */ s(X, {}),
               /* @__PURE__ */ s(
-                K,
+                G,
                 {
                   color: "error",
                   variant: "secondary",
-                  rightIcon: /* @__PURE__ */ s(G, {}),
+                  rightIcon: /* @__PURE__ */ s(U, {}),
                   isFullWidth: !0,
-                  onClick: C,
+                  onClick: w,
                   ...y,
                   children: t ? "خروج" : ""
                 }
@@ -388,5 +389,5 @@ const q = () => {
   ) });
 };
 export {
-  ai as default
+  gi as default
 };