@dgshahr/ui-kit 1.8.0 → 1.9.0

package/dist/Form/Timepicker/index.mjs

@@ -1,19 +1,19 @@
-import { jsx as h, jsxs as N } from "react/jsx-runtime";
-import B, { createContext as I, useContext as E, useRef as C, useState as v, useEffect as M } from "react";
-import { D as j, u as F } from "../../DateAndTimePickerFooter-ClSJWVd3.js";
-import { c as T } from "../../clsx-OuTLNxxd.js";
-import { I as W } from "../../index-ChP5zdaB.js";
-import { d as K } from "../../index-CzwAoGdL.js";
-const V = I({
+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 v } from "../../index-CzwAoGdL.js";
+import { c as R } from "../../clsx-OuTLNxxd.js";
+import { I as K } from "../../index-nXqUoTI3.js";
+const $ = E({
   timePickerProps: {
     value: /* @__PURE__ */ new Date(),
     onChange: () => {
     }
   }
-}), O = (t) => {
+}), L = (t) => {
   const { children: e, timePickerProps: n } = t;
-  return /* @__PURE__ */ h(
-    V.Provider,
+  return /* @__PURE__ */ p(
+    $.Provider,
     {
       value: {
         timePickerProps: n
@@ -21,12 +21,12 @@ const V = I({
       children: e
     }
   );
-}, A = () => E(V), b = [0, 1, 3, 4], L = (t) => t[0]?.getBoundingClientRect().height ?? 64, _ = (t, e, n, s, o = "instant") => {
+}, B = () => j($), b = [0, 1, 3, 4], O = (t) => t[0]?.getBoundingClientRect().height ?? 64, _ = (t, e, n, r, i = "instant") => {
   if (!t) return;
-  const a = e.indexOf(n);
-  a !== -1 && t.scrollTo({
-    top: a * s(),
-    behavior: o
+  const s = e.indexOf(n);
+  s !== -1 && t.scrollTo({
+    top: s * r(),
+    behavior: i
   });
 }, G = (t) => {
   if (t.length !== 2) return !1;
@@ -36,109 +36,109 @@ const V = I({
   if (t.length !== 2) return !1;
   const e = Number(t);
   return !Number.isNaN(e) && e >= 0 && e <= 59;
-}, R = (t) => {
+}, D = (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) ?? "-"];
-}, y = (t) => {
+}, H = (t) => {
   const e = `${t[0] ?? "-"}${t[1] ?? "-"}`, n = `${t[3]}${t[4]}`;
   return {
     hour: !e.includes("-") && G(e) ? Number(e) : null,
     minute: !n.includes("-") && q(n) ? Number(n) : null
   };
-}, w = (t, e = !0) => {
+}, N = (t, e = !0) => {
   const n = b.indexOf(t);
   if (n === -1)
     return e ? b[0] : b[b.length - 1] ?? 0;
-  const s = e ? n + 1 : n - 1;
-  return s < 0 ? b[0] : s >= b.length ? b[b.length - 1] ?? 0 : b[s] ?? 0;
+  const r = e ? n + 1 : n - 1;
+  return r < 0 ? b[0] : r >= b.length ? b[b.length - 1] ?? 0 : b[r] ?? 0;
 }, z = (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, J = () => {
-  const t = C(null);
-  return { inputRef: t, setCaretToEditable: (n, s = !0) => {
-    const o = t.current;
-    if (!o) return;
-    const a = b.includes(n) ? n : w(n, s);
-    typeof a == "number" && o.setSelectionRange(a, a + 1);
+  const t = y(null);
+  return { inputRef: t, setCaretToEditable: (n, r = !0) => {
+    const i = t.current;
+    if (!i) return;
+    const s = b.includes(n) ? n : N(n, r);
+    typeof s == "number" && i.setSelectionRange(s, s + 1);
   } };
 }, Q = (t) => {
   const {
     value: e = { hour: null, minute: null },
     onChange: n,
-    disabled: s = !1,
-    className: o,
-    ...a
-  } = t, { inputRef: d, setCaretToEditable: u } = J(), [c, p] = v(() => R(e)), i = B.useRef(e);
+    disabled: r = !1,
+    className: i,
+    ...s
+  } = t, { inputRef: m, setCaretToEditable: l } = J(), [c, u] = C(() => D(e)), o = I.useRef(e);
   M(() => {
-    (e.hour !== i.current.hour || e.minute !== i.current.minute) && (i.current = e, p(R(e)));
+    (e.hour !== o.current.hour || e.minute !== o.current.minute) && (o.current = e, u(D(e)));
   }, [e]);
-  const g = () => {
-    const f = d.current;
+  const h = () => {
+    const g = m.current;
+    if (!g) return;
+    const f = g.selectionStart ?? 0;
+    b.includes(f) || l(f, !0);
+  }, S = (g, f) => {
+    const k = g === "ArrowRight";
+    l(N(f, k), k);
+  }, d = (g, f) => {
+    const k = b.includes(f) ? f : N(f, !1), a = [...c];
+    a[k] = "-", u(a), n(H(a));
+    const w = g === "Backspace" ? N(k, !1) : N(k, !0);
+    setTimeout(() => l(w, g !== "Backspace"), 0);
+  }, T = (g, f) => {
+    const k = b.includes(f) ? f : N(f, !0), a = [...c];
+    z(g, k, a) && (a[k] = g, u(a), n(H(a)), setTimeout(() => l(N(k, !0), !0), 0));
+  }, P = (g) => {
+    if (g.preventDefault(), r) return;
+    const f = m.current;
     if (!f) return;
-    const r = f.selectionStart ?? 0;
-    b.includes(r) || u(r, !0);
-  }, k = (f, r) => {
-    const l = f === "ArrowRight";
-    u(w(r, l), l);
-  }, m = (f, r) => {
-    const l = b.includes(r) ? r : w(r, !1), S = [...c];
-    S[l] = "-", p(S), n(y(S));
-    const $ = f === "Backspace" ? w(l, !1) : w(l, !0);
-    setTimeout(() => u($, f !== "Backspace"), 0);
-  }, P = (f, r) => {
-    const l = b.includes(r) ? r : w(r, !0), S = [...c];
-    z(f, l, S) && (S[l] = f, p(S), n(y(S)), setTimeout(() => u(w(l, !0), !0), 0));
-  }, x = (f) => {
-    if (f.preventDefault(), s) return;
-    const r = d.current;
-    if (!r) return;
-    const l = r.selectionStart ?? 0;
-    if (["ArrowLeft", "ArrowRight"].includes(f.key)) {
-      k(f.key, l);
+    const k = f.selectionStart ?? 0;
+    if (["ArrowLeft", "ArrowRight"].includes(g.key)) {
+      S(g.key, k);
       return;
     }
-    if (["Backspace", "Delete"].includes(f.key)) {
-      m(f.key, l);
+    if (["Backspace", "Delete"].includes(g.key)) {
+      d(g.key, k);
       return;
     }
-    /^\d$/.test(f.key) && P(f.key, l);
+    /^\d$/.test(g.key) && T(g.key, k);
   };
-  return /* @__PURE__ */ h(
-    W,
+  return /* @__PURE__ */ p(
+    K,
     {
-      ref: d,
+      ref: m,
       dir: "ltr",
-      className: o,
+      className: i,
       value: c.join(""),
-      onKeyDown: x,
-      onFocus: g,
-      disabled: s,
+      onKeyDown: P,
+      onFocus: h,
+      disabled: r,
       inputMode: "numeric",
       pattern: "[0-9:]*",
-      ...a
+      ...s
     }
   );
 }, U = ({
   timePickerProps: t,
   setActivePart: e,
   handleSingleTimeChange: n,
-  handleRangeTimeChange: s
+  handleRangeTimeChange: r
 }) => {
-  const { acceptRange: o, value: a } = t, d = (c) => ({
+  const { acceptRange: i, value: s } = t, m = (c) => ({
     hour: c?.getHours() ?? 0,
     minute: c?.getMinutes() ?? 0
-  }), u = o ? [
+  }), l = i ? [
     {
       key: "start",
       id: "from-time",
       label: "از ساعت",
-      value: d(a?.start),
+      value: m(s?.start),
       className: "dgsuikit:w-1/2"
     },
     {
       key: "end",
       id: "to-time",
       label: "تا ساعت",
-      value: d(a?.end),
+      value: m(s?.end),
       className: "dgsuikit:w-1/2"
     }
   ] : [
@@ -146,38 +146,38 @@ const V = I({
       key: "single",
       id: "time",
       label: "ساعت",
-      value: d(a),
+      value: m(s),
       className: void 0
     }
   ];
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: T(
-        o && "dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"
+      className: R(
+        i && "dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"
       ),
-      children: u.map(({ key: c, id: p, label: i, value: g, className: k }) => /* @__PURE__ */ h(
+      children: l.map(({ key: c, id: u, label: o, value: h, className: S }) => /* @__PURE__ */ p(
         Q,
         {
-          id: p,
-          value: g,
-          labelContent: i,
-          className: k,
+          id: u,
+          value: h,
+          labelContent: o,
+          className: S,
           onFocus: () => {
-            o && c !== "single" && e(c);
+            i && c !== "single" && e(c);
           },
-          onChange: (m) => {
-            typeof m.hour == "number" && typeof m.minute == "number" && (o && c !== "single" ? s(c, m.hour, m.minute) : n(m.hour, m.minute));
+          onChange: (d) => {
+            typeof d.hour == "number" && typeof d.minute == "number" && (i && c !== "single" ? r(c, d.hour, d.minute) : n(d.hour, d.minute));
           }
         },
-        p
+        u
       ))
     }
   );
-}, H = ({ position: t }) => /* @__PURE__ */ h(
+}, V = ({ position: t }) => /* @__PURE__ */ p(
   "div",
   {
-    className: T(
+    className: R(
       "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"
@@ -185,142 +185,137 @@ const V = I({
   }
 );
 function X(t, e, n) {
-  const s = C(null), o = C([]), a = C(null), d = () => L(o.current), u = (i = e ?? 0, g = "smooth") => {
-    _(s.current, t, i, d, g), a.current = i;
-  }, c = K((i) => {
-    i !== a.current && (a.current = i, n(i));
-  }, 200), p = (i) => {
-    const g = Math.round(i.scrollTop / d()), k = t[Math.max(0, Math.min(g, t.length - 1))];
-    k != null && c(k);
+  const r = y(null), i = y([]), s = y(null), m = () => O(i.current), l = (u = e ?? 0, o = "smooth") => {
+    _(r.current, t, u, m, o), s.current = u;
+  }, c = (u) => {
+    const o = Math.round(u.scrollTop / m()), h = t[Math.max(0, Math.min(o, t.length - 1))];
+    h != null && h !== s.current && (s.current = h, n(h));
   };
   return M(() => {
-    const i = s.current;
-    if (!i) return;
-    const g = () => p(i);
-    return i.addEventListener("scroll", g), () => i.removeEventListener("scroll", g);
-  }, [t, c]), M(() => {
-    e != null && u();
-  }, [e]), { containerRef: s, itemRefs: o };
+    const u = r.current;
+    if (!u) return;
+    const o = () => c(u);
+    return u.addEventListener("scroll", o), () => u.removeEventListener("scroll", o);
+  }, [t]), M(() => {
+    e != null && l();
+  }, [e]), { containerRef: r, itemRefs: i };
 }
-const D = (t) => {
+const A = (t) => {
   const {
     items: e,
     defaultValue: n,
-    onValueChange: s,
-    className: o,
-    formatValue: a = (c) => String(c).padStart(2, "0")
-  } = t, { containerRef: d, itemRefs: u } = X(e, n, s);
-  return /* @__PURE__ */ N("div", { className: "dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full", children: [
-    /* @__PURE__ */ h(
+    onValueChange: r,
+    className: i,
+    formatValue: s = (c) => String(c).padStart(2, "0")
+  } = t, { containerRef: m, itemRefs: l } = X(e, n, r);
+  return /* @__PURE__ */ x("div", { className: "dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full", children: [
+    /* @__PURE__ */ p(
       "div",
       {
-        ref: d,
-        className: T(
+        ref: m,
+        className: R(
           "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",
-          o
+          i
         ),
-        children: e.map((c, p) => /* @__PURE__ */ h(
+        children: e.map((c, u) => /* @__PURE__ */ p(
           "div",
           {
-            ref: (i) => {
-              u.current[p] = i;
+            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: a(c)
+            children: s(c)
           },
           c
         ))
       }
     ),
-    /* @__PURE__ */ h(H, { position: "top" }),
-    /* @__PURE__ */ h(H, { position: "bottom" })
+    /* @__PURE__ */ p(V, { position: "top" }),
+    /* @__PURE__ */ p(V, { position: "bottom" })
   ] });
 }, Y = (t) => {
-  const { timePickerProps: e, activePart: n, handleSingleTimeChange: s, handleRangeTimeChange: o } = t, { minuteStep: a = 1, acceptRange: d, value: u } = e, c = Array.from({ length: 24 }, (r, l) => l), p = Array.from({ length: 60 }, (r, l) => l).filter(
-    (r) => r % a === 0
-  ), i = (r) => r.toString().padStart(2, "0"), g = (r) => r.toString().padStart(2, "0"), k = (r) => {
-    if (d) {
-      const l = n === "start" ? u?.start : u?.end;
-      return l ? l[r]() : 0;
+  const { timePickerProps: e, activePart: n, handleSingleTimeChange: r, handleRangeTimeChange: i } = t, { minuteStep: s = 1, acceptRange: m, value: l } = e, c = Array.from({ length: 24 }, (a, w) => w), u = Array.from({ length: 60 }, (a, w) => w).filter(
+    (a) => a % s === 0
+  ), o = (a) => a.toString().padStart(2, "0"), h = (a) => a.toString().padStart(2, "0"), S = (a) => {
+    if (m) {
+      const w = n === "start" ? l?.start : l?.end;
+      return w ? w[a]() : 0;
     }
-    return u ? u[r]() : 0;
-  }, m = k("getHours"), P = k("getMinutes");
-  return /* @__PURE__ */ N("div", { className: "dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center", children: [
-    /* @__PURE__ */ h(
-      D,
+    return l ? l[a]() : 0;
+  }, d = S("getHours"), T = S("getMinutes"), [P, g] = C(T), [f, k] = C(d);
+  return M(() => {
+    m ? i(n, f, P) : r(f, P);
+  }, [f, P]), /* @__PURE__ */ x("div", { className: "dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center", children: [
+    /* @__PURE__ */ p(
+      A,
       {
-        items: p,
-        defaultValue: P,
-        onValueChange: (r) => {
-          d ? o(
-            n,
-            n === "start" ? u?.start?.getHours() ?? 0 : u?.end?.getHours() ?? 0,
-            r
-          ) : s(u?.getHours() ?? 0, r);
-        },
-        formatValue: g
+        items: u,
+        defaultValue: T,
+        onValueChange: (a) => g(a),
+        formatValue: h
       }
     ),
-    /* @__PURE__ */ h(
-      D,
+    /* @__PURE__ */ p(
+      A,
       {
         items: c,
-        defaultValue: m,
-        onValueChange: (r) => {
-          d ? o(
-            n,
-            r,
-            n === "start" ? u?.start?.getMinutes() ?? 0 : u?.end?.getMinutes() ?? 0
-          ) : s(r, u?.getMinutes() ?? 0);
-        },
-        formatValue: i
+        defaultValue: d,
+        onValueChange: (a) => k(a),
+        formatValue: o
       }
     )
   ] });
 }, Z = () => {
-  const { timePickerProps: t } = A(), { acceptRange: e, value: n, onChange: s } = t, [o, a] = v("start"), d = (i, g, k) => {
-    const m = new Date(i);
-    return m.setHours(g), m.setMinutes(k), m.setSeconds(0), m.setMilliseconds(0), m;
-  }, p = { timePickerProps: t, handleSingleTimeChange: (i, g) => {
-    !n || e || n.getHours() === i && n.getMinutes() === g || s(d(n, i, g));
-  }, handleRangeTimeChange: (i, g, k) => {
+  const { timePickerProps: t } = B(), { acceptRange: e, value: n, onChange: r } = t, [i, s] = C("start"), m = (o, h, S) => {
+    const d = new Date(o);
+    return d.setHours(h), d.setMinutes(S), d.setSeconds(0), d.setMilliseconds(0), d;
+  }, l = v((o, h) => {
+    !n || e || n.getHours() === o && n.getMinutes() === h || r(m(n, o, h));
+  }, 200), c = v((o, h, S) => {
     if (!n || !e) return;
-    const m = new Date(n[i] ?? /* @__PURE__ */ new Date());
-    m.getHours() === g && m.getMinutes() === k || s({
+    const d = new Date(n[o] ?? /* @__PURE__ */ new Date());
+    d.getHours() === h && d.getMinutes() === S || r({
       ...n,
-      [i]: d(m, g, k)
+      [o]: m(d, h, S)
     });
-  } };
-  return /* @__PURE__ */ N("div", { className: "dgsuikit:p-4 dgsuikit:ss02", children: [
-    /* @__PURE__ */ h(
-      U,
-      {
-        setActivePart: a,
-        ...p
-      }
-    ),
-    /* @__PURE__ */ h(
-      Y,
-      {
-        activePart: o,
-        ...p
-      }
-    )
-  ] });
+  }, 200), u = { timePickerProps: t, handleSingleTimeChange: l, handleRangeTimeChange: c };
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      dir: "rtl",
+      className: "dgsuikit:p-4 dgsuikit:ss02",
+      children: [
+        /* @__PURE__ */ p(
+          U,
+          {
+            setActivePart: s,
+            ...u
+          }
+        ),
+        /* @__PURE__ */ p(
+          Y,
+          {
+            activePart: i,
+            ...u
+          }
+        )
+      ]
+    }
+  );
 }, tt = () => {
-  const { timePickerProps: t } = A(), {
+  const { timePickerProps: t } = B(), {
     showSubmitButton: e = !0,
     showNowButton: n = !0,
-    onSubmit: s,
-    onChange: o,
-    acceptRange: a
+    onSubmit: r,
+    onChange: i,
+    acceptRange: s
   } = t;
-  return /* @__PURE__ */ h(
-    j,
+  return /* @__PURE__ */ p(
+    F,
     {
       ...e && {
         primaryButton: {
-          onClick: s,
+          onClick: r,
           children: "اعمال"
         }
       },
@@ -328,11 +323,11 @@ const D = (t) => {
         secondaryButton: {
           variant: "text",
           onClick: () => {
-            if (a) {
-              const u = /* @__PURE__ */ new Date();
-              u.setHours(u.getHours() + 1), o({ start: /* @__PURE__ */ new Date(), end: u });
+            if (s) {
+              const l = /* @__PURE__ */ new Date();
+              l.setHours(l.getHours() + 1), i({ start: /* @__PURE__ */ new Date(), end: l });
             } else
-              o(/* @__PURE__ */ new Date());
+              i(/* @__PURE__ */ new Date());
           },
           children: "رفتن به اکنون"
         }
@@ -348,20 +343,20 @@ function et(t) {
     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"), s = t.end.getHours().toString().padStart(2, "0"), o = t.end.getMinutes().toString().padStart(2, "0");
-    return `${e}:${n} - ${s}:${o}`;
+    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"), i = t.end.getMinutes().toString().padStart(2, "0");
+    return `${e}:${n} - ${r}:${i}`;
   }
   return "";
 }
 const at = (t) => {
-  const { showSubmitButton: e = !0, showNowButton: n = !0 } = t, { Wrapper: s, wrapperProps: o } = F({
+  const { showSubmitButton: e = !0, showNowButton: n = !0 } = t, { Wrapper: r, wrapperProps: i } = W({
     props: t,
     standaloneMode: "time",
     formatValue: et
   });
-  return /* @__PURE__ */ h(s, { ...o, children: /* @__PURE__ */ N(O, { timePickerProps: t, children: [
-    /* @__PURE__ */ h(Z, {}),
-    (e || n) && /* @__PURE__ */ h(tt, {})
+  return /* @__PURE__ */ p(r, { ...i, children: /* @__PURE__ */ x(L, { timePickerProps: t, children: [
+    /* @__PURE__ */ p(Z, {}),
+    (e || n) && /* @__PURE__ */ p(tt, {})
   ] }) });
 };
 export {

package/dist/{PickerWrapper-BcOkTb3G.cjs → PickerWrapper-Cjyvt8aM.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-DmSuyV3m.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-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;

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

@@ -6,7 +6,7 @@ import _ from "./Drawer/index.mjs";
 import { u as j } from "./useFlipPosition-BWxiBDQ_.js";
 import { u as F } from "./useOutsideClick-DDIvXCYN.js";
 import { I as L } from "./IconArrowDown2-7ddwV5IE.js";
-import { I as M } from "./index-ChP5zdaB.js";
+import { I as M } from "./index-nXqUoTI3.js";
 import './assets/styles.css';/* empty css                */
 const v = E({
   toggleWrapperVisibility: () => {

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-DmSuyV3m.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"),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;

package/dist/Sidebar/index.mjs

@@ -5,7 +5,7 @@ import { createContext as M, useContext as D, useState as S, useCallback as R, u
 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-ChP5zdaB.js";
+import { I as V } 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";

package/dist/{Slide-Cg1SjpFn.js → Slide-BQvg6qNJ.js}

@@ -101,7 +101,7 @@ const J = (e) => {
     ] });
   };
   return /* @__PURE__ */ w(j, { children: [
-    t && t !== "hide" && t === "onSides" && v,
+    t && t !== "hide" && t === "onSides" && v(),
     /* @__PURE__ */ w(
       "div",
       {