@alphakits/ui 1.31.4 → 2.0.0

package/dist/calendar/components/header//321/201omponent.js

@@ -1 +1,79 @@
-import e from"react";import o from"@alphakits/icons/dist/ChevronBackS";import t from"classnames";import{c as i}from"../../../capitalize-474610b0.js";import{Button as a}from"../../../button/component.js";import{SelectButton as l}from"../select-button/сomponent.js";import"../../../isSymbol-7dcd25d3.js";import"tslib";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";var r="index-module_header__3t-Ge",n="index-module_withShadow__2PcxI",m="index-module_disabled__lQP1I",s="index-module_buttonContent__1oCn2",d="index-module_selectors__2rVBr",c="index-module_today__1aGQm",_="index-module_arrow__3AWDo",p=function(p){var u,v,h=p.month,w=p.year,x=p.view,b=p.withShadow,k=p.showToday,C=p.onTodayClick,f=p.prevArrowVisible,E=void 0===f||f,N=p.nextArrowVisible,y=void 0===N||N,j=p.onPrevArrowClick,A=p.onNextArrowClick,P=p.onMonthClick;return e.createElement("div",{className:t(r,(u={},u[n]=b,u)),"aria-live":"polite"},e.createElement(l,{view:"filled",className:t((v={},v[m]="months"===x,v)),onClick:"days"===x?P:void 0},e.createElement("span",{className:s},"days"===x?i(h)+" "+w:""+w)),e.createElement("div",{className:d},k&&e.createElement(a,{view:"outlined",className:c,onClick:C,size:"xs"},"today"),e.createElement(a,{view:"ghost",className:_,disabled:!E,onClick:j,"aria-label":"Prev month"},e.createElement(o,null)),e.createElement(a,{view:"ghost",className:_,onClick:A,disabled:!y,"aria-label":"Next month"},e.createElement(o,null))))};export{p as Header};
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import t from "@alphakits/icons/dist/ChevronBackS";
+import s from "classnames";
+import b from "lodash/capitalize";
+import { Button as i } from "../../../button/component.js";
+import { SelectButton as u } from "../select-button/сomponent.js";
+import e from "./index.module.css.js";
+const $ = ({
+  month: d,
+  year: r,
+  view: a,
+  withShadow: c,
+  showToday: m,
+  onTodayClick: n,
+  prevArrowVisible: h = !0,
+  nextArrowVisible: p = !0,
+  onPrevArrowClick: f,
+  onNextArrowClick: v,
+  onMonthClick: N
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: s(e.header, {
+      [e.withShadow]: c
+    }),
+    "aria-live": "polite",
+    children: [
+      /* @__PURE__ */ o(
+        u,
+        {
+          view: "filled",
+          className: s({
+            [e.disabled]: a === "months"
+          }),
+          onClick: a === "days" ? N : void 0,
+          children: /* @__PURE__ */ o("span", { className: e.buttonContent, children: a === "days" ? `${b(d)} ${r}` : `${r}` })
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: e.selectors, children: [
+        m && /* @__PURE__ */ o(
+          i,
+          {
+            view: "outlined",
+            className: e.today,
+            onClick: n,
+            size: "xs",
+            children: "today"
+          }
+        ),
+        /* @__PURE__ */ o(
+          i,
+          {
+            view: "ghost",
+            className: e.arrow,
+            disabled: !h,
+            onClick: f,
+            "aria-label": "Prev month",
+            children: /* @__PURE__ */ o(t, {})
+          }
+        ),
+        /* @__PURE__ */ o(
+          i,
+          {
+            view: "ghost",
+            className: e.arrow,
+            onClick: v,
+            disabled: !p,
+            "aria-label": "Next month",
+            children: /* @__PURE__ */ o(t, {})
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  $ as Header
+};
+//# sourceMappingURL=сomponent.js.map

package/dist/calendar/components/header//321/201omponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"сomponent.js","sources":["../../../../src/calendar/components/header/сomponent.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from 'react';\nimport ChevronBackS from '@alphakits/icons/dist/ChevronBackS';\nimport cn from 'classnames';\nimport capitalize from 'lodash/capitalize';\n\nimport { Button } from '../../../button';\nimport { View } from '../../typings';\nimport { SelectButton } from '../select-button';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n    /**\n     * Выбранный месяц\n     */\n    month?: string;\n\n    /**\n     * Выбранный год\n     */\n    year?: string;\n\n    /**\n     * Вид шапки — месяц и год или только месяц\n     */\n    view: View;\n\n    /**\n     * Отображать тень? (нужна при прокрутке)\n     */\n    withShadow?: boolean;\n\n    /**\n     * Показывать кнопку переключения на пред. месяц?\n     */\n    prevArrowVisible?: boolean;\n\n    /**\n     * Показывать кнопку переключения на след. месяц?\n     */\n    nextArrowVisible?: boolean;\n\n    /**\n     * Обработчик нажатия кнопки переключения на пред. месяц\n     */\n    onPrevArrowClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n\n    /**\n     * Обработчик нажатия кнопки переключения на след. месяц\n     */\n    onNextArrowClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n\n    onTodayClick: () => void;\n    showToday: boolean;\n    /**\n     * Обработчик нажатия на кнопку месяца\n     */\n    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const Header: FC<HeaderProps> = ({\n    month,\n    year,\n    view,\n    withShadow,\n    showToday,\n    onTodayClick,\n    prevArrowVisible = true,\n    nextArrowVisible = true,\n    onPrevArrowClick,\n    onNextArrowClick,\n    onMonthClick,\n}) => (\n    <div\n        className={ cn(styles.header, {\n            [styles.withShadow]: withShadow,\n        }) }\n        aria-live=\"polite\"\n    >\n        <SelectButton\n            view=\"filled\"\n            className={ cn({\n                [styles.disabled]: view === 'months',\n            }) }\n            onClick={ view === 'days' ? onMonthClick : undefined }\n        >\n            <span className={ styles.buttonContent }>\n                { view === 'days' ? `${capitalize(month)} ${year}` : `${year}` }\n            </span>\n        </SelectButton>\n        <div className={ styles.selectors }>\n            { showToday && (\n                <Button\n                    view=\"outlined\"\n                    className={ styles.today }\n                    onClick={ onTodayClick }\n                    size=\"xs\"\n                >\n                    today\n                </Button>\n            ) }\n\n            <Button\n                view=\"ghost\"\n                className={ styles.arrow }\n                disabled={ !prevArrowVisible }\n                onClick={ onPrevArrowClick }\n                aria-label=\"Prev month\"\n            >\n                <ChevronBackS />\n            </Button>\n\n            <Button\n                view=\"ghost\"\n                className={ styles.arrow }\n                onClick={ onNextArrowClick }\n                disabled={ !nextArrowVisible }\n                aria-label=\"Next month\"\n            >\n                <ChevronBackS />\n            </Button>\n\n        </div>\n    </div>\n);\n"],"names":["Header","month","year","view","withShadow","showToday","onTodayClick","prevArrowVisible","nextArrowVisible","onPrevArrowClick","onNextArrowClick","onMonthClick","jsxs","cn","styles","jsx","SelectButton","capitalize","Button","ChevronBackS"],"mappings":";;;;;;;AA4DO,MAAMA,IAA0B,CAAC;AAAA,EACpC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAYC,EAAGC,EAAO,QAAQ;AAAA,MAC1B,CAACA,EAAO,UAAU,GAAGV;AAAA,IAAA,CACxB;AAAA,IACD,aAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAYH,EAAG;AAAA,YACX,CAACC,EAAO,QAAQ,GAAGX,MAAS;AAAA,UAAA,CAC/B;AAAA,UACD,SAAUA,MAAS,SAASQ,IAAe;AAAA,UAE3C,4BAAC,QAAA,EAAK,WAAYG,EAAO,eACnB,gBAAS,SAAS,GAAGG,EAAWhB,CAAK,CAAC,IAAIC,CAAI,KAAK,GAAGA,CAAI,GAAA,CAChE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAU,EAAC,OAAA,EAAI,WAAYE,EAAO,WAClB,UAAA;AAAA,QAAAT,KACE,gBAAAU;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,WAAYJ,EAAO;AAAA,YACnB,SAAUR;AAAA,YACV,MAAK;AAAA,YACR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAKL,gBAAAS;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,WAAYJ,EAAO;AAAA,YACnB,UAAW,CAACP;AAAA,YACZ,SAAUE;AAAA,YACV,cAAW;AAAA,YAEX,4BAACU,GAAA,CAAA,CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAGlB,gBAAAJ;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,WAAYJ,EAAO;AAAA,YACnB,SAAUJ;AAAA,YACV,UAAW,CAACF;AAAA,YACZ,cAAW;AAAA,YAEX,4BAACW,GAAA,CAAA,CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AACJ;"}

package/dist/calendar/components/months-table/index.d.ts

@@ -1 +1 @@
-export * from "./\u0441omponent";
+export * from './сomponent';

package/dist/calendar/components/months-table/index.js

@@ -1 +1,5 @@
-export{MonthsTable}from"./сomponent.js";import"tslib";import"react";import"date-fns";import"../../../capitalize-474610b0.js";import"../../../isSymbol-7dcd25d3.js";import"../../../flex-columns/component.js";import"classnames";import"../../utils.js";import"../select-button/сomponent.js";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";
+import { MonthsTable as r } from "./сomponent.js";
+export {
+  r as MonthsTable
+};
+//# sourceMappingURL=index.js.map

package/dist/calendar/components/months-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/calendar/components/months-table/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.index-module_monthsTable__Eq4Jn{width:var(--calendar-width);margin:auto 0}.index-module_button__XgrJs{width:var(--calendar-selector-button-width)}.index-module_button__XgrJs:nth-last-child(-n+3){margin-bottom:0}

package/dist/calendar/components/months-table/index.module.css.js

@@ -0,0 +1,11 @@
+import './index.module.css';
+const t = "index-module_monthsTable__Eq4Jn", n = "index-module_button__XgrJs", o = {
+  monthsTable: t,
+  button: n
+};
+export {
+  n as button,
+  o as default,
+  t as monthsTable
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/components/months-table/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/calendar/components/months-table//321/201omponent.d.ts

@@ -1,11 +1,20 @@
 import { FC } from 'react';
-import { Month } from "../../typings";
-type MonthsTableProps = {
+import { Month } from '../../typings';
+export declare type MonthsTableProps = {
+    /**
+     * Массив месяцев
+     */
     months?: Month[];
+    /**
+     * Выбранный месяц
+     */
     selectedMonth?: Date;
+    /**
+     * Доп пропсы для переданного месяца
+     */
     getMonthProps: (day: Month) => Record<string, unknown>;
     selectedLocale: Locale;
+    /** Использовать короткие названия месяцев и дней */
     shortNames: boolean;
 };
-declare const MonthsTable: FC<MonthsTableProps>;
-export { MonthsTableProps, MonthsTable };
+export declare const MonthsTable: FC<MonthsTableProps>;

package/dist/calendar/components/months-table//321/201omponent.js

@@ -1 +1,34 @@
-import{__assign as e}from"tslib";import t,{useCallback as o}from"react";import{isSameMonth as m,isThisMonth as r}from"date-fns";import{c as n}from"../../../capitalize-474610b0.js";import{FlexColumns as s}from"../../../flex-columns/component.js";import{monthName as i}from"../../utils.js";import{SelectButton as a}from"../select-button/сomponent.js";import"../../../isSymbol-7dcd25d3.js";import"classnames";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";var c="index-module_monthsTable__TV9qK",l="index-module_button__17dVp",p=function(p){var d=p.selectedMonth,u=p.months,f=void 0===u?[]:u,j=p.getMonthProps,b=p.selectedLocale,h=p.shortNames,_=o((function(e){return d&&m(d,e.date)?"selected":r(e.date)?"outlined":"default"}),[d]);return t.createElement(s,{columns:3,gc:0,gr:8,className:c},f.map((function(o){return t.createElement(a,e({},j(o),{key:o.date.getMonth(),className:l,view:_(o)}),n(i(o.date,b,h)))})))};export{p as MonthsTable};
+import { jsx as l } from "react/jsx-runtime";
+import { useCallback as n, createElement as f } from "react";
+import { isSameMonth as p, isThisMonth as u } from "date-fns";
+import c from "lodash/capitalize";
+import { FlexColumns as d } from "../../../flex-columns/component.js";
+import { monthName as b } from "../../utils.js";
+import { SelectButton as g } from "../select-button/сomponent.js";
+import r from "./index.module.css.js";
+const C = ({
+  selectedMonth: e,
+  months: o = [],
+  getMonthProps: m,
+  selectedLocale: a,
+  shortNames: i
+}) => {
+  const s = n(
+    (t) => e && p(e, t.date) ? "selected" : u(t.date) ? "outlined" : "default",
+    [e]
+  );
+  return /* @__PURE__ */ l(d, { columns: 3, gc: 0, gr: 8, className: r.monthsTable, children: o.map((t) => /* @__PURE__ */ f(
+    g,
+    {
+      ...m(t),
+      key: t.date.getMonth(),
+      className: r.button,
+      view: s(t)
+    },
+    c(b(t.date, a, i))
+  )) });
+};
+export {
+  C as MonthsTable
+};
+//# sourceMappingURL=сomponent.js.map

package/dist/calendar/components/months-table//321/201omponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"сomponent.js","sources":["../../../../src/calendar/components/months-table/сomponent.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport { isSameMonth, isThisMonth } from 'date-fns';\nimport capitalize from 'lodash/capitalize';\n\nimport { FlexColumns } from '../../../flex-columns';\nimport { Month } from '../../typings';\nimport { monthName } from '../../utils';\nimport { SelectButton, SelectButtonProps } from '../select-button';\n\nimport styles from './index.module.css';\n\nexport type MonthsTableProps = {\n    /**\n     * Массив месяцев\n     */\n    months?: Month[];\n\n    /**\n     * Выбранный месяц\n     */\n    selectedMonth?: Date;\n\n    /**\n     * Доп пропсы для переданного месяца\n     */\n    getMonthProps: (day: Month) => Record<string, unknown>;\n\n    selectedLocale: Locale;\n\n    /** Использовать короткие названия месяцев и дней */\n    shortNames: boolean;\n};\n\nexport const MonthsTable: FC<MonthsTableProps> = ({\n    selectedMonth,\n    months = [],\n    getMonthProps,\n    selectedLocale,\n    shortNames,\n}) => {\n    const view = useCallback(\n        (month: Month): SelectButtonProps['view'] => {\n            if (selectedMonth && isSameMonth(selectedMonth, month.date)) return 'selected';\n            if (isThisMonth(month.date)) return 'outlined';\n\n            return 'default';\n        },\n        [selectedMonth],\n    );\n\n    return (\n        <FlexColumns columns={ 3 } gc={ 0 } gr={ 8 } className={ styles.monthsTable }>\n            { months.map((month) => (\n                <SelectButton\n                    { ...getMonthProps(month) }\n                    key={ month.date.getMonth() }\n                    className={ styles.button }\n                    view={ view(month) }\n                >\n                    { capitalize(monthName(month.date, selectedLocale, shortNames)) }\n                </SelectButton>\n            )) }\n        </FlexColumns>\n    );\n};\n"],"names":["MonthsTable","selectedMonth","months","getMonthProps","selectedLocale","shortNames","view","useCallback","month","isSameMonth","isThisMonth","jsx","FlexColumns","styles","createElement","SelectButton","capitalize","monthName"],"mappings":";;;;;;;;AAiCO,MAAMA,IAAoC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AAAA,EACT,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AACJ,MAAM;AACF,QAAMC,IAAOC;AAAA,IACT,CAACC,MACOP,KAAiBQ,EAAYR,GAAeO,EAAM,IAAI,IAAU,aAChEE,EAAYF,EAAM,IAAI,IAAU,aAE7B;AAAA,IAEX,CAACP,CAAa;AAAA,EAAA;AAGlB,SACI,gBAAAU,EAACC,GAAA,EAAY,SAAU,GAAI,IAAK,GAAI,IAAK,GAAI,WAAYC,EAAO,aAC1D,UAAAX,EAAO,IAAI,CAACM,MACV,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACK,GAAGZ,EAAcK,CAAK;AAAA,MACxB,KAAMA,EAAM,KAAK,SAAA;AAAA,MACjB,WAAYK,EAAO;AAAA,MACnB,MAAOP,EAAKE,CAAK;AAAA,IAAA;AAAA,IAEfQ,EAAWC,EAAUT,EAAM,MAAMJ,GAAgBC,CAAU,CAAC;AAAA,EAAA,CAErE,GACL;AAER;"}

package/dist/calendar/components/select-button/index.d.ts

@@ -1 +1 @@
-export * from "./\u0441omponent";
+export * from './сomponent';

package/dist/calendar/components/select-button/index.js

@@ -1 +1,5 @@
-export{SelectButton}from"./сomponent.js";import"tslib";import"react";import"classnames";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";
+import { SelectButton as o } from "./сomponent.js";
+export {
+  o as SelectButton
+};
+//# sourceMappingURL=index.js.map

package/dist/calendar/components/select-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/calendar/components/select-button/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.index-module_button__baxa-{font-weight:700;font-size:13px;line-height:20px;height:40px;position:relative;padding:0;background-color:transparent;border-radius:4px}.index-module_button__baxa-:not(.index-module_disabled__KuR4M):hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.index-module_button__baxa->*{flex-grow:1}.index-module_filled__bjlbk{background-color:var(--color-bg-tertiary)}.index-module_filled__bjlbk:not(.index-module_disabled__KuR4M):hover{background-color:color-mix(in srgb,var(--color-bg-tertiary) 93%,black)}.index-module_outlined__uO-jd{border:1px solid var(--calendar-selector-button-outline-border-color)}.index-module_selected__iwjDb:not(.index-module_disabled__KuR4M):hover{background-color:var(--color-bg-primary-inverted);color:var(--color-text-primary-inverted)}

package/dist/calendar/components/select-button/index.module.css.js

@@ -0,0 +1,17 @@
+import './index.module.css';
+const e = "index-module_button__baxa-", d = "index-module_disabled__KuR4M", l = "index-module_filled__bjlbk", t = "index-module_outlined__uO-jd", o = "index-module_selected__iwjDb", n = {
+  button: e,
+  disabled: d,
+  filled: l,
+  outlined: t,
+  selected: o
+};
+export {
+  e as button,
+  n as default,
+  d as disabled,
+  l as filled,
+  t as outlined,
+  o as selected
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/components/select-button/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/calendar/components/select-button//321/201omponent.d.ts

@@ -1,12 +1,21 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonHTMLAttributes } from "react";
-type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+import { default as React, ButtonHTMLAttributes } from 'react';
+export declare type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Вид кнопки
+     */
     view?: 'default' | 'filled' | 'outlined' | 'selected';
 };
-declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Дополнительный класс
+     */
     className?: string | undefined;
+    /**
+     * Вид кнопки
+     */
     view?: "default" | "outlined" | "filled" | "selected" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
-export { SelectButtonProps, SelectButton };

package/dist/calendar/components/select-button//321/201omponent.js

@@ -1 +1,31 @@
-import{__rest as e,__assign as o}from"tslib";import d,{forwardRef as i}from"react";import t from"classnames";import{Button as s}from"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";var l={button:"index-module_button__2Guss",disabled:"index-module_disabled__22rwG",filled:"index-module_filled__3oXk4",outlined:"index-module_outlined__2aOvU",selected:"index-module_selected__2DRa6"},r=i((function(i,r){var m,a=i.className,n=i.children,u=i.disabled,c=i.view,_=void 0===c?"default":c,b=e(i,["className","children","disabled","view"]);return d.createElement(s,o({},b,{ref:r,view:"ghost",size:"xs",disabled:u,className:t(l.button,l[_],a,(m={},m[l.disabled]=u,m))}),n)}));export{r as SelectButton};
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import n from "classnames";
+import { Button as a } from "../../../button/component.js";
+import o from "./index.module.css.js";
+const w = p(
+  ({
+    className: r,
+    children: m,
+    disabled: t,
+    view: e = "default",
+    ...s
+  }, f) => /* @__PURE__ */ i(
+    a,
+    {
+      ...s,
+      ref: f,
+      view: "ghost",
+      size: "xs",
+      disabled: t,
+      className: n(o.button, o[e], r, {
+        [o.disabled]: t
+      }),
+      children: m
+    }
+  )
+);
+export {
+  w as SelectButton
+};
+//# sourceMappingURL=сomponent.js.map

package/dist/calendar/components/select-button//321/201omponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"сomponent.js","sources":["../../../../src/calendar/components/select-button/сomponent.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '../../../button';\n\nimport styles from './index.module.css';\n\nexport type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Вид кнопки\n     */\n    view?: 'default' | 'filled' | 'outlined' | 'selected';\n};\n\nexport const SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>(\n    ({\n        className, children, disabled, view = 'default', ...restProps\n    }, ref) => (\n        <Button\n            { ...restProps }\n            ref={ ref }\n            view=\"ghost\"\n            size=\"xs\"\n            disabled={ disabled }\n            className={ cn(styles.button, styles[view], className, {\n                [styles.disabled]: disabled,\n            }) }\n        >\n            { children }\n        </Button>\n    ),\n);\n"],"names":["SelectButton","forwardRef","className","children","disabled","view","restProps","ref","jsx","Button","cn","styles"],"mappings":";;;;;AAmBO,MAAMA,IAAeC;AAAA,EACxB,CAAC;AAAA,IACG,WAAAC;AAAA,IAAW,UAAAC;AAAA,IAAU,UAAAC;AAAA,IAAU,MAAAC,IAAO;AAAA,IAAW,GAAGC;AAAA,EAAA,GACrDC,MACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACK,GAAGH;AAAA,MACL,KAAAC;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAAH;AAAA,MACA,WAAYM,EAAGC,EAAO,QAAQA,EAAON,CAAI,GAAGH,GAAW;AAAA,QACnD,CAACS,EAAO,QAAQ,GAAGP;AAAA,MAAA,CACtB;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/dist/calendar/components/years-table/index.d.ts

@@ -1 +1 @@
-export * from "./\u0441omponent";
+export * from './сomponent';

package/dist/calendar/components/years-table/index.js

@@ -1 +1,5 @@
-export{YearsTable}from"./сomponent.js";import"tslib";import"react";import"date-fns";import"../select-button/сomponent.js";import"classnames";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";
+import { YearsTable as a } from "./сomponent.js";
+export {
+  a as YearsTable
+};
+//# sourceMappingURL=index.js.map

package/dist/calendar/components/years-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/calendar/components/years-table/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.index-module_yearsTable__7bRtn{overflow:auto;overflow-x:hidden;width:100%;margin-bottom:var(--gap-m-neg);padding-top:6px}.index-module_inner__LF4VE{display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;left:13px;overflow-x:hidden}.index-module_button__e9zeg{width:var(--calendar-selector-button-width);margin:0 3px var(--gap-xs)}.index-module_button__e9zeg:nth-last-child(-n+3){margin-bottom:0}

package/dist/calendar/components/years-table/index.module.css.js

@@ -0,0 +1,13 @@
+import './index.module.css';
+const e = "index-module_yearsTable__7bRtn", n = "index-module_inner__LF4VE", t = "index-module_button__e9zeg", o = {
+  yearsTable: e,
+  inner: n,
+  button: t
+};
+export {
+  t as button,
+  o as default,
+  n as inner,
+  e as yearsTable
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/components/years-table/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/calendar/components/years-table//321/201omponent.d.ts

@@ -1,9 +1,20 @@
 import { FC } from 'react';
-type YearsTableProps = {
+export declare type YearsTableProps = {
+    /**
+     * Массив лет
+     */
     years?: Date[];
+    /**
+     * Выбранный год
+     */
     selectedYear?: Date;
+    /**
+     * Доп. пропсы для переданного года
+     */
     getYearProps: (year: Date) => Record<string, unknown>;
+    /**
+     * Обработчик скролла
+     */
     onScroll: (scrollTop: number) => void;
 };
-declare const YearsTable: FC<YearsTableProps>;
-export { YearsTableProps, YearsTable };
+export declare const YearsTable: FC<YearsTableProps>;

package/dist/calendar/components/years-table//321/201omponent.js

@@ -1 +1,41 @@
-import{__assign as e}from"tslib";import t,{useRef as r,useCallback as o,useLayoutEffect as n}from"react";import{isSameYear as l,isThisYear as a}from"date-fns";import{SelectButton as c}from"../select-button/сomponent.js";import"classnames";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";var i="index-module_yearsTable__1AgBf",m="index-module_inner__3mtXH",s="index-module_button__11VGj",u=function(u){var p=u.selectedYear,d=u.years,f=void 0===d?[]:d,_=u.getYearProps,g=u.onScroll,v=r(null),b=o((function(e){return p&&l(p,e)?"selected":a(e)?"outlined":"default"}),[p]),x=o((function(e){g(e.currentTarget.scrollTop)}),[g]);return n((function(){var e=v.current,t="."+s+'[tabIndex="0"]',r=e&&e.querySelector(t);if(e&&r){var o=e.clientHeight/2-r.clientHeight/2;e.scrollTop=r.offsetTop-o,g(e.scrollTop)}}),[g,p]),t.createElement("div",{className:i,onScroll:x,ref:v},t.createElement("div",{className:m},f.map((function(r){return t.createElement(c,e({},_(r),{key:r.getFullYear(),view:b(r),className:s}),r.getFullYear())}))))};export{u as YearsTable};
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as d, useCallback as c, useLayoutEffect as T, createElement as b } from "react";
+import { isSameYear as h, isThisYear as g } from "date-fns";
+import { SelectButton as N } from "../select-button/сomponent.js";
+import r from "./index.module.css.js";
+const E = ({
+  selectedYear: t,
+  years: i = [],
+  getYearProps: u,
+  onScroll: o
+}) => {
+  const l = d(null), a = c(
+    (e) => t && h(t, e) ? "selected" : g(e) ? "outlined" : "default",
+    [t]
+  ), m = c(
+    (e) => {
+      o(e.currentTarget.scrollTop);
+    },
+    [o]
+  );
+  return T(() => {
+    const e = l.current, f = `.${r.button}[tabIndex="0"]`, s = e && e.querySelector(f);
+    if (e && s) {
+      const p = e.clientHeight / 2 - s.clientHeight / 2;
+      e.scrollTop = s.offsetTop - p, o(e.scrollTop);
+    }
+  }, [o, t]), /* @__PURE__ */ n("div", { className: r.yearsTable, onScroll: m, ref: l, children: /* @__PURE__ */ n("div", { className: r.inner, children: i.map((e) => /* @__PURE__ */ b(
+    N,
+    {
+      ...u(e),
+      key: e.getFullYear(),
+      view: a(e),
+      className: r.button
+    },
+    e.getFullYear()
+  )) }) });
+};
+export {
+  E as YearsTable
+};
+//# sourceMappingURL=сomponent.js.map

package/dist/calendar/components/years-table//321/201omponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"сomponent.js","sources":["../../../../src/calendar/components/years-table/сomponent.tsx"],"sourcesContent":["import React, {\n    FC, useCallback, useLayoutEffect, useRef,\n} from 'react';\nimport { isSameYear, isThisYear } from 'date-fns';\n\nimport { SelectButton, SelectButtonProps } from '../select-button';\n\nimport styles from './index.module.css';\n\nexport type YearsTableProps = {\n    /**\n     * Массив лет\n     */\n    years?: Date[];\n\n    /**\n     * Выбранный год\n     */\n    selectedYear?: Date;\n\n    /**\n     * Доп. пропсы для переданного года\n     */\n    getYearProps: (year: Date) => Record<string, unknown>;\n\n    /**\n     * Обработчик скролла\n     */\n    onScroll: (scrollTop: number) => void;\n};\n\nexport const YearsTable: FC<YearsTableProps> = ({\n    selectedYear,\n    years = [],\n    getYearProps,\n    onScroll,\n}) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    const view = useCallback(\n        (year: Date): SelectButtonProps['view'] => {\n            if (selectedYear && isSameYear(selectedYear, year)) return 'selected';\n            if (isThisYear(year)) return 'outlined';\n\n            return 'default';\n        },\n        [selectedYear],\n    );\n\n    const handleScroll = useCallback(\n        (event: React.UIEvent<HTMLDivElement>) => {\n            onScroll(event.currentTarget.scrollTop);\n        },\n        [onScroll],\n    );\n\n    useLayoutEffect(() => {\n        const listNode = ref.current;\n        const selector = `.${styles.button}[tabIndex=\"0\"]`;\n        const selectedYearNode = listNode && listNode.querySelector<HTMLButtonElement>(selector);\n\n        if (listNode && selectedYearNode) {\n            const topIndent = listNode.clientHeight / 2 - selectedYearNode.clientHeight / 2;\n\n            listNode.scrollTop = selectedYearNode.offsetTop - topIndent;\n\n            onScroll(listNode.scrollTop);\n        }\n    }, [onScroll, selectedYear]);\n\n    return (\n        <div className={ styles.yearsTable } onScroll={ handleScroll } ref={ ref }>\n            <div className={ styles.inner }>\n                { years.map((year) => (\n                    <SelectButton\n                        { ...getYearProps(year) }\n                        key={ year.getFullYear() }\n                        view={ view(year) }\n                        className={ styles.button }\n                    >\n                        { year.getFullYear() }\n                    </SelectButton>\n                )) }\n            </div>\n        </div>\n    );\n};\n"],"names":["YearsTable","selectedYear","years","getYearProps","onScroll","ref","useRef","view","useCallback","year","isSameYear","isThisYear","handleScroll","event","useLayoutEffect","listNode","selector","styles","selectedYearNode","topIndent","jsx","createElement","SelectButton"],"mappings":";;;;;AA+BO,MAAMA,IAAkC,CAAC;AAAA,EAC5C,cAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,UAAAC;AACJ,MAAM;AACF,QAAMC,IAAMC,EAAuB,IAAI,GAEjCC,IAAOC;AAAA,IACT,CAACC,MACOR,KAAgBS,EAAWT,GAAcQ,CAAI,IAAU,aACvDE,EAAWF,CAAI,IAAU,aAEtB;AAAA,IAEX,CAACR,CAAY;AAAA,EAAA,GAGXW,IAAeJ;AAAA,IACjB,CAACK,MAAyC;AACtC,MAAAT,EAASS,EAAM,cAAc,SAAS;AAAA,IAC1C;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA;AAGb,SAAAU,EAAgB,MAAM;AAClB,UAAMC,IAAWV,EAAI,SACfW,IAAW,IAAIC,EAAO,MAAM,kBAC5BC,IAAmBH,KAAYA,EAAS,cAAiCC,CAAQ;AAEvF,QAAID,KAAYG,GAAkB;AAC9B,YAAMC,IAAYJ,EAAS,eAAe,IAAIG,EAAiB,eAAe;AAE9E,MAAAH,EAAS,YAAYG,EAAiB,YAAYC,GAElDf,EAASW,EAAS,SAAS;AAAA,IAC/B;AAAA,EACJ,GAAG,CAACX,GAAUH,CAAY,CAAC,qBAGtB,OAAA,EAAI,WAAYgB,EAAO,YAAa,UAAWL,GAAe,KAAAP,GAC3D,UAAA,gBAAAe,EAAC,OAAA,EAAI,WAAYH,EAAO,OAClB,UAAAf,EAAM,IAAI,CAACO,MACT,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACK,GAAGnB,EAAaM,CAAI;AAAA,MACtB,KAAMA,EAAK,YAAA;AAAA,MACX,MAAOF,EAAKE,CAAI;AAAA,MAChB,WAAYQ,EAAO;AAAA,IAAA;AAAA,IAEjBR,EAAK,YAAA;AAAA,EAAY,CAE1B,GACL,EAAA,CACJ;AAER;"}

package/dist/calendar/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./component";
-export { usePeriod } from "./use-period";
-export { useCalendar } from "./use-calendar";
-export { russianWeekDay, dateInLimits, limitDate, monthName, DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX } from "./utils";
+export * from './component';
+export { usePeriod } from './use-period';
+export { useCalendar } from './use-calendar';
+export { russianWeekDay, dateInLimits, limitDate, monthName, DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, } from './utils';

package/dist/calendar/index.js

@@ -1 +1,17 @@
-export{Calendar}from"./component.js";export{usePeriod}from"./use-period.js";export{useCalendar}from"./use-calendar.js";export{DAYS_IN_WEEK,MONTHS_IN_YEAR,SUNDAY_INDEX,dateInLimits,limitDate,monthName,russianWeekDay}from"./utils.js";import"tslib";import"react";import"classnames";import"date-fns";import"../utils/format-date/index.js";import"date-fns/esm/locale/cs";import"date-fns/esm/locale/de";import"date-fns/esm/locale/en-GB";import"date-fns/esm/locale/pl";import"date-fns/esm/locale/ru";import"date-fns/locale/el";import"date-fns/locale/es";import"date-fns/locale/et";import"date-fns/locale/fr";import"date-fns/locale/it";import"date-fns/locale/nl";import"date-fns/locale/pt";import"./components/days-table/component.js";import"react-transition-group";import"../capitalize-474610b0.js";import"../isSymbol-7dcd25d3.js";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../flex/component.js";import"../hooks/usePrevious/index.js";import"./components/header/сomponent.js";import"@alphakits/icons/dist/ChevronBackS";import"./components/select-button/сomponent.js";import"./components/months-table/сomponent.js";import"../flex-columns/component.js";
+import { Calendar as o } from "./component.js";
+import { usePeriod as t } from "./use-period.js";
+import { useCalendar as i } from "./use-calendar.js";
+import { DAYS_IN_WEEK as n, MONTHS_IN_YEAR as s, SUNDAY_INDEX as D, dateInLimits as _, limitDate as d, monthName as f, russianWeekDay as p } from "./utils.js";
+export {
+  o as Calendar,
+  n as DAYS_IN_WEEK,
+  s as MONTHS_IN_YEAR,
+  D as SUNDAY_INDEX,
+  _ as dateInLimits,
+  d as limitDate,
+  f as monthName,
+  p as russianWeekDay,
+  i as useCalendar,
+  t as usePeriod
+};
+//# sourceMappingURL=index.js.map

package/dist/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/calendar/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.index-module_container__3PFvh{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--gap-xs);box-sizing:border-box;flex-grow:1;overflow:hidden}

package/dist/calendar/index.module.css.js

@@ -0,0 +1,13 @@
+import './index.module.css';
+const e = "index-module_component__SJQwG", n = "index-module_container__3PFvh", o = "index-module_sixWeeks__NcW9R", s = {
+  component: e,
+  container: n,
+  sixWeeks: o
+};
+export {
+  e as component,
+  n as container,
+  s as default,
+  o as sixWeeks
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/calendar/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/calendar/typings.d.ts

@@ -1,16 +1,15 @@
-type SpecialDays = Record<number, boolean>;
-type Day = {
+export declare type SpecialDays = Record<number, boolean>;
+export declare type Day = {
     date: Date;
     disabled?: boolean;
     event?: boolean;
     selected?: boolean;
     muted: boolean;
 };
-type Month = {
+export declare type Month = {
     date: Date;
     disabled?: boolean;
 };
-type DateShift = 'prev' | 'prevWeek' | 'prevMonth' | 'startOfWeek' | 'next' | 'nextWeek' | 'nextMonth' | 'endOfWeek';
-type View = 'years' | 'months' | 'days';
-type SelectorView = 'month-only' | 'full';
-export { SpecialDays, Day, Month, DateShift, View, SelectorView };
+export declare type DateShift = 'prev' | 'prevWeek' | 'prevMonth' | 'startOfWeek' | 'next' | 'nextWeek' | 'nextMonth' | 'endOfWeek';
+export declare type View = 'years' | 'months' | 'days';
+export declare type SelectorView = 'month-only' | 'full';

package/dist/calendar/typings.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=typings.js.map

package/dist/calendar/typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}