ics-ui-kit 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/components/calendar-scroll.js

@@ -0,0 +1,181 @@
+import { jsx as n, jsxs as E } from "react/jsx-runtime";
+import { useRef as C, useState as A, useCallback as N, useLayoutEffect as ue, useEffect as Z, useMemo as i, Children as he, cloneElement as me, isValidElement as fe } from "react";
+import { T as pe } from "../index-BVqs-uqP.js";
+import { f as H, e as be, s as we, a as xe, C as ye, l as Me, b as P, c as q, d as ve, g as ge, h as De, i as Ee, D as Ne, j as Se, M as Ce } from "../CalendarPreviousMonthButton-CHMp8bkd.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(), f = (o) => new Date(Math.floor(o / 12), o % 12, 1), S = (o, s, a) => Math.min(Math.max(o, s), a), Le = ({ modifiers: o, ...s }) => {
+  const a = C(null), h = C(!0);
+  return Z(() => {
+    const F = h.current;
+    if (h.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(Se, { ...s, modifiers: { ...o, focused: !1 } }) });
+}, Te = ({ children: o, ...s }) => /* @__PURE__ */ n(Ce, { ...s, children: he.toArray(o).map(
+  (a) => fe(a) && a.props.calendarMonth ? me(a, { key: a.props.calendarMonth.date.getTime() }) : a
+) }), Ae = ({
+  className: o,
+  classNames: s,
+  locale: a = be,
+  weekStartsOn: h,
+  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] = A(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] = A(_), [L, W] = A(() => 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 j = 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, j();
+    }));
+  }, [j]), T = N(
+    (e) => {
+      const t = p.current;
+      if (!t)
+        return;
+      const m = S(e - r, 0, l - 1);
+      t.scrollTop = m * d, z(m), W(w(m));
+    },
+    [w, r, l]
+  ), I = (e) => {
+    const t = p.current;
+    t && T(r + Math.round(t.scrollTop / d) + e);
+  }, g = f(r + x), $ = f(r + x - 1), ee = f(r + x + 1), O = x === 0, K = x === l - 1, te = (e) => {
+    T(g.getFullYear() * 12 + Number(e.target.value));
+  }, oe = (e) => {
+    T(Number(e.target.value) * 12 + g.getMonth());
+  }, y = a, D = Y.labels, ne = i(
+    () => Array.from({ length: 12 }, (e, t) => ({
+      value: t,
+      label: H(new Date(2e3, t, 1), "LLLL", { locale: y }),
+      disabled: !1
+    })),
+    [y]
+  ), re = i(() => {
+    const e = we(/* @__PURE__ */ new Date(), { locale: y, weekStartsOn: h });
+    return Array.from({ length: 7 }, (t, m) => H(xe(e, m), "EEEEEE", { locale: y }));
+  }, [y, h]), ae = i(() => {
+    const e = Math.floor(r / 12), t = Math.floor(b / 12);
+    return Array.from({ length: t - e + 1 }, (m, 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: Te, DayButton: Le, ...R }),
+    [R]
+  ), ce = i(() => f(r), [r]), ie = i(() => f(b), [b]), de = i(() => f(r + L), [r, L]);
+  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(
+          ye,
+          {
+            "aria-label": (D?.labelPrevious ?? Me)(O ? void 0 : $),
+            disabled: O,
+            onClick: () => I(-1),
+            children: /* @__PURE__ */ n(P, { orientation: "left" })
+          }
+        ),
+        /* @__PURE__ */ E("div", { className: c.dropdowns(), children: [
+          /* @__PURE__ */ n(
+            q,
+            {
+              "aria-label": (D?.labelMonthDropdown ?? ve)(),
+              options: ne,
+              value: g.getMonth(),
+              onChange: te
+            }
+          ),
+          /* @__PURE__ */ n(
+            q,
+            {
+              "aria-label": (D?.labelYearDropdown ?? ge)(),
+              options: ae,
+              value: g.getFullYear(),
+              onChange: oe
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n(
+          De,
+          {
+            "aria-label": (D?.labelNext ?? Ee)(K ? void 0 : ee),
+            disabled: K,
+            onClick: () => I(1),
+            children: /* @__PURE__ */ n(P, { 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: L * d }, children: /* @__PURE__ */ n(
+      Ne,
+      {
+        ...Y,
+        locale: a,
+        weekStartsOn: h,
+        startMonth: ce,
+        endMonth: ie,
+        month: de,
+        numberOfMonths: k,
+        captionLayout: "label",
+        fixedWeeks: !0,
+        hideNavigation: !0,
+        showOutsideDays: !1,
+        classNames: le,
+        components: se
+      }
+    ) }) }) })
+  ] });
+};
+Ae.displayName = "CalendarScroll";
+export {
+  Ae 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 { addDays, format, Locale, startOfWeek } from \"date-fns\";\r\nimport {\r\n\tChangeEvent,\r\n\tChildren,\r\n\tcloneElement,\r\n\tisValidElement,\r\n\tuseCallback,\r\n\tuseEffect,\r\n\tuseLayoutEffect,\r\n\tuseMemo,\r\n\tuseRef,\r\n\tuseState\r\n} from \"react\";\r\nimport {\r\n\tDayPicker,\r\n\tDayPickerProps,\r\n\tDropdownOption,\r\n\tlabelMonthDropdown,\r\n\tlabelNext,\r\n\tlabelPrevious,\r\n\tlabelYearDropdown,\r\n\tMonthProps,\r\n\tMonths,\r\n\tMonthsProps\r\n} from \"react-day-picker\";\r\nimport { enUS } from \"react-day-picker/locale\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { CalendarChevron } from \"../calendar/components/calendar-chevron/CalendarChevron\";\r\nimport {\r\n\tCalendarDayButton,\r\n\tCalendarDayButtonProps\r\n} from \"../calendar/components/calendar-day-button/CalendarDayButton\";\r\nimport { CalendarNextMonthButton } from \"../calendar/components/calendar-next-month-button/CalendarNextMonthButton\";\r\nimport { CalendarPreviousMonthButton } from \"../calendar/components/calendar-previous-month-button/CalendarPreviousMonthButton\";\r\nimport { CalendarDropdown } from \"../calendar/components/calendar-dropdown/CalendarDropdown\";\r\n\r\n/**\r\n * Высота одного месяца в px. Фиксирована (6 недель всегда), поэтому позицию месяца\r\n * в скролле считаем арифметикой, без измерений DOM:\r\n * подпись 20 (text-sm) + gap 4 + 6 недель × (36 + 4) + нижний отступ 16 = 280.\r\n * Если меняете стили месяца ниже — меняйте и эту константу.\r\n */\r\nconst MONTH_HEIGHT = 280;\r\n/**\r\n * Сколько месяцев лежит в DOM до замера высоты скроллера. После монтирования окно\r\n * подгоняется под реальную высоту: видимые месяцы + 1 снизу + BUFFER_BEFORE сверху.\r\n * Каждый лишний месяц — ~42 дня, которые DayPicker пересчитывает на любом рендере.\r\n */\r\nconst DEFAULT_WINDOW_SIZE = 4;\r\n/** Сколько месяцев держим в DOM выше верхнего видимого */\r\nconst BUFFER_BEFORE = 1;\r\nconst DEFAULT_YEARS_BACK = 100;\r\nconst DEFAULT_END_YEAR = 2100;\r\n\r\nconst calendarScrollStyles = tv({\r\n\tslots: {\r\n\t\troot: [\r\n\t\t\t\"flex h-[420px] w-fit flex-col overflow-hidden rounded-md\",\r\n\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm\"\r\n\t\t],\r\n\t\theader: \"flex flex-col gap-2 border-b border-secondary-border p-3 pb-2\",\r\n\t\tnav: \"flex h-9 items-center justify-between gap-1\",\r\n\t\tdropdowns: \"flex items-center justify-center gap-1.5 text-sm font-medium capitalize\",\r\n\t\tweekdays: \"flex\",\r\n\t\tweekday: \"w-9 shrink-0 text-center text-xs font-medium text-muted-foreground opacity-70\",\r\n\t\tscroller: \"relative flex-1 overflow-y-auto overscroll-contain px-3\",\r\n\t\twindow: \"absolute inset-x-3 top-0\"\r\n\t}\r\n});\r\n\r\nconst toKey = (date: Date) => date.getFullYear() * 12 + date.getMonth();\r\nconst fromKey = (key: number) => new Date(Math.floor(key / 12), key % 12, 1);\r\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\r\n\r\n/**\r\n * Кнопка дня для вертикального скролла.\r\n *\r\n * Штатный DayButton из react-day-picker зовёт `focus()` без `preventScroll`, когда день\r\n * получает флаг `focused`. В скролл-списке это ломает прокрутку: окно месяцев сдвигается,\r\n * ранее выбранный день снова попадает в DOM, фокус на него утягивает скролл назад.\r\n * Поэтому программный фокус делаем сами: только при клавиатурной навигации (фокус уже\r\n * внутри скроллера), с `preventScroll`, и скроллим к дню лишь если он вне видимой области.\r\n */\r\nconst CalendarScrollDayButton = ({ modifiers, ...props }: CalendarDayButtonProps) => {\r\n\tconst anchorRef = useRef<HTMLSpanElement>(null);\r\n\tconst isFirstRun = useRef(true);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst isMount = isFirstRun.current;\r\n\t\tisFirstRun.current = false;\r\n\t\tif (!modifiers.focused || isMount) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst button = anchorRef.current?.querySelector(\"button\");\r\n\t\tconst scroller = button?.closest(\"[data-calendar-scroll-scroller]\");\r\n\t\tif (!button || !scroller || button === document.activeElement) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (scroller.contains(document.activeElement)) {\r\n\t\t\tbutton.focus({ preventScroll: true });\r\n\t\t\tbutton.scrollIntoView({ block: \"nearest\" });\r\n\t\t}\r\n\t}, [modifiers.focused]);\r\n\r\n\treturn (\r\n\t\t<span ref={anchorRef} className=\"contents\">\r\n\t\t\t<CalendarDayButton {...props} modifiers={{ ...modifiers, focused: false }} />\r\n\t\t</span>\r\n\t);\r\n};\r\n\r\n/**\r\n * Контейнер месяцев с ключами по самому месяцу.\r\n *\r\n * DayPicker ключует месяцы по позиции (`displayIndex`), а дни — по дате и месяцу показа.\r\n * При сдвиге окна на месяц каждая позиция получает другой месяц, и React пересоздаёт\r\n * все дни всех месяцев окна. Перекладываем ключ на `yyyy-MM`: месяцы, оставшиеся в окне,\r\n * сохраняют свои узлы, монтируется только вошедший месяц. Заодно не теряется фокус\r\n * на только что нажатом дне.\r\n */\r\nconst CalendarScrollMonths = ({ children, ...props }: MonthsProps) => (\r\n\t<Months {...props}>\r\n\t\t{Children.toArray(children).map((child) =>\r\n\t\t\tisValidElement<MonthProps>(child) && child.props.calendarMonth\r\n\t\t\t\t? cloneElement(child, { key: child.props.calendarMonth.date.getTime() })\r\n\t\t\t\t: child\r\n\t\t)}\r\n\t</Months>\r\n);\r\n\r\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;\r\n\r\n/** Пропсы DayPicker, которыми управляет сам CalendarScroll */\r\ntype ManagedProps =\r\n\t| \"month\"\r\n\t| \"onMonthChange\"\r\n\t| \"numberOfMonths\"\r\n\t| \"captionLayout\"\r\n\t| \"fixedWeeks\"\r\n\t| \"hideNavigation\"\r\n\t| \"showOutsideDays\"\r\n\t| \"pagedNavigation\"\r\n\t| \"reverseMonths\";\r\n\r\nexport type CalendarScrollProps = DistributiveOmit<DayPickerProps, ManagedProps>;\r\n\r\n/**\r\n * CalendarScroll — календарь с вертикальным скроллом месяцев (как в мобильных банках).\r\n *\r\n * Месяцы идут друг за другом, сверху общая шапка с селектами месяца и года для быстрого\r\n * прыжка. Селекты синхронизированы со скроллом. В DOM лежит только окно из нескольких\r\n * месяцев, поэтому диапазон может быть широким (по умолчанию ±100 лет). Виртуализацию лучше\r\n * не отключать: без неё DayPicker пересчитывал бы дни всех месяцев диапазона на каждом рендере.\r\n *\r\n * Высота задаётся через `className` (по умолчанию 420px). Выбор дат — те же `mode`,\r\n * `selected`, `onSelect`, что и у Calendar.\r\n */\r\nexport const CalendarScroll = ({\r\n\tclassName,\r\n\tclassNames,\r\n\tlocale = enUS,\r\n\tweekStartsOn,\r\n\tstartMonth,\r\n\tendMonth,\r\n\tdefaultMonth,\r\n\tcomponents,\r\n\t...props\r\n}: CalendarScrollProps) => {\r\n\tconst styles = calendarScrollStyles();\r\n\tconst scrollerRef = useRef<HTMLDivElement>(null);\r\n\tconst frameRef = useRef(0);\r\n\r\n\tconst startKey = toKey(startMonth ?? new Date(new Date().getFullYear() - DEFAULT_YEARS_BACK, 0, 1));\r\n\tconst endKey = toKey(endMonth ?? new Date(DEFAULT_END_YEAR, 11, 1));\r\n\tconst total = Math.max(endKey - startKey + 1, 1);\r\n\tconst [windowSizeLimit, setWindowSizeLimit] = useState(DEFAULT_WINDOW_SIZE);\r\n\tconst windowSize = Math.min(windowSizeLimit, total);\r\n\r\n\tconst getWindowStart = useCallback(\r\n\t\t(index: number) => clamp(index - BUFFER_BEFORE, 0, total - windowSize),\r\n\t\t[total, windowSize]\r\n\t);\r\n\r\n\tconst initialIndex = clamp(toKey(defaultMonth ?? new Date()) - startKey, 0, total - 1);\r\n\tconst [currentIndex, setCurrentIndex] = useState(initialIndex);\r\n\tconst [windowStart, setWindowStart] = useState(() => getWindowStart(initialIndex));\r\n\r\n\t// Первичная позиция и размер окна — до отрисовки, чтобы не было прыжка и пустоты\r\n\tuseLayoutEffect(() => {\r\n\t\tconst scroller = scrollerRef.current;\r\n\t\tif (!scroller) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst visibleMonths = Math.ceil(scroller.clientHeight / MONTH_HEIGHT) + 1;\r\n\t\tscroller.scrollTop = initialIndex * MONTH_HEIGHT;\r\n\t\tsetWindowSizeLimit(Math.max(DEFAULT_WINDOW_SIZE, visibleMonths + BUFFER_BEFORE));\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tuseEffect(() => () => cancelAnimationFrame(frameRef.current), []);\r\n\r\n\tconst syncWithScroll = useCallback(() => {\r\n\t\tconst scroller = scrollerRef.current;\r\n\t\tif (!scroller) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst scrollTop = scroller.scrollTop;\r\n\t\tsetCurrentIndex(clamp(Math.round(scrollTop / MONTH_HEIGHT), 0, total - 1));\r\n\t\tsetWindowStart(getWindowStart(Math.floor(scrollTop / MONTH_HEIGHT)));\r\n\t}, [getWindowStart, total]);\r\n\r\n\tconst onScroll = useCallback(() => {\r\n\t\tif (frameRef.current) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tframeRef.current = requestAnimationFrame(() => {\r\n\t\t\tframeRef.current = 0;\r\n\t\t\tsyncWithScroll();\r\n\t\t});\r\n\t}, [syncWithScroll]);\r\n\r\n\tconst jumpTo = useCallback(\r\n\t\t(key: number) => {\r\n\t\t\tconst scroller = scrollerRef.current;\r\n\t\t\tif (!scroller) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tconst index = clamp(key - startKey, 0, total - 1);\r\n\t\t\tscroller.scrollTop = index * MONTH_HEIGHT;\r\n\t\t\tsetCurrentIndex(index);\r\n\t\t\tsetWindowStart(getWindowStart(index));\r\n\t\t},\r\n\t\t[getWindowStart, startKey, total]\r\n\t);\r\n\r\n\t// Смещение считаем от scrollTop, а не от state: он обновляется синхронно,\r\n\t// поэтому быстрые клики подряд не теряются до перерендера\r\n\tconst jumpBy = (delta: number) => {\r\n\t\tconst scroller = scrollerRef.current;\r\n\t\tif (scroller) {\r\n\t\t\tjumpTo(startKey + Math.round(scroller.scrollTop / MONTH_HEIGHT) + delta);\r\n\t\t}\r\n\t};\r\n\r\n\tconst current = fromKey(startKey + currentIndex);\r\n\tconst previous = fromKey(startKey + currentIndex - 1);\r\n\tconst next = fromKey(startKey + currentIndex + 1);\r\n\tconst isFirst = currentIndex === 0;\r\n\tconst isLast = currentIndex === total - 1;\r\n\r\n\tconst onMonthSelect = (event: ChangeEvent<HTMLSelectElement>) => {\r\n\t\tjumpTo(current.getFullYear() * 12 + Number(event.target.value));\r\n\t};\r\n\r\n\tconst onYearSelect = (event: ChangeEvent<HTMLSelectElement>) => {\r\n\t\tjumpTo(Number(event.target.value) * 12 + current.getMonth());\r\n\t};\r\n\r\n\t// DayPicker типизирует locale как Partial, но на деле это полноценная date-fns Locale\r\n\tconst dateFnsLocale = locale as Locale;\r\n\t// Подписи для a11y берём из тех же labels, что и DayPicker, чтобы переопределялись одним пропсом\r\n\tconst labels = props.labels;\r\n\r\n\tconst monthOptions: DropdownOption[] = useMemo(\r\n\t\t() =>\r\n\t\t\tArray.from({ length: 12 }, (_, month) => ({\r\n\t\t\t\tvalue: month,\r\n\t\t\t\tlabel: format(new Date(2000, month, 1), \"LLLL\", { locale: dateFnsLocale }),\r\n\t\t\t\tdisabled: false\r\n\t\t\t})),\r\n\t\t[dateFnsLocale]\r\n\t);\r\n\r\n\tconst weekdayNames = useMemo(() => {\r\n\t\tconst first = startOfWeek(new Date(), { locale: dateFnsLocale, weekStartsOn });\r\n\t\treturn Array.from({ length: 7 }, (_, day) => format(addDays(first, day), \"EEEEEE\", { locale: dateFnsLocale }));\r\n\t}, [dateFnsLocale, weekStartsOn]);\r\n\r\n\tconst yearOptions: DropdownOption[] = useMemo(() => {\r\n\t\tconst first = Math.floor(startKey / 12);\r\n\t\tconst last = Math.floor(endKey / 12);\r\n\t\treturn Array.from({ length: last - first + 1 }, (_, i) => ({\r\n\t\t\tvalue: first + i,\r\n\t\t\tlabel: String(first + i),\r\n\t\t\tdisabled: false\r\n\t\t}));\r\n\t}, [startKey, endKey]);\r\n\r\n\tconst classNamesMemoized: DayPickerProps[\"classNames\"] = useMemo(\r\n\t\t() => ({\r\n\t\t\tmonths: \"flex flex-col\",\r\n\t\t\tmonth: \"flex h-[280px] flex-col gap-1 pb-4\",\r\n\t\t\tmonth_caption: \"flex items-center px-2 capitalize\",\r\n\t\t\tcaption_label: \"select-none text-sm font-medium\",\r\n\t\t\tmonth_grid: \"w-full border-collapse\",\r\n\t\t\tweekdays: \"hidden\",\r\n\t\t\tweek: \"mt-1 flex h-9\",\r\n\t\t\tday: \"size-9 shrink-0 border-0 p-0\",\r\n\t\t\thidden: \"invisible\",\r\n\t\t\t...classNames\r\n\t\t}),\r\n\t\t[classNames]\r\n\t);\r\n\r\n\tconst componentsMemoized: DayPickerProps[\"components\"] = useMemo(\r\n\t\t() => ({ Months: CalendarScrollMonths, DayButton: CalendarScrollDayButton, ...components }),\r\n\t\t[components]\r\n\t);\r\n\r\n\tconst firstMonth = useMemo(() => fromKey(startKey), [startKey]);\r\n\tconst lastMonth = useMemo(() => fromKey(endKey), [endKey]);\r\n\tconst windowMonth = useMemo(() => fromKey(startKey + windowStart), [startKey, windowStart]);\r\n\r\n\treturn (\r\n\t\t<div className={styles.root({ className })}>\r\n\t\t\t<div className={styles.header()}>\r\n\t\t\t\t<div className={styles.nav()}>\r\n\t\t\t\t\t<CalendarPreviousMonthButton\r\n\t\t\t\t\t\taria-label={(labels?.labelPrevious ?? labelPrevious)(isFirst ? undefined : previous)}\r\n\t\t\t\t\t\tdisabled={isFirst}\r\n\t\t\t\t\t\tonClick={() => jumpBy(-1)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<CalendarChevron orientation=\"left\" />\r\n\t\t\t\t\t</CalendarPreviousMonthButton>\r\n\t\t\t\t\t<div className={styles.dropdowns()}>\r\n\t\t\t\t\t\t<CalendarDropdown\r\n\t\t\t\t\t\t\taria-label={(labels?.labelMonthDropdown ?? labelMonthDropdown)()}\r\n\t\t\t\t\t\t\toptions={monthOptions}\r\n\t\t\t\t\t\t\tvalue={current.getMonth()}\r\n\t\t\t\t\t\t\tonChange={onMonthSelect}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<CalendarDropdown\r\n\t\t\t\t\t\t\taria-label={(labels?.labelYearDropdown ?? labelYearDropdown)()}\r\n\t\t\t\t\t\t\toptions={yearOptions}\r\n\t\t\t\t\t\t\tvalue={current.getFullYear()}\r\n\t\t\t\t\t\t\tonChange={onYearSelect}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<CalendarNextMonthButton\r\n\t\t\t\t\t\taria-label={(labels?.labelNext ?? labelNext)(isLast ? undefined : next)}\r\n\t\t\t\t\t\tdisabled={isLast}\r\n\t\t\t\t\t\tonClick={() => jumpBy(1)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<CalendarChevron orientation=\"right\" />\r\n\t\t\t\t\t</CalendarNextMonthButton>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className={styles.weekdays()} aria-hidden=\"true\">\r\n\t\t\t\t\t{weekdayNames.map((name, index) => (\r\n\t\t\t\t\t\t<span key={index} className={styles.weekday()}>\r\n\t\t\t\t\t\t\t{name}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div ref={scrollerRef} className={styles.scroller()} data-calendar-scroll-scroller=\"\" onScroll={onScroll}>\r\n\t\t\t\t<div style={{ height: total * MONTH_HEIGHT }}>\r\n\t\t\t\t\t<div className={styles.window()} style={{ top: windowStart * MONTH_HEIGHT }}>\r\n\t\t\t\t\t\t<DayPicker\r\n\t\t\t\t\t\t\t{...props}\r\n\t\t\t\t\t\t\tlocale={locale}\r\n\t\t\t\t\t\t\tweekStartsOn={weekStartsOn}\r\n\t\t\t\t\t\t\tstartMonth={firstMonth}\r\n\t\t\t\t\t\t\tendMonth={lastMonth}\r\n\t\t\t\t\t\t\tmonth={windowMonth}\r\n\t\t\t\t\t\t\tnumberOfMonths={windowSize}\r\n\t\t\t\t\t\t\tcaptionLayout=\"label\"\r\n\t\t\t\t\t\t\tfixedWeeks\r\n\t\t\t\t\t\t\thideNavigation\r\n\t\t\t\t\t\t\tshowOutsideDays={false}\r\n\t\t\t\t\t\t\tclassNames={classNamesMemoized}\r\n\t\t\t\t\t\t\tcomponents={componentsMemoized}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nCalendarScroll.displayName = \"CalendarScroll\";\r\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","useLayoutEffect","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,15 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useMemo as l } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as r } 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-_qdP4hSf.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-hidden 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 { R as y, W as w, k as h, h as x, C as k, c as C, j as g, b as D, D as v } from "../CalendarPreviousMonthButton-CHMp8bkd.js";
+const N = n({
   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(y, { ...t, className: N({ className: o }) });
+c.displayName = "CalendarRoot";
+const M = n({
   base: [
     "inline-flex items-center justify-center gap-2",
     "transition-all",
@@ -98,9 +17,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({
+}), i = ({ className: o, ...t }) => /* @__PURE__ */ s(w, { className: M({ className: o }), ...t });
+i.displayName = "CalendarWeekDay";
+const _ = n({
   base: [
     "bg-background p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent"
   ],
@@ -110,77 +29,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,
+}), j = n({
+  base: "select-none text-sm font-medium"
+}), B = ({
+  className: o,
   classNames: t,
-  showOutsideDays: o = !0,
+  showOutsideDays: m = !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 = _(), a = h(), 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: a.root(),
+    dropdown: a.select(),
+    caption_label: d === "label" ? j() : a.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: D,
+    DayButton: g,
+    Dropdown: C,
+    Weekday: i,
+    PreviousMonthButton: k,
+    NextMonthButton: x,
+    ...l
+  }), [l]);
+  return /* @__PURE__ */ s(
+    v,
     {
-      endMonth: h,
-      showOutsideDays: o,
-      className: r.base({ className: e }),
+      endMonth: u,
+      showOutsideDays: m,
+      className: e.base({ className: o }),
       captionLayout: d,
-      classNames: x,
-      components: v,
-      ...y
+      classNames: b,
+      components: f,
+      ...p
     }
   );
 };
-P.displayName = "Calendar";
+B.displayName = "Calendar";
 export {
-  P as Calendar
+  B as Calendar
 };
 //# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sources":["../../src/components/calendar/components/calendar-chevron/CalendarChevron.tsx","../../src/components/calendar/components/calendar-day-button/CalendarDayButton.tsx","../../src/components/calendar/components/calendar-next-month-button/CalendarNextMonthButton.tsx","../../src/components/calendar/components/calendar-previous-month-button/CalendarPreviousMonthButton.tsx","../../src/components/calendar/components/calendar-root/CalendarRoot.tsx","../../src/components/calendar/components/calendar-week-day/CalendarWeekDay.tsx","../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon } from \"lucide-react\";\r\nimport { ChevronProps } from \"react-day-picker\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst calendarChevronStyles = tv({\r\n\tbase: \"size-4\"\r\n});\r\n\r\n/**\r\n * Компонент для отображения стрелок навигации в Calendar\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param orientation - Направление стрелки ('left' | 'right' | 'up' | 'down')\r\n * @param props - Остальные пропсы от react-day-picker Chevron\r\n */\r\nexport const CalendarChevron = ({ className, orientation, ...props }: ChevronProps): React.JSX.Element => {\r\n\tif (orientation === \"left\") {\r\n\t\treturn <ChevronLeftIcon className={calendarChevronStyles({ className })} {...props} />;\r\n\t}\r\n\tif (orientation === \"right\") {\r\n\t\treturn <ChevronRightIcon className={calendarChevronStyles({ className })} {...props} />;\r\n\t}\r\n\tif (orientation === \"up\") {\r\n\t\treturn <ChevronUpIcon className={calendarChevronStyles({ className })} {...props} />;\r\n\t}\r\n\treturn <ChevronDownIcon className={calendarChevronStyles({ className })} {...props} />;\r\n};\r\n\r\nCalendarChevron.displayName = \"CalendarChevron\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport { DayButton, DayButtonProps } from \"react-day-picker\";\r\n\r\nconst calendarDayButtonStyles = tv({\r\n\tbase: [\r\n\t\t\"inline-flex items-center justify-center gap-2\",\r\n\t\t\"aspect-square h-9 shrink-0 p-2.5\",\r\n\t\t\"text-xs font-medium text-foreground transition-all\",\r\n\t\t\"cursor-pointer select-none\",\r\n\t\t\"disabled:pointer-events-none disabled:text-muted-foreground disabled:opacity-50\",\r\n\t\t\"focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-primary\",\r\n\t\t\"focus-visible:rounded-md\"\r\n\t],\r\n\tvariants: {\r\n\t\tselected: {\r\n\t\t\ttrue: \"bg-primary text-primary-foreground\"\r\n\t\t},\r\n\t\trange_middle: {\r\n\t\t\ttrue: \"bg-secondary-bg-hover text-card-foreground\"\r\n\t\t},\r\n\t\toutside: {\r\n\t\t\ttrue: \"text-muted-foreground\"\r\n\t\t},\r\n\t\ttoday: {\r\n\t\t\ttrue: \"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\"\r\n\t\t}\r\n\t},\r\n\tcompoundVariants: [\r\n\t\t{\r\n\t\t\tselected: false,\r\n\t\t\tclassName: \"hover:bg-secondary-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tselected: true,\r\n\t\t\trange_start: false,\r\n\t\t\trange_end: false,\r\n\t\t\trange_middle: false,\r\n\t\t\tclassName: \"rounded-md\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tselected: true,\r\n\t\t\trange_start: true,\r\n\t\t\tclassName: \"rounded-l-md\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tselected: true,\r\n\t\t\trange_end: true,\r\n\t\t\tclassName: \"rounded-r-md\"\r\n\t\t},\r\n\t\t{\r\n\t\t\ttoday: true,\r\n\t\t\tselected: true,\r\n\t\t\trange_middle: false,\r\n\t\t\tclassName: \"after:bg-primary-foreground\"\r\n\t\t},\r\n\t\t{\r\n\t\t\toutside: true,\r\n\t\t\tselected: false,\r\n\t\t\tclassName: \"hover:text-primary-fg\"\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport interface ModifiersRdp {\r\n\tselected?: boolean;\r\n\tdisabled?: boolean;\r\n\thidden?: boolean;\r\n\ttoday?: boolean;\r\n\tfocused?: boolean;\r\n\toutside?: boolean;\r\n\r\n\trange_start?: boolean;\r\n\trange_end?: boolean;\r\n\trange_middle?: boolean;\r\n}\r\n\r\nexport type CalendarDayButtonProps = DayButtonProps & { modifiers: ModifiersRdp };\r\n\r\n/**\r\n * Кнопка для отображения дня в Calendar\r\n *\r\n * @param modifiers - Модификаторы состояния дня (selected, disabled, today, etc.)\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker DayButton\r\n */\r\nexport const CalendarDayButton = ({ modifiers, className, ...props }: CalendarDayButtonProps) => {\r\n\treturn (\r\n\t\t<DayButton\r\n\t\t\tmodifiers={modifiers}\r\n\t\t\tclassName={calendarDayButtonStyles({ ...modifiers, className })}\r\n\t\t\t{...props}\r\n\t\t\tdisabled={modifiers.disabled}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nCalendarDayButton.displayName = \"CalendarDayButton\";\r\n","import { Button } from \"@/components/button\";\r\nimport { NextMonthButtonProps } from \"react-day-picker\";\r\n\r\n/**\r\n * Кнопка для перехода к следующему месяцу в Calendar, оборачивает компонент day-picker-chevron\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker NextMonthButton\r\n */\r\nexport const CalendarNextMonthButton = ({ className, ...props }: NextMonthButtonProps) => {\r\n\treturn <Button {...props} variant=\"ghost\" className={className} />;\r\n};\r\n\r\nCalendarNextMonthButton.displayName = \"CalendarNextMonthButton\";\r\n","import { Button } from \"@/components/button\";\r\nimport { PreviousMonthButtonProps } from \"react-day-picker\";\r\n\r\n/**\r\n * Кнопка для перехода к предыдущему месяцу в Calendar, оборачивает компонент day-picker-chevron\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker PreviousMonthButton\r\n */\r\nexport const CalendarPreviousMonthButton = ({ className, ...props }: PreviousMonthButtonProps) => {\r\n\treturn <Button {...props} variant=\"ghost\" className={className} />;\r\n};\r\n\r\nCalendarPreviousMonthButton.displayName = \"CalendarPreviousMonthButton\";\r\n","import { Root, RootProps } from \"react-day-picker\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst calendarRootStyles = tv({\r\n\tbase: [\r\n\t\t\"w-fit rounded-md border bg-background\",\r\n\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm\"\r\n\t]\r\n});\r\n\r\n/**\r\n * Корневой контейнер для Calendar\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker Root\r\n */\r\nexport const CalendarRoot = ({ className, ...props }: RootProps) => {\r\n\treturn <Root {...props} className={calendarRootStyles({ className })} />;\r\n};\r\n\r\nCalendarRoot.displayName = \"CalendarRoot\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport { Weekday, WeekdayProps } from \"react-day-picker\";\r\n\r\nconst calendarWeekDayStyles = tv({\r\n\tbase: [\r\n\t\t\"inline-flex items-center justify-center gap-2\",\r\n\t\t\"transition-all\",\r\n\t\t\"text-xs font-medium text-muted-foreground\",\r\n\t\t\"w-9 shrink-0 rounded p-0\",\r\n\t\t\"opacity-70\"\r\n\t]\r\n});\r\n\r\n/**\r\n * Компонент для отображения дня недели в Calendar\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker Weekday\r\n */\r\nexport const CalendarWeekDay = ({ className, ...props }: WeekdayProps) => {\r\n\treturn <Weekday className={calendarWeekDayStyles({ className })} {...props}></Weekday>;\r\n};\r\n\r\nCalendarWeekDay.displayName = \"CalendarWeekDay\";\r\n","import { useMemo } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { CalendarChevron } from \"./components/calendar-chevron/CalendarChevron\";\r\nimport { CalendarDayButton } from \"./components/calendar-day-button/CalendarDayButton\";\r\nimport { CalendarNextMonthButton } from \"./components/calendar-next-month-button/CalendarNextMonthButton\";\r\nimport { CalendarPreviousMonthButton } from \"./components/calendar-previous-month-button/CalendarPreviousMonthButton\";\r\nimport { CalendarRoot } from \"./components/calendar-root/CalendarRoot\";\r\nimport { CalendarWeekDay } from \"./components/calendar-week-day/CalendarWeekDay\";\r\nimport { DayPicker, DayPickerProps } from \"react-day-picker\";\r\n\r\nconst CalendarStyles = tv({\r\n\tbase: [\r\n\t\t\"bg-background p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\"\r\n\t],\r\n\tslots: {\r\n\t\tmonths: \"relative flex flex-col gap-4 md:flex-row\",\r\n\t\tmonth: \"flex w-full flex-col gap-4\",\r\n\t\tnav: \"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1\",\r\n\t\tmonth_caption: \"flex h-9 w-full items-center justify-center px-2 capitalize\",\r\n\t\tdropdowns: \"flex h-9 w-full items-center justify-center gap-1.5 text-sm font-medium\",\r\n\t\tdropdown_root: [\r\n\t\t\t\"has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px]\",\r\n\t\t\t\"shadow-xs relative rounded-md border border-input\"\r\n\t\t],\r\n\t\tdropdown: \"absolute inset-0 bg-background opacity-0\",\r\n\t\ttable: \"w-full border-collapse\",\r\n\t\tweekdays: \"flex\",\r\n\t\tweek: \"mt-1 flex\",\r\n\t\thidden: \"invisible\",\r\n\t\tday: \"border-0 p-0\"\r\n\t}\r\n});\r\n\r\nconst captionLabelStyle = tv({\r\n\tbase: \"select-none font-medium\",\r\n\tvariants: {\r\n\t\tlayout: {\r\n\t\t\tlabel: \"text-sm\",\r\n\t\t\tdropdown:\r\n\t\t\t\t\"flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tlayout: \"label\"\r\n\t}\r\n});\r\n\r\nexport type CalendarProps = DayPickerProps;\r\n\r\n/**\r\n * Calendar компонент для выбора дат\r\n *\r\n * Основан на [react-day-picker](https://Calendar.dev/) с кастомной стилизацией.\r\n * Поддерживает выбор одной даты, множественный выбор и выбор диапазона дат.\r\n *\r\n * @see https://ui-kit.ics-it.ru/?path=/docs/components-day-picker-Calendar--docs\r\n */\r\nexport const Calendar = ({\r\n\tclassName,\r\n\tclassNames,\r\n\tshowOutsideDays = true,\r\n\tcaptionLayout = \"dropdown\",\r\n\tcomponents,\r\n\t...props\r\n}: CalendarProps) => {\r\n\tconst styles = CalendarStyles();\r\n\r\n\t/**\r\n\t * По умолчанию react-day-picker ограничивает выбор даты:\r\n\t * - Минимум - текущий год минус 100 лет\r\n\t * - Максимум - последний месяц текущего года\r\n\t * Переопределяем это поведение, чтобы можно было выбирать даты до 2100 года.\r\n\t */\r\n\tconst endMonth = useMemo(() => {\r\n\t\treturn new Date(2100, 11, 31);\r\n\t}, []);\r\n\r\n\tconst classNamesMemoized: CalendarProps[\"classNames\"] = useMemo(() => {\r\n\t\treturn {\r\n\t\t\tmonths: styles.months(),\r\n\t\t\tmonth: styles.month(),\r\n\t\t\tnav: styles.nav(),\r\n\t\t\tmonth_caption: styles.month_caption(),\r\n\t\t\tdropdowns: styles.dropdowns(),\r\n\t\t\tdropdown_root: styles.dropdown_root(),\r\n\t\t\tdropdown: styles.dropdown(),\r\n\t\t\tcaption_label: captionLabelStyle({\r\n\t\t\t\tlayout: captionLayout === \"label\" ? captionLayout : \"dropdown\"\r\n\t\t\t}),\r\n\t\t\ttable: styles.table(),\r\n\t\t\tweekdays: styles.weekdays(),\r\n\t\t\tweek: styles.week(),\r\n\t\t\thidden: styles.hidden(),\r\n\t\t\tday: styles.day(),\r\n\t\t\t...classNames\r\n\t\t};\r\n\t}, [classNames]);\r\n\r\n\tconst componentsMemoized: CalendarProps[\"components\"] = useMemo(() => {\r\n\t\treturn {\r\n\t\t\tRoot: CalendarRoot,\r\n\t\t\tChevron: CalendarChevron,\r\n\t\t\tDayButton: CalendarDayButton,\r\n\t\t\tWeekday: CalendarWeekDay,\r\n\t\t\tPreviousMonthButton: CalendarPreviousMonthButton,\r\n\t\t\tNextMonthButton: CalendarNextMonthButton,\r\n\t\t\t...components\r\n\t\t};\r\n\t}, [components]);\r\n\r\n\treturn (\r\n\t\t<DayPicker\r\n\t\t\tendMonth={endMonth}\r\n\t\t\tshowOutsideDays={showOutsideDays}\r\n\t\t\tclassName={styles.base({ className })}\r\n\t\t\tcaptionLayout={captionLayout}\r\n\t\t\tclassNames={classNamesMemoized}\r\n\t\t\tcomponents={componentsMemoized}\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nCalendar.displayName = \"Calendar\";\r\n"],"names":["calendarChevronStyles","tv","CalendarChevron","className","orientation","props","jsx","ChevronLeftIcon","ChevronRightIcon","ChevronUpIcon","ChevronDownIcon","calendarDayButtonStyles","CalendarDayButton","modifiers","DayButton","CalendarNextMonthButton","Button","CalendarPreviousMonthButton","calendarRootStyles","CalendarRoot","Root","calendarWeekDayStyles","CalendarWeekDay","Weekday","CalendarStyles","captionLabelStyle","Calendar","classNames","showOutsideDays","captionLayout","components","styles","endMonth","useMemo","classNamesMemoized","componentsMemoized","DayPicker"],"mappings":"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"}
+{"version":3,"file":"calendar.js","sources":["../../src/components/calendar/components/calendar-root/CalendarRoot.tsx","../../src/components/calendar/components/calendar-week-day/CalendarWeekDay.tsx","../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { Root, RootProps } from \"react-day-picker\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst calendarRootStyles = tv({\r\n\tbase: [\r\n\t\t\"w-fit rounded-md border bg-background\",\r\n\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm\"\r\n\t]\r\n});\r\n\r\n/**\r\n * Корневой контейнер для Calendar\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker Root\r\n */\r\nexport const CalendarRoot = ({ className, ...props }: RootProps) => {\r\n\treturn <Root {...props} className={calendarRootStyles({ className })} />;\r\n};\r\n\r\nCalendarRoot.displayName = \"CalendarRoot\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport { Weekday, WeekdayProps } from \"react-day-picker\";\r\n\r\nconst calendarWeekDayStyles = tv({\r\n\tbase: [\r\n\t\t\"inline-flex items-center justify-center gap-2\",\r\n\t\t\"transition-all\",\r\n\t\t\"text-xs font-medium text-muted-foreground\",\r\n\t\t\"w-9 shrink-0 rounded p-0\",\r\n\t\t\"opacity-70\"\r\n\t]\r\n});\r\n\r\n/**\r\n * Компонент для отображения дня недели в Calendar\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker Weekday\r\n */\r\nexport const CalendarWeekDay = ({ className, ...props }: WeekdayProps) => {\r\n\treturn <Weekday className={calendarWeekDayStyles({ className })} {...props}></Weekday>;\r\n};\r\n\r\nCalendarWeekDay.displayName = \"CalendarWeekDay\";\r\n","import { useMemo } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { CalendarChevron } from \"./components/calendar-chevron/CalendarChevron\";\r\nimport { CalendarDayButton } from \"./components/calendar-day-button/CalendarDayButton\";\r\nimport { CalendarDropdown } from \"./components/calendar-dropdown/CalendarDropdown\";\r\nimport { CalendarNextMonthButton } from \"./components/calendar-next-month-button/CalendarNextMonthButton\";\r\nimport { CalendarPreviousMonthButton } from \"./components/calendar-previous-month-button/CalendarPreviousMonthButton\";\r\nimport { CalendarRoot } from \"./components/calendar-root/CalendarRoot\";\r\nimport { CalendarWeekDay } from \"./components/calendar-week-day/CalendarWeekDay\";\r\nimport { calendarDropdownStyles } from \"./styles\";\r\nimport { DayPicker, DayPickerProps } from \"react-day-picker\";\r\n\r\nconst CalendarStyles = tv({\r\n\tbase: [\r\n\t\t\"bg-background p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\"\r\n\t],\r\n\tslots: {\r\n\t\tmonths: \"relative flex flex-col gap-4 md:flex-row\",\r\n\t\tmonth: \"flex w-full flex-col gap-4\",\r\n\t\tnav: \"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1\",\r\n\t\tmonth_caption: \"flex h-9 w-full items-center justify-center px-2 capitalize\",\r\n\t\tdropdowns: \"flex h-9 w-full items-center justify-center gap-1.5 text-sm font-medium\",\r\n\t\ttable: \"w-full border-collapse\",\r\n\t\tweekdays: \"flex\",\r\n\t\tweek: \"mt-1 flex\",\r\n\t\thidden: \"invisible\",\r\n\t\tday: \"border-0 p-0\"\r\n\t}\r\n});\r\n\r\nconst captionLabelStyle = tv({\r\n\tbase: \"select-none text-sm font-medium\"\r\n});\r\n\r\nexport type CalendarProps = DayPickerProps;\r\n\r\n/**\r\n * Calendar компонент для выбора дат\r\n *\r\n * Основан на [react-day-picker](https://Calendar.dev/) с кастомной стилизацией.\r\n * Поддерживает выбор одной даты, множественный выбор и выбор диапазона дат.\r\n *\r\n * @see https://ui-kit.ics-it.ru/?path=/docs/components-day-picker-Calendar--docs\r\n */\r\nexport const Calendar = ({\r\n\tclassName,\r\n\tclassNames,\r\n\tshowOutsideDays = true,\r\n\tcaptionLayout = \"dropdown\",\r\n\tcomponents,\r\n\t...props\r\n}: CalendarProps) => {\r\n\tconst styles = CalendarStyles();\r\n\tconst dropdownStyles = calendarDropdownStyles();\r\n\r\n\t/**\r\n\t * По умолчанию react-day-picker ограничивает выбор даты:\r\n\t * - Минимум - текущий год минус 100 лет\r\n\t * - Максимум - последний месяц текущего года\r\n\t * Переопределяем это поведение, чтобы можно было выбирать даты до 2100 года.\r\n\t */\r\n\tconst endMonth = useMemo(() => {\r\n\t\treturn new Date(2100, 11, 31);\r\n\t}, []);\r\n\r\n\tconst classNamesMemoized: CalendarProps[\"classNames\"] = useMemo(() => {\r\n\t\treturn {\r\n\t\t\tmonths: styles.months(),\r\n\t\t\tmonth: styles.month(),\r\n\t\t\tnav: styles.nav(),\r\n\t\t\tmonth_caption: styles.month_caption(),\r\n\t\t\tdropdowns: styles.dropdowns(),\r\n\t\t\tdropdown_root: dropdownStyles.root(),\r\n\t\t\tdropdown: dropdownStyles.select(),\r\n\t\t\tcaption_label: captionLayout === \"label\" ? captionLabelStyle() : dropdownStyles.label(),\r\n\t\t\ttable: styles.table(),\r\n\t\t\tweekdays: styles.weekdays(),\r\n\t\t\tweek: styles.week(),\r\n\t\t\thidden: styles.hidden(),\r\n\t\t\tday: styles.day(),\r\n\t\t\t...classNames\r\n\t\t};\r\n\t}, [classNames]);\r\n\r\n\tconst componentsMemoized: CalendarProps[\"components\"] = useMemo(() => {\r\n\t\treturn {\r\n\t\t\tRoot: CalendarRoot,\r\n\t\t\tChevron: CalendarChevron,\r\n\t\t\tDayButton: CalendarDayButton,\r\n\t\t\tDropdown: CalendarDropdown,\r\n\t\t\tWeekday: CalendarWeekDay,\r\n\t\t\tPreviousMonthButton: CalendarPreviousMonthButton,\r\n\t\t\tNextMonthButton: CalendarNextMonthButton,\r\n\t\t\t...components\r\n\t\t};\r\n\t}, [components]);\r\n\r\n\treturn (\r\n\t\t<DayPicker\r\n\t\t\tendMonth={endMonth}\r\n\t\t\tshowOutsideDays={showOutsideDays}\r\n\t\t\tclassName={styles.base({ className })}\r\n\t\t\tcaptionLayout={captionLayout}\r\n\t\t\tclassNames={classNamesMemoized}\r\n\t\t\tcomponents={componentsMemoized}\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nCalendar.displayName = \"Calendar\";\r\n"],"names":["calendarRootStyles","tv","CalendarRoot","className","props","jsx","Root","calendarWeekDayStyles","CalendarWeekDay","Weekday","CalendarStyles","captionLabelStyle","Calendar","classNames","showOutsideDays","captionLayout","components","styles","dropdownStyles","calendarDropdownStyles","endMonth","useMemo","classNamesMemoized","componentsMemoized","CalendarChevron","CalendarDayButton","CalendarDropdown","CalendarPreviousMonthButton","CalendarNextMonthButton","DayPicker"],"mappings":";;;;AAGA,MAAMA,IAAqBC,EAAG;AAAA,EAC7B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEF,CAAC,GAQYC,IAAe,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACrC,gBAAAC,EAACC,KAAM,GAAGF,GAAO,WAAWJ,EAAmB,EAAE,WAAAG,EAAW,CAAA,GAAG;AAGvED,EAAa,cAAc;ACjB3B,MAAMK,IAAwBN,EAAG;AAAA,EAChC,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,CAAC,GAQYO,IAAkB,CAAC,EAAE,WAAAL,GAAW,GAAGC,QACxC,gBAAAC,EAACI,KAAQ,WAAWF,EAAsB,EAAE,WAAAJ,EAAW,CAAA,GAAI,GAAGC,GAAO;AAG7EI,EAAgB,cAAc;ACX9B,MAAME,IAAiBT,EAAG;AAAA,EACzB,MAAM;AAAA,IACL;AAAA,EACD;AAAA,EACA,OAAO;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA;AAEP,CAAC,GAEKU,IAAoBV,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAYYW,IAAW,CAAC;AAAA,EACxB,WAAAT;AAAA,EACA,YAAAU;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,GAAGZ;AACJ,MAAqB;AACpB,QAAMa,IAASP,EAAe,GACxBQ,IAAiBC,EAAuB,GAQxCC,IAAWC,EAAQ,MACjB,IAAI,KAAK,MAAM,IAAI,EAAE,GAC1B,EAAE,GAECC,IAAkDD,EAAQ,OACxD;AAAA,IACN,QAAQJ,EAAO,OAAO;AAAA,IACtB,OAAOA,EAAO,MAAM;AAAA,IACpB,KAAKA,EAAO,IAAI;AAAA,IAChB,eAAeA,EAAO,cAAc;AAAA,IACpC,WAAWA,EAAO,UAAU;AAAA,IAC5B,eAAeC,EAAe,KAAK;AAAA,IACnC,UAAUA,EAAe,OAAO;AAAA,IAChC,eAAeH,MAAkB,UAAUJ,EAAkB,IAAIO,EAAe,MAAM;AAAA,IACtF,OAAOD,EAAO,MAAM;AAAA,IACpB,UAAUA,EAAO,SAAS;AAAA,IAC1B,MAAMA,EAAO,KAAK;AAAA,IAClB,QAAQA,EAAO,OAAO;AAAA,IACtB,KAAKA,EAAO,IAAI;AAAA,IAChB,GAAGJ;AAAA,EACJ,IACE,CAACA,CAAU,CAAC,GAETU,IAAkDF,EAAQ,OACxD;AAAA,IACN,MAAMnB;AAAA,IACN,SAASsB;AAAA,IACT,WAAWC;AAAA,IACX,UAAUC;AAAA,IACV,SAASlB;AAAA,IACT,qBAAqBmB;AAAA,IACrB,iBAAiBC;AAAA,IACjB,GAAGZ;AAAA,EACJ,IACE,CAACA,CAAU,CAAC;AAGd,SAAA,gBAAAX;AAAA,IAACwB;AAAA,IAAA;AAAA,MACA,UAAAT;AAAA,MACA,iBAAAN;AAAA,MACA,WAAWG,EAAO,KAAK,EAAE,WAAAd,GAAW;AAAA,MACpC,eAAAY;AAAA,MACA,YAAYO;AAAA,MACZ,YAAYC;AAAA,MACX,GAAGnB;AAAA,IAAA;AAAA,EACL;AAEF;AAEAQ,EAAS,cAAc;"}

package/dist/components/checkbox.js

@@ -1,4 +1,4 @@
-import { C as o, a, c as s } from "../CheckboxField-Ca48ZYoX.js";
+import { C as o, a, c as s } from "../CheckboxField-xDqHgXHh.js";
 export {
   o as Checkbox,
   a as CheckboxField,

package/dist/components/command.js

@@ -1,4 +1,4 @@
-import { C as o, a as n, e as s, j as C, f as d, b as t, g as r, c as e, d as i, i as p, h as u } from "../Command-CsW4aK7M.js";
+import { C as o, a as n, e as s, j as C, f as d, b as t, g as r, c as e, d as i, i as p, h as u } from "../Command-WsAKNQrY.js";
 export {
   o as Command,
   n as CommandDialog,

package/dist/components/dialog/Dialog.d.ts

@@ -19,8 +19,7 @@ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitiv
     overlayType?: BackgroundProps["type"];
     showCloseButton?: boolean;
     /**
-     * Контейнер для портала. Если не указан, используется хук usePortalContainer
-     * для поиска PortalContainer
+     * Контейнер для портала. Если не указан, портал рендерится в document.body
      */
     portalContainer?: HTMLElement;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -37,8 +36,7 @@ export declare const ModalContent: React.ForwardRefExoticComponent<Omit<DialogPr
     overlayType?: BackgroundProps["type"];
     showCloseButton?: boolean;
     /**
-     * Контейнер для портала. Если не указан, используется хук usePortalContainer
-     * для поиска PortalContainer
+     * Контейнер для портала. Если не указан, портал рендерится в document.body
      */
     portalContainer?: HTMLElement;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/dialog.js

@@ -1,8 +1,8 @@
-import { D as s, a as i } from "../Dialog-BT_775Iz.js";
-import { b as y, c as B, d as C, e as h, f as x, g as j, h as u, i as v, j as O, M as P, k as R, l as _, m as b, n as k, o as q, p as w, q as N, r as z, s as A, t as E } from "../Dialog-BT_775Iz.js";
+import { D as s, a as i } from "../Dialog-i_Y-phdM.js";
+import { b as y, c as B, d as C, e as h, f as x, g as j, h as u, i as v, j as O, M as P, k as R, l as _, m as b, n as k, o as q, p as w, q as N, r as z, s as A, t as E } from "../Dialog-i_Y-phdM.js";
 import { jsx as a } from "react/jsx-runtime";
 import d from "react";
-import { F as g, B as m } from "../FormFooterTemplate-BIwnBQhL.js";
+import { F as g, B as m } from "../FormFooterTemplate-CHlas_Pp.js";
 const o = d.forwardRef(
   ({ title: e, description: l, ...r }, t) => /* @__PURE__ */ a(
     m,

package/dist/components/drawer/components/drawer-content/DrawerContent.d.ts

@@ -5,8 +5,7 @@ declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit< DialogCo
     overlayBlur?: OverlayProps["blur"];
     overlayType?: OverlayProps["type"];
     /**
-     * Контейнер для портала. Если не указан, используется хук usePortalContainer
-     * для поиска PortalContainer
+     * Контейнер для портала. Если не указан, портал рендерится в document.body
      */
     portalContainer?: HTMLElement;
     /**