@dgshahr/ui-kit 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { jsx as n, jsxs as C, Fragment as O } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as x, Fragment as O } from "react/jsx-runtime";
2
2
  import { c } from "../../clsx-OuTLNxxd.js";
3
3
  import { I as q, a as D } from "../../index-Cj_9z9UD.js";
4
4
  import { memo as U, useState as B, useRef as L, useMemo as S, useCallback as H, useEffect as R } from "react";
@@ -9,23 +9,23 @@ import { u as Q, P as X } from "../../PickerWrapper-D84kUgJt.js";
9
9
  import Y from "../../Chip/index.mjs";
10
10
  import '../../assets/styles.css';/* empty css */
11
11
  function Z({
12
- label: s,
12
+ label: r,
13
13
  isMultiple: i,
14
- isActive: r,
14
+ isActive: s,
15
15
  disabled: a
16
16
  }) {
17
17
  return i ? /* @__PURE__ */ n(
18
18
  J,
19
19
  {
20
- checked: r,
21
- label: s,
20
+ checked: s,
21
+ label: r,
22
22
  readOnly: !0,
23
23
  disabled: a
24
24
  }
25
- ) : s;
25
+ ) : r;
26
26
  }
27
- const ee = (s) => {
28
- const { option: i, onClick: r, value: a, mode: u, optionCellClassName: p, optionCell: t } = s;
27
+ const ee = (r) => {
28
+ const { option: i, onClick: s, value: a, mode: u, optionCellClassName: p, optionCell: t } = r;
29
29
  function l() {
30
30
  return Array.isArray(a) ? a.includes(i.value) : i.value === a;
31
31
  }
@@ -33,7 +33,7 @@ const ee = (s) => {
33
33
  "button",
34
34
  {
35
35
  type: "button",
36
- onClick: r,
36
+ onClick: s,
37
37
  className: c(
38
38
  "dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",
39
39
  l() ? "dgsuikit:bg-primary-50 dgsuikit:text-primary-500" : "dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",
@@ -48,10 +48,10 @@ const ee = (s) => {
48
48
  })
49
49
  }
50
50
  );
51
- }, V = U(ee), te = 20, ie = (s) => {
51
+ }, V = U(ee), te = 20, ie = (r) => {
52
52
  const {
53
53
  options: i,
54
- mode: r = "single",
54
+ mode: s = "single",
55
55
  afterOptions: a,
56
56
  beforeOptions: u,
57
57
  onChange: p,
@@ -59,45 +59,45 @@ const ee = (s) => {
59
59
  separateSelectedOptions: l = !0,
60
60
  optionsTitle: g = "عنوان‌ها",
61
61
  value: d,
62
- optionCellClassName: x,
62
+ optionCellClassName: v,
63
63
  emptyContent: W = "نتیجه‌ای یافت نشد !",
64
64
  showClearButtonOnEmpty: $ = !0
65
- } = s, [m, T] = B(""), [k, z] = B(0), f = L(null), v = L(null), { toggleWrapperVisibility: F } = Q(), A = c(
65
+ } = r, [m, T] = B(""), [k, z] = B(0), f = L(null), N = L(null), { toggleWrapperVisibility: F } = Q(), A = c(
66
66
  "dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",
67
- (!t && !u || r === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
67
+ (!t && !u || s === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
68
68
  !!a && "dgsuikit:last-of-type:border-b"
69
69
  );
70
70
  let h;
71
71
  const b = t;
72
72
  typeof t == "boolean" ? h = t : h = Object.keys(t).length > 0;
73
- const N = S(() => {
73
+ const w = S(() => {
74
74
  if (!Array.isArray(i))
75
75
  throw new Error("options should be array");
76
76
  return m ? i?.filter((e) => e.label.includes(m)) : i;
77
- }, [m, i]), w = S(() => r === "multiple" && l ? i?.filter((e) => d.includes(e.value)) ?? [] : [], [i, d]), E = S(() => {
78
- let e = N;
79
- r === "multiple" && l && (e = e?.filter((I) => !d.includes(I.value)));
77
+ }, [m, i]), y = S(() => s === "multiple" && l ? i?.filter((e) => d.includes(e.value)) ?? [] : [], [i, d]), E = S(() => {
78
+ let e = w;
79
+ s === "multiple" && l && (e = e?.filter((I) => !d.includes(I.value)));
80
80
  const o = Math.min(k + te, e?.length ?? 0);
81
81
  return e?.slice(k, o);
82
- }, [N, k, d]), y = f?.current?.children[0]?.clientHeight ?? 50, _ = (N?.length ?? 0) * y, P = H(() => {
82
+ }, [w, k, d]), C = f?.current?.children[0]?.clientHeight ?? 50, _ = ((w?.length ?? 0) - (s === "multiple" ? y.length ?? 0 : 0)) * C, P = H(() => {
83
83
  const e = f?.current?.parentElement;
84
84
  if (!e) return;
85
- const o = e.scrollTop, I = f.current.offsetTop, j = Math.floor((o - I) / y);
85
+ const o = e.scrollTop, I = f.current.offsetTop, j = Math.floor((o - I) / C);
86
86
  z(j >= 0 ? j : 0);
87
- }, [y]);
87
+ }, [C]);
88
88
  R(() => {
89
89
  const e = f.current?.parentElement;
90
90
  if (e)
91
91
  return e.addEventListener("scroll", P), () => e.removeEventListener("scroll", P);
92
92
  }, [P]), R(() => {
93
- !h || b.autoFocus === !1 || !v.current || setTimeout(() => {
94
- v.current?.focus();
93
+ !h || b.autoFocus === !1 || !N.current || setTimeout(() => {
94
+ N.current?.focus();
95
95
  }, 300);
96
96
  }, []);
97
97
  const M = H(
98
98
  (e) => {
99
99
  if (typeof p == "function")
100
- if (r === "multiple") {
100
+ if (s === "multiple") {
101
101
  const o = [...d ?? []];
102
102
  o.includes(e) ? o.splice(o.indexOf(e), 1) : o.push(e), p(o);
103
103
  } else
@@ -105,11 +105,11 @@ const ee = (s) => {
105
105
  },
106
106
  [d]
107
107
  );
108
- return /* @__PURE__ */ C(O, { children: [
108
+ return /* @__PURE__ */ x(O, { children: [
109
109
  h && /* @__PURE__ */ n(
110
110
  q,
111
111
  {
112
- ref: v,
112
+ ref: N,
113
113
  id: "search-input",
114
114
  wrapperClassName: c(
115
115
  "dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",
@@ -130,21 +130,21 @@ const ee = (s) => {
130
130
  }
131
131
  ),
132
132
  u,
133
- r === "multiple" && l && w.length > 0 && /* @__PURE__ */ C(O, { children: [
133
+ s === "multiple" && l && y.length > 0 && /* @__PURE__ */ x(O, { children: [
134
134
  /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: `${g}‌ی انتخاب شده` }),
135
- w.map((e) => /* @__PURE__ */ n(
135
+ y.map((e) => /* @__PURE__ */ n(
136
136
  V,
137
137
  {
138
138
  onClick: () => M(e.value),
139
139
  option: e,
140
- optionCellClassName: c(A, x),
141
- ...s
140
+ optionCellClassName: c(A, v),
141
+ ...r
142
142
  },
143
143
  e.value
144
144
  ))
145
145
  ] }),
146
- /* @__PURE__ */ C(O, { children: [
147
- r === "multiple" && l && /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: g }),
146
+ /* @__PURE__ */ x(O, { children: [
147
+ s === "multiple" && l && /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: g }),
148
148
  /* @__PURE__ */ n(
149
149
  "div",
150
150
  {
@@ -155,13 +155,13 @@ const ee = (s) => {
155
155
  "div",
156
156
  {
157
157
  className: c("dgsuikit:absolute dgsuikit:w-full", A),
158
- style: { top: `${(k + o) * y}px` },
158
+ style: { top: `${(k + o) * C}px` },
159
159
  children: /* @__PURE__ */ n(
160
160
  V,
161
161
  {
162
162
  onClick: () => M(e.value),
163
163
  option: e,
164
- ...s
164
+ ...r
165
165
  }
166
166
  )
167
167
  },
@@ -169,7 +169,7 @@ const ee = (s) => {
169
169
  ))
170
170
  }
171
171
  ),
172
- !E?.length && !w.length && /* @__PURE__ */ C("div", { className: "dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2", children: [
172
+ !E?.length && !y.length && /* @__PURE__ */ x("div", { className: "dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2", children: [
173
173
  /* @__PURE__ */ n("p", { className: "dgsuikit:text-gray-500 dgsuikit:font-p3-medium", children: W }),
174
174
  $ && /* @__PURE__ */ n(
175
175
  K,
@@ -187,14 +187,14 @@ const ee = (s) => {
187
187
  a
188
188
  ] });
189
189
  };
190
- function se(s, i) {
191
- if (!Array.isArray(s))
192
- return i.find((r) => r.value === s)?.label ?? "";
190
+ function se(r, i) {
191
+ if (!Array.isArray(r))
192
+ return i.find((s) => s.value === r)?.label ?? "";
193
193
  }
194
- const fe = (s) => {
195
- const { searchable: i = !0, value: r, options: a } = s, u = Array.isArray(r) && r.length > 0;
194
+ const fe = (r) => {
195
+ const { searchable: i = !0, value: s, options: a } = r, u = Array.isArray(s) && s.length > 0;
196
196
  function p() {
197
- return s.inputProps?.prefix ? s.inputProps.prefix : u ? r.map((l) => /* @__PURE__ */ n(
197
+ return r.inputProps?.prefix ? r.inputProps.prefix : u ? s.map((l) => /* @__PURE__ */ n(
198
198
  Y,
199
199
  {
200
200
  label: a.find((g) => g.value === l)?.label,
@@ -202,14 +202,14 @@ const fe = (s) => {
202
202
  leftIcon: /* @__PURE__ */ n(D, {}),
203
203
  onClick: (g) => {
204
204
  g.stopPropagation();
205
- const d = r.filter((x) => x !== l);
206
- s.onChange?.(d);
205
+ const d = s.filter((v) => v !== l);
206
+ r.onChange?.(d);
207
207
  }
208
208
  },
209
209
  l
210
210
  )) : null;
211
211
  }
212
- const t = { ...s };
212
+ const t = { ...r };
213
213
  return t.dropdownType === "popover" && !i && (t.popoverClassName = c("dgsuikit:pt-3", t.popoverClassName)), t.dropdownType === "drawer" && (t.drawerProps = {
214
214
  ...t.drawerProps,
215
215
  containerClassName: c(
@@ -218,7 +218,7 @@ const fe = (s) => {
218
218
  )
219
219
  }), t.customInput || (t.inputProps = {
220
220
  ...t.inputProps,
221
- value: se(r, a),
221
+ value: se(s, a),
222
222
  prefix: p(),
223
223
  prefixClassName: u ? c(
224
224
  "dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",
@@ -226,7 +226,7 @@ const fe = (s) => {
226
226
  ) : t.inputProps?.prefixClassName,
227
227
  className: u ? "dgsuikit:hidden" : t.inputProps?.className,
228
228
  containerClassName: u ? c("dgsuikit:items-baseline", t.inputProps?.containerClassName) : t.inputProps?.containerClassName
229
- }), /* @__PURE__ */ n(X, { ...t, children: /* @__PURE__ */ n(ie, { ...s }) });
229
+ }), /* @__PURE__ */ n(X, { ...t, children: /* @__PURE__ */ n(ie, { ...r }) });
230
230
  };
231
231
  export {
232
232
  fe as default
@@ -1 +1 @@
1
- {"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,+CAuBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc,+CAoCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1 +1 @@
1
- "use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),o=require("react"),I=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),B=require("../index-BCqGGELs.cjs");;/* empty css */const y=require("../AccordionItem-BrqkdsVm.cjs"),E=require("../Divider/index.cjs"),R=require("../IconArrowLeft2-CNA3H0xY.cjs"),T=require("../Button/index.cjs"),M=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,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",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",O="dgsuikit:!bg-primary-50 dgsuikit:text-primary-600",S=`${O} 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`,_=o.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>o.useContext(_),m=s=>d.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",s?"dgsuikit:opacity-100":"dgsuikit:opacity-0",h);function N(s,t){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",t?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",t?"dgsuikit:w-full":"dgsuikit:w-0",m),children:s.title}),s.badgeCount&&i.jsx(A,{className:d.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function q(s,t){return s.map(e=>{if("children"in e&&e.children){const l=q(e.children,t);if(l.length>0)return{...e,children:l}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const D=s=>{const{value:t,onChange:e}=s,{isOpen:l,searchInput:a}=p();return i.jsx(B.Input,{value:t,onChange:e,rightIcon:i.jsx(z.IconSearch,{}),placeholder:"جستجو",...typeof a=="boolean"?{}:a,wrapperClassName:d.clsx("dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",m(l),typeof a=="object"&&a.wrapperClassName,h)})},P=()=>{const{isOpen:s,searchInput:t=!0,items:e}=p(),[l,a]=o.useState(""),[k,f]=o.useState(e??[]),b=o.useCallback(I.debounce(u=>{f(q(k,u))},800),[]);function j(u){const c=u.target.value;a(c),b(c)}function w(){a(""),f(e??[])}return o.useEffect(()=>{l&&w()},[s]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!t&&i.jsx(D,{value:l,onChange:j}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:k.map((u,c)=>i.jsxs(o.Fragment,{children:[i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",m(s)),children:u.title}),i.jsx(y.AccordionGroup,{className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:u.children?.map(r=>r.link?i.jsx("a",{href:r.link,className:d.clsx("dgsuikit:pr-3",r.disabled&&v,r.active&&S,s?"dgsuikit:pl-9":"dgsuikit:pl-3",C),children:N(r,s)},r.link):i.jsx(y.AccordionItem,{className:d.clsx("dgsuikit:!p-0",r.disabled&&v),title:N(r,s),hideDivider:!0,hideArrow:!s||r.disabled,disable:!s||r.disabled,titleClassName:d.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",s?"dgsuikit:px-3":"dgsuikit:!justify-center",r.children?.find(n=>n.active)&&S,C),children:r.children?.map(n=>i.jsxs("a",{href:n.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",n.disabled&&v,n.active&&O,C),children:[i.jsx("p",{children:n.title}),n.badgeCount&&i.jsx(A,{valueType:"number",value:n.badgeCount,color:"error",type:"twoTone",size:"small"})]},n.link))},r.link??r.title))}),c!==k.length-1&&i.jsx(E,{type:"horizontal"})]},u.title))})]})},F=()=>{const{isOpen:s,logo:t}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgsuikit:h-12 dgsuikit:w-full",t?.className)})})},H=()=>{const{userProfile:s,isOpen:t}=p();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgsuikit:mb-4 dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-2",{"dgsuikit:pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:"dgsuikit:size-12 dgsuikit:rounded-full dgsuikit:shrink-0"}),i.jsxs("div",{className:d.clsx("dgsuikit:flex dgsuikit:flex-col",m(t)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700",children:s?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400",children:s?.description})]})]})},V=()=>{const{isOpen:s,setIsOpen:t}=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:()=>t(!s),children:i.jsx(R.IconArrowLeft2,{className:d.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",s&&"dgsuikit:rotate-180",h),width:16,height:16})})},L=s=>{const{isOpen:t,setIsOpen:e,className:l,logo:a,items:k,extraComponent:f,userProfile:b,logOutButtonProps:j,onLogout:w,showMask:u,hideOnClose:c}=s,r=s.openOnHover,n=u?"div":o.Fragment,x=document.documentElement;return o.useEffect(()=>{if(c)return;const g="dgsuikit:pr-[80px]";return x.classList.add(g),()=>{x.classList.remove(g)}},[c]),o.useEffect(()=>{if(!u)return;const g="dgsuikit:overflow-hidden";return t?x.classList.add(g):x.classList.remove(g),()=>{x.classList.remove(g)}},[u,t]),i.jsx(_.Provider,{value:s,children:i.jsx(n,{...n==="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",t?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",h),onClick:g=>{g.target===g.currentTarget&&e(!1)}}:{},children:i.jsxs("div",{className:d.clsx(l,"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":t,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!t&&!c,"dgsuikit:w-0 dgsuikit:opacity-0":!t&&c},h),onMouseEnter:()=>{r&&!t&&e(!0)},onMouseLeave:()=>{r&&t&&e(!1)},children:[i.jsx(V,{}),!!(a?.open??a?.close)&&i.jsx(F,{}),k&&k.length>0&&i.jsx(P,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[f,i.jsx(E,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!b?.image&&i.jsx(H,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(M,{}),isFullWidth:!0,onClick:w,...j,children:t?"خروج":""})]})]})})})};module.exports=L;
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-BCqGGELs.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=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,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"})]}),f="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",_="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),m=s=>d.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",s?"dgsuikit:opacity-100":"dgsuikit:opacity-0",f);function S(s,t){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",t?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",t?"dgsuikit:w-full":"dgsuikit:w-0",m),children:s.title}),s.badgeCount&&i.jsx(A,{className:d.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function I(s,t){return s.map(e=>{if("children"in e&&e.children){const o=I(e.children,t);if(o.length>0)return{...e,children:o}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const D=s=>{const{value:t,onChange:e}=s,{isOpen:o,searchInput:l}=p();return i.jsx(R.Input,{value:t,onChange:e,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",m(o),typeof l=="object"&&l.wrapperClassName,f)})},P=()=>{const{isOpen:s,searchInput:t=!0,items:e}=p(),[o,l]=a.useState(""),[k,h]=a.useState(e??[]),b=a.useCallback(z.debounce(n=>{h(I(k,n))},800),[]);function j(n){const g=n.target.value;l(g),b(g)}function w(){l(""),h(e??[])}return a.useEffect(()=>{o&&w()},[s]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!t&&i.jsx(D,{value:o,onChange:j}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:k.map((n,g)=>i.jsxs(a.Fragment,{children:[i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",m(s)),children:n.title}),i.jsx(v.AccordionGroup,{className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:n.children?.map(r=>r.link?i.jsx("a",{href:r.link,className:d.clsx("dgsuikit:pr-3",r.disabled&&C,r.active&&N,s?"dgsuikit:pl-9":"dgsuikit:pl-3",y),children:S(r,s)},r.link):i.jsx(v.AccordionItem,{className:d.clsx("dgsuikit:!p-0",r.disabled&&C),title:S(r,s),hideDivider:!0,hideArrow:!s||r.disabled,disable:!s||r.disabled,titleClassName:d.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",s?"dgsuikit:px-3":"dgsuikit:!justify-center",r.children?.find(u=>u.active)&&N,y),children:r.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&&_,y),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))},r.link??r.title))}),g!==k.length-1&&i.jsx(E,{type:"horizontal"})]},n.title))})]})},F=()=>{const{isOpen:s,logo:t}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgsuikit:h-12 dgsuikit:w-full",t?.className)})})},H=()=>{const{userProfile:s,isOpen:t}=p();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",{"dgsuikit:pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:d.clsx("dgsuikit:rounded-full dgsuikit:shrink-0",t?"dgsuikit:size-20":"dgsuikit:size-12")}),i.jsxs("div",{className:d.clsx("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative",m(t)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center",children:s?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center",children:s?.description}),s?.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"})]})]})},L=()=>{const{isOpen:s,setIsOpen:t}=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:()=>t(!s),children:i.jsx(O.IconArrowLeft2,{className:d.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",s&&"dgsuikit:rotate-180",f),width:16,height:16})})},V=s=>{const{isOpen:t,setIsOpen:e,className:o,logo:l,items:k,extraComponent:h,userProfile:b,logOutButtonProps:j,onLogout:w,showMask:n,hideOnClose:g}=s,r=s.openOnHover,u=n?"div":a.Fragment,x=document.documentElement;return a.useEffect(()=>{if(g)return;const c="dgsuikit:pr-[80px]";return x.classList.add(c),()=>{x.classList.remove(c)}},[g]),a.useEffect(()=>{if(!n)return;const c="dgsuikit:overflow-hidden";return t?x.classList.add(c):x.classList.remove(c),()=>{x.classList.remove(c)}},[n,t]),i.jsx(q.Provider,{value:s,children:i.jsx(u,{...u==="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",t?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",f),onClick:c=>{c.target===c.currentTarget&&e(!1)}}:{},children:i.jsxs("div",{className:d.clsx(o,"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":t,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!t&&!g,"dgsuikit:w-0 dgsuikit:opacity-0":!t&&g},f),onMouseEnter:()=>{r&&!t&&e(!0)},onMouseLeave:()=>{r&&t&&e(!1)},children:[i.jsx(L,{}),!!(l?.open??l?.close)&&i.jsx(F,{}),k&&k.length>0&&i.jsx(P,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[h,i.jsx(E,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!b?.image&&i.jsx(H,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(M,{}),isFullWidth:!0,onClick:w,...j,children:t?"خروج":""})]})]})})})};module.exports=V;
@@ -1,17 +1,17 @@
1
1
  "use client";
