triafly-ui-kit 1.0.30 → 1.0.31

package/dist/_virtual/dayjs.min.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/dayjs/dayjs.min.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
+export {
+  s as default
+};

package/dist/_virtual/dayjs.min2.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/dist/_virtual/ru.js

@@ -0,0 +1,2 @@
+import { __require as r } from "../node_modules/dayjs/locale/ru.js";
+r();

package/dist/_virtual/ru2.js

@@ -0,0 +1,4 @@
+var r = { exports: {} };
+export {
+  r as __module
+};

package/dist/assets/src/components/Ui/DateRangePicker/DateRangePicker.css

@@ -0,0 +1 @@
+.date-range-picker{position:relative;width:260px;font-family:Arial,sans-serif}.date-range-picker-input{display:flex;align-items:center;gap:8px;height:44px;padding:8px;border:1px solid var(--color-border-primary-default);border-radius:8px;background-color:var(--color-bg-neutral-basic-default);cursor:pointer;transition:border-color .2s}.date-range-picker-input:hover{border-color:#9ca3af}.date-range-picker-input .calendar-icon{color:#6b7280}.date-range-picker-input .placeholder{color:#6b7280;margin:0 auto 0 0}.date-range-picker-input .placeholder:not(:empty){color:#111827}.date-range-picker-input .caret *{fill:var(--color-icon-secondary-default)}.date-range-picker-calendar{position:absolute;top:100%;left:0;z-index:100;width:950px;padding:12px 16px;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default)}.date-range-picker-selection{display:flex;gap:32px}.date-range-picker-selection .line{width:1px;height:inherit;background-color:var(--color-border-primary-default)}.date-range-picker-quick-selection-options{display:flex;flex-direction:column;justify-content:space-evenly}.date-range-picker-quick-selection-options button{padding:8px 16px;border-radius:8px;background:none;text-align:left}.date-range-picker-quick-selection-options button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.date-range-picker-quick-selection-options button.active{background-color:#f1f2f4}.date-range-picker-section-period{display:flex;gap:32px}.date-range-picker-section-period-month-year-block{display:flex;padding:12px 16px;justify-content:space-between}.date-range-picker-section-period-month-year-block .month-control{display:flex;align-items:center;gap:30px}.date-range-picker-section-period-month-year-block .month-control button{background:none}.date-range-picker-section-period-month-year-block .year-control{display:flex;align-items:center}.date-range-picker-section-period-month-year-block .year-control button{background:none}.date-range-picker-section-period-month-year-block .current-year{padding:0 12px}.calendar-month{padding:12px 16px}.calendar-month table{width:100%;border-collapse:collapse}.calendar-month th{text-align:center;padding:11.5px;font-weight:500;font-size:14px;line-height:20px}.calendar-month td{text-align:center;padding:11.5px;cursor:pointer;position:relative;font-weight:400;font-size:14px}.calendar-month td:hover{background-color:#f5f5f5}.calendar-month table td.empty{pointer-events:none;background:none;cursor:default}.calendar-month table td.empty:hover{background:none}.calendar-month td.disabled{color:#ccc;cursor:not-allowed}.calendar-month td.other-month.empty{color:#ed0000}.today-dot{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#1976d2;border-radius:50%}.calendar-month td.selected-start{border-top-left-radius:4px;border-bottom-left-radius:4px}.calendar-month td.selected-end{border-top-right-radius:4px;border-bottom-right-radius:4px}.calendar-month td.selected-start,.calendar-month td.selected-end{background-color:#2454ff;color:#fff}.calendar-month td.in-range{background-color:#f1f2f4}

package/dist/components/Ui/DatePicker/DatePicker.js

@@ -116,18 +116,11 @@ const H = [
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: `datepicker-input ${T}`,
-        onClick: () => g(!F),
-        children: [
-          /* @__PURE__ */ n(A, {}),
-          /* @__PURE__ */ n("span", { className: "placeholder", children: c ? j(c) : L }),
-          /* @__PURE__ */ n(G, { className: "caret" })
-        ]
-      }
-    ),
+    /* @__PURE__ */ i("div", { className: `datepicker-input ${T}`, onClick: () => g(!F), children: [
+      /* @__PURE__ */ n(A, {}),
+      /* @__PURE__ */ n("span", { className: "placeholder", children: c ? j(c) : L }),
+      /* @__PURE__ */ n(G, { className: "caret" })
+    ] }),
     F && /* @__PURE__ */ i("div", { className: `datepicker-calendar ${E}`, children: [
       /* @__PURE__ */ i("div", { className: "calendar-controls", children: [
         /* @__PURE__ */ i("div", { className: "month-control", children: [
@@ -179,5 +172,5 @@ const H = [
   ] });
 };
 export {
-  Z as default
+  Z as DatePicker
 };

package/dist/components/Ui/DatePicker/DatePicker.stories.js

@@ -1,9 +1,9 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import l from "react";
-import n from "./DatePicker.js";
-const d = {
+import { DatePicker as r } from "./DatePicker.js";
+const m = {
   title: "UIKit/DatePicker",
-  component: n,
+  component: r,
   tags: ["autodocs"],
   argTypes: {
     value: {
@@ -39,27 +39,27 @@ const d = {
       description: "Максимальная доступная дата"
     }
   }
-}, m = {
+}, u = {
   args: {
     placeholder: "Любая дата"
   }
-}, p = {
+}, x = {
   args: {
     value: new Date(2023, 5, 15),
     placeholder: "Выберите дату"
   }
-}, u = {
+}, h = {
   args: {
     minDate: new Date(2023, 0, 1),
     maxDate: new Date(2023, 11, 31)
   }
-}, x = {
+}, g = {
   args: {
     inputClassName: "custom-input",
     calendarClassName: "custom-calendar"
   },
   decorators: [
-    (t) => /* @__PURE__ */ a("div", { children: [
+    (o) => /* @__PURE__ */ a("div", { children: [
       /* @__PURE__ */ e("style", { children: `
           .custom-input {
             border: 2px solid #6366f1;
@@ -75,46 +75,40 @@ const d = {
             background-color: #6366f1;
           }
         ` }),
-      /* @__PURE__ */ e(t, {})
+      /* @__PURE__ */ e(o, {})
     ] })
   ]
-}, h = {
-  render: () => {
-    const [t, o] = l.useState(null);
+}, D = {
+  render: function() {
+    const [t, n] = l.useState(null);
     return /* @__PURE__ */ a("div", { style: { maxWidth: "300px" }, children: [
-      /* @__PURE__ */ e(
-        n,
-        {
-          value: t,
-          onChange: o,
-          placeholder: "Контролируемый выбор"
-        }
-      ),
+      /* @__PURE__ */ e(r, { value: t, onChange: n, placeholder: "Контролируемый выбор" }),
       /* @__PURE__ */ a("div", { style: { marginTop: "16px", fontSize: "14px" }, children: [
         "Выбрано: ",
         t ? t.toLocaleDateString("ru-RU") : "дата не выбрана"
       ] })
     ] });
   }
-}, g = {
-  render: () => /* @__PURE__ */ a("form", { onSubmit: (o) => {
-    o.preventDefault();
-    const r = new FormData(o.target);
-    alert(`Выбрана дата: ${r.get("eventDate")}`);
-  }, style: { maxWidth: "300px" }, children: [
-    /* @__PURE__ */ a("div", { style: { marginBottom: "16px" }, children: [
-      /* @__PURE__ */ e("label", { style: { display: "block", marginBottom: "4px" }, children: "Дата события:" }),
-      /* @__PURE__ */ e(n, { name: "eventDate" })
-    ] }),
-    /* @__PURE__ */ e("button", { type: "submit", children: "Отправить" })
-  ] })
+}, f = {
+  render: function() {
+    const [t, n] = l.useState(null);
+    return /* @__PURE__ */ a("form", { onSubmit: (i) => {
+      i.preventDefault(), alert(`Выбрана дата: ${t == null ? void 0 : t.toLocaleDateString("ru-RU")}`);
+    }, style: { maxWidth: "300px" }, children: [
+      /* @__PURE__ */ a("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("label", { style: { display: "block", marginBottom: "4px" }, children: "Дата события:" }),
+        /* @__PURE__ */ e(r, { name: "eventDate", value: t, onChange: n })
+      ] }),
+      /* @__PURE__ */ e("button", { type: "submit", children: "Отправить" })
+    ] });
+  }
 };
 export {
-  h as Controlled,
-  x as CustomStyled,
-  m as Default,
-  g as InForm,
-  u as WithDateRange,
-  p as WithInitialDate,
-  d as default
+  D as Controlled,
+  g as CustomStyled,
+  u as Default,
+  f as InForm,
+  h as WithDateRange,
+  x as WithInitialDate,
+  m as default
 };

package/dist/components/Ui/DatePicker/index.js

@@ -0,0 +1,4 @@
+import { DatePicker as o } from "./DatePicker.js";
+export {
+  o as DatePicker
+};

package/dist/components/Ui/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,195 @@
+import { jsx as e, Fragment as E, jsxs as n } from "react/jsx-runtime";
+import { useRef as $, useState as A, useEffect as P } from "react";
+import D from "../../../_virtual/dayjs.min.js";
+import "../../../_virtual/ru.js";
+import '../../../assets/src/components/Ui/DateRangePicker/DateRangePicker.css';/* empty css                                                              */
+import { selectAutoCompliteDate as q } from "./const.js";
+import { useDateRangeState as F } from "./hooks/useDateRangeState.js";
+import { useDateNavigation as U } from "./hooks/useDateNavigation.js";
+import { useQuickRange as z } from "./hooks/useQuickRange.js";
+import { useCalendarRenderer as G } from "./hooks/useCalendarRenderer.js";
+import { IconCalendarBlank as H, IconCaretUpDown as J, IconCaretLeft as v, IconCaretRight as k } from "../Icons/Icons.js";
+D.locale("ru");
+const re = ({
+  disabledBefore: m,
+  disabledAfter: h,
+  onChange: l,
+  initialRange: R,
+  className: x,
+  placeholder: O = "Любая дата",
+  autoCompleteWithToday: w = !0
+}) => {
+  const N = $(null), [b, g] = A(!1), { leftMonth: s, rightMonth: c, setLeftMonth: u, setRightMonth: o, selectedRange: t, setSelectedRange: d } = F(R), { navigateLeftMonth: M, navigateRightMonth: y, navigateYear: f } = U(
+    s,
+    c,
+    u,
+    o
+  ), { activeQuickRange: I, setQuickRange: L, isQuickRangeDisabled: Q, setActiveQuickRange: S } = z(
+    d,
+    u,
+    o,
+    m,
+    h,
+    l
+  ), j = (a, r) => {
+    if (!(m && a.isBefore(m, "day") || h && a.isAfter(h, "day")))
+      if (S(null), !t.start || t.start && t.end) {
+        if (d({ start: a, end: null }), r === "left") {
+          const i = a.add(1, "month").startOf("month");
+          i.isSame(s) ? o(i.add(1, "month")) : o(i);
+        }
+      } else
+        a.isBefore(t.start, "day") ? d({ start: a, end: t.start }) : d({ ...t, end: a }), l && l({
+          start: a.isBefore(t.start, "day") ? a : t.start,
+          end: a.isBefore(t.start, "day") ? t.start : a
+        });
+  }, { renderCalendar: Y } = G(
+    t,
+    j,
+    m,
+    h
+  ), B = () => {
+    if (w && t.start && !t.end) {
+      const a = D(), r = a.isAfter(t.start) ? a : t.start, i = {
+        start: t.start,
+        end: r
+      };
+      d(i), l && l(i);
+      const p = i.start.startOf("month"), C = r.startOf("month");
+      p.isSame(C) ? (u(p), o(p.add(1, "month"))) : (u(p), o(C));
+    }
+    g(!1);
+  };
+  return P(() => {
+    const a = (r) => {
+      N.current && !N.current.contains(r.target) && B();
+    };
+    return document.addEventListener("mousedown", a), () => {
+      document.removeEventListener("mousedown", a);
+    };
+  }, [t]), /* @__PURE__ */ e(E, { children: /* @__PURE__ */ n("div", { className: `date-range-picker ${x}`, ref: N, children: [
+    /* @__PURE__ */ n("div", { className: "date-range-picker-input", onClick: () => g(!b), children: [
+      /* @__PURE__ */ e(H, {}),
+      /* @__PURE__ */ e("span", { className: "placeholder", children: t != null && t.start && (t != null && t.end) ? `${t.start.format("DD-MM-YYYY")} – ${t.end.format("DD-MM-YYYY")}` : O }),
+      /* @__PURE__ */ e(J, { className: "caret" })
+    ] }),
+    b && /* @__PURE__ */ e("div", { className: "date-range-picker-calendar", children: /* @__PURE__ */ n("div", { className: "date-range-picker-selection", children: [
+      /* @__PURE__ */ e("div", { className: "date-range-picker-quick-selection-options", children: q.map((a) => {
+        const r = Q(a.key);
+        return /* @__PURE__ */ e(
+          "button",
+          {
+            className: I === a.key ? "active" : "",
+            onClick: () => !r && L(a.key),
+            disabled: r,
+            children: a.label
+          },
+          a.key
+        );
+      }) }),
+      /* @__PURE__ */ e("div", { className: "line" }),
+      /* @__PURE__ */ n("div", { className: "date-range-picker-section-period", children: [
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ n("div", { className: "date-range-picker-section-period-month-year-block", children: [
+            /* @__PURE__ */ n("div", { className: "month-control", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nav-button",
+                  onClick: () => M("prev"),
+                  "aria-label": "Предыдущий месяц",
+                  children: /* @__PURE__ */ e(v, {})
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "current-month", children: s.format("MMMM") }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nav-button",
+                  onClick: () => M("next"),
+                  "aria-label": "Следующий месяц",
+                  disabled: s.add(1, "month").isAfter(c),
+                  children: /* @__PURE__ */ e(k, {})
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "year-control", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nav-button",
+                  onClick: () => f("prev", "left"),
+                  "aria-label": "Предыдущий год",
+                  children: /* @__PURE__ */ e(v, {})
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "current-year", children: s.format("YYYY") }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nav-button",
+                  onClick: () => f("next", "left"),
+                  "aria-label": "Следующий год",
+                  children: /* @__PURE__ */ e(k, {})
+                }
+              )
+            ] })
+          ] }),
+          Y(s, "left")
+        ] }),
+        /* @__PURE__ */ e("div", { className: "line" }),
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ n("div", { className: "date-range-picker-section-period-month-year-block", children: [
+            /* @__PURE__ */ n("div", { className: "month-control", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nav-button",
+                  onClick: () => y("prev"),
+                  "aria-label": "Предыдущий месяц",
+                  disabled: c.subtract(1, "month").isBefore(s),
+                  children: /* @__PURE__ */ e(v, {})
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "current-month", children: c.format("MMMM") }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nav-button",
+                  onClick: () => y("next"),
+                  "aria-label": "Следующий месяц",
+                  children: /* @__PURE__ */ e(k, {})
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "year-control", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nav-button",
+                  onClick: () => f("prev", "right"),
+                  "aria-label": "Предыдущий год",
+                  children: /* @__PURE__ */ e(v, {})
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "current-year", children: c.format("YYYY") }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nav-button",
+                  onClick: () => f("next", "right"),
+                  "aria-label": "Следующий год",
+                  children: /* @__PURE__ */ e(k, {})
+                }
+              )
+            ] })
+          ] }),
+          Y(c, "right")
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+};
+export {
+  re as DateRangePicker
+};

package/dist/components/Ui/DateRangePicker/DateRangePicker.stories.js

@@ -0,0 +1,84 @@
+import { jsx as i } from "react/jsx-runtime";
+import { DateRangePicker as a } from "./DateRangePicker.js";
+import e from "../../../_virtual/dayjs.min.js";
+const s = {
+  title: "UIKit/DateRangePicker",
+  component: a,
+  tags: ["autodocs"],
+  argTypes: {
+    disabledBefore: {
+      control: "text",
+      description: "Дизейбл до"
+    },
+    disabledAfter: {
+      control: "text",
+      description: "Дизейбл после"
+    },
+    className: {
+      control: "text",
+      description: "Класс для основного контейнера"
+    },
+    onChange: {
+      action: "dateChanged",
+      description: "Обработчик изменения даты"
+    },
+    placeholder: {
+      control: "text",
+      description: "Текст плейсхолдера"
+    },
+    autoCompleteWithToday: {
+      control: "boolean",
+      description: "Автозаполнение датой, если указали один не полностью"
+    },
+    initialRange: {
+      control: "object",
+      description: "Начальное состояние"
+    }
+  }
+}, d = {
+  args: {
+    placeholder: "Любая дата"
+  }
+}, c = {
+  args: {
+    initialRange: {
+      start: e("2023-01-01"),
+      end: e()
+    },
+    placeholder: "Выберите дату"
+  }
+}, p = {
+  args: {
+    disabledBefore: e(new Date(2023, 0, 1)),
+    disabledAfter: e(new Date(2023, 11, 31)),
+    placeholder: "Выберите дату в 2023 году"
+  }
+}, g = {
+  args: {
+    disabledAfter: e(),
+    placeholder: "Выберите дату"
+  }
+}, h = {
+  args: {
+    initialRange: {
+      start: e("2025-06-01"),
+      end: e("2025-06-15")
+    },
+    placeholder: "Выберите дату"
+  },
+  render: (t) => {
+    const o = {
+      ...t,
+      initialRange: t.initialRange
+    };
+    return /* @__PURE__ */ i(a, { ...o });
+  }
+};
+export {
+  d as Default,
+  h as InitialDate,
+  p as WithDateRange,
+  g as WithDateRangeDisabledMonth,
+  c as WithInitialDate,
+  s as default
+};

package/dist/components/Ui/DateRangePicker/const.js

@@ -0,0 +1,37 @@
+const e = [
+  {
+    label: "Сегодня",
+    key: "today"
+  },
+  {
+    label: "Вчера",
+    key: "yesterday"
+  },
+  {
+    label: "Эта неделя",
+    key: "thisWeek"
+  },
+  {
+    label: "Прошлая неделя",
+    key: "lastWeek"
+  },
+  {
+    label: "Этот месяц",
+    key: "thisMonth"
+  },
+  {
+    label: "Прошлый месяц",
+    key: "lastMonth"
+  },
+  {
+    label: "Этот год",
+    key: "thisYear"
+  },
+  {
+    label: "Прошлый год",
+    key: "lastYear"
+  }
+];
+export {
+  e as selectAutoCompliteDate
+};

package/dist/components/Ui/DateRangePicker/hooks/useCalendarRenderer.js

@@ -0,0 +1,48 @@
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import D from "../../../../_virtual/dayjs.min.js";
+const B = (o, S, d, i) => {
+  const $ = D();
+  return { renderCalendar: (a, C) => {
+    const e = a.startOf("month"), c = a.endOf("month"), O = c.date(), M = (e.day() + 6) % 7, r = [];
+    for (let t = M; t > 0; t--)
+      r.push(e.subtract(t, "day"));
+    for (let t = 0; t < O; t++)
+      r.push(e.add(t, "day"));
+    const N = Math.ceil(r.length / 7) * 7 - r.length;
+    for (let t = 1; t <= N; t++)
+      r.push(c.add(t, "day"));
+    const l = [];
+    for (let t = 0; t < r.length; t += 7)
+      l.push(r.slice(t, t + 7));
+    return /* @__PURE__ */ n("div", { className: "calendar-month", children: /* @__PURE__ */ u("table", { children: [
+      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"].map((t) => /* @__PURE__ */ n("th", { children: t }, t)) }) }),
+      /* @__PURE__ */ n("tbody", { children: l.map((t, h) => /* @__PURE__ */ n("tr", { children: t.map((s, b) => {
+        var f, p;
+        if (!s || s.month() !== a.month())
+          return /* @__PURE__ */ n("td", { className: "other-month empty" }, `empty-${h}-${b}`);
+        const y = d && s.isBefore(d, "day") || i && s.isAfter(i, "day"), m = s.isSame($, "day"), j = (f = o.start) == null ? void 0 : f.isSame(s, "day"), k = (p = o.end) == null ? void 0 : p.isSame(s, "day"), v = o.start && o.end && s.isAfter(o.start, "day") && s.isBefore(o.end, "day");
+        return /* @__PURE__ */ u(
+          "td",
+          {
+            className: `
+                        ${y ? "disabled" : ""}
+                        ${m ? "today" : ""}
+                        ${j ? "selected-start" : ""}
+                        ${k ? "selected-end" : ""}
+                        ${v ? "in-range" : ""}
+                      `,
+            onClick: () => !y && S(s, C),
+            children: [
+              s.date(),
+              m && /* @__PURE__ */ n("div", { className: "today-dot" })
+            ]
+          },
+          s.toString()
+        );
+      }) }, h)) })
+    ] }) });
+  } };
+};
+export {
+  B as useCalendarRenderer
+};

package/dist/components/Ui/DateRangePicker/hooks/useChangeDate.js

@@ -0,0 +1,28 @@
+import p from "../../../../_virtual/dayjs.min.js";
+const j = (r, o, m, f, k, D, B, O, y, h, i) => ({ handleDateClick: (t, a) => {
+  if (!(y && t.isBefore(y, "day") || h && t.isAfter(h, "day")))
+    if (B(null), !r.start || r.start && r.end) {
+      if (o({ start: t, end: null }), a === "left") {
+        const s = t.add(1, "month").startOf("month");
+        s.isSame(k) ? f(s.add(1, "month")) : f(s);
+      }
+    } else
+      t.isBefore(r.start, "day") ? o({ start: t, end: r.start }) : o({ ...r, end: t }), i && i({
+        start: t.isBefore(r.start, "day") ? t : r.start,
+        end: t.isBefore(r.start, "day") ? r.start : t
+      });
+}, handleClosePicker: () => {
+  if (D && r.start && !r.end) {
+    const t = p(), a = t.isAfter(r.start) ? t : r.start, s = {
+      start: r.start,
+      end: a
+    };
+    o(s), i && i(s);
+    const n = s.start.startOf("month"), u = a.startOf("month");
+    n.isSame(u) ? (m(n), f(n.add(1, "month"))) : (m(n), f(u));
+  }
+  O(!1);
+} });
+export {
+  j as useChangeDate
+};

package/dist/components/Ui/DateRangePicker/hooks/useDateNavigation.js

@@ -0,0 +1,22 @@
+const m = (e, n, t, c) => ({
+  navigateLeftMonth: (s) => {
+    const a = s === "prev" ? e.subtract(1, "month") : e.add(1, "month");
+    (a.isSame(n) || a.isAfter(n)) && c(a.add(1, "month")), t(a);
+  },
+  navigateRightMonth: (s) => {
+    const a = s === "prev" ? n.subtract(1, "month") : n.add(1, "month");
+    (a.isSame(e) || a.isBefore(e)) && t(a.subtract(1, "month")), c(a);
+  },
+  navigateYear: (s, a) => {
+    if (a === "left") {
+      const r = s === "prev" ? e.subtract(1, "year") : e.add(1, "year");
+      t(r), r.isAfter(n) && c(r.add(1, "month"));
+    } else {
+      const r = s === "prev" ? n.subtract(1, "year") : n.add(1, "year");
+      c(r), r.isBefore(e) && t(r.subtract(1, "month"));
+    }
+  }
+});
+export {
+  m as useDateNavigation
+};

package/dist/components/Ui/DateRangePicker/hooks/useDateRangeState.js

@@ -0,0 +1,24 @@
+import { useState as d, useEffect as u } from "react";
+import M from "../../../../_virtual/dayjs.min.js";
+const a = (t) => {
+  const f = M(), [m, r] = d(f), [n, h] = d(f.add(1, "month")), [s, c] = d({
+    start: (t == null ? void 0 : t.start) || null,
+    end: (t == null ? void 0 : t.end) || null
+  });
+  return u(() => {
+    if (s.start && s.end) {
+      const e = s.start.startOf("month"), o = s.end.startOf("month");
+      e.isSame(o) ? (r(e), h(e.add(1, "month"))) : (e.isSame(m, "month") || r(e), !o.isSame(n, "month") && o.isAfter(e) && h(o));
+    }
+  }, [s]), {
+    leftMonth: m,
+    rightMonth: n,
+    setLeftMonth: r,
+    setRightMonth: h,
+    selectedRange: s,
+    setSelectedRange: c
+  };
+};
+export {
+  a as useDateRangeState
+};