persian-date-kit 0.0.3 → 0.0.4

package/dist/index.mjs

@@ -1,113 +1,150 @@
-import { t as b, b as Ae, i as B, a as Fe, p as Be, c as V, d as R, f as C, e as ye, g as D } from "./PersianDatePicker-BicyzfQH.js";
-import { P as We, k as qe, h as Qe, l as Xe, j as Ze } from "./PersianDatePicker-BicyzfQH.js";
-import { jsxs as E, jsx as d, Fragment as Ve } from "react/jsx-runtime";
-import * as s from "react";
-function o(...u) {
+import { t as b, u as Ke, b as ze, i as O, a as We, p as qe, c as Y, d as S, f as C, e as he, g as D } from "./PersianDatePicker-DFMNtlIF.js";
+import { P as it, k as lt, h as ut, l as ct, j as pt } from "./PersianDatePicker-DFMNtlIF.js";
+import { jsxs as L, jsx as d, Fragment as Qe } from "react/jsx-runtime";
+import * as o from "react";
+import { createPortal as Xe } from "react-dom";
+function s(...u) {
   return u.filter(Boolean).join(" ");
 }
-function Ye(u) {
-  return Fe(u).formatted;
+function Ze(u) {
+  return We(u).formatted;
 }
-function Oe(u) {
-  return Be(u, { allowLooseSeparators: !0 });
+function et(u) {
+  return qe(u, { allowLooseSeparators: !0 });
 }
 function k() {
   const u = /* @__PURE__ */ new Date();
   return u.setHours(0, 0, 0, 0), u;
 }
-function Y(u) {
+function U(u) {
   const { start: a, end: c } = u;
   return a && c && D(a, c) > 0 ? { start: c, end: a } : u;
 }
-function Ue(u, a, c) {
-  const m = D(a, c) <= 0 ? a : c, y = D(a, c) <= 0 ? c : a;
-  return D(u, m) >= 0 && D(u, y) <= 0;
+function tt(u, a, c) {
+  const v = D(a, c) <= 0 ? a : c, y = D(a, c) <= 0 ? c : a;
+  return D(u, v) >= 0 && D(u, y) <= 0;
 }
-function He(u) {
+function ot(u) {
   const {
     value: a,
     onChange: c,
-    minDate: m,
+    minDate: v,
     maxDate: y,
-    disabled: w,
-    inputVariant: K = "two",
-    placeholder: ve,
-    rangeSeparator: $ = " - ",
-    placeholderStart: je,
-    placeholderEnd: ge,
-    open: z,
-    onOpenChange: he,
-    mode: v = "popover",
-    formatValue: j = Ye,
-    parseValue: O = Oe,
-    weekdays: L,
+    disabled: R,
+    inputVariant: G = "two",
+    placeholder: xe,
+    rangeSeparator: P = " - ",
+    placeholderStart: _e,
+    placeholderEnd: be,
+    open: H,
+    onOpenChange: ne,
+    mode: m = "popover",
+    popover: ke,
+    formatValue: g = Ze,
+    parseValue: K = et,
+    weekdays: T,
     monthLabels: h,
-    renderMonthLabel: U,
-    className: xe,
-    classes: l
-  } = u, W = s.useRef(null), q = s.useRef(null), Q = s.useRef(null), X = s.useRef(null), Z = s.useRef(null), [_e, be] = s.useState(!1), f = v === "inline" ? !0 : z ?? _e;
-  function G(e) {
-    he?.(e), v !== "inline" && z === void 0 && be(e);
-  }
-  const [ee, te] = s.useState("start"), [x, N] = s.useState("days"), [ke, S] = s.useState(() => {
+    renderMonthLabel: z,
+    prevIcon: De,
+    nextIcon: Re,
+    className: we,
+    classes: i
+  } = u, ae = o.useRef(null), A = o.useRef(null), W = o.useRef(null), q = o.useRef(null), Q = o.useRef(null), re = o.useRef(null), [Ne, Se] = o.useState(!1), [Ce, Pe] = o.useState(!1), f = m === "inline" ? !0 : H ?? Ce, J = o.useCallback(
+    (e) => {
+      ne?.(e), m !== "inline" && H === void 0 && Pe(e);
+    },
+    [m, ne, H]
+  );
+  o.useEffect(() => {
+    Se(!0);
+  }, []);
+  const [X, oe] = o.useState(
+    "start"
+  ), [x, w] = o.useState("days"), [Me, M] = o.useState(() => {
     const e = a.start ?? a.end ?? k(), t = b(e).jy;
     return t - t % 12;
-  }), [T, J] = s.useState(() => {
+  }), [F, B] = o.useState(() => {
     const e = a.start ?? a.end ?? k();
     return b(e).jy;
-  }), [i, M] = s.useState(() => {
+  }), [l, E] = o.useState(() => {
     const e = a.start ?? a.end ?? k(), t = b(e);
     return { jy: t.jy, jm: t.jm };
-  }), [P, g] = s.useState(() => a.start ?? a.end ?? k()), [ne, ae] = s.useState(null), [re, se] = s.useState(() => a.start ? j(a.start) : ""), [oe, ie] = s.useState(() => a.end ? j(a.end) : ""), [de, A] = s.useState(() => {
-    const e = a.start ? j(a.start) : "", t = a.end ? j(a.end) : "";
-    return !e && !t ? "" : e && !t ? `${e}${$}` : `${e}${$}${t}`;
+  }), [$, j] = o.useState(
+    () => a.start ?? a.end ?? k()
+  ), [se, de] = o.useState(null), [ie, le] = o.useState(
+    () => a.start ? g(a.start) : ""
+  ), [ue, ce] = o.useState(
+    () => a.end ? g(a.end) : ""
+  ), [pe, V] = o.useState(() => {
+    const e = a.start ? g(a.start) : "", t = a.end ? g(a.end) : "";
+    return !e && !t ? "" : e && !t ? `${e}${P}` : `${e}${P}${t}`;
   });
-  s.useEffect(() => {
-    se(a.start ? j(a.start) : ""), ie(a.end ? j(a.end) : "");
-    const e = a.start ? j(a.start) : "", t = a.end ? j(a.end) : "";
-    A(!e && !t ? "" : e && !t ? `${e}${$}` : `${e}${$}${t}`);
+  o.useEffect(() => {
+    le(a.start ? g(a.start) : ""), ce(a.end ? g(a.end) : "");
+    const e = a.start ? g(a.start) : "", t = a.end ? g(a.end) : "";
+    V(!e && !t ? "" : e && !t ? `${e}${P}` : `${e}${P}${t}`);
     const n = a.start ?? a.end ?? k(), r = b(n);
-    M({ jy: r.jy, jm: r.jm }), g(n), J(r.jy), S(r.jy - r.jy % 12);
-  }, [j, a.end, a.start]), s.useEffect(() => {
-    if (v !== "popover" || !f) return;
+    E({ jy: r.jy, jm: r.jm }), j(n), B(r.jy), M(r.jy - r.jy % 12);
+  }, [g, P, a.end, a.start]), o.useEffect(() => {
+    if (m !== "popover" || !f) return;
     const e = (t) => {
-      const n = W.current;
-      n && t.target instanceof Node && !n.contains(t.target) && G(!1);
+      const n = ae.current;
+      if (!n) return;
+      const r = A.current;
+      t.target instanceof Node && !n.contains(t.target) && !(r && r.contains(t.target)) && J(!1);
     };
     return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
-  }, [v, f]), s.useEffect(() => {
-    f && Z.current?.focus();
-  }, [f]), s.useEffect(() => {
+  }, [m, f, J]), o.useEffect(() => {
+    f && re.current?.focus();
+  }, [f]);
+  const N = ke ?? {}, fe = N.portal ?? !0, Ee = G === "single" ? W : X === "start" ? q : Q, { style: $e } = Ke(
+    m === "popover" && f && fe,
+    Ee,
+    A,
+    {
+      gutter: N.gutter,
+      padding: N.padding,
+      strategy: N.strategy,
+      placements: N.placements,
+      align: N.align ?? "end"
+    }
+  );
+  o.useEffect(() => {
     if (!f) return;
-    const e = b(P);
-    M((t) => t.jy === e.jy && t.jm === e.jm ? t : { jy: e.jy, jm: e.jm });
-  }, [P, f]);
-  const De = s.useMemo(() => U ? U(i.jy, i.jm) : h && h.length === 12 ? `${h[i.jm - 1] ?? String(i.jm)} ${i.jy}` : `${i.jy} / ${i.jm}`, [h, U, i.jm, i.jy]), we = s.useMemo(() => L && L.length === 7 ? L : ["1", "2", "3", "4", "5", "6", "7"], [L]), Ne = s.useMemo(() => Ae({ jy: i.jy, jm: i.jm }), [i.jm, i.jy]);
-  function I(e) {
-    if (w) return;
-    te(e), G(!0);
+    const e = b($);
+    E(
+      (t) => t.jy === e.jy && t.jm === e.jm ? t : { jy: e.jy, jm: e.jm }
+    );
+  }, [$, f]);
+  const Le = o.useMemo(() => z ? z(l.jy, l.jm) : h && h.length === 12 ? `${h[l.jm - 1] ?? String(l.jm)} ${l.jy}` : `${l.jy} / ${l.jm}`, [h, z, l.jm, l.jy]), Te = o.useMemo(() => T && T.length === 7 ? T : ["1", "2", "3", "4", "5", "6", "7"], [T]), Ae = o.useMemo(
+    () => ze({ jy: l.jy, jm: l.jm }),
+    [l.jm, l.jy]
+  );
+  function Z(e) {
+    if (R) return;
+    oe(e), J(!0);
     const t = (e === "start" ? a.start : a.end) ?? a.start ?? a.end ?? k(), n = b(t);
-    M({ jy: n.jy, jm: n.jm }), g(t), N("days"), J(n.jy), S(n.jy - n.jy % 12);
+    E({ jy: n.jy, jm: n.jm }), j(t), w("days"), B(n.jy), M(n.jy - n.jy % 12);
   }
-  function le() {
-    G(!1), N("days"), v === "popover" && (K === "single" ? q.current?.focus() : (ee === "start" ? Q : X).current?.focus());
+  function me() {
+    J(!1), w("days"), m === "popover" && (G === "single" ? W.current?.focus() : (X === "start" ? q : Q).current?.focus());
   }
-  function ue(e) {
-    return w ? !0 : !R(e.gregorian, m, y);
+  function ve(e) {
+    return R ? !0 : !S(e.gregorian, v, y);
   }
-  function ce(e, t) {
+  function ye(e, t) {
     const n = t.trim();
     if (!n) {
-      const _ = Y({ ...a, [e]: null });
+      const _ = U({ ...a, [e]: null });
       c(_);
       return;
     }
-    const r = O(n);
-    if (!r || !R(r, m, y)) return;
-    const p = Y({ ...a, [e]: r });
+    const r = K(n);
+    if (!r || !S(r, v, y)) return;
+    const p = U({ ...a, [e]: r });
     c(p);
   }
-  function Re(e) {
+  function Je(e) {
     const t = e.trim();
     if (!t) {
       c({ start: null, end: null });
@@ -115,250 +152,325 @@ function He(u) {
     }
     const n = t.match(/\d{4}[^\d]\d{1,2}[^\d]\d{1,2}/g) ?? [], r = n[0], p = n[1];
     if (!r) return;
-    const _ = O(r), H = p ? O(p) : null;
-    _ && R(_, m, y) && (H && !R(H, m, y) || c(Y({ start: _, end: H })));
+    const _ = K(r), te = p ? K(p) : null;
+    _ && S(_, v, y) && (te && !S(te, v, y) || c(U({ start: _, end: te })));
   }
-  function Ce(e) {
-    if (f && !w) {
+  function Fe(e) {
+    if (f && !R) {
       if (e.key === "Escape") {
-        e.preventDefault(), le();
+        e.preventDefault(), me();
         return;
       }
       if (x === "days") {
         if (e.key === "ArrowLeft") {
-          e.preventDefault(), g((t) => V(t, -1));
+          e.preventDefault(), j((t) => Y(t, -1));
           return;
         }
         if (e.key === "ArrowRight") {
-          e.preventDefault(), g((t) => V(t, 1));
+          e.preventDefault(), j((t) => Y(t, 1));
           return;
         }
         if (e.key === "ArrowUp") {
-          e.preventDefault(), g((t) => V(t, -7));
+          e.preventDefault(), j((t) => Y(t, -7));
           return;
         }
         if (e.key === "ArrowDown") {
-          e.preventDefault(), g((t) => V(t, 7));
+          e.preventDefault(), j((t) => Y(t, 7));
           return;
         }
         if (e.key === "PageUp") {
-          e.preventDefault(), F(-1);
+          e.preventDefault(), I(-1);
           return;
         }
         if (e.key === "PageDown") {
-          e.preventDefault(), F(1);
+          e.preventDefault(), I(1);
           return;
         }
         if (e.key === "Enter") {
-          if (e.preventDefault(), !R(P, m, y)) return;
-          fe(P);
+          if (e.preventDefault(), !S($, v, y)) return;
+          je($);
         }
       }
     }
   }
-  function F(e) {
-    const t = C({ jy: i.jy, jm: i.jm, jd: 1 }), n = ye(t, e), r = b(n);
-    M({ jy: r.jy, jm: r.jm }), g((p) => ye(p, e));
+  function I(e) {
+    const t = C({
+      jy: l.jy,
+      jm: l.jm,
+      jd: 1
+    }), n = he(t, e), r = b(n);
+    E({ jy: r.jy, jm: r.jm }), j((p) => he(p, e));
   }
-  function Se(e) {
+  function Be(e) {
     const t = C({ jy: e, jm: 1, jd: 1 }), n = C({ jy: e + 1, jm: 1, jd: 1 });
     return { start: t, endExclusive: n };
   }
-  function Me(e, t) {
+  function Ve(e, t) {
     const n = C({ jy: e, jm: t, jd: 1 }), r = t === 12 ? { jy: e + 1, jm: 1 } : { jy: e, jm: t + 1 }, p = C({ jy: r.jy, jm: r.jm, jd: 1 });
     return { start: n, endExclusive: p };
   }
-  function pe(e) {
-    return !(m && D(e.endExclusive, m) <= 0 || y && D(e.start, y) > 0);
+  function ge(e) {
+    return !(v && D(e.endExclusive, v) <= 0 || y && D(e.start, y) > 0);
   }
-  function Pe() {
+  function Ie() {
     if (x === "days") {
-      N("years");
-      const e = i.jy;
-      J(e), S(e - e % 12);
+      w("years");
+      const e = l.jy;
+      B(e), M(e - e % 12);
     } else
-      N("days");
+      w("days");
   }
-  function Ee(e) {
-    J(e), N("months");
+  function Oe(e) {
+    B(e), w("months");
   }
-  function $e(e) {
-    const t = { jy: T, jm: e };
-    M(t), g(() => C({ jy: t.jy, jm: t.jm, jd: 1 })), N("days");
+  function Ye(e) {
+    const t = { jy: F, jm: e };
+    E(t), j(
+      () => C({ jy: t.jy, jm: t.jm, jd: 1 })
+    ), w("days");
   }
-  function fe(e) {
-    if (!R(e, m, y)) return;
+  function je(e) {
+    if (!S(e, v, y)) return;
     const t = a.start, n = a.end;
     if (!t || t && n) {
-      c({ start: e, end: null }), te("end");
+      c({ start: e, end: null }), oe("end");
       return;
     }
-    const r = Y({ start: t, end: e });
-    c(r), v === "popover" && le();
+    const r = U({ start: t, end: e });
+    c(r), m === "popover" && me();
   }
-  const Le = a.end ?? ne, Te = !!(a.start && !a.end && ne);
-  function Je(e) {
-    const t = o(
+  const Ue = a.end ?? se, Ge = !!(a.start && !a.end && se);
+  function He(e) {
+    const t = s(
       "dvx-pdp__day",
-      l?.day,
-      !e.inCurrentMonth && o("dvx-pdp__day--outside", l?.dayOutside),
-      ue(e) && o("dvx-pdp__day--disabled", l?.dayDisabled),
-      B(e.gregorian, k()) && o("dvx-pdp__day--today", l?.dayToday)
-    ), n = a.start, r = n ? Le : null;
-    return n && B(e.gregorian, n) ? o(t, "dvx-pdp__day--rangeStart", l?.dayRangeStart) : r && a.end && B(e.gregorian, a.end) ? o(t, "dvx-pdp__day--rangeEnd", l?.dayRangeEnd) : n && r && (a.end || Te) && Ue(e.gregorian, n, r) ? o(t, "dvx-pdp__day--inRange", l?.dayInRange) : t;
+      i?.day,
+      !e.inCurrentMonth && s("dvx-pdp__day--outside", i?.dayOutside),
+      ve(e) && s("dvx-pdp__day--disabled", i?.dayDisabled),
+      O(e.gregorian, k()) && s("dvx-pdp__day--today", i?.dayToday)
+    ), n = a.start, r = n ? Ue : null;
+    return n && O(e.gregorian, n) ? s(t, "dvx-pdp__day--rangeStart", i?.dayRangeStart) : r && a.end && O(e.gregorian, a.end) ? s(t, "dvx-pdp__day--rangeEnd", i?.dayRangeEnd) : n && r && (a.end || Ge) && tt(e.gregorian, n, r) ? s(t, "dvx-pdp__day--inRange", i?.dayInRange) : t;
   }
-  const me = /* @__PURE__ */ E("div", { ref: Z, tabIndex: -1, className: "dvx-pdp__calendar", onKeyDown: Ce, children: [
-    /* @__PURE__ */ E("div", { className: o("dvx-pdp__header", l?.header), children: [
-      /* @__PURE__ */ d(
-        "button",
-        {
-          type: "button",
-          className: o("dvx-pdp__nav", l?.navButton),
-          onClick: x === "days" ? () => F(-1) : () => S((e) => e - 12),
-          "aria-label": "Previous month",
-          children: "‹"
-        }
-      ),
-      /* @__PURE__ */ d(
-        "button",
-        {
-          type: "button",
-          className: o("dvx-pdp__monthLabel", l?.monthLabel),
-          onClick: Pe,
-          "aria-label": "Choose month and year",
-          children: x === "days" ? De : T
-        }
-      ),
-      /* @__PURE__ */ d(
-        "button",
-        {
-          type: "button",
-          className: o("dvx-pdp__nav", l?.navButton),
-          onClick: x === "days" ? () => F(1) : () => S((e) => e + 12),
-          "aria-label": "Next month",
-          children: "›"
-        }
-      )
-    ] }),
-    x === "days" ? /* @__PURE__ */ E("div", { className: o("dvx-pdp__grid", l?.grid), children: [
-      /* @__PURE__ */ d("div", { className: "dvx-pdp__weekdays", "aria-hidden": "true", children: we.map((e, t) => /* @__PURE__ */ d("div", { className: o("dvx-pdp__weekday", l?.weekday), children: e }, t)) }),
-      /* @__PURE__ */ d("div", { className: "dvx-pdp__days", children: Ne.map((e, t) => /* @__PURE__ */ d("div", { className: "dvx-pdp__row", children: e.map((n) => {
-        const r = ue(n), p = B(n.gregorian, P);
-        return /* @__PURE__ */ d(
-          "button",
-          {
-            type: "button",
-            className: o(Je(n), p && "dvx-pdp__day--focused"),
-            disabled: r,
-            onClick: () => fe(n.gregorian),
-            onMouseEnter: () => {
-              n.inCurrentMonth && (g(n.gregorian), a.start && !a.end && ae(n.gregorian));
+  const ee = /* @__PURE__ */ L(
+    "div",
+    {
+      ref: re,
+      tabIndex: -1,
+      className: "dvx-pdp__calendar",
+      onKeyDown: Fe,
+      children: [
+        /* @__PURE__ */ L("div", { className: s("dvx-pdp__header", i?.header), children: [
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: s("dvx-pdp__nav", i?.navButton),
+              onClick: x === "days" ? () => I(-1) : () => M((e) => e - 12),
+              "aria-label": "Previous month",
+              children: De ?? "‹"
+            }
+          ),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: s("dvx-pdp__monthLabel", i?.monthLabel),
+              onClick: Ie,
+              "aria-label": "Choose month and year",
+              children: x === "days" ? Le : F
+            }
+          ),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: s("dvx-pdp__nav", i?.navButton),
+              onClick: x === "days" ? () => I(1) : () => M((e) => e + 12),
+              "aria-label": "Next month",
+              children: Re ?? "›"
+            }
+          )
+        ] }),
+        x === "days" ? /* @__PURE__ */ L("div", { className: s("dvx-pdp__grid", i?.grid), children: [
+          /* @__PURE__ */ d("div", { className: "dvx-pdp__weekdays", "aria-hidden": "true", children: Te.map((e, t) => /* @__PURE__ */ d(
+            "div",
+            {
+              className: s("dvx-pdp__weekday", i?.weekday),
+              children: e
             },
-            onMouseLeave: () => ae(null),
-            children: n.jalali.jd
-          },
-          `${n.jalali.jy}-${n.jalali.jm}-${n.jalali.jd}`
-        );
-      }) }, t)) })
-    ] }) : x === "years" ? /* @__PURE__ */ d("div", { className: "dvx-pdp__panel", children: /* @__PURE__ */ d("div", { className: "dvx-pdp__panelGrid", children: Array.from({ length: 12 }).map((e, t) => {
-      const n = ke + t, r = pe(Se(n)), p = n === i.jy;
-      return /* @__PURE__ */ d(
-        "button",
-        {
-          type: "button",
-          className: o("dvx-pdp__cell", p && "dvx-pdp__cell--active"),
-          disabled: !r,
-          onClick: () => Ee(n),
-          children: n
-        },
-        n
-      );
-    }) }) }) : /* @__PURE__ */ d("div", { className: "dvx-pdp__panel", children: /* @__PURE__ */ d("div", { className: "dvx-pdp__panelGrid", children: Array.from({ length: 12 }).map((e, t) => {
-      const n = t + 1, r = pe(Me(T, n)), p = T === i.jy && n === i.jm, _ = h && h.length === 12 ? h[n - 1] ?? String(n) : String(n);
-      return /* @__PURE__ */ d(
-        "button",
-        {
-          type: "button",
-          className: o("dvx-pdp__cell", p && "dvx-pdp__cell--active"),
-          disabled: !r,
-          onClick: () => $e(n),
-          children: _
-        },
-        n
-      );
-    }) }) })
-  ] });
-  return /* @__PURE__ */ E("div", { ref: W, className: o("dvx-pdp", v === "inline" && "dvx-pdp--inline", xe, l?.root), dir: "rtl", children: [
-    v === "inline" ? null : /* @__PURE__ */ d("div", { className: "dvx-pdp__control", children: K === "single" ? /* @__PURE__ */ d(
-      "input",
-      {
-        ref: q,
-        className: o("dvx-pdp__input", l?.input),
-        disabled: w,
-        placeholder: ve,
-        inputMode: "numeric",
-        autoComplete: "off",
-        value: de,
-        onChange: (e) => A(e.target.value),
-        onClick: () => I(ee),
-        onBlur: () => Re(de),
-        "aria-haspopup": "dialog",
-        "aria-expanded": f
-      }
-    ) : /* @__PURE__ */ E(Ve, { children: [
-      /* @__PURE__ */ d(
-        "input",
-        {
-          ref: Q,
-          className: o("dvx-pdp__input", l?.input),
-          disabled: w,
-          placeholder: je,
-          inputMode: "numeric",
-          autoComplete: "off",
-          value: re,
-          onChange: (e) => se(e.target.value),
-          onClick: () => I("start"),
-          onBlur: () => ce("start", re),
-          "aria-haspopup": "dialog",
-          "aria-expanded": f
-        }
+            t
+          )) }),
+          /* @__PURE__ */ d("div", { className: "dvx-pdp__days", children: Ae.map((e, t) => /* @__PURE__ */ d("div", { className: "dvx-pdp__row", children: e.map((n) => {
+            const r = ve(n), p = O(n.gregorian, $);
+            return /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                className: s(
+                  He(n),
+                  p && "dvx-pdp__day--focused"
+                ),
+                disabled: r,
+                onClick: () => je(n.gregorian),
+                onMouseEnter: () => {
+                  n.inCurrentMonth && (j(n.gregorian), a.start && !a.end && de(n.gregorian));
+                },
+                onMouseLeave: () => de(null),
+                children: n.jalali.jd
+              },
+              `${n.jalali.jy}-${n.jalali.jm}-${n.jalali.jd}`
+            );
+          }) }, t)) })
+        ] }) : x === "years" ? /* @__PURE__ */ d("div", { className: "dvx-pdp__panel", children: /* @__PURE__ */ d("div", { className: "dvx-pdp__panelGrid", children: Array.from({ length: 12 }).map((e, t) => {
+          const n = Me + t, r = ge(
+            Be(n)
+          ), p = n === l.jy;
+          return /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: s(
+                "dvx-pdp__cell",
+                p && "dvx-pdp__cell--active"
+              ),
+              disabled: !r,
+              onClick: () => Oe(n),
+              children: n
+            },
+            n
+          );
+        }) }) }) : /* @__PURE__ */ d("div", { className: "dvx-pdp__panel", children: /* @__PURE__ */ d("div", { className: "dvx-pdp__panelGrid", children: Array.from({ length: 12 }).map((e, t) => {
+          const n = t + 1, r = ge(
+            Ve(F, n)
+          ), p = F === l.jy && n === l.jm, _ = h && h.length === 12 ? h[n - 1] ?? String(n) : String(n);
+          return /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: s(
+                "dvx-pdp__cell",
+                p && "dvx-pdp__cell--active"
+              ),
+              disabled: !r,
+              onClick: () => Ye(n),
+              children: _
+            },
+            n
+          );
+        }) }) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      ref: ae,
+      className: s(
+        "dvx-pdp",
+        m === "inline" && "dvx-pdp--inline",
+        we,
+        i?.root
       ),
-      /* @__PURE__ */ d(
-        "input",
-        {
-          ref: X,
-          className: o("dvx-pdp__input", l?.input),
-          disabled: w,
-          placeholder: ge,
-          inputMode: "numeric",
-          autoComplete: "off",
-          value: oe,
-          onChange: (e) => ie(e.target.value),
-          onClick: () => I("end"),
-          onBlur: () => ce("end", oe),
-          "aria-haspopup": "dialog",
-          "aria-expanded": f
-        }
-      )
-    ] }) }),
-    v === "inline" ? me : f ? /* @__PURE__ */ d("div", { className: o("dvx-pdp__popover", l?.popover), role: "dialog", "aria-modal": "false", children: me }) : null
-  ] });
+      dir: "rtl",
+      children: [
+        m === "inline" ? null : /* @__PURE__ */ d("div", { className: "dvx-pdp__control", children: G === "single" ? /* @__PURE__ */ d(
+          "input",
+          {
+            ref: W,
+            className: s("dvx-pdp__input", i?.input),
+            disabled: R,
+            placeholder: xe,
+            inputMode: "numeric",
+            autoComplete: "off",
+            value: pe,
+            onChange: (e) => V(e.target.value),
+            onClick: () => Z(X),
+            onBlur: () => Je(pe),
+            "aria-haspopup": "dialog",
+            "aria-expanded": f
+          }
+        ) : /* @__PURE__ */ L(Qe, { children: [
+          /* @__PURE__ */ d(
+            "input",
+            {
+              ref: q,
+              className: s("dvx-pdp__input", i?.input),
+              disabled: R,
+              placeholder: _e,
+              inputMode: "numeric",
+              autoComplete: "off",
+              value: ie,
+              onChange: (e) => le(e.target.value),
+              onClick: () => Z("start"),
+              onBlur: () => ye("start", ie),
+              "aria-haspopup": "dialog",
+              "aria-expanded": f
+            }
+          ),
+          /* @__PURE__ */ d(
+            "input",
+            {
+              ref: Q,
+              className: s("dvx-pdp__input", i?.input),
+              disabled: R,
+              placeholder: be,
+              inputMode: "numeric",
+              autoComplete: "off",
+              value: ue,
+              onChange: (e) => ce(e.target.value),
+              onClick: () => Z("end"),
+              onBlur: () => ye("end", ue),
+              "aria-haspopup": "dialog",
+              "aria-expanded": f
+            }
+          )
+        ] }) }),
+        m === "inline" ? ee : f ? fe && Ne ? Xe(
+          /* @__PURE__ */ d(
+            "div",
+            {
+              ref: A,
+              className: s(
+                "dvx-pdp__popover",
+                "dvx-pdp__popover--portal",
+                i?.popover
+              ),
+              dir: "rtl",
+              style: { ...$e, right: "auto", bottom: "auto" },
+              role: "dialog",
+              "aria-modal": "false",
+              children: ee
+            }
+          ),
+          document.body
+        ) : /* @__PURE__ */ d(
+          "div",
+          {
+            ref: A,
+            className: s("dvx-pdp__popover", i?.popover),
+            role: "dialog",
+            "aria-modal": "false",
+            children: ee
+          }
+        ) : null
+      ]
+    }
+  );
 }
 export {
-  We as PersianDatePicker,
-  He as PersianDateRangePicker,
-  V as addDays,
-  ye as addJalaliMonths,
-  Ae as buildJalaliMonthGrid,
-  qe as clampToRange,
+  it as PersianDatePicker,
+  ot as PersianDateRangePicker,
+  Y as addDays,
+  he as addJalaliMonths,
+  ze as buildJalaliMonthGrid,
+  lt as clampToRange,
   D as compareDays,
-  Qe as formatJalali,
+  ut as formatJalali,
   C as fromJalaliParts,
-  Xe as getJalaliMonthLength,
-  B as isSameDay,
-  R as isWithinRange,
-  Be as parseJalaliText,
-  Ze as toGregorian,
-  Fe as toJalali,
+  ct as getJalaliMonthLength,
+  O as isSameDay,
+  S as isWithinRange,
+  qe as parseJalaliText,
+  pt as toGregorian,
+  We as toJalali,
   b as toJalaliParts
 };