2
- import { jsxs as c, jsx as t } from "react/jsx-runtime";
2
+ import { jsxs as k, jsx as t } from "react/jsx-runtime";
3
3
  import { c as r } from "../clsx-OuTLNxxd.js";
4
- import { createContext as M, useContext as j, useState as S, useCallback as D, useEffect as N, Fragment as E } from "react";
5
- import { d as R } from "../index-CzwAoGdL.js";
6
- import { I as P } from "../IconSearch-aShj2vmu.js";
4
+ import { createContext as M, useContext as D, useState as S, useCallback as R, useEffect as N, Fragment as E } from "react";
5
+ import { d as P } from "../index-CzwAoGdL.js";
6
+ import { I as H } from "../IconSearch-aShj2vmu.js";
7
7
  import _ from "../Badge/index.mjs";
8
- import { I as H } from "../index-Cj_9z9UD.js";
8
+ import { I as V } from "../index-Cj_9z9UD.js";
9
9
  import '../assets/styles.css';/* empty css */
10
- import { A as V, a as F } from "../AccordionItem-4UuHvtDx.js";
10
+ import { A as F, a as G } from "../AccordionItem-4UuHvtDx.js";
11
11
  import z from "../Divider/index.mjs";
12
- import { I as G } from "../IconArrowLeft2-cxcPyDqS.js";
12
+ import { I as B } from "../IconArrowLeft2-cxcPyDqS.js";
13
13
  import L from "../Button/index.mjs";
