@profitliga/ui 1.2.90 → 2.0.0

package/dist/components/v2/Button/Button.vue.js

@@ -0,0 +1,8 @@
+import './Button.css';
+import o from "./Button.vue2.js";
+/* empty css            */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-59dbe4ef"]]);
+export {
+  m as default
+};

package/dist/components/v2/Button/Button.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as y, useSlots as m, computed as v, openBlock as n, createElementBlock as a, mergeProps as i, unref as d, renderSlot as u, createBlock as B, resolveDynamicComponent as k, createCommentVNode as s } from "vue";
+import { useTestId as g } from "../shared/useTestId.util.js";
+const p = ["type", "disabled", "aria-busy", "aria-label"], S = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "Button",
+  props: {
+    size: { default: "medium" },
+    variant: { default: "success" },
+    buttonStyle: { default: void 0 },
+    type: { default: "button" },
+    full: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    icon: { default: void 0 },
+    iconPosition: { default: "start" },
+    iconOnly: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 },
+    testId: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(e, { emit: c }) {
+    const t = e, r = c;
+    m();
+    const l = g(() => t.testId), b = v(() => [
+      "button",
+      `button--${t.size}`,
+      `button--${t.variant}`,
+      {
+        [`button--${t.buttonStyle}`]: !!t.buttonStyle,
+        "button--icon-end": t.iconPosition === "end" && !t.iconOnly,
+        "button--icon-only": t.iconOnly,
+        "button--rounded": t.rounded,
+        "button--full": t.full,
+        "button--loading": t.loading
+      }
+    ]), f = (o) => {
+      t.disabled || t.loading || r("click", o);
+    };
+    return (o, $) => (n(), a("button", i({
+      class: b.value,
+      type: e.type,
+      disabled: e.disabled || e.loading,
+      "aria-busy": e.loading || void 0,
+      "aria-label": e.ariaLabel
+    }, { ...o.$attrs, ...d(l)("root") }, { onClick: f }), [
+      e.loading ? (n(), a("span", i({
+        key: 0,
+        class: "button__spinner",
+        "aria-hidden": "true"
+      }, d(l)("spinner")), null, 16)) : o.$slots.icon || e.icon ? u(o.$slots, "icon", { key: 1 }, () => [
+        (n(), B(k(e.icon), {
+          class: "button__icon",
+          "aria-hidden": "true"
+        }))
+      ], !0) : s("", !0),
+      e.iconOnly ? s("", !0) : (n(), a("span", i({
+        key: 2,
+        class: "button__label"
+      }, d(l)("label")), [
+        u(o.$slots, "default", {}, void 0, !0)
+      ], 16))
+    ], 16, p));
+  }
+});
+export {
+  S as default
+};

package/dist/components/v2/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Button } from './Button.vue';
+export type { ButtonIconPosition, ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonVariant } from './Button.types';
+export { Button };

package/dist/components/v2/Calendar/Calendar.css

