ics-ui-kit 0.1.19 → 0.1.21

package/dist/components/calendar/components/calendar-dropdown/CalendarDropdown.d.ts

@@ -0,0 +1,24 @@
+import { SelectHTMLAttributes } from 'react';
+import { ClassNames, CustomComponents, DropdownOption } from 'react-day-picker';
+export type CalendarDropdownProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, "children"> & {
+    options?: DropdownOption[];
+    /** Передаёт react-day-picker: переопределения классов потребителя */
+    classNames?: Partial<ClassNames>;
+    /** Передаёт react-day-picker: переопределения компонентов потребителя */
+    components?: Partial<CustomComponents>;
+};
+/**
+ * Селект месяца/года в шапке календаря: прозрачный нативный select поверх подписи с шевроном.
+ *
+ * В отличие от штатного Dropdown из react-day-picker, подпись резервирует ширину самой длинной
+ * опции: все подписи лежат в одной grid-ячейке, видна только выбранная. Иначе при смене месяца
+ * («май» → «сентябрь») меняется ширина и шапка, выровненная по центру, дёргается.
+ *
+ * @param options - Опции селекта
+ * @param className - Дополнительные CSS классы для select
+ * @param props - Атрибуты нативного select
+ */
+export declare const CalendarDropdown: {
+    ({ options, className, classNames, components, ...props }: CalendarDropdownProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/calendar/styles.d.ts

@@ -0,0 +1,61 @@
+import { TVReturnType } from 'tailwind-variants';
+import { ClassNameValue } from 'tailwind-merge';
+/**
+ * Селект месяца/года в шапке календаря: прозрачный нативный select поверх подписи с шевроном.
+ * Общий для Calendar (через classNames react-day-picker) и CalendarScroll (своя разметка).
+ */
+export declare const calendarDropdownStyles: TVReturnType<{
+    [key: string]: {
+        [key: string]: ClassNameValue | {
+            label?: ClassNameValue;
+            select?: ClassNameValue;
+            sizer?: ClassNameValue;
+            sizerItem?: ClassNameValue;
+            sizerItemHidden?: ClassNameValue;
+            root?: ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: ClassNameValue | {
+            label?: ClassNameValue;
+            select?: ClassNameValue;
+            sizer?: ClassNameValue;
+            sizerItem?: ClassNameValue;
+            sizerItemHidden?: ClassNameValue;
+            root?: ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    select: string;
+    label: string[];
+    sizer: string;
+    sizerItem: string;
+    sizerItemHidden: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: ClassNameValue | {
+            label?: ClassNameValue;
+            select?: ClassNameValue;
+            sizer?: ClassNameValue;
+            sizerItem?: ClassNameValue;
+            sizerItemHidden?: ClassNameValue;
+            root?: ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    select: string;
+    label: string[];
+    sizer: string;
+    sizerItem: string;
+    sizerItemHidden: string;
+}, TVReturnType<unknown, {
+    root: string[];
+    select: string;
+    label: string[];
+    sizer: string;
+    sizerItem: string;
+    sizerItemHidden: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/calendar-scroll/CalendarScroll.d.ts

@@ -0,0 +1,21 @@
+import { DayPickerProps } from 'react-day-picker';
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+/** Пропсы DayPicker, которыми управляет сам CalendarScroll */
+type ManagedProps = "month" | "onMonthChange" | "numberOfMonths" | "captionLayout" | "fixedWeeks" | "hideNavigation" | "showOutsideDays" | "pagedNavigation" | "reverseMonths";
+export type CalendarScrollProps = DistributiveOmit<DayPickerProps, ManagedProps>;
+/**
+ * CalendarScroll — календарь с вертикальным скроллом месяцев (как в мобильных банках).
+ *
+ * Месяцы идут друг за другом, сверху общая шапка с селектами месяца и года для быстрого
+ * прыжка. Селекты синхронизированы со скроллом. В DOM лежит только окно из нескольких
+ * месяцев, поэтому диапазон может быть широким (по умолчанию ±100 лет). Виртуализацию лучше
+ * не отключать: без неё DayPicker пересчитывал бы дни всех месяцев диапазона на каждом рендере.
+ *
+ * Высота задаётся через `className` (по умолчанию 420px). Выбор дат — те же `mode`,
+ * `selected`, `onSelect`, что и у Calendar.
+ */
+export declare const CalendarScroll: {
+    ({ className, classNames, locale, weekStartsOn, startMonth, endMonth, defaultMonth, components, ...props }: CalendarScrollProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/calendar-scroll/CalendarScroll.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { CalendarScroll, CalendarScrollProps } from './CalendarScroll';
+declare const meta: {
+    component: {
+        ({ className, classNames, locale, weekStartsOn, startMonth, endMonth, defaultMonth, components, ...props }: CalendarScrollProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof CalendarScroll>;
+export declare const Default: Story;
+export declare const Range: Story;

package/dist/components/calendar-scroll/index.d.ts

@@ -0,0 +1,3 @@
+export { CalendarScroll } from './CalendarScroll';
+export type { CalendarScrollProps } from './CalendarScroll';
+export type { DateRange } from 'react-day-picker';

package/dist/components/calendar-scroll.d.ts

@@ -0,0 +1,2 @@
+export * from './calendar-scroll/index'
+export {}

package/dist/components/calendar-scroll.js

@@ -0,0 +1,184 @@
+import { jsx as n, jsxs as E } from "react/jsx-runtime";
+import { n as ue } from "../useIsomorphicLayoutEffect-MNxJD61V.js";
+import { useRef as C, useState as L, useCallback as N, useEffect as Z, useMemo as i, Children as me, cloneElement as fe, isValidElement as he } from "react";
+import { T as pe } from "../index-BVqs-uqP.js";
+import { C as be, a as H, b as P, c as we, d as xe } from "../CalendarPreviousMonthButton-qT7qDPbO.js";
+import { f as q, e as ye, a as Me, l as ve, b as ge, c as De, d as Ee, D as Ne, M as Se } from "../DayPicker-Cu2Kn-he.js";
+import { s as Ce } from "../normalizeDates-9A3c9WYM.js";
+const d = 280, V = 4, G = 1, Fe = 100, ke = 2100, _e = pe({
+  slots: {
+    root: [
+      "flex h-[420px] w-fit flex-col overflow-hidden rounded-md",
+      "border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm"
+    ],
+    header: "flex flex-col gap-2 border-b border-secondary-border p-3 pb-2",
+    nav: "flex h-9 items-center justify-between gap-1",
+    dropdowns: "flex items-center justify-center gap-1.5 text-sm font-medium capitalize",
+    weekdays: "flex",
+    weekday: "w-9 shrink-0 text-center text-xs font-medium text-muted-foreground opacity-70",
+    scroller: "relative flex-1 overflow-y-auto overscroll-contain px-3",
+    window: "absolute inset-x-3 top-0"
+  }
+}), B = (o) => o.getFullYear() * 12 + o.getMonth(), h = (o) => new Date(Math.floor(o / 12), o % 12, 1), S = (o, s, a) => Math.min(Math.max(o, s), a), Te = ({ modifiers: o, ...s }) => {
+  const a = C(null), m = C(!0);
+  return Z(() => {
+    const F = m.current;
+    if (m.current = !1, !o.focused || F)
+      return;
+    const u = a.current?.querySelector("button"), M = u?.closest("[data-calendar-scroll-scroller]");
+    !u || !M || u === document.activeElement || M.contains(document.activeElement) && (u.focus({ preventScroll: !0 }), u.scrollIntoView({ block: "nearest" }));
+  }, [o.focused]), /* @__PURE__ */ n("span", { ref: a, className: "contents", children: /* @__PURE__ */ n(xe, { ...s, modifiers: { ...o, focused: !1 } }) });
+}, Ae = ({ children: o, ...s }) => /* @__PURE__ */ n(Se, { ...s, children: me.toArray(o).map(
+  (a) => he(a) && a.props.calendarMonth ? fe(a, { key: a.props.calendarMonth.date.getTime() }) : a
+) }), Le = ({
+  className: o,
+  classNames: s,
+  locale: a = ye,
+  weekStartsOn: m,
+  startMonth: F,
+  endMonth: u,
+  defaultMonth: M,
+  components: R,
+  ...Y
+}) => {
+  const c = _e(), p = C(null), v = C(0), r = B(F ?? new Date((/* @__PURE__ */ new Date()).getFullYear() - Fe, 0, 1)), b = B(u ?? new Date(ke, 11, 1)), l = Math.max(b - r + 1, 1), [J, Q] = L(V), k = Math.min(J, l), w = N(
+    (e) => S(e - G, 0, l - k),
+    [l, k]
+  ), _ = S(B(M ?? /* @__PURE__ */ new Date()) - r, 0, l - 1), [x, z] = L(_), [T, W] = L(() => w(_));
+  ue(() => {
+    const e = p.current;
+    if (!e)
+      return;
+    const t = Math.ceil(e.clientHeight / d) + 1;
+    e.scrollTop = _ * d, Q(Math.max(V, t + G));
+  }, []), Z(() => () => cancelAnimationFrame(v.current), []);
+  const I = N(() => {
+    const e = p.current;
+    if (!e)
+      return;
+    const t = e.scrollTop;
+    z(S(Math.round(t / d), 0, l - 1)), W(w(Math.floor(t / d)));
+  }, [w, l]), X = N(() => {
+    v.current || (v.current = requestAnimationFrame(() => {
+      v.current = 0, I();
+    }));
+  }, [I]), A = N(
+    (e) => {
+      const t = p.current;
+      if (!t)
+        return;
+      const f = S(e - r, 0, l - 1);
+      t.scrollTop = f * d, z(f), W(w(f));
+    },
+    [w, r, l]
+  ), j = (e) => {
+    const t = p.current;
+    t && A(r + Math.round(t.scrollTop / d) + e);
+  }, g = h(r + x), $ = h(r + x - 1), ee = h(r + x + 1), O = x === 0, K = x === l - 1, te = (e) => {
+    A(g.getFullYear() * 12 + Number(e.target.value));
+  }, oe = (e) => {
+    A(Number(e.target.value) * 12 + g.getMonth());
+  }, y = a, D = Y.labels, ne = i(
+    () => Array.from({ length: 12 }, (e, t) => ({
+      value: t,
+      label: q(new Date(2e3, t, 1), "LLLL", { locale: y }),
+      disabled: !1
+    })),
+    [y]
+  ), re = i(() => {
+    const e = Ce(/* @__PURE__ */ new Date(), { locale: y, weekStartsOn: m });
+    return Array.from({ length: 7 }, (t, f) => q(Me(e, f), "EEEEEE", { locale: y }));
+  }, [y, m]), ae = i(() => {
+    const e = Math.floor(r / 12), t = Math.floor(b / 12);
+    return Array.from({ length: t - e + 1 }, (f, U) => ({
+      value: e + U,
+      label: String(e + U),
+      disabled: !1
+    }));
+  }, [r, b]), le = i(
+    () => ({
+      months: "flex flex-col",
+      month: "flex h-[280px] flex-col gap-1 pb-4",
+      month_caption: "flex items-center px-2 capitalize",
+      caption_label: "select-none text-sm font-medium",
+      month_grid: "w-full border-collapse",
+      weekdays: "hidden",
+      week: "mt-1 flex h-9",
+      day: "size-9 shrink-0 border-0 p-0",
+      hidden: "invisible",
+      ...s
+    }),
+    [s]
+  ), se = i(
+    () => ({ Months: Ae, DayButton: Te, ...R }),
+    [R]
+  ), ce = i(() => h(r), [r]), ie = i(() => h(b), [b]), de = i(() => h(r + T), [r, T]);
+  return /* @__PURE__ */ E("div", { className: c.root({ className: o }), children: [
+    /* @__PURE__ */ E("div", { className: c.header(), children: [
+      /* @__PURE__ */ E("div", { className: c.nav(), children: [
+        /* @__PURE__ */ n(
+          be,
+          {
+            "aria-label": (D?.labelPrevious ?? ve)(O ? void 0 : $),
+            disabled: O,
+            onClick: () => j(-1),
+            children: /* @__PURE__ */ n(H, { orientation: "left" })
+          }
+        ),
+        /* @__PURE__ */ E("div", { className: c.dropdowns(), children: [
+          /* @__PURE__ */ n(
+            P,
+            {
+              "aria-label": (D?.labelMonthDropdown ?? ge)(),
+              options: ne,
+              value: g.getMonth(),
+              onChange: te
+            }
+          ),
+          /* @__PURE__ */ n(
+            P,
+            {
+              "aria-label": (D?.labelYearDropdown ?? De)(),
+              options: ae,
+              value: g.getFullYear(),
+              onChange: oe
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n(
+          we,
+          {
+            "aria-label": (D?.labelNext ?? Ee)(K ? void 0 : ee),
+            disabled: K,
+            onClick: () => j(1),
+            children: /* @__PURE__ */ n(H, { orientation: "right" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: c.weekdays(), "aria-hidden": "true", children: re.map((e, t) => /* @__PURE__ */ n("span", { className: c.weekday(), children: e }, t)) })
+    ] }),
+    /* @__PURE__ */ n("div", { ref: p, className: c.scroller(), "data-calendar-scroll-scroller": "", onScroll: X, children: /* @__PURE__ */ n("div", { style: { height: l * d }, children: /* @__PURE__ */ n("div", { className: c.window(), style: { top: T * d }, children: /* @__PURE__ */ n(
+      Ne,
+      {
+        ...Y,
+        locale: a,
+        weekStartsOn: m,
+        startMonth: ce,
+        endMonth: ie,
+        month: de,
+        numberOfMonths: k,
+        captionLayout: "label",
+        fixedWeeks: !0,
+        hideNavigation: !0,
+        showOutsideDays: !1,
+        classNames: le,
+        components: se
+      }
+    ) }) }) })
+  ] });
+};
+Le.displayName = "CalendarScroll";
+export {
+  Le as CalendarScroll
+};
+//# sourceMappingURL=calendar-scroll.js.map

package/dist/components/calendar-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-scroll.js","sources":["../../src/components/calendar-scroll/CalendarScroll.tsx"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@siberiacancode/reactuse\";\nimport { addDays, format, Locale, startOfWeek } from \"date-fns\";\nimport {\n\tChangeEvent,\n\tChildren,\n\tcloneElement,\n\tisValidElement,\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState\n} from \"react\";\nimport {\n\tDayPicker,\n\tDayPickerProps,\n\tDropdownOption,\n\tlabelMonthDropdown,\n\tlabelNext,\n\tlabelPrevious,\n\tlabelYearDropdown,\n\tMonthProps,\n\tMonths,\n\tMonthsProps\n} from \"react-day-picker\";\nimport { enUS } from \"react-day-picker/locale\";\nimport { tv } from \"tailwind-variants\";\nimport { CalendarChevron } from \"../calendar/components/calendar-chevron/CalendarChevron\";\nimport {\n\tCalendarDayButton,\n\tCalendarDayButtonProps\n} from \"../calendar/components/calendar-day-button/CalendarDayButton\";\nimport { CalendarNextMonthButton } from \"../calendar/components/calendar-next-month-button/CalendarNextMonthButton\";\nimport { CalendarPreviousMonthButton } from \"../calendar/components/calendar-previous-month-button/CalendarPreviousMonthButton\";\nimport { CalendarDropdown } from \"../calendar/components/calendar-dropdown/CalendarDropdown\";\n\n/**\n * Высота одного месяца в px. Фиксирована (6 недель всегда), поэтому позицию месяца\n * в скролле считаем арифметикой, без измерений DOM:\n * подпись 20 (text-sm) + gap 4 + 6 недель × (36 + 4) + нижний отступ 16 = 280.\n * Если меняете стили месяца ниже — меняйте и эту константу.\n */\nconst MONTH_HEIGHT = 280;\n/**\n * Сколько месяцев лежит в DOM до замера высоты скроллера. После монтирования окно\n * подгоняется под реальную высоту: видимые месяцы + 1 снизу + BUFFER_BEFORE сверху.\n * Каждый лишний месяц — ~42 дня, которые DayPicker пересчитывает на любом рендере.\n */\nconst DEFAULT_WINDOW_SIZE = 4;\n/** Сколько месяцев держим в DOM выше верхнего видимого */\nconst BUFFER_BEFORE = 1;\nconst DEFAULT_YEARS_BACK = 100;\nconst DEFAULT_END_YEAR = 2100;\n\nconst calendarScrollStyles = tv({\n\tslots: {\n\t\troot: [\n\t\t\t\"flex h-[420px] w-fit flex-col overflow-hidden rounded-md\",\n\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm\"\n\t\t],\n\t\theader: \"flex flex-col gap-2 border-b border-secondary-border p-3 pb-2\",\n\t\tnav: \"flex h-9 items-center justify-between gap-1\",\n\t\tdropdowns: \"flex items-center justify-center gap-1.5 text-sm font-medium capitalize\",\n\t\tweekdays: \"flex\",\n\t\tweekday: \"w-9 shrink-0 text-center text-xs font-medium text-muted-foreground opacity-70\",\n\t\tscroller: \"relative flex-1 overflow-y-auto overscroll-contain px-3\",\n\t\twindow: \"absolute inset-x-3 top-0\"\n\t}\n});\n\nconst toKey = (date: Date) => date.getFullYear() * 12 + date.getMonth();\nconst fromKey = (key: number) => new Date(Math.floor(key / 12), key % 12, 1);\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n/**\n * Кнопка дня для вертикального скролла.\n *\n * Штатный DayButton из react-day-picker зовёт `focus()` без `preventScroll`, когда день\n * получает флаг `focused`. В скролл-списке это ломает прокрутку: окно месяцев сдвигается,\n * ранее выбранный день снова попадает в DOM, фокус на него утягивает скролл назад.\n * Поэтому программный фокус делаем сами: только при клавиатурной навигации (фокус уже\n * внутри скроллера), с `preventScroll`, и скроллим к дню лишь если он вне видимой области.\n */\nconst CalendarScrollDayButton = ({ modifiers, ...props }: CalendarDayButtonProps) => {\n\tconst anchorRef = useRef<HTMLSpanElement>(null);\n\tconst isFirstRun = useRef(true);\n\n\tuseEffect(() => {\n\t\tconst isMount = isFirstRun.current;\n\t\tisFirstRun.current = false;\n\t\tif (!modifiers.focused || isMount) {\n\t\t\treturn;\n\t\t}\n\t\tconst button = anchorRef.current?.querySelector(\"button\");\n\t\tconst scroller = button?.closest(\"[data-calendar-scroll-scroller]\");\n\t\tif (!button || !scroller || button === document.activeElement) {\n\t\t\treturn;\n\t\t}\n\t\tif (scroller.contains(document.activeElement)) {\n\t\t\tbutton.focus({ preventScroll: true });\n\t\t\tbutton.scrollIntoView({ block: \"nearest\" });\n\t\t}\n\t}, [modifiers.focused]);\n\n\treturn (\n\t\t<span ref={anchorRef} className=\"contents\">\n\t\t\t<CalendarDayButton {...props} modifiers={{ ...modifiers, focused: false }} />\n\t\t</span>\n\t);\n};\n\n/**\n * Контейнер месяцев с ключами по самому месяцу.\n *\n * DayPicker ключует месяцы по позиции (`displayIndex`), а дни — по дате и месяцу показа.\n * При сдвиге окна на месяц каждая позиция получает другой месяц, и React пересоздаёт\n * все дни всех месяцев окна. Перекладываем ключ на `yyyy-MM`: месяцы, оставшиеся в окне,\n * сохраняют свои узлы, монтируется только вошедший месяц. Заодно не теряется фокус\n * на только что нажатом дне.\n */\nconst CalendarScrollMonths = ({ children, ...props }: MonthsProps) => (\n\t<Months {...props}>\n\t\t{Children.toArray(children).map((child) =>\n\t\t\tisValidElement<MonthProps>(child) && child.props.calendarMonth\n\t\t\t\t? cloneElement(child, { key: child.props.calendarMonth.date.getTime() })\n\t\t\t\t: child\n\t\t)}\n\t</Months>\n);\n\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;\n\n/** Пропсы DayPicker, которыми управляет сам CalendarScroll */\ntype ManagedProps =\n\t| \"month\"\n\t| \"onMonthChange\"\n\t| \"numberOfMonths\"\n\t| \"captionLayout\"\n\t| \"fixedWeeks\"\n\t| \"hideNavigation\"\n\t| \"showOutsideDays\"\n\t| \"pagedNavigation\"\n\t| \"reverseMonths\";\n\nexport type CalendarScrollProps = DistributiveOmit<DayPickerProps, ManagedProps>;\n\n/**\n * CalendarScroll — календарь с вертикальным скроллом месяцев (как в мобильных банках).\n *\n * Месяцы идут друг за другом, сверху общая шапка с селектами месяца и года для быстрого\n * прыжка. Селекты синхронизированы со скроллом. В DOM лежит только окно из нескольких\n * месяцев, поэтому диапазон может быть широким (по умолчанию ±100 лет). Виртуализацию лучше\n * не отключать: без неё DayPicker пересчитывал бы дни всех месяцев диапазона на каждом рендере.\n *\n * Высота задаётся через `className` (по умолчанию 420px). Выбор дат — те же `mode`,\n * `selected`, `onSelect`, что и у Calendar.\n */\nexport const CalendarScroll = ({\n\tclassName,\n\tclassNames,\n\tlocale = enUS,\n\tweekStartsOn,\n\tstartMonth,\n\tendMonth,\n\tdefaultMonth,\n\tcomponents,\n\t...props\n}: CalendarScrollProps) => {\n\tconst styles = calendarScrollStyles();\n\tconst scrollerRef = useRef<HTMLDivElement>(null);\n\tconst frameRef = useRef(0);\n\n\tconst startKey = toKey(startMonth ?? new Date(new Date().getFullYear() - DEFAULT_YEARS_BACK, 0, 1));\n\tconst endKey = toKey(endMonth ?? new Date(DEFAULT_END_YEAR, 11, 1));\n\tconst total = Math.max(endKey - startKey + 1, 1);\n\tconst [windowSizeLimit, setWindowSizeLimit] = useState(DEFAULT_WINDOW_SIZE);\n\tconst windowSize = Math.min(windowSizeLimit, total);\n\n\tconst getWindowStart = useCallback(\n\t\t(index: number) => clamp(index - BUFFER_BEFORE, 0, total - windowSize),\n\t\t[total, windowSize]\n\t);\n\n\tconst initialIndex = clamp(toKey(defaultMonth ?? new Date()) - startKey, 0, total - 1);\n\tconst [currentIndex, setCurrentIndex] = useState(initialIndex);\n\tconst [windowStart, setWindowStart] = useState(() => getWindowStart(initialIndex));\n\n\t// Первичная позиция и размер окна — до отрисовки, чтобы не было прыжка и пустоты\n\tuseIsomorphicLayoutEffect(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) {\n\t\t\treturn;\n\t\t}\n\t\tconst visibleMonths = Math.ceil(scroller.clientHeight / MONTH_HEIGHT) + 1;\n\t\tscroller.scrollTop = initialIndex * MONTH_HEIGHT;\n\t\tsetWindowSizeLimit(Math.max(DEFAULT_WINDOW_SIZE, visibleMonths + BUFFER_BEFORE));\n\t}, []);\n\n\tuseEffect(() => () => cancelAnimationFrame(frameRef.current), []);\n\n\tconst syncWithScroll = useCallback(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) {\n\t\t\treturn;\n\t\t}\n\t\tconst scrollTop = scroller.scrollTop;\n\t\tsetCurrentIndex(clamp(Math.round(scrollTop / MONTH_HEIGHT), 0, total - 1));\n\t\tsetWindowStart(getWindowStart(Math.floor(scrollTop / MONTH_HEIGHT)));\n\t}, [getWindowStart, total]);\n\n\tconst onScroll = useCallback(() => {\n\t\tif (frameRef.current) {\n\t\t\treturn;\n\t\t}\n\t\tframeRef.current = requestAnimationFrame(() => {\n\t\t\tframeRef.current = 0;\n\t\t\tsyncWithScroll();\n\t\t});\n\t}, [syncWithScroll]);\n\n\tconst jumpTo = useCallback(\n\t\t(key: number) => {\n\t\t\tconst scroller = scrollerRef.current;\n\t\t\tif (!scroller) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst index = clamp(key - startKey, 0, total - 1);\n\t\t\tscroller.scrollTop = index * MONTH_HEIGHT;\n\t\t\tsetCurrentIndex(index);\n\t\t\tsetWindowStart(getWindowStart(index));\n\t\t},\n\t\t[getWindowStart, startKey, total]\n\t);\n\n\t// Смещение считаем от scrollTop, а не от state: он обновляется синхронно,\n\t// поэтому быстрые клики подряд не теряются до перерендера\n\tconst jumpBy = (delta: number) => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (scroller) {\n\t\t\tjumpTo(startKey + Math.round(scroller.scrollTop / MONTH_HEIGHT) + delta);\n\t\t}\n\t};\n\n\tconst current = fromKey(startKey + currentIndex);\n\tconst previous = fromKey(startKey + currentIndex - 1);\n\tconst next = fromKey(startKey + currentIndex + 1);\n\tconst isFirst = currentIndex === 0;\n\tconst isLast = currentIndex === total - 1;\n\n\tconst onMonthSelect = (event: ChangeEvent<HTMLSelectElement>) => {\n\t\tjumpTo(current.getFullYear() * 12 + Number(event.target.value));\n\t};\n\n\tconst onYearSelect = (event: ChangeEvent<HTMLSelectElement>) => {\n\t\tjumpTo(Number(event.target.value) * 12 + current.getMonth());\n\t};\n\n\t// DayPicker типизирует locale как Partial, но на деле это полноценная date-fns Locale\n\tconst dateFnsLocale = locale as Locale;\n\t// Подписи для a11y берём из тех же labels, что и DayPicker, чтобы переопределялись одним пропсом\n\tconst labels = props.labels;\n\n\tconst monthOptions: DropdownOption[] = useMemo(\n\t\t() =>\n\t\t\tArray.from({ length: 12 }, (_, month) => ({\n\t\t\t\tvalue: month,\n\t\t\t\tlabel: format(new Date(2000, month, 1), \"LLLL\", { locale: dateFnsLocale }),\n\t\t\t\tdisabled: false\n\t\t\t})),\n\t\t[dateFnsLocale]\n\t);\n\n\tconst weekdayNames = useMemo(() => {\n\t\tconst first = startOfWeek(new Date(), { locale: dateFnsLocale, weekStartsOn });\n\t\treturn Array.from({ length: 7 }, (_, day) => format(addDays(first, day), \"EEEEEE\", { locale: dateFnsLocale }));\n\t}, [dateFnsLocale, weekStartsOn]);\n\n\tconst yearOptions: DropdownOption[] = useMemo(() => {\n\t\tconst first = Math.floor(startKey / 12);\n\t\tconst last = Math.floor(endKey / 12);\n\t\treturn Array.from({ length: last - first + 1 }, (_, i) => ({\n\t\t\tvalue: first + i,\n\t\t\tlabel: String(first + i),\n\t\t\tdisabled: false\n\t\t}));\n\t}, [startKey, endKey]);\n\n\tconst classNamesMemoized: DayPickerProps[\"classNames\"] = useMemo(\n\t\t() => ({\n\t\t\tmonths: \"flex flex-col\",\n\t\t\tmonth: \"flex h-[280px] flex-col gap-1 pb-4\",\n\t\t\tmonth_caption: \"flex items-center px-2 capitalize\",\n\t\t\tcaption_label: \"select-none text-sm font-medium\",\n\t\t\tmonth_grid: \"w-full border-collapse\",\n\t\t\tweekdays: \"hidden\",\n\t\t\tweek: \"mt-1 flex h-9\",\n\t\t\tday: \"size-9 shrink-0 border-0 p-0\",\n\t\t\thidden: \"invisible\",\n\t\t\t...classNames\n\t\t}),\n\t\t[classNames]\n\t);\n\n\tconst componentsMemoized: DayPickerProps[\"components\"] = useMemo(\n\t\t() => ({ Months: CalendarScrollMonths, DayButton: CalendarScrollDayButton, ...components }),\n\t\t[components]\n\t);\n\n\tconst firstMonth = useMemo(() => fromKey(startKey), [startKey]);\n\tconst lastMonth = useMemo(() => fromKey(endKey), [endKey]);\n\tconst windowMonth = useMemo(() => fromKey(startKey + windowStart), [startKey, windowStart]);\n\n\treturn (\n\t\t<div className={styles.root({ className })}>\n\t\t\t<div className={styles.header()}>\n\t\t\t\t<div className={styles.nav()}>\n\t\t\t\t\t<CalendarPreviousMonthButton\n\t\t\t\t\t\taria-label={(labels?.labelPrevious ?? labelPrevious)(isFirst ? undefined : previous)}\n\t\t\t\t\t\tdisabled={isFirst}\n\t\t\t\t\t\tonClick={() => jumpBy(-1)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CalendarChevron orientation=\"left\" />\n\t\t\t\t\t</CalendarPreviousMonthButton>\n\t\t\t\t\t<div className={styles.dropdowns()}>\n\t\t\t\t\t\t<CalendarDropdown\n\t\t\t\t\t\t\taria-label={(labels?.labelMonthDropdown ?? labelMonthDropdown)()}\n\t\t\t\t\t\t\toptions={monthOptions}\n\t\t\t\t\t\t\tvalue={current.getMonth()}\n\t\t\t\t\t\t\tonChange={onMonthSelect}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<CalendarDropdown\n\t\t\t\t\t\t\taria-label={(labels?.labelYearDropdown ?? labelYearDropdown)()}\n\t\t\t\t\t\t\toptions={yearOptions}\n\t\t\t\t\t\t\tvalue={current.getFullYear()}\n\t\t\t\t\t\t\tonChange={onYearSelect}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<CalendarNextMonthButton\n\t\t\t\t\t\taria-label={(labels?.labelNext ?? labelNext)(isLast ? undefined : next)}\n\t\t\t\t\t\tdisabled={isLast}\n\t\t\t\t\t\tonClick={() => jumpBy(1)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CalendarChevron orientation=\"right\" />\n\t\t\t\t\t</CalendarNextMonthButton>\n\t\t\t\t</div>\n\t\t\t\t<div className={styles.weekdays()} aria-hidden=\"true\">\n\t\t\t\t\t{weekdayNames.map((name, index) => (\n\t\t\t\t\t\t<span key={index} className={styles.weekday()}>\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div ref={scrollerRef} className={styles.scroller()} data-calendar-scroll-scroller=\"\" onScroll={onScroll}>\n\t\t\t\t<div style={{ height: total * MONTH_HEIGHT }}>\n\t\t\t\t\t<div className={styles.window()} style={{ top: windowStart * MONTH_HEIGHT }}>\n\t\t\t\t\t\t<DayPicker\n\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tweekStartsOn={weekStartsOn}\n\t\t\t\t\t\t\tstartMonth={firstMonth}\n\t\t\t\t\t\t\tendMonth={lastMonth}\n\t\t\t\t\t\t\tmonth={windowMonth}\n\t\t\t\t\t\t\tnumberOfMonths={windowSize}\n\t\t\t\t\t\t\tcaptionLayout=\"label\"\n\t\t\t\t\t\t\tfixedWeeks\n\t\t\t\t\t\t\thideNavigation\n\t\t\t\t\t\t\tshowOutsideDays={false}\n\t\t\t\t\t\t\tclassNames={classNamesMemoized}\n\t\t\t\t\t\t\tcomponents={componentsMemoized}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nCalendarScroll.displayName = \"CalendarScroll\";\n"],"names":["MONTH_HEIGHT","DEFAULT_WINDOW_SIZE","BUFFER_BEFORE","DEFAULT_YEARS_BACK","DEFAULT_END_YEAR","calendarScrollStyles","tv","toKey","date","fromKey","key","clamp","value","min","max","CalendarScrollDayButton","modifiers","props","anchorRef","useRef","isFirstRun","useEffect","isMount","button","scroller","jsx","CalendarDayButton","CalendarScrollMonths","children","Months","Children","child","isValidElement","cloneElement","CalendarScroll","className","classNames","locale","enUS","weekStartsOn","startMonth","endMonth","defaultMonth","components","styles","scrollerRef","frameRef","startKey","endKey","total","windowSizeLimit","setWindowSizeLimit","useState","windowSize","getWindowStart","useCallback","index","initialIndex","currentIndex","setCurrentIndex","windowStart","setWindowStart","useIsomorphicLayoutEffect","visibleMonths","syncWithScroll","scrollTop","onScroll","jumpTo","jumpBy","delta","current","previous","next","isFirst","isLast","onMonthSelect","event","onYearSelect","dateFnsLocale","labels","monthOptions","useMemo","_","month","format","weekdayNames","first","startOfWeek","day","addDays","yearOptions","last","i","classNamesMemoized","componentsMemoized","firstMonth","lastMonth","windowMonth","jsxs","CalendarPreviousMonthButton","labelPrevious","CalendarChevron","CalendarDropdown","labelMonthDropdown","labelYearDropdown","CalendarNextMonthButton","labelNext","name","DayPicker"],"mappings":"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"}

package/dist/components/calendar.js

@@ -1,96 +1,16 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useMemo as l } from "react";
-import { T as n } from "../index-BVqs-uqP.js";
-import { C as w } from "../chevron-left-D6FtXcdU.js";
-import { C } from "../chevron-right-D3juAhA-.js";
-import { C as N } from "../chevron-up-UDiVTHo0.js";
-import { C as k } from "../chevron-down-CAOItu8X.js";
-import { i as _, R as B, q as D, w as M } from "../DayPicker-4hE1QEvO.js";
-import { B as u } from "../Button-BZ3ON1Tj.js";
-const s = n({
-  base: "size-4"
-}), m = ({ className: e, orientation: t, ...o }) => t === "left" ? /* @__PURE__ */ a(w, { className: s({ className: e }), ...o }) : t === "right" ? /* @__PURE__ */ a(C, { className: s({ className: e }), ...o }) : t === "up" ? /* @__PURE__ */ a(N, { className: s({ className: e }), ...o }) : /* @__PURE__ */ a(k, { className: s({ className: e }), ...o });
-m.displayName = "CalendarChevron";
-const R = n({
-  base: [
-    "inline-flex items-center justify-center gap-2",
-    "aspect-square h-9 shrink-0 p-2.5",
-    "text-xs font-medium text-foreground transition-all",
-    "cursor-pointer select-none",
-    "disabled:pointer-events-none disabled:text-muted-foreground disabled:opacity-50",
-    "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary",
-    "focus-visible:rounded-md"
-  ],
-  variants: {
-    selected: {
-      true: "bg-primary text-primary-foreground"
-    },
-    range_middle: {
-      true: "bg-secondary-bg-hover text-card-foreground"
-    },
-    outside: {
-      true: "text-muted-foreground"
-    },
-    today: {
-      true: "relative after:absolute after:bottom-1 after:left-1/2 after:h-1 after:w-1 after:-translate-x-1/2 after:rounded-full after:bg-primary"
-    }
-  },
-  compoundVariants: [
-    {
-      selected: !1,
-      className: "hover:bg-secondary-bg-hover"
-    },
-    {
-      selected: !0,
-      range_start: !1,
-      range_end: !1,
-      range_middle: !1,
-      className: "rounded-md"
-    },
-    {
-      selected: !0,
-      range_start: !0,
-      className: "rounded-l-md"
-    },
-    {
-      selected: !0,
-      range_end: !0,
-      className: "rounded-r-md"
-    },
-    {
-      today: !0,
-      selected: !0,
-      range_middle: !1,
-      className: "after:bg-primary-foreground"
-    },
-    {
-      outside: !0,
-      selected: !1,
-      className: "hover:text-primary-fg"
-    }
-  ]
-}), c = ({ modifiers: e, className: t, ...o }) => /* @__PURE__ */ a(
-  _,
-  {
-    modifiers: e,
-    className: R({ ...e, className: t }),
-    ...o,
-    disabled: e.disabled
-  }
-);
-c.displayName = "CalendarDayButton";
-const f = ({ className: e, ...t }) => /* @__PURE__ */ a(u, { ...t, variant: "ghost", className: e });
-f.displayName = "CalendarNextMonthButton";
-const p = ({ className: e, ...t }) => /* @__PURE__ */ a(u, { ...t, variant: "ghost", className: e });
-p.displayName = "CalendarPreviousMonthButton";
-const j = n({
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as r } from "react";
+import { T as a } from "../index-BVqs-uqP.js";
+import { e as y, c as w, C as h, b as x, d as k, a as C } from "../CalendarPreviousMonthButton-qT7qDPbO.js";
+import { R as g, y as D, D as v } from "../DayPicker-Cu2Kn-he.js";
+const N = a({
   base: [
     "w-fit rounded-md border bg-background",
     "border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm"
   ]
-}), b = ({ className: e, ...t }) => /* @__PURE__ */ a(B, { ...t, className: j({ className: e }) });
-b.displayName = "CalendarRoot";
-const S = n({
+}), c = ({ className: o, ...t }) => /* @__PURE__ */ s(g, { ...t, className: N({ className: o }) });
+c.displayName = "CalendarRoot";
+const M = a({
   base: [
     "inline-flex items-center justify-center gap-2",
     "transition-all",
@@ -98,9 +18,9 @@ const S = n({
     "w-9 shrink-0 rounded p-0",
     "opacity-70"
   ]
-}), g = ({ className: e, ...t }) => /* @__PURE__ */ a(D, { className: S({ className: e }), ...t });
-g.displayName = "CalendarWeekDay";
-const z = n({
+}), m = ({ className: o, ...t }) => /* @__PURE__ */ s(D, { className: M({ className: o }), ...t });
+m.displayName = "CalendarWeekDay";
+const _ = a({
   base: [
     "bg-background p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent"
   ],
@@ -110,77 +30,62 @@ const z = n({
     nav: "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
     month_caption: "flex h-9 w-full items-center justify-center px-2 capitalize",
     dropdowns: "flex h-9 w-full items-center justify-center gap-1.5 text-sm font-medium",
-    dropdown_root: [
-      "has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px]",
-      "shadow-xs relative rounded-md border border-input"
-    ],
-    dropdown: "absolute inset-0 bg-background opacity-0",
     table: "w-full border-collapse",
     weekdays: "flex",
     week: "mt-1 flex",
     hidden: "invisible",
     day: "border-0 p-0"
   }
-}), W = n({
-  base: "select-none font-medium",
-  variants: {
-    layout: {
-      label: "text-sm",
-      dropdown: "flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground"
-    }
-  },
-  defaultVariants: {
-    layout: "label"
-  }
-}), P = ({
-  className: e,
+}), B = a({
+  base: "select-none text-sm font-medium"
+}), R = ({
+  className: o,
   classNames: t,
-  showOutsideDays: o = !0,
+  showOutsideDays: i = !0,
   captionLayout: d = "dropdown",
-  components: i,
-  ...y
+  components: l,
+  ...p
 }) => {
-  const r = z(), h = l(() => new Date(2100, 11, 31), []), x = l(() => ({
-    months: r.months(),
-    month: r.month(),
-    nav: r.nav(),
-    month_caption: r.month_caption(),
-    dropdowns: r.dropdowns(),
-    dropdown_root: r.dropdown_root(),
-    dropdown: r.dropdown(),
-    caption_label: W({
-      layout: d === "label" ? d : "dropdown"
-    }),
-    table: r.table(),
-    weekdays: r.weekdays(),
-    week: r.week(),
-    hidden: r.hidden(),
-    day: r.day(),
+  const e = _(), n = y(), u = r(() => new Date(2100, 11, 31), []), b = r(() => ({
+    months: e.months(),
+    month: e.month(),
+    nav: e.nav(),
+    month_caption: e.month_caption(),
+    dropdowns: e.dropdowns(),
+    dropdown_root: n.root(),
+    dropdown: n.select(),
+    caption_label: d === "label" ? B() : n.label(),
+    table: e.table(),
+    weekdays: e.weekdays(),
+    week: e.week(),
+    hidden: e.hidden(),
+    day: e.day(),
     ...t
-  }), [t]), v = l(() => ({
-    Root: b,
-    Chevron: m,
-    DayButton: c,
-    Weekday: g,
-    PreviousMonthButton: p,
-    NextMonthButton: f,
-    ...i
-  }), [i]);
-  return /* @__PURE__ */ a(
-    M,
+  }), [t]), f = r(() => ({
+    Root: c,
+    Chevron: C,
+    DayButton: k,
+    Dropdown: x,
+    Weekday: m,
+    PreviousMonthButton: h,
+    NextMonthButton: w,
+    ...l
+  }), [l]);
+  return /* @__PURE__ */ s(
+    v,
     {
-      endMonth: h,
-      showOutsideDays: o,
-      className: r.base({ className: e }),
+      endMonth: u,
+      showOutsideDays: i,
+      className: e.base({ className: o }),
       captionLayout: d,
-      classNames: x,
-      components: v,
-      ...y
+      classNames: b,
+      components: f,
+      ...p
     }
   );
 };
-P.displayName = "Calendar";
+R.displayName = "Calendar";
 export {
-  P as Calendar
+  R as Calendar
 };
 //# sourceMappingURL=calendar.js.map