14
- const U = (i) => /* @__PURE__ */ c(
14
+ const U = (i) => /* @__PURE__ */ k(
15
15
  "svg",
16
16
  {
17
17
  xmlns: "http://www.w3.org/2000/svg",
@@ -41,17 +41,17 @@ const U = (i) => /* @__PURE__ */ c(
41
41
  )
42
42
  ]
43
43
  }
44
- ), f = "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", y = "dgsuikit:opacity-40 dgsuikit:pointer-events-none", B = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600", A = `${B} 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`, I = M({
44
+ ), f = "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", 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({
45
45
  isOpen: !1,
46
46
  setIsOpen: () => {
47
47
  }
48
- }), h = () => j(I), b = (i) => r(
48
+ }), h = () => D(T), b = (i) => r(
49
49
  "dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",
50
50
  i ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0",
51
51
  f
52
52
  );
53
53
  function O(i, s) {
54
- return /* @__PURE__ */ c(
54
+ return /* @__PURE__ */ k(
55
55
  "div",
56
56
  {
57
57
  className: r(
@@ -87,10 +87,10 @@ function O(i, s) {
87
87
  }
88
88
  );
89
89
  }
90
- function T(i, s) {
90
+ function j(i, s) {
91
91
  return i.map((e) => {
92
92
  if ("children" in e && e.children) {
93
- const o = T(e.children, s);
93
+ const o = j(e.children, s);
94
94
  if (o.length > 0)
95
95
  return { ...e, children: o };
96
96
  }
@@ -100,11 +100,11 @@ function T(i, s) {
100
100
  const W = (i) => {
101
101
  const { value: s, onChange: e } = i, { isOpen: o, searchInput: a } = h();
102
102
  return /* @__PURE__ */ t(
103
- H,
103
+ V,
104
104
  {
105
105
  value: s,
106
106
  onChange: e,
107
- rightIcon: /* @__PURE__ */ t(P, {}),
107
+ rightIcon: /* @__PURE__ */ t(H, {}),
108
108
  placeholder: "جستجو",
109
109
  ...typeof a == "boolean" ? {} : a,
110
110
  wrapperClassName: r(
@@ -116,30 +116,30 @@ const W = (i) => {
116
116
  }
117
117
  );
118
118
  }, $ = () => {
119
- const { isOpen: i, searchInput: s = !0, items: e } = h(), [o, a] = S(""), [k, m] = S(e ?? []), x = D(
120
- R((u) => {
121
- m(T(k, u));
119
+ const { isOpen: i, searchInput: s = !0, items: e } = h(), [o, a] = S(""), [c, m] = S(e ?? []), x = R(
120
+ P((n) => {
121
+ m(j(c, n));
122
122
  }, 800),
123
123
  []
124
124
  );
125
- function w(u) {
126
- const l = u.target.value;
127
- a(l), x(l);
125
+ function y(n) {
126
+ const g = n.target.value;
127
+ a(g), x(g);
128
128
  }
129
- function C() {
129
+ function w() {
130
130
  a(""), m(e ?? []);
131
131
  }
132
132
  return N(() => {
133
- o && C();
134
- }, [i]), /* @__PURE__ */ c("div", { className: "dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar", children: [
133
+ o && w();
134
+ }, [i]), /* @__PURE__ */ k("div", { className: "dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar", children: [
135
135
  !!s && /* @__PURE__ */ t(
136
136
  W,
137
137
  {
138
138
  value: o,
139
- onChange: w
139
+ onChange: y
140
140
  }
141
141
  ),
142
- /* @__PURE__ */ t("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children: k.map((u, l) => /* @__PURE__ */ c(E, { children: [
142
+ /* @__PURE__ */ t("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children: c.map((n, g) => /* @__PURE__ */ k(E, { children: [
143
143
  /* @__PURE__ */ t(
144
144
  "div",
145
145
  {
@@ -147,28 +147,28 @@ const W = (i) => {
147
147
  "dgsuikit:font-p2-regular dgsuikit:text-gray-400",
148
148
  b(i)
149
149
  ),
150
- children: u.title
150
+ children: n.title
151
151
  }
152
152
  ),
153
- /* @__PURE__ */ t(V, { className: "dgsuikit:mt-4 dgsuikit:space-y-2", children: u.children?.map(
153
+ /* @__PURE__ */ t(F, { className: "dgsuikit:mt-4 dgsuikit:space-y-2", children: n.children?.map(
154
154
  (d) => d.link ? /* @__PURE__ */ t(
155
155
  "a",
156
156
  {
157
157
  href: d.link,
158
158
  className: r(
159
159
  "dgsuikit:pr-3",
160
- d.disabled && y,
160
+ d.disabled && v,
161
161
  d.active && A,
162
162
  i ? "dgsuikit:pl-9" : "dgsuikit:pl-3",
163
- v
163
+ C
164
164
  ),
165
165
  children: O(d, i)
166
166
  },
167
167
  d.link
168
168
  ) : /* @__PURE__ */ t(
169
- F,
169
+ G,
170
170
  {
171
- className: r("dgsuikit:!p-0", d.disabled && y),
171
+ className: r("dgsuikit:!p-0", d.disabled && v),
172
172
  title: O(d, i),
173
173
  hideDivider: !0,
174
174
  hideArrow: !i || d.disabled,
@@ -176,26 +176,26 @@ const W = (i) => {
176
176
  titleClassName: r(
177
177
  "dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",
178
178
  i ? "dgsuikit:px-3" : "dgsuikit:!justify-center",
179
- d.children?.find((n) => n.active) && A,
180
- v
179
+ d.children?.find((u) => u.active) && A,
180
+ C
181
181
  ),
182
- children: d.children?.map((n) => /* @__PURE__ */ c(
182
+ children: d.children?.map((u) => /* @__PURE__ */ k(
183
183
  "a",
184
184
  {
185
- href: n.link,
185
+ href: u.link,
186
186
  className: r(
187
187
  "dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",
188
- n.disabled && y,
189
- n.active && B,
190
- v
188
+ u.disabled && v,
189
+ u.active && I,
190
+ C
191
191
  ),
192
192
  children: [
193
- /* @__PURE__ */ t("p", { children: n.title }),
194
- n.badgeCount && /* @__PURE__ */ t(
193
+ /* @__PURE__ */ t("p", { children: u.title }),
194
+ u.badgeCount && /* @__PURE__ */ t(
195
195
  _,
196
196
  {
197
197
  valueType: "number",
198
- value: n.badgeCount,
198
+ value: u.badgeCount,
199
199
  color: "error",
200
200
  type: "twoTone",
201
201
  size: "small"
@@ -203,14 +203,14 @@ const W = (i) => {
203
203
  )
204
204
  ]
205
205
  },
206
- n.link
206
+ u.link
207
207
  ))
208
208
  },
209
209
  d.link ?? d.title
210
210
  )
211
211
  ) }),
212
- l !== k.length - 1 && /* @__PURE__ */ t(z, { type: "horizontal" })
213
- ] }, u.title)) })
212
+ g !== c.length - 1 && /* @__PURE__ */ t(z, { type: "horizontal" })
213
+ ] }, n.title)) })
214
214
  ] });
215
215
  }, q = () => {
216
216
  const { isOpen: i, logo: s } = h();
@@ -225,26 +225,39 @@ const W = (i) => {
225
225
  ) });
226
226
  }, J = () => {
227
227
  const { userProfile: i, isOpen: s } = h();
228
- return /* @__PURE__ */ c(
228
+ return /* @__PURE__ */ k(
229
229
  "a",
230
230
  {
231
231
  href: i?.link ?? "#",
232
- className: r("dgsuikit:mb-4 dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-2", {
233
- "dgsuikit:pointer-events-none": !i?.link
234
- }),
232
+ className: r(
233
+ "dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",
234
+ {
235
+ "dgsuikit:pointer-events-none": !i?.link
236
+ }
237
+ ),
235
238
  children: [
236
239
  /* @__PURE__ */ t(
237
240
  "img",
238
241
  {
239
242
  src: i?.image,
240
243
  alt: i?.name ?? "user_avatar",
241
- className: "dgsuikit:size-12 dgsuikit:rounded-full dgsuikit:shrink-0"
244
+ className: r(
245
+ "dgsuikit:rounded-full dgsuikit:shrink-0",
246
+ s ? "dgsuikit:size-20" : "dgsuikit:size-12"
247
+ )
242
248
  }
243
249
  ),
244
- /* @__PURE__ */ c("div", { className: r("dgsuikit:flex dgsuikit:flex-col", b(s)), children: [
245
- /* @__PURE__ */ t("p", { className: "dgsuikit:font-p3-medium dgsuikit:text-gray-700", children: i?.name }),
246
- /* @__PURE__ */ t("p", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-400", children: i?.description })
247
- ] })
250
+ /* @__PURE__ */ k(
251
+ "div",
252
+ {
253
+ className: r("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative", b(s)),
254
+ children: [
255
+ /* @__PURE__ */ t("p", { className: "dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center", children: i?.name }),
256
+ /* @__PURE__ */ t("p", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center", children: i?.description }),
257
+ i?.link && /* @__PURE__ */ t(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" })
258
+ ]
259
+ }
260
+ )
248
261
  ]
249
262
  }
250
263
  );
@@ -257,7 +270,7 @@ const W = (i) => {
257
270
  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",
258
271
  onClick: () => s(!i),
259
272
  children: /* @__PURE__ */ t(
260
- G,
273
+ B,
261
274
  {
262
275
  className: r(
263
276
  "dgsuikit:transition-transform dgsuikit:text-primary-500",
@@ -276,40 +289,40 @@ const W = (i) => {
276
289
  setIsOpen: e,
277
290
  className: o,
278
291
  logo: a,
279
- items: k,
292
+ items: c,
280
293
  extraComponent: m,
281
294
  userProfile: x,
282
- logOutButtonProps: w,
283
- onLogout: C,
284
- showMask: u,
285
- hideOnClose: l
286
- } = i, d = i.openOnHover, n = u ? "div" : E, p = document.documentElement;
295
+ logOutButtonProps: y,
296
+ onLogout: w,
297
+ showMask: n,
298
+ hideOnClose: g
299
+ } = i, d = i.openOnHover, u = n ? "div" : E, p = document.documentElement;
287
300
  return N(() => {
288
- if (l) return;
289
- const g = "dgsuikit:pr-[80px]";
290
- return p.classList.add(g), () => {
291
- p.classList.remove(g);
301
+ if (g) return;
302
+ const l = "dgsuikit:pr-[80px]";
303
+ return p.classList.add(l), () => {
304
+ p.classList.remove(l);
292
305
  };
293
- }, [l]), N(() => {
294
- if (!u) return;
295
- const g = "dgsuikit:overflow-hidden";
296
- return s ? p.classList.add(g) : p.classList.remove(g), () => {
297
- p.classList.remove(g);
306
+ }, [g]), N(() => {
307
+ if (!n) return;
308
+ const l = "dgsuikit:overflow-hidden";
309
+ return s ? p.classList.add(l) : p.classList.remove(l), () => {
310
+ p.classList.remove(l);
298
311
  };
299
- }, [u, s]), /* @__PURE__ */ t(I.Provider, { value: i, children: /* @__PURE__ */ t(
300
- n,
312
+ }, [n, s]), /* @__PURE__ */ t(T.Provider, { value: i, children: /* @__PURE__ */ t(
313
+ u,
301
314
  {
302
- ...n === "div" ? {
315
+ ...u === "div" ? {
303
316
  className: r(
304
317
  "dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",
305
318
  s ? "dgsuikit:size-full dgsuikit:bg-black/40" : "dgsuikit:size-0 dgsuikit:bg-transparent",
306
319
  f
307
320
  ),
308
- onClick: (g) => {
309
- g.target === g.currentTarget && e(!1);
321
+ onClick: (l) => {
322
+ l.target === l.currentTarget && e(!1);
310
323
  }
311
324
  } : {},
312
- children: /* @__PURE__ */ c(
325
+ children: /* @__PURE__ */ k(
313
326
  "div",
314
327
  {
315
328
  className: r(
@@ -317,8 +330,8 @@ const W = (i) => {
317
330
  "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]",
318
331
  {
319
332
  "dgsuikit:w-[280px] dgsuikit:max-w-full": s,
320
- "dgsuikit:w-[80px] dgsuikit:max-w-[80px]": !s && !l,
321
- "dgsuikit:w-0 dgsuikit:opacity-0": !s && l
333
+ "dgsuikit:w-[80px] dgsuikit:max-w-[80px]": !s && !g,
334
+ "dgsuikit:w-0 dgsuikit:opacity-0": !s && g
322
335
  },
323
336
  f
324
337
  ),
@@ -331,8 +344,8 @@ const W = (i) => {
331
344
  children: [
332
345
  /* @__PURE__ */ t(K, {}),
333
346
  !!(a?.open ?? a?.close) && /* @__PURE__ */ t(q, {}),
334
- k && k.length > 0 && /* @__PURE__ */ t($, {}),
335
- /* @__PURE__ */ c("div", { className: "dgsuikit:shrink-0 dgsuikit:flex-1", children: [
347
+ c && c.length > 0 && /* @__PURE__ */ t($, {}),
348
+ /* @__PURE__ */ k("div", { className: "dgsuikit:shrink-0 dgsuikit:flex-1", children: [
336
349
  m,
337
350
  /* @__PURE__ */ t(
338
351
  z,
@@ -349,8 +362,8 @@ const W = (i) => {
349
362
  variant: "secondary",
350
363
  rightIcon: /* @__PURE__ */ t(U, {}),
351
364
  isFullWidth: !0,
352
- onClick: C,
353
- ...w,
365
+ onClick: w,
366
+ ...y,
354
367
  children: s ? "خروج" : ""
355
368
  }
356
369
  )