@@ -0,0 +1 @@
+.calendar[data-v-bcd01e3c]{flex-direction:column;gap:16px;width:100%;display:flex}.calendar-header[data-v-bcd01e3c]{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.calendar-nav-button[data-v-bcd01e3c]{width:18px;height:18px;color:var(--theme-neutral-text-body);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.calendar-nav-button[data-v-bcd01e3c]:first-child{left:0}.calendar-nav-button[data-v-bcd01e3c]:last-child{right:0}.calendar-nav-button[data-v-bcd01e3c]:hover:not(:disabled){color:var(--theme-primary-500)}.calendar-nav-button[data-v-bcd01e3c]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.calendar-nav-button[data-v-bcd01e3c]:disabled{color:var(--theme-neutral-text-disabled);cursor:default}.calendar-header__headings[data-v-bcd01e3c]{flex:auto;justify-content:center;gap:24px;display:flex}.calendar-header__headings--multi .calendar-heading[data-v-bcd01e3c]{text-align:center;flex:1 0 276px}@media (max-width:639px){.calendar-header__headings--multi[data-v-bcd01e3c]{display:none}}.calendar-heading[data-v-bcd01e3c]{color:var(--theme-neutral-text-body);font-size:.9375rem;line-height:160%}.calendar-heading[data-v-bcd01e3c]:first-letter{text-transform:uppercase}.calendar--scrollable[data-v-bcd01e3c] .calendar-heading--panel{display:block}.calendar-months[data-v-bcd01e3c]{flex-wrap:nowrap;gap:24px;display:flex}@media (max-width:639px){.calendar-months--multi[data-v-bcd01e3c]{flex-direction:column}.calendar-months--multi .calendar-month[data-v-bcd01e3c]{flex:1 0 auto}}.calendar-months--scrollable[data-v-bcd01e3c]{overscroll-behavior:contain;box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex-flow:column;gap:0;min-width:276px;max-height:60vh;overflow-y:auto}.calendar-months--scrollable[data-v-bcd01e3c]::-webkit-scrollbar{width:8px;height:0}.calendar-months--scrollable[data-v-bcd01e3c]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.calendar-months--scrollable[data-v-bcd01e3c]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.calendar-months--scrollable[data-v-bcd01e3c]::-webkit-scrollbar-corner{background:0 0}.calendar-months__viewport[data-v-bcd01e3c]{flex-shrink:0;width:100%}.calendar-month[data-v-bcd01e3c]{flex:1 0 276px;min-width:0}.calendar-month__inner[data-v-bcd01e3c]{flex-direction:column;gap:16px;display:flex}.calendar-month__inner--card[data-v-bcd01e3c]{background-color:var(--theme-neutral-surface-icon);border-radius:12px;padding:12px}

package/dist/components/v2/Calendar/Calendar.types.d.ts

@@ -0,0 +1,54 @@
+import { CalendarDate } from '@internationalized/date';
+export type CalendarWeekdayFormat = 'narrow' | 'short' | 'long';
+export type CalendarWeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export interface CalendarRangeValue {
+    start: CalendarDate | undefined;
+    end: CalendarDate | undefined;
+}
+export type CalendarModelValue = CalendarDate | CalendarDate[] | CalendarRangeValue | undefined;
+export interface CalendarProps {
+    locale?: string;
+    weekStartsOn?: CalendarWeekStartsOn;
+    weekdayFormat?: CalendarWeekdayFormat;
+    fixedWeeks?: boolean;
+    /** Сколько месяцев показывать одновременно */
+    numberOfMonths?: number;
+    /** Листать сразу на numberOfMonths месяцев вместо одного */
+    pagedNavigation?: boolean;
+    /**
+     * Вместо пагинации prev/next — непрерывная вертикальная прокрутка (в обе
+     * стороны) по всем месяцам между minYear и maxYear.
+     */
+    scrollable?: boolean;
+    /** Нижняя граница года при scrollable (по умолчанию — текущий год - 2) */
+    minYear?: number;
+    /** Верхняя граница года при scrollable (по умолчанию — текущий год + 2) */
+    maxYear?: number;
+    /** Разрешить выбор нескольких дат — тогда modelValue это CalendarDate[] */
+    multiple?: boolean;
+    /** Выбор диапазона — тогда modelValue это { start, end } */
+    range?: boolean;
+    /** Не позволять снять выбор без выбора другой даты */
+    preventDeselect?: boolean;
+    /** Отключить (но показать) дни вне текущего отображаемого месяца */
+    disableDaysOutsideCurrentView?: boolean;
+    minValue?: CalendarDate;
+    maxValue?: CalendarDate;
+    isDateDisabled?: (date: CalendarDate) => boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    /** Месяц, который будет показан при первом монтировании (неконтролируемо) */
+    defaultPlaceholder?: CalendarDate;
+    /** Доступные подписи для элементов без видимого текста. */
+    labels?: CalendarLabels;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface CalendarLabels {
+    /** Кнопка «назад» в шапке. */
+    prev?: string;
+    /** Кнопка «вперёд» в шапке. */
+    next?: string;
+    /** Прокручиваемый список месяцев в режиме `scrollable`. */
+    monthList?: string;
+}

package/dist/components/v2/Calendar/Calendar.vue.d.ts

@@ -0,0 +1,37 @@
+import { CalendarDate } from '@internationalized/date';
+import { CalendarModelValue, CalendarProps, CalendarWeekStartsOn, CalendarWeekdayFormat, CalendarLabels } from './Calendar.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = CalendarProps;
+type __VLS_PublicProps = {
+    modelValue?: CalendarModelValue;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: CalendarModelValue) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CalendarModelValue) => any) | undefined;
+}>, {
+    multiple: boolean;
+    disabled: boolean;
+    defaultPlaceholder: CalendarDate;
+    pagedNavigation: boolean;
+    preventDeselect: boolean;
+    weekStartsOn: CalendarWeekStartsOn;
+    weekdayFormat: CalendarWeekdayFormat;
+    fixedWeeks: boolean;
+    maxValue: CalendarDate;
+    minValue: CalendarDate;
+    locale: string;
+    numberOfMonths: number;
+    readonly: boolean;
+    isDateDisabled: (date: CalendarDate) => boolean;
+    disableDaysOutsideCurrentView: boolean;
+    range: boolean;
+    testId: string;
+    scrollable: boolean;
+    minYear: number;
+    maxYear: number;
+    labels: CalendarLabels;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    monthsContainerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/v2/Calendar/Calendar.vue.js

@@ -0,0 +1,8 @@
+import './Calendar.css';
+import o from "./Calendar.vue2.js";
+/* empty css              */
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bcd01e3c"]]);
+export {
+  e as default
+};

package/dist/components/v2/Calendar/Calendar.vue2.js

@@ -0,0 +1,430 @@
+import { defineComponent as Ie, useModel as ze, shallowRef as P, computed as r, useTemplateRef as We, onMounted as Ke, nextTick as T, openBlock as p, createElementBlock as w, mergeProps as k, unref as h, createElementVNode as x, createVNode as Y, normalizeClass as I, Fragment as ae, renderList as ne, toDisplayString as Ge, createCommentVNode as Ue, normalizeStyle as Ze, mergeModels as $e } from "vue";
+import { getLocalTimeZone as qe, startOfMonth as z, today as E, CalendarDate as le, isSameMonth as M, endOfMonth as re, DateFormatter as S, startOfWeek as V, isSameDay as c, isToday as je } from "@internationalized/date";
+import { ChevronLeft as _e, ChevronRight as Je } from "@lucide/vue";
+import { useVirtualizer as Qe } from "@tanstack/vue-virtual";
+import { useTestId as Xe } from "../shared/useTestId.util.js";
+import et from "./CalendarMonthPanel.vue.js";
+const tt = {
+  key: 0,
+  class: "calendar-header"
+}, at = ["disabled", "aria-label"], nt = ["disabled", "aria-label"], lt = ["role", "tabindex", "aria-label"], rt = ["data-index"], oe = 18, ot = 24, vt = /* @__PURE__ */ Ie({
+  __name: "Calendar",
+  props: /* @__PURE__ */ $e({
+    locale: { default: "ru-RU" },
+    weekStartsOn: { default: 1 },
+    weekdayFormat: { default: "short" },
+    fixedWeeks: { type: Boolean, default: !1 },
+    numberOfMonths: { default: 1 },
+    pagedNavigation: { type: Boolean, default: !0 },
+    scrollable: { type: Boolean, default: !1 },
+    minYear: { default: void 0 },
+    maxYear: { default: void 0 },
+    multiple: { type: Boolean, default: !1 },
+    range: { type: Boolean, default: !1 },
+    preventDeselect: { type: Boolean, default: !1 },
+    disableDaysOutsideCurrentView: { type: Boolean, default: !0 },
+    minValue: { default: void 0 },
+    maxValue: { default: void 0 },
+    isDateDisabled: { type: Function, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    defaultPlaceholder: { default: void 0 },
+    labels: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const O = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], a = l, y = Xe(() => a.testId), i = ze(l, "modelValue");
+    function D(e) {
+      return !!e && typeof e == "object" && !Array.isArray(e) && "start" in e;
+    }
+    const d = qe();
+    function W() {
+      const e = i.value;
+      return a.range ? D(e) ? e.start ?? e.end : void 0 : Array.isArray(e) ? e[0] : e && !D(e) ? e : void 0;
+    }
+    const u = P(
+      z(a.defaultPlaceholder ?? W() ?? E(d))
+    ), B = P(W() ?? E(d));
+    function se(e) {
+      return c(e, B.value);
+    }
+    function ie(e) {
+      return je(e, d);
+    }
+    function ue(e, t) {
+      return !M(e, t);
+    }
+    const L = E(d).year, de = r(() => a.minYear ?? L - 2), ce = r(() => a.maxYear ?? L + 2), m = r(() => {
+      if (a.scrollable) {
+        const e = new le(de.value, 1, 1), t = new le(ce.value, 12, 1), n = [];
+        let o = e;
+        for (; o.compare(t) <= 0; )
+          n.push(o), o = o.add({ months: 1 });
+        return n;
+      }
+      return Array.from(
+        { length: a.numberOfMonths },
+        (e, t) => u.value.add({ months: t })
+      );
+    });
+    function K(e) {
+      return m.value.some((t) => M(e, t));
+    }
+    const G = We("monthsContainerRef"), b = Qe(
+      r(() => ({
+        count: m.value.length,
+        getScrollElement: () => G.value,
+        estimateSize: () => a.fixedWeeks ? 364 : 320,
+        overscan: 2
+      }))
+    ), fe = r(() => a.scrollable ? b.value.getVirtualItems().map((e) => ({
+      key: String(e.key),
+      month: m.value[e.index],
+      index: e.index,
+      style: {
+        position: "absolute",
+        top: "0",
+        left: "0",
+        width: "100%",
+        paddingBottom: `${ot}px`,
+        transform: `translateY(${e.start}px)`
+      }
+    })) : m.value.map((e) => ({
+      key: e.toString(),
+      month: e
+    }))), ve = r(() => a.scrollable ? {
+      position: "relative",
+      height: `${b.value.getTotalSize()}px`
+    } : { display: "contents" });
+    function me(e) {
+      return {
+        showHeading: a.numberOfMonths > 1 || a.scrollable,
+        headingText: j(e),
+        weeks: Oe(e),
+        weekdayLabels: Ce.value,
+        weekdayFullLabels: Me.value,
+        disabled: a.disabled,
+        multiselectable: a.multiple || a.range,
+        cellLabel: Ve,
+        testAttrs: y,
+        isFocusedCell: se,
+        isCellDisabled: (t) => F(t, e),
+        isDateSelected: Be,
+        isTodayCell: ie,
+        isOutsideCell: (t) => ue(t, e),
+        isRangeStart: (t) => Fe(t, e),
+        isRangeEnd: (t) => Te(t, e),
+        isRangeMiddle: (t) => Ee(t, e),
+        setCellRef: Ne,
+        onCellClick: Q,
+        onCellKeydown: Pe,
+        onCellHoverStart: Ae,
+        onCellHoverEnd: Re
+      };
+    }
+    function he(e) {
+      !a.scrollable || !e || b.value.measureElement(e);
+    }
+    Ke(() => {
+      if (!a.scrollable) return;
+      const e = m.value.findIndex(
+        (t) => M(t, u.value)
+      );
+      e < 0 || T(() => {
+        b.value.scrollToIndex(e, { align: "start" }), T(
+          () => requestAnimationFrame(
+            () => b.value.scrollToIndex(e, { align: "start" })
+          )
+        );
+      });
+    });
+    const U = r(() => a.minValue ? re(u.value.subtract({ months: 1 })).compare(
+      a.minValue
+    ) >= 0 : !0), Z = r(() => a.maxValue ? u.value.add({
+      months: a.numberOfMonths
+    }).compare(a.maxValue) <= 0 : !0);
+    function $() {
+      return a.pagedNavigation ? a.numberOfMonths : 1;
+    }
+    function ye() {
+      U.value && (u.value = u.value.subtract({
+        months: $()
+      }));
+    }
+    function be() {
+      Z.value && (u.value = u.value.add({ months: $() }));
+    }
+    const ge = r(
+      () => new S(a.locale, { month: "long", year: "numeric" })
+    );
+    function q(e) {
+      return ge.value.format(e.toDate(d));
+    }
+    const pe = r(() => q(u.value)), we = r(
+      () => new S(a.locale, { month: "long" })
+    );
+    function ke(e) {
+      return we.value.format(e.toDate(d));
+    }
+    function j(e) {
+      return e.year === L ? ke(e) : q(e);
+    }
+    const xe = r(
+      () => new S(a.locale, { weekday: a.weekdayFormat })
+    ), De = r(
+      () => new S(a.locale, { weekday: "long" })
+    );
+    function _(e) {
+      const t = V(
+        E(d),
+        a.locale,
+        O[a.weekStartsOn]
+      );
+      return Array.from(
+        { length: 7 },
+        (n, o) => e.format(t.add({ days: o }).toDate(d))
+      );
+    }
+    const Ce = r(() => _(xe.value)), Me = r(
+      () => _(De.value)
+    ), Se = r(
+      () => new S(a.locale, { dateStyle: "long" })
+    );
+    function Ve(e) {
+      return Se.value.format(e.toDate(d));
+    }
+    function Oe(e) {
+      const t = O[a.weekStartsOn], n = V(e, a.locale, t), o = V(
+        re(e),
+        a.locale,
+        t
+      ).add({
+        days: 6
+      }), s = [];
+      let v = [], g = n;
+      for (; g.compare(o) <= 0; )
+        v.push(g), v.length === 7 && (s.push(v), v = []), g = g.add({ days: 1 });
+      if (a.fixedWeeks)
+        for (; s.length < 6; ) {
+          const Ye = s[s.length - 1], ee = [];
+          let N = Ye[6].add({ days: 1 });
+          for (let te = 0; te < 7; te++)
+            ee.push(N), N = N.add({ days: 1 });
+          s.push(ee);
+        }
+      return s;
+    }
+    function A() {
+      const e = i.value;
+      return D(e) ? e : { start: void 0, end: void 0 };
+    }
+    const R = P(void 0);
+    function Ae(e) {
+      if (!a.range) return;
+      const { start: t, end: n } = A();
+      R.value = t && !n ? e : void 0;
+    }
+    function Re() {
+      R.value = void 0;
+    }
+    const C = r(() => {
+      if (!a.range) return;
+      const { start: e, end: t } = A(), n = t ?? R.value;
+      if (!(!e || !n))
+        return e.compare(n) <= 0 ? { start: e, end: n } : { start: n, end: e };
+    });
+    function Fe(e, t) {
+      return F(e, t) ? !1 : !!C.value && c(C.value.start, e);
+    }
+    function Te(e, t) {
+      return F(e, t) ? !1 : !!C.value && c(C.value.end, e);
+    }
+    function Ee(e, t) {
+      const n = C.value;
+      return !n || F(e, t) ? !1 : e.compare(n.start) > 0 && e.compare(n.end) < 0;
+    }
+    function Be(e) {
+      if (a.range) {
+        const { start: n, end: o } = A();
+        return !!n && c(n, e) || !!o && c(o, e);
+      }
+      const t = i.value;
+      return Array.isArray(t) ? t.some((n) => c(n, e)) : !!t && !D(t) && c(t, e);
+    }
+    function J(e) {
+      return a.minValue && e.compare(a.minValue) < 0 || a.maxValue && e.compare(a.maxValue) > 0 ? !0 : a.isDateDisabled?.(e) ?? !1;
+    }
+    function F(e, t) {
+      return a.disabled || a.disableDaysOutsideCurrentView && !M(e, t) ? !0 : J(e);
+    }
+    function Le(e) {
+      const { start: t, end: n } = A();
+      if (!t || t && n) {
+        i.value = { start: e, end: void 0 };
+        return;
+      }
+      i.value = t.compare(e) <= 0 ? { start: t, end: e } : { start: e, end: t };
+    }
+    function He(e) {
+      if (a.disabled || a.readonly || J(e)) return;
+      if (a.range) {
+        Le(e), R.value = void 0;
+        return;
+      }
+      if (a.multiple) {
+        const s = Array.isArray(i.value) ? i.value : [], v = s.findIndex((g) => c(g, e));
+        if (v >= 0) {
+          if (a.preventDeselect && s.length === 1) return;
+          i.value = [
+            ...s.slice(0, v),
+            ...s.slice(v + 1)
+          ];
+        } else
+          i.value = [...s, e];
+        return;
+      }
+      const t = i.value, n = Array.isArray(t) || t && D(t) ? void 0 : t, o = !!n && c(n, e);
+      a.preventDeselect && o || (i.value = o ? void 0 : e);
+    }
+    function Q(e) {
+      B.value = e, K(e) || (u.value = z(e)), He(e);
+    }
+    const H = /* @__PURE__ */ new Map();
+    function Ne(e, t) {
+      const n = e.toString();
+      t ? H.set(n, t) : H.delete(n);
+    }
+    function X(e) {
+      H.get(e.toString())?.focus();
+    }
+    function f(e) {
+      if (B.value = e, a.scrollable) {
+        const t = m.value.findIndex(
+          (n) => M(e, n)
+        );
+        t >= 0 && b.value.scrollToIndex(t, { align: "auto" }), T(() => requestAnimationFrame(() => X(e)));
+        return;
+      }
+      K(e) || (u.value = z(e)), T(() => X(e));
+    }
+    function Pe(e, t) {
+      switch (e.key) {
+        case "ArrowLeft":
+          e.preventDefault(), f(t.subtract({ days: 1 }));
+          return;
+        case "ArrowRight":
+          e.preventDefault(), f(t.add({ days: 1 }));
+          return;
+        case "ArrowUp":
+          e.preventDefault(), f(t.subtract({ days: 7 }));
+          return;
+        case "ArrowDown":
+          e.preventDefault(), f(t.add({ days: 7 }));
+          return;
+        case "Home":
+          e.preventDefault(), f(
+            V(t, a.locale, O[a.weekStartsOn])
+          );
+          return;
+        case "End":
+          e.preventDefault(), f(
+            V(
+              t,
+              a.locale,
+              O[a.weekStartsOn]
+            ).add({ days: 6 })
+          );
+          return;
+        case "PageUp":
+          e.preventDefault(), f(
+            e.shiftKey ? t.subtract({ years: 1 }) : t.subtract({ months: 1 })
+          );
+          return;
+        case "PageDown":
+          e.preventDefault(), f(
+            e.shiftKey ? t.add({ years: 1 }) : t.add({ months: 1 })
+          );
+          return;
+        case "Enter":
+        case " ":
+          e.preventDefault(), Q(t);
+          return;
+      }
+    }
+    return (e, t) => (p(), w("div", k({
+      class: ["calendar", {
+        "calendar--disabled": l.disabled,
+        "calendar--scrollable": l.scrollable
+      }]
+    }, h(y)("root")), [
+      l.scrollable ? Ue("", !0) : (p(), w("div", tt, [
+        x("button", k({
+          type: "button",
+          class: "calendar-nav-button",
+          disabled: l.disabled || !U.value,
+          "aria-label": l.labels?.prev ?? "Предыдущий месяц"
+        }, h(y)("prev"), { onClick: ye }), [
+          Y(h(_e), { size: oe })
+        ], 16, at),
+        x("div", {
+          class: I(["calendar-header__headings", {
+            "calendar-header__headings--multi": l.numberOfMonths > 1
+          }]),
+          "aria-live": "polite",
+          "aria-atomic": "true"
+        }, [
+          (p(!0), w(ae, null, ne(m.value, (n) => (p(), w("div", k({
+            key: n.toString(),
+            class: "calendar-heading"
+          }, { ref_for: !0 }, h(y)("heading", n.toString())), Ge(l.numberOfMonths > 1 ? j(n) : pe.value), 17))), 128))
+        ], 2),
+        x("button", k({
+          type: "button",
+          class: "calendar-nav-button",
+          disabled: l.disabled || !Z.value,
+          "aria-label": l.labels?.next ?? "Следующий месяц"
+        }, h(y)("next"), { onClick: be }), [
+          Y(h(Je), { size: oe })
+        ], 16, nt)
+      ])),
+      x("div", {
+        ref_key: "monthsContainerRef",
+        ref: G,
+        class: I(["calendar-months", {
+          "calendar-months--multi": l.numberOfMonths > 1 && !l.scrollable,
+          "calendar-months--scrollable": l.scrollable
+        }]),
+        role: l.scrollable ? "group" : void 0,
+        tabindex: l.scrollable ? 0 : void 0,
+        "aria-label": l.scrollable ? l.labels?.monthList ?? "Список месяцев" : void 0
+      }, [
+        x("div", {
+          class: "calendar-months__viewport",
+          style: Ze(ve.value)
+        }, [
+          (p(!0), w(ae, null, ne(fe.value, (n) => (p(), w("div", k({
+            key: n.key,
+            ref_for: !0,
+            ref: he,
+            class: "calendar-month",
+            "data-index": n.index,
+            style: n.style
+          }, { ref_for: !0 }, h(y)("month", n.month.toString())), [
+            x("div", {
+              class: I(["calendar-month__inner", { "calendar-month__inner--card": l.scrollable }])
+            }, [
+              Y(et, k({ ref_for: !0 }, me(n.month)), null, 16)
+            ], 2)
+          ], 16, rt))), 128))
+        ], 4)
+      ], 10, lt)
+    ], 16));
+  }
+});
+export {
+  vt as default
+};

package/dist/components/v2/Calendar/CalendarMonthPanel.css

@@ -0,0 +1 @@
+.calendar-heading[data-v-34872ce0]{color:var(--theme-neutral-text-body);font-size:.9375rem;line-height:160%}.calendar-heading[data-v-34872ce0]:first-letter{text-transform:uppercase}.calendar-heading--panel[data-v-34872ce0]{text-align:center;width:100%;display:none}@media (max-width:639px){.calendar-heading--panel[data-v-34872ce0]{display:block}}.calendar-grid[data-v-34872ce0]{flex-direction:column;gap:8px;display:flex}.calendar-week-row[data-v-34872ce0]{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-head-cell[data-v-34872ce0]{width:36px;color:var(--theme-neutral-text-caption);text-transform:capitalize;justify-content:center;align-items:center;font-size:15px;font-weight:400;line-height:160%;display:flex}.calendar-cell-wrapper[data-v-34872ce0]{justify-content:center;align-items:center;width:100%;height:36px;display:flex;position:relative}.calendar-cell-wrapper[data-range-middle][data-v-34872ce0]:before,.calendar-cell-wrapper[data-range-start][data-v-34872ce0]:before,.calendar-cell-wrapper[data-range-end][data-v-34872ce0]:before{content:"";background-color:var(--theme-primary-100);z-index:0;position:absolute;inset:0 -2px}.calendar-cell-wrapper[data-range-start][data-v-34872ce0]:before{border-top-left-radius:8px;border-bottom-left-radius:8px;left:50%}.calendar-cell-wrapper[data-range-end][data-v-34872ce0]:before{border-top-right-radius:8px;border-bottom-right-radius:8px;right:50%}.calendar-cell-wrapper[data-range-start][data-range-end][data-v-34872ce0]:before{content:none}.calendar-cell[data-v-34872ce0]{z-index:1;width:36px;height:36px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.calendar-cell[data-v-34872ce0]:hover:not(:disabled):not([data-selected]){background-color:#f3f4f6}.calendar-cell[data-outside][data-v-34872ce0]{color:var(--theme-neutral-text-caption)}.calendar-cell[data-today][data-v-34872ce0]{border:1px solid var(--theme-neutral-text-body)}.calendar-cell[data-selected][data-v-34872ce0]{background-color:var(--theme-primary-500);color:var(--theme-neutral-0);animation:fadeIn var(--animation-duration) ease-in-out}.calendar-cell[data-v-34872ce0]:disabled{color:var(--theme-neutral-text-disabled);cursor:default}.calendar-cell[data-v-34872ce0]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}

package/dist/components/v2/Calendar/CalendarMonthPanel.vue.d.ts

@@ -0,0 +1,39 @@
+import { CalendarDate } from '@internationalized/date';
+import { ComponentPublicInstance, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface CalendarMonthPanelProps {
+    showHeading: boolean;
+    headingText: string;
+    weeks: CalendarDate[][];
+    /** Сокращённые подписи дней недели — то, что видно в шапке сетки. */
+    weekdayLabels: string[];
+    /** Полные названия дней недели — только для `aria-label` колонок. */
+    weekdayFullLabels: string[];
+    disabled: boolean;
+    /** Выбор нескольких дат или диапазона — `aria-multiselectable` сетки. */
+    multiselectable: boolean;
+    /** Полная дата для `aria-label` ячейки, например «5 августа 2026 г.». */
+    cellLabel: (date: CalendarDate) => string;
+    /** Тестовые атрибуты от родителя — см. `useTestId`. */
+    testAttrs: (part?: string, suffix?: string | number) => Record<string, string>;
+    isFocusedCell: (date: CalendarDate) => boolean;
+    isCellDisabled: (date: CalendarDate) => boolean;
+    isDateSelected: (date: CalendarDate) => boolean;
+    isTodayCell: (date: CalendarDate) => boolean;
+    isOutsideCell: (date: CalendarDate) => boolean;
+    isRangeStart: (date: CalendarDate) => boolean;
+    isRangeEnd: (date: CalendarDate) => boolean;
+    isRangeMiddle: (date: CalendarDate) => boolean;
+    setCellRef: (date: CalendarDate, el: Element | ComponentPublicInstance | null) => void;
+}
+declare const _default: DefineComponent<CalendarMonthPanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    cellClick: (date: CalendarDate) => any;
+    cellKeydown: (event: KeyboardEvent, date: CalendarDate) => any;
+    cellHoverStart: (date: CalendarDate) => any;
+    cellHoverEnd: () => any;
+}, string, PublicProps, Readonly<CalendarMonthPanelProps> & Readonly<{
+    onCellClick?: ((date: CalendarDate) => any) | undefined;
+    onCellKeydown?: ((event: KeyboardEvent, date: CalendarDate) => any) | undefined;
+    onCellHoverStart?: ((date: CalendarDate) => any) | undefined;
+    onCellHoverEnd?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/v2/Calendar/CalendarMonthPanel.vue.js

@@ -0,0 +1,8 @@
+import './CalendarMonthPanel.css';
+import o from "./CalendarMonthPanel.vue2.js";
+/* empty css                        */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-34872ce0"]]);
+export {
+  m as default
+};