@dgshahr/ui-kit 0.0.85 → 0.0.87

package/dist/Form/Select/index.mjs

@@ -1,53 +1,33 @@
-import { jsx as n, jsxs as b, Fragment as N } from "react/jsx-runtime";
+import { jsx as n, jsxs as b, Fragment as w } from "react/jsx-runtime";
 import { c as d } from "../../clsx-OuTLNxxd.js";
-import { memo as D, useState as L, useRef as F, useMemo as O, useCallback as M, useEffect as $ } from "react";
-import K from "../Checkbox/index.mjs";
-import U from "../../Button/index.mjs";
-import V from "../Input/index.mjs";
-import { u as q, P as G } from "../../PickerWrapper-DlnSW_YD.js";
+import { memo as D, useState as $, useRef as F, useMemo as O, useCallback as j, useEffect as B } from "react";
+import { I as K } from "../../IconSearch-aShj2vmu.js";
+import U from "../Checkbox/index.mjs";
+import V from "../../Button/index.mjs";
+import q from "../Input/index.mjs";
+import { u as G, P as J } from "../../PickerWrapper-DlnSW_YD.js";
 import '../../assets/styles.css';/* empty css                    */
-const J = (i) => /* @__PURE__ */ n(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...i,
-    children: /* @__PURE__ */ n(
-      "path",
-      {
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"
-      }
-    )
-  }
-);
 function Q(i, s = 100) {
   if (!i) return;
   if (window.innerWidth > 768) {
     i.focus(), i.click();
     return;
   }
-  const t = document.createElement("input");
-  t.style.position = "absolute", t.style.top = `${i.offsetTop + 7}px`, t.style.left = `${i.offsetLeft}px`, t.style.height = "0px", t.style.opacity = "0px", document.body.appendChild(t), t.focus(), setTimeout(() => {
-    i.focus(), i.click(), document.body.removeChild(t);
+  const e = document.createElement("input");
+  e.style.position = "absolute", e.style.top = `${i.offsetTop + 7}px`, e.style.left = `${i.offsetLeft}px`, e.style.height = "0px", e.style.opacity = "0px", document.body.appendChild(e), e.focus(), setTimeout(() => {
+    i.focus(), i.click(), document.body.removeChild(e);
   }, s);
 }
 function X({
   label: i,
   isMultiple: s,
-  isActive: t,
+  isActive: e,
   disabled: o
 }) {
   return s ? /* @__PURE__ */ n(
-    K,
+    U,
     {
-      checked: t,
+      checked: e,
       label: i,
       readOnly: !0,
       disabled: o
@@ -55,7 +35,7 @@ function X({
   ) : i;
 }
 const Y = (i) => {
-  const { option: s, onClick: t, value: o, mode: r, optionCellClassName: p, optionCell: a } = i;
+  const { option: s, onClick: e, value: o, mode: r, optionCellClassName: p, optionCell: a } = i;
   function u() {
     return Array.isArray(o) ? o.includes(s.value) : s.value === o;
   }
@@ -63,7 +43,7 @@ const Y = (i) => {
     "button",
     {
       type: "button",
-      onClick: t,
+      onClick: e,
       className: d(
         "dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",
         u() ? "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",
@@ -78,10 +58,10 @@ const Y = (i) => {
       })
     }
   );
-}, j = D(Y), Z = 20, ee = (i) => {
+}, L = D(Y), Z = 20, tt = (i) => {
   const {
     options: s,
-    mode: t = "single",
+    mode: e = "single",
     afterOptions: o,
     beforOptions: r,
     onChange: p,
@@ -89,49 +69,49 @@ const Y = (i) => {
     separateSelectedOptions: u = !0,
     optionsTitle: I = "عنوان‌ها",
     value: c,
-    optionCellClassName: B,
+    optionCellClassName: M,
     emptyContent: W = "نتیجه‌ای یافت نشد !",
     showClearButtonOnEmpty: H = !0
-  } = i, [m, T] = L(""), [f, z] = L(0), g = F(null), { toggleWrapperVisibility: R } = q(), E = d(
+  } = i, [m, T] = $(""), [f, z] = $(0), g = F(null), { toggleWrapperVisibility: R } = G(), E = d(
     "dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
-    (!a && !r || t === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
+    (!a && !r || e === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
     !!o && "last-of-type:dgs-ui-kit-border-b"
   );
-  let h;
+  let k;
   const y = a;
-  typeof a == "boolean" ? h = a : h = Object.keys(a).length > 0;
-  const v = O(() => m ? s?.filter((e) => e.label.includes(m)) : s, [m, s]), x = O(() => t === "multiple" && u ? s?.filter((e) => c.includes(e.value)) ?? [] : [], [s, c]), S = O(() => {
-    let e = v;
-    t === "multiple" && u && (e = e?.filter((w) => !c.includes(w.value)));
-    const l = Math.min(f + Z, e?.length ?? 0);
-    return e?.slice(f, l);
-  }, [v, f, c]), k = g?.current?.children[0]?.clientHeight ?? 50, _ = (v?.length ?? 0) * k, C = M(() => {
-    const e = g?.current?.parentElement;
-    if (!e) return;
-    const l = e.scrollTop, w = g.current.offsetTop, A = Math.floor((l - w) / k);
+  typeof a == "boolean" ? k = a : k = Object.keys(a).length > 0;
+  const v = O(() => m ? s?.filter((t) => t.label.includes(m)) : s, [m, s]), x = O(() => e === "multiple" && u ? s?.filter((t) => c.includes(t.value)) ?? [] : [], [s, c]), S = O(() => {
+    let t = v;
+    e === "multiple" && u && (t = t?.filter((N) => !c.includes(N.value)));
+    const l = Math.min(f + Z, t?.length ?? 0);
+    return t?.slice(f, l);
+  }, [v, f, c]), h = g?.current?.children[0]?.clientHeight ?? 50, _ = (v?.length ?? 0) * h, C = j(() => {
+    const t = g?.current?.parentElement;
+    if (!t) return;
+    const l = t.scrollTop, N = g.current.offsetTop, A = Math.floor((l - N) / h);
     z(A >= 0 ? A : 0);
-  }, [k]);
-  $(() => {
-    const e = g.current?.parentElement;
-    if (e)
-      return e.addEventListener("scroll", C), () => e.removeEventListener("scroll", C);
-  }, [C]), $(() => {
-    h && Q(document.getElementById("search-input"), 400);
+  }, [h]);
+  B(() => {
+    const t = g.current?.parentElement;
+    if (t)
+      return t.addEventListener("scroll", C), () => t.removeEventListener("scroll", C);
+  }, [C]), B(() => {
+    k && Q(document.getElementById("search-input"), 400);
   }, []);
-  const P = M(
-    (e) => {
+  const P = j(
+    (t) => {
       if (typeof p == "function")
-        if (t === "multiple") {
+        if (e === "multiple") {
           const l = [...c ?? []];
-          l.includes(e) ? l.splice(l.indexOf(e), 1) : l.push(e), p(l);
+          l.includes(t) ? l.splice(l.indexOf(t), 1) : l.push(t), p(l);
         } else
-          p(e), R();
+          p(t), R();
     },
     [c]
   );
-  return /* @__PURE__ */ b(N, { children: [
-    h && /* @__PURE__ */ n(
-      V,
+  return /* @__PURE__ */ b(w, { children: [
+    k && /* @__PURE__ */ n(
+      q,
       {
         id: "search-input",
         wrapperClassName: d(
@@ -141,9 +121,9 @@ const Y = (i) => {
         ),
         placeholder: y?.placeholder ?? "جستجوی عنوان",
         value: m,
-        onChange: (e) => T(e.currentTarget.value),
+        onChange: (t) => T(t.currentTarget.value),
         rightIcon: y?.rightIcon ?? /* @__PURE__ */ n(
-          J,
+          K,
           {
             width: 20,
             height: 20
@@ -153,49 +133,49 @@ const Y = (i) => {
       }
     ),
     r,
-    t === "multiple" && u && x.length > 0 && /* @__PURE__ */ b(N, { children: [
+    e === "multiple" && u && x.length > 0 && /* @__PURE__ */ b(w, { children: [
       /* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: `${I}‌ی انتخاب شده` }),
-      x.map((e) => /* @__PURE__ */ n(
-        j,
+      x.map((t) => /* @__PURE__ */ n(
+        L,
         {
-          onClick: () => P(e.value),
-          option: e,
-          optionCellClassName: d(E, B),
+          onClick: () => P(t.value),
+          option: t,
+          optionCellClassName: d(E, M),
           ...i
         },
-        e.value
+        t.value
       ))
     ] }),
-    /* @__PURE__ */ b(N, { children: [
-      t === "multiple" && u && /* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: I }),
+    /* @__PURE__ */ b(w, { children: [
+      e === "multiple" && u && /* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: I }),
       /* @__PURE__ */ n(
         "div",
         {
           ref: g,
           className: "dgs-ui-kit-relative",
           style: { height: _ },
-          children: S?.map((e, l) => /* @__PURE__ */ n(
+          children: S?.map((t, l) => /* @__PURE__ */ n(
             "div",
             {
               className: d("dgs-ui-kit-absolute dgs-ui-kit-w-full", E),
-              style: { top: `${(f + l) * k}px` },
+              style: { top: `${(f + l) * h}px` },
               children: /* @__PURE__ */ n(
-                j,
+                L,
                 {
-                  onClick: () => P(e.value),
-                  option: e,
+                  onClick: () => P(t.value),
+                  option: t,
                   ...i
                 }
               )
             },
-            e.value
+            t.value
           ))
         }
       ),
       !S?.length && !x.length && /* @__PURE__ */ b("div", { className: "dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2", children: [
         /* @__PURE__ */ n("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: W }),
         H && /* @__PURE__ */ n(
-          U,
+          V,
           {
             type: "button",
             className: "dgs-ui-kit-mt-1",
@@ -210,19 +190,19 @@ const Y = (i) => {
     o
   ] });
 };
-function te(i, s) {
-  return Array.isArray(i) ? s.filter((t) => i.includes(t.value)).map((t) => t.label).join(", ") : s.find((t) => t.value === i)?.label ?? "";
+function et(i, s) {
+  return Array.isArray(i) ? s.filter((e) => i.includes(e.value)).map((e) => e.label).join(", ") : s.find((e) => e.value === i)?.label ?? "";
 }
-const de = (i) => {
-  const { searchable: s = !0, value: t, options: o } = i, r = { ...i };
+const ct = (i) => {
+  const { searchable: s = !0, value: e, options: o } = i, r = { ...i };
   return r.dropdownType === "popover" && !s && (r.popoverClassName = d("dgs-ui-kit-pt-3", r.popoverClassName)), r.dropdownType === "drawer" && (r.drawerProps = {
     ...r.drawerProps,
     containerClassName: d(
       s ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3",
       r.drawerProps?.containerClassName
     )
-  }), r.customInput || (r.inputProps = { ...r.inputProps, value: te(t, o) }), /* @__PURE__ */ n(G, { ...r, children: /* @__PURE__ */ n(ee, { ...i }) });
+  }), r.customInput || (r.inputProps = { ...r.inputProps, value: et(e, o) }), /* @__PURE__ */ n(J, { ...r, children: /* @__PURE__ */ n(tt, { ...i }) });
 };
 export {
-  de as default
+  ct as default
 };

package/dist/IconSearch-BeVs-gUu.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),r=o=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...o,children:e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"})});exports.IconSearch=r;

package/dist/IconSearch-aShj2vmu.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+const t = (e) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...e,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"
+      }
+    )
+  }
+);
+export {
+  t as I
+};

package/dist/Sidebar/Items.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const SidebarItems: FC;
+export default SidebarItems;
+//# sourceMappingURL=Items.d.ts.map

package/dist/Sidebar/Items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Items.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Items.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAe5E,QAAA,MAAM,YAAY,EAAE,EA+GnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/Sidebar/LogoImage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const SidebarLogoImage: FC;
+export default SidebarLogoImage;
+//# sourceMappingURL=LogoImage.d.ts.map

package/dist/Sidebar/LogoImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoImage.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/LogoImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,QAAA,MAAM,gBAAgB,EAAE,EAYvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Sidebar/Profile.d.ts

@@ -0,0 +1,3 @@
+declare const SidebarProfile: () => import("react/jsx-runtime").JSX.Element;
+export default SidebarProfile;
+//# sourceMappingURL=Profile.d.ts.map

package/dist/Sidebar/Profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,+CAwBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Sidebar/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface SidebarSearchInputProps {
+    value: string;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+}
+declare const SidebarSearchInput: FC<SidebarSearchInputProps>;
+export default SidebarSearchInput;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/Sidebar/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkBnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/Sidebar/ToggleButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const SidebarToggleButton: FC;
+export default SidebarToggleButton;
+//# sourceMappingURL=ToggleButton.d.ts.map

package/dist/Sidebar/ToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,QAAA,MAAM,mBAAmB,EAAE,EAoB1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/Sidebar/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DURATION_CLASS = "dgs-ui-kit-duration-300";
+export declare const ITEMS_SHARED_CLASS = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600";
+export declare const DISABLED_CLASS = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none";
+export declare const ACTIVE_CLASS = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600";
+export declare const SECOND_LEVEL_ACTIVE_CLASS = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600 before:dgs-ui-kit-content-[\"\"] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4";
+//# sourceMappingURL=constants.d.ts.map

package/dist/Sidebar/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,4BAA4B,CAAC;AACxD,eAAO,MAAM,kBAAkB,iPACiN,CAAC;AACjP,eAAO,MAAM,cAAc,yDAAyD,CAAC;AACrF,eAAO,MAAM,YAAY,0DAA0D,CAAC;AACpF,eAAO,MAAM,yBAAyB,+TAAuR,CAAC"}

package/dist/Sidebar/context.d.ts

@@ -0,0 +1,4 @@
+import { SidebarProps } from './types';
+export declare const sidebarContext: import('react').Context<SidebarProps>;
+export declare const useSidebarContext: () => SidebarProps;
+//# sourceMappingURL=context.d.ts.map

package/dist/Sidebar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc,uCAGzB,CAAC;AACH,eAAO,MAAM,iBAAiB,oBAAmC,CAAC"}

package/dist/Sidebar/index.cjs

@@ -0,0 +1 @@
+"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs"),b=require("react"),gi=require("../IconSearch-BeVs-gUu.cjs"),Z=require("../Badge/index.cjs"),fi=require("../Form/Input/index.cjs");;/* empty css                   */const J=require("../AccordionItem-BcOHTf5E.cjs"),ii=require("../Divider/index.cjs"),ki=require("../IconArrowLeft2-CNA3H0xY.cjs"),pi=require("../Button/index.cjs"),xi=i=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...i,children:[t.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"}),t.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"})]}),q="dgs-ui-kit-duration-300",W="dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600",$="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",ti="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",K=`${ti} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`,ei=b.createContext({isOpen:!1,setIsOpen:()=>{}}),_=()=>b.useContext(ei);var E=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function hi(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var G,Q;function bi(){if(Q)return G;Q=1;var i="Expected a function",s=NaN,n="[object Symbol]",a=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,x=/^0b[01]+$/i,m=/^0o[0-7]+$/i,C=parseInt,S=typeof E=="object"&&E&&E.Object===Object&&E,R=typeof self=="object"&&self&&self.Object===Object&&self,f=S||R||Function("return this")(),j=Object.prototype,u=j.toString,c=Math.max,ri=Math.min,D=function(){return f.Date.now()};function ni(e,d,k){var y,w,I,v,g,h,N=0,L=!1,T=!1,P=!0;if(typeof e!="function")throw new TypeError(i);d=H(d)||0,M(k)&&(L=!!k.leading,T="maxWait"in k,I=T?c(H(k.maxWait)||0,d):I,P="trailing"in k?!!k.trailing:P);function z(r){var p=y,O=w;return y=w=void 0,N=r,v=e.apply(O,p),v}function oi(r){return N=r,g=setTimeout(A,d),L?z(r):v}function ai(r){var p=r-h,O=r-N,X=d-p;return T?ri(X,I-O):X}function V(r){var p=r-h,O=r-N;return h===void 0||p>=d||p<0||T&&O>=I}function A(){var r=D();if(V(r))return U(r);g=setTimeout(A,ai(r))}function U(r){return g=void 0,P&&y?z(r):(y=w=void 0,v)}function li(){g!==void 0&&clearTimeout(g),N=0,y=h=w=g=void 0}function ci(){return g===void 0?v:U(D())}function F(){var r=D(),p=V(r);if(y=arguments,w=this,h=r,p){if(g===void 0)return oi(h);if(T)return g=setTimeout(A,d),z(h)}return g===void 0&&(g=setTimeout(A,d)),v}return F.cancel=li,F.flush=ci,F}function M(e){var d=typeof e;return!!e&&(d=="object"||d=="function")}function ui(e){return!!e&&typeof e=="object"}function di(e){return typeof e=="symbol"||ui(e)&&u.call(e)==n}function H(e){if(typeof e=="number")return e;if(di(e))return s;if(M(e)){var d=typeof e.valueOf=="function"?e.valueOf():e;e=M(d)?d+"":d}if(typeof e!="string")return e===0?e:+e;e=e.replace(a,"");var k=x.test(e);return k||m.test(e)?C(e.slice(2),k?2:8):l.test(e)?s:+e}return G=ni,G}var mi=bi();const ji=hi(mi),B=i=>o.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",i?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",q);function Y(i,s){return t.jsxs("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",s?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[i.icon,t.jsx("div",{className:o.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",s?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",B),children:i.title}),i.badgeCount&&t.jsx(Z,{className:o.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!s}),value:i.badgeCount,valueType:"number",color:"error",size:"small"})]})}function si(i,s){return i.map(n=>{if("children"in n&&n.children){const a=si(n.children,s);if(a.length>0)return{...n,children:a}}return n.title.includes(s)?{...n}:null}).filter(n=>!!n)}const yi=i=>{const{value:s,onChange:n}=i,{isOpen:a,searchInput:l}=_();return t.jsx(fi,{value:s,onChange:n,rightIcon:t.jsx(gi.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:o.clsx("dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",B(a),typeof l=="object"&&l.wrapperClassName,q)})},vi=()=>{const{isOpen:i,searchInput:s=!0,items:n}=_(),[a,l]=b.useState(""),[x,m]=b.useState(n??[]),C=b.useCallback(ji(f=>{m(si(x,f))},800),[]);function S(f){const j=f.target.value;l(j),C(j)}function R(){l(""),m(n??[])}return b.useEffect(()=>{a&&R()},[i]),t.jsxs("div",{className:"dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar",children:[!!s&&t.jsx(yi,{value:a,onChange:S}),t.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:x.map((f,j)=>t.jsxs(b.Fragment,{children:[t.jsx("div",{className:o.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",B(i)),children:f.title}),t.jsx(J.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:f.children?.map(u=>u.link?t.jsx("a",{href:u.link,className:o.clsx("dgs-ui-kit-pr-3",u.disabled&&$,u.active&&K,i?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",W),children:Y(u,i)},u.link):t.jsx(J.AccordionItem,{className:o.clsx("!dgs-ui-kit-p-0",u.disabled&&$),title:Y(u,i),hideDivider:!0,hideArrow:!i||u.disabled,disable:!i||u.disabled,titleClassName:o.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",i?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",u.children?.find(c=>c.active)&&K,W),children:u.children?.map(c=>t.jsxs("a",{href:c.link,className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",c.disabled&&$,c.active&&ti,W),children:[t.jsx("p",{children:c.title}),c.badgeCount&&t.jsx(Z,{valueType:"number",value:c.badgeCount,color:"error",type:"twoTone",size:"small"})]},c.link))},u.link??u.title))}),j!==x.length-1&&t.jsx(ii,{type:"horizontal"})]},f.title))})]})},Ci=()=>{const{isOpen:i,logo:s}=_();return t.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:t.jsx("img",{...s,alt:s?.alt??"Logo",src:i?s?.open:s?.close,className:o.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",s?.className)})})},Si=()=>{const{userProfile:i,isOpen:s}=_();return t.jsxs("a",{href:i?.link??"#",className:o.clsx("dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",{"dgs-ui-kit-pointer-events-none":!i?.link}),children:[t.jsx("img",{src:i?.image,alt:i?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),t.jsxs("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",B(s)),children:[t.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:i?.name}),t.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:i?.description})]})]})},wi=()=>{const{isOpen:i,setIsOpen:s}=_();return t.jsx("button",{type:"button",className:"dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",onClick:()=>s(!i),children:t.jsx(ki.IconArrowLeft2,{className:o.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",i&&"dgs-ui-kit-rotate-180",q),width:16,height:16})})},Ni=i=>{const{isOpen:s,className:n,logo:a,items:l,extraComponent:x,userProfile:m,logOutButtonProps:C,onLogout:S}=i;return t.jsx(ei.Provider,{value:i,children:t.jsxs("div",{className:o.clsx(n,"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width]",s?"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",q),children:[t.jsx(wi,{}),!!(a?.open??a?.close)&&t.jsx(Ci,{}),l&&l.length>0&&t.jsx(vi,{}),t.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[x,t.jsx(ii,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!m?.image&&t.jsx(Si,{}),t.jsx(pi,{color:"error",variant:"secondary",rightIcon:t.jsx(xi,{}),isFullWidth:!0,onClick:S,...C,children:s?"خروج":""})]})]})})};module.exports=Ni;

package/dist/Sidebar/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { SidebarProps } from './types';
+declare const Sidebar: FC<SidebarProps>;
+export default Sidebar;
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/Sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgD7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}