@alphakits/ui 2.0.12 → 2.1.0

package/dist/badge/component.d.ts

@@ -33,4 +33,4 @@ export interface BadgeProps {
      */
     dataTestId?: string;
 }
-export declare const Badge: ({ className, size, view, visibleIconOutline, content, iconColor, color, dataTestId, }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ className, size, view, visibleIconOutline, content, iconColor, color, dataTestId, }: BadgeProps) => React.JSX.Element;

package/dist/box/component.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export declare enum Radiuses {
     xs = 8,
     sm = 12,
@@ -29,5 +29,5 @@ type Props = {
     margin?: keyof typeof Spaces;
     marginCustom?: string;
 };
-export declare const Box: ({ children, id, className, padding, paddingCustom, border, margin, marginCustom, background, width, height, rounded, }: Props) => JSX.Element;
+export declare const Box: ({ children, id, className, padding, paddingCustom, border, margin, marginCustom, background, width, height, rounded, }: Props) => React.JSX.Element;
 export {};

package/dist/calendar/typings.d.ts

@@ -1,3 +1,4 @@
+import { KeyboardEvent, MouseEvent, Ref } from 'react';
 export type SpecialDays = Record<number, boolean>;
 export type Day = {
     date: Date;
@@ -13,3 +14,44 @@ export type Month = {
 export type DateShift = 'prev' | 'prevWeek' | 'prevMonth' | 'startOfWeek' | 'next' | 'nextWeek' | 'nextMonth' | 'endOfWeek';
 export type View = 'years' | 'months' | 'days';
 export type SelectorView = 'month-only' | 'full';
+export type CalendarDayProps = {
+    'data-date': number;
+    'aria-selected': boolean | undefined;
+    ref: (node: HTMLButtonElement) => void;
+    tabIndex: number;
+    onMouseEnter: (event: MouseEvent<HTMLButtonElement>) => void;
+    onMouseLeave: () => void;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+export type CalendarMonthProps = {
+    'data-date': number;
+    'aria-selected': boolean;
+    ref: (node: HTMLButtonElement) => void;
+    tabIndex: number;
+    disabled?: boolean;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+export type CalendarRootProps = {
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    ref: (node: HTMLDivElement | null) => void;
+    tabIndex: number;
+};
+export type UseCalendarReturn = {
+    activeMonth: Date;
+    activeYear: Date;
+    weeks: Day[][];
+    months: Month[];
+    canSetPrevMonth: boolean;
+    canSetNextMonth: boolean;
+    highlighted: Date | number | undefined;
+    setPrevMonth: () => void;
+    setNextMonth: () => void;
+    setNextYear: () => void;
+    setPrevYear: () => void;
+    setMonthByDate: (newMonth: Date) => void;
+    getDayProps: (day: Day) => CalendarDayProps;
+    getMonthProps: (selectedMonth: Month) => CalendarMonthProps;
+    getRootProps: (options?: {
+        ref?: Ref<HTMLDivElement> | null;
+    }) => CalendarRootProps;
+};

package/dist/calendar/use-calendar.d.ts

@@ -1,5 +1,4 @@
-import { KeyboardEvent, MouseEvent, Ref } from 'react';
-import { Day, Month, View } from './typings';
+import { UseCalendarReturn, View } from './typings';
 export type UseCalendarProps = {
     /**
      * Активный вид (выбор дней, месяцев, лет)
@@ -54,41 +53,4 @@ export type UseCalendarProps = {
      */
     setView: (value: View) => void;
 };
-export declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, onMonthChange, onYearChange, onChange, setView, }: UseCalendarProps): {
-    activeMonth: Date;
-    activeYear: Date;
-    weeks: Day[][];
-    months: Month[];
-    canSetPrevMonth: boolean;
-    canSetNextMonth: boolean;
-    highlighted: number | Date | undefined;
-    setPrevMonth: () => void;
-    setNextMonth: () => void;
-    setNextYear: () => void;
-    setPrevYear: () => void;
-    setMonthByDate: (newMonth: Date) => void;
-    getDayProps: (day: Day) => {
-        'data-date': number;
-        'aria-selected': boolean | undefined;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        onMouseEnter: (event: MouseEvent<HTMLButtonElement>) => void;
-        onMouseLeave: () => void;
-        onClick: (event: MouseEvent<HTMLButtonElement>) => void;
-    };
-    getMonthProps: (selectedMonth: Month) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        disabled: boolean | undefined;
-        onClick: (e: MouseEvent<HTMLButtonElement>) => void;
-    };
-    getRootProps: ({ ref }: {
-        ref?: Ref<HTMLDivElement>;
-    }) => {
-        onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
-        ref: (instance: HTMLDivElement | null) => void;
-        tabIndex: number;
-    };
-};
+export declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, onMonthChange, onYearChange, onChange, setView, }: UseCalendarProps): UseCalendarReturn;

package/dist/calendar/use-calendar.js

@@ -218,7 +218,7 @@ function Ut({
     },
     [d, D, X, K]
   ), vt = o(
-    ({ ref: t = null }) => ({
+    ({ ref: t = null } = {}) => ({
       onKeyDown: L,
       ref: Tt([t, P]),
       tabIndex: -1

package/dist/calendar/use-calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-calendar.js","sources":["../../src/calendar/use-calendar.ts"],"sourcesContent":["import {\n    KeyboardEvent, MouseEvent, Ref, useCallback, useMemo, useRef, useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport {\n    addMonths,\n    addYears,\n    isSameDay,\n    isSameMonth,\n    startOfMonth,\n    startOfYear,\n    subYears,\n} from '../utils/date';\n\nimport {\n    DateShift, Day, Month, View,\n} from './typings';\nimport {\n    dateArrayToHashTable,\n    generateMonths,\n    generateWeeks,\n    generateYears,\n    limitDate,\n    modifyDateByShift,\n    MONTHS_IN_YEAR,\n    simulateTab,\n} from './utils';\n\nexport type UseCalendarProps = {\n    /**\n     * Активный вид (выбор дней, месяцев, лет)\n     */\n    view?: View;\n\n    /**\n     * Выбранный месяц (controlled)\n     */\n    month?: Date;\n\n    /**\n     * Выбранный месяц (controlled)\n     */\n    year?: Date;\n\n    /**\n     * Начальный месяц\n     */\n    defaultMonth: Date;\n\n    /**\n     * Минимальная дата, доступная для выбора\n     */\n    minDate?: Date;\n\n    /**\n     * Максимальная дата, доступная для выбора\n     */\n    maxDate?: Date;\n\n    /**\n     * Выбранная дата\n     */\n    selected?: Date;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных дней\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Обработчик изменения месяца (или года)\n     */\n    onMonthChange?: (month: number) => void;\n\n    /**\n     * Обработчик изменения месяца (или года)\n     */\n    onYearChange?: (year: number) => void;\n\n    /**\n     * Обработчик выбора даты\n     */\n    onChange?: (date: number) => void;\n\n    /**\n     * Calendar view handler\n     */\n    setView: (value: View) => void;\n};\n\nexport function useCalendar({\n    defaultMonth,\n    month,\n    minDate,\n    view = 'days',\n    maxDate,\n    selected,\n    events,\n    offDays,\n    onMonthChange,\n    onYearChange,\n    onChange,\n    setView,\n}: UseCalendarProps) {\n    const [monthState, setMonthState] = useState(defaultMonth);\n    const [yearState, setYearState] = useState(defaultMonth);\n    const [highlighted, setHighlighted] = useState<Date | number>();\n\n    const uncontrolled = month === undefined;\n\n    const activeMonth = uncontrolled ? monthState : (month as Date);\n    const activeYear = uncontrolled ? yearState : (month as Date);\n\n    const dateRefs = useRef<HTMLButtonElement[]>([]);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const minMonth = useMemo(() => minDate && startOfMonth(minDate), [minDate]);\n    const maxMonth = useMemo(() => maxDate && startOfMonth(maxDate), [maxDate]);\n\n    const minYear = useMemo(() => minDate && startOfYear(minDate), [minDate]);\n    const maxYear = useMemo(() => maxDate && startOfYear(maxDate), [maxDate]);\n\n    const canSetPrevMonth = minMonth ? activeMonth > minMonth : true;\n    const canSetNextMonth = maxMonth ? activeMonth < maxMonth : true;\n\n    const eventsMap = useMemo(() => dateArrayToHashTable(events || []), [events]);\n\n    const offDaysMap = useMemo(() => dateArrayToHashTable(offDays || []), [offDays]);\n\n    const weeks = useMemo(\n        () =>\n            generateWeeks(activeMonth, {\n                minDate,\n                maxDate,\n                selected,\n                eventsMap,\n                offDaysMap,\n            }),\n        [maxDate, minDate, selected, activeMonth, eventsMap, offDaysMap],\n    );\n\n    const months = useMemo(\n        () => generateMonths(activeYear, { minMonth, maxMonth }),\n        [minMonth, maxMonth, activeYear],\n    );\n\n    const years = useMemo(\n        () => generateYears(minDate || subYears(new Date(), 5), maxDate || new Date()),\n        [minDate, maxDate],\n    );\n\n    const setMonth = useCallback(\n        (newMonth: Date) => {\n            if (uncontrolled) {\n                setMonthState(newMonth);\n                setYearState(newMonth);\n            }\n\n            if (onMonthChange) {\n                onMonthChange(newMonth.getTime());\n            }\n        },\n        [onMonthChange, uncontrolled],\n    );\n\n    const handleSetYear = useCallback(\n        (newYear: Date) => {\n            if (uncontrolled) {\n                setYearState(newYear);\n            }\n\n            if (onYearChange) {\n                onYearChange(newYear.getTime());\n            }\n        },\n        [onYearChange, uncontrolled],\n    );\n\n    const setMonthByStep = useCallback(\n        (step: number) => {\n            setMonth(limitDate(addMonths(activeMonth, step), minMonth, maxMonth));\n        },\n        [setMonth, activeMonth, minMonth, maxMonth],\n    );\n\n    const setYearByStep = useCallback(\n        (step: number) => {\n            handleSetYear(limitDate(addYears(activeYear, step), minYear, maxYear));\n        },\n        [handleSetYear, activeYear, minYear, maxYear],\n    );\n\n    const setMonthByDate = useCallback(\n        (newMonth: Date) => {\n            setMonth(limitDate(newMonth, minMonth, maxMonth));\n        },\n        [maxMonth, minMonth, setMonth],\n    );\n\n    const setNextMonth = useCallback(() => {\n        setMonthByStep(1);\n    }, [setMonthByStep]);\n\n    const setPrevMonth = useCallback(() => {\n        setMonthByStep(-1);\n    }, [setMonthByStep]);\n\n    const setNextYear = useCallback(() => {\n        setYearByStep(1);\n    }, [setYearByStep]);\n\n    const setPrevYear = useCallback(() => {\n        setYearByStep(-1);\n    }, [setYearByStep]);\n\n    const getFocusedDate = useCallback(\n        () => dateRefs.current.find((node) => document.activeElement === node),\n        [],\n    );\n\n    const getFocusableDate = useCallback(\n        () => dateRefs.current.find((node) => node && node.tabIndex === 0),\n        [],\n    );\n\n    const focusDate = useCallback((node?: HTMLElement) => {\n        if (node) {\n            simulateTab(node);\n            node.focus();\n        }\n    }, []);\n\n    const focusFirstAvailableDate = useCallback(\n        () => focusDate(getFocusableDate()),\n        [focusDate, getFocusableDate],\n    );\n\n    const focusDay = useCallback(\n        (shift: DateShift) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedDate = new Date(+focusedNode.dataset.date);\n                const newDate = modifyDateByShift(shift, focusedDate, minDate, maxDate, offDaysMap);\n\n                let monthChanged = false;\n\n                if (newDate < focusedDate && newDate.getMonth() !== focusedDate.getMonth()) {\n                    setPrevMonth();\n                    monthChanged = true;\n                }\n\n                if (newDate > focusedDate && newDate.getMonth() !== focusedDate.getMonth()) {\n                    setNextMonth();\n                    monthChanged = true;\n                }\n\n                const effect = () => focusDate(dateRefs.current[newDate.getDate() - 1]);\n\n                if (monthChanged) {\n                    setTimeout(effect, 0);\n                } else {\n                    effect();\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [\n            focusDate,\n            focusFirstAvailableDate,\n            getFocusedDate,\n            maxDate,\n            minDate,\n            offDaysMap,\n            setNextMonth,\n            setPrevMonth,\n        ],\n    );\n\n    const focusMonth = useCallback(\n        (offset: number) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedMonth = new Date(+focusedNode.dataset.date).getMonth();\n                const newFocusedMonth = focusedMonth + offset;\n\n                if (newFocusedMonth >= 0 && newFocusedMonth < MONTHS_IN_YEAR) {\n                    focusDate(dateRefs.current[newFocusedMonth]);\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [focusDate, focusFirstAvailableDate, getFocusedDate],\n    );\n\n    const focusYear = useCallback(\n        (offset: number) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedYear = new Date(+focusedNode.dataset.date).getFullYear();\n                const newFocusedYear = focusedYear + offset;\n                const currentYear = new Date().getFullYear();\n\n                if (newFocusedYear <= currentYear && newFocusedYear > currentYear - years.length) {\n                    focusDate(dateRefs.current[newFocusedYear]);\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [focusDate, focusFirstAvailableDate, getFocusedDate, years.length],\n    );\n\n    const handleMonthClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n            if (date) {\n                setMonthByDate(new Date(+date));\n            }\n\n            if (rootRef.current) rootRef.current.focus();\n        },\n        [setMonthByDate],\n    );\n\n    const handleDateRef = useCallback((node: HTMLButtonElement, index: number) => {\n        dateRefs.current[index] = node;\n    }, []);\n\n    const handleDayMouseEnter = useCallback((event: MouseEvent<HTMLButtonElement>) => {\n        const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n        setHighlighted(date ? +date : undefined);\n    }, []);\n\n    const handleDayMouseLeave = useCallback(() => {\n        setHighlighted(undefined);\n    }, []);\n\n    const handleDayClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n            if (date && onChange) {\n                onChange(+date);\n            }\n        },\n        [onChange],\n    );\n\n    const daysControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusDay('prev'),\n            ArrowRight: () => focusDay('next'),\n            ArrowUp: () => focusDay('prevWeek'),\n            ArrowDown: () => focusDay('nextWeek'),\n            End: () => focusDay('endOfWeek'),\n            Home: () => focusDay('startOfWeek'),\n            PageUp: () => focusDay('prevMonth'),\n            PageDown: () => focusDay('nextMonth'),\n        }),\n        [focusDay],\n    );\n\n    const monthControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusMonth(-1),\n            ArrowRight: () => focusMonth(1),\n            ArrowUp: () => focusMonth(-3),\n            ArrowDown: () => focusMonth(3),\n        }),\n        [focusMonth],\n    );\n\n    const yearsControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusYear(1),\n            ArrowRight: () => focusYear(-1),\n            ArrowUp: () => focusYear(3),\n            ArrowDown: () => focusYear(-3),\n        }),\n        [focusYear],\n    );\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const controlsByView = {\n        days: daysControls,\n        months: monthControls,\n        years: yearsControls,\n    };\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            const controls = controlsByView[view];\n\n            if (event.key in controls) {\n                controls[event.key]();\n                event.preventDefault();\n            }\n        },\n        [controlsByView, view],\n    );\n\n    let focusableDayIsSet = false;\n\n    const getDayProps = useCallback(\n        (day: Day) => {\n            const daySelected = selected && isSameDay(selected, day.date);\n            let canFocus = daySelected;\n\n            // Если день не выбран — фокус должен начинаться с первого доступного дня месяца\n            if (\n                (!selected || !isSameMonth(selected, activeMonth)) &&\n                !focusableDayIsSet &&\n                !day.disabled\n            ) {\n                // eslint-disable-next-line react-hooks/exhaustive-deps\n                focusableDayIsSet = true;\n                canFocus = true;\n            }\n\n            return {\n                'data-date': day.date.getTime(),\n                'aria-selected': daySelected,\n                ref: (node: HTMLButtonElement) => {\n                    handleDateRef(node, day.date.getDate() - 1);\n                },\n                tabIndex: canFocus ? 0 : -1,\n                onMouseEnter: handleDayMouseEnter,\n                onMouseLeave: handleDayMouseLeave,\n                onClick: handleDayClick,\n            };\n        },\n        [\n            handleDayClick,\n            handleDateRef,\n            handleKeyDown,\n            handleDayMouseEnter,\n            handleDayMouseLeave,\n            selected,\n        ],\n    );\n\n    const getMonthProps = useCallback(\n        (selectedMonth: Month) => {\n            const monthselected = isSameMonth(activeMonth, selectedMonth.date);\n\n            return {\n                'data-date': selectedMonth.date.getTime(),\n                'aria-selected': monthselected,\n                ref: (node: HTMLButtonElement) => {\n                    handleDateRef(node, selectedMonth.date.getMonth());\n                },\n                tabIndex: monthselected ? 0 : -1,\n                disabled: selectedMonth.disabled,\n                onClick: (e: MouseEvent<HTMLButtonElement>) => {\n                    handleMonthClick(e);\n                    setView('days');\n                },\n            };\n        },\n        [activeMonth, handleDateRef, handleMonthClick, setView],\n    );\n\n    const getRootProps = useCallback(\n        ({ ref = null }: { ref?: Ref<HTMLDivElement> }) => ({\n            onKeyDown: handleKeyDown,\n            ref: mergeRefs([ref, rootRef]),\n            tabIndex: -1,\n        }),\n        [handleKeyDown],\n    );\n\n    return {\n        activeMonth,\n        activeYear,\n        weeks,\n        months,\n        canSetPrevMonth,\n        canSetNextMonth,\n        highlighted,\n        setPrevMonth,\n        setNextMonth,\n        setNextYear,\n        setPrevYear,\n        setMonthByDate,\n        getDayProps,\n        getMonthProps,\n        getRootProps,\n    };\n}\n"],"names":["useCalendar","defaultMonth","month","minDate","view","maxDate","selected","events","offDays","onMonthChange","onYearChange","onChange","setView","monthState","setMonthState","useState","yearState","setYearState","highlighted","setHighlighted","uncontrolled","activeMonth","activeYear","dateRefs","useRef","rootRef","minMonth","useMemo","startOfMonth","maxMonth","minYear","startOfYear","maxYear","canSetPrevMonth","canSetNextMonth","eventsMap","dateArrayToHashTable","offDaysMap","weeks","generateWeeks","months","generateMonths","years","generateYears","subYears","setMonth","useCallback","newMonth","handleSetYear","newYear","setMonthByStep","step","limitDate","addMonths","setYearByStep","addYears","setMonthByDate","setNextMonth","setPrevMonth","setNextYear","setPrevYear","getFocusedDate","node","getFocusableDate","focusDate","simulateTab","focusFirstAvailableDate","focusDay","shift","focusedNode","focusedDate","newDate","modifyDateByShift","monthChanged","effect","focusMonth","offset","newFocusedMonth","MONTHS_IN_YEAR","focusYear","newFocusedYear","currentYear","handleMonthClick","event","date","handleDateRef","index","handleDayMouseEnter","handleDayMouseLeave","handleDayClick","daysControls","monthControls","yearsControls","controlsByView","handleKeyDown","controls","focusableDayIsSet","getDayProps","day","daySelected","isSameDay","canFocus","isSameMonth","getMonthProps","selectedMonth","monthselected","e","getRootProps","ref","mergeRefs"],"mappings":"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"}
+{"version":3,"file":"use-calendar.js","sources":["../../src/calendar/use-calendar.ts"],"sourcesContent":["import {\n    KeyboardEvent, MouseEvent, Ref, useCallback, useMemo, useRef, useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport {\n    addMonths,\n    addYears,\n    isSameDay,\n    isSameMonth,\n    startOfMonth,\n    startOfYear,\n    subYears,\n} from '../utils/date';\n\nimport {\n    CalendarRootProps,\n    DateShift,\n    Day,\n    Month,\n    UseCalendarReturn,\n    View,\n} from './typings';\nimport {\n    dateArrayToHashTable,\n    generateMonths,\n    generateWeeks,\n    generateYears,\n    limitDate,\n    modifyDateByShift,\n    MONTHS_IN_YEAR,\n    simulateTab,\n} from './utils';\n\nexport type UseCalendarProps = {\n    /**\n     * Активный вид (выбор дней, месяцев, лет)\n     */\n    view?: View;\n\n    /**\n     * Выбранный месяц (controlled)\n     */\n    month?: Date;\n\n    /**\n     * Выбранный месяц (controlled)\n     */\n    year?: Date;\n\n    /**\n     * Начальный месяц\n     */\n    defaultMonth: Date;\n\n    /**\n     * Минимальная дата, доступная для выбора\n     */\n    minDate?: Date;\n\n    /**\n     * Максимальная дата, доступная для выбора\n     */\n    maxDate?: Date;\n\n    /**\n     * Выбранная дата\n     */\n    selected?: Date;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных дней\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Обработчик изменения месяца (или года)\n     */\n    onMonthChange?: (month: number) => void;\n\n    /**\n     * Обработчик изменения месяца (или года)\n     */\n    onYearChange?: (year: number) => void;\n\n    /**\n     * Обработчик выбора даты\n     */\n    onChange?: (date: number) => void;\n\n    /**\n     * Calendar view handler\n     */\n    setView: (value: View) => void;\n};\n\nexport function useCalendar({\n    defaultMonth,\n    month,\n    minDate,\n    view = 'days',\n    maxDate,\n    selected,\n    events,\n    offDays,\n    onMonthChange,\n    onYearChange,\n    onChange,\n    setView,\n}: UseCalendarProps): UseCalendarReturn {\n    const [monthState, setMonthState] = useState(defaultMonth);\n    const [yearState, setYearState] = useState(defaultMonth);\n    const [highlighted, setHighlighted] = useState<Date | number>();\n\n    const uncontrolled = month === undefined;\n\n    const activeMonth = uncontrolled ? monthState : (month as Date);\n    const activeYear = uncontrolled ? yearState : (month as Date);\n\n    const dateRefs = useRef<HTMLButtonElement[]>([]);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const minMonth = useMemo(() => minDate && startOfMonth(minDate), [minDate]);\n    const maxMonth = useMemo(() => maxDate && startOfMonth(maxDate), [maxDate]);\n\n    const minYear = useMemo(() => minDate && startOfYear(minDate), [minDate]);\n    const maxYear = useMemo(() => maxDate && startOfYear(maxDate), [maxDate]);\n\n    const canSetPrevMonth = minMonth ? activeMonth > minMonth : true;\n    const canSetNextMonth = maxMonth ? activeMonth < maxMonth : true;\n\n    const eventsMap = useMemo(() => dateArrayToHashTable(events || []), [events]);\n\n    const offDaysMap = useMemo(() => dateArrayToHashTable(offDays || []), [offDays]);\n\n    const weeks = useMemo(\n        () =>\n            generateWeeks(activeMonth, {\n                minDate,\n                maxDate,\n                selected,\n                eventsMap,\n                offDaysMap,\n            }),\n        [maxDate, minDate, selected, activeMonth, eventsMap, offDaysMap],\n    );\n\n    const months = useMemo(\n        () => generateMonths(activeYear, { minMonth, maxMonth }),\n        [minMonth, maxMonth, activeYear],\n    );\n\n    const years = useMemo(\n        () => generateYears(minDate || subYears(new Date(), 5), maxDate || new Date()),\n        [minDate, maxDate],\n    );\n\n    const setMonth = useCallback(\n        (newMonth: Date) => {\n            if (uncontrolled) {\n                setMonthState(newMonth);\n                setYearState(newMonth);\n            }\n\n            if (onMonthChange) {\n                onMonthChange(newMonth.getTime());\n            }\n        },\n        [onMonthChange, uncontrolled],\n    );\n\n    const handleSetYear = useCallback(\n        (newYear: Date) => {\n            if (uncontrolled) {\n                setYearState(newYear);\n            }\n\n            if (onYearChange) {\n                onYearChange(newYear.getTime());\n            }\n        },\n        [onYearChange, uncontrolled],\n    );\n\n    const setMonthByStep = useCallback(\n        (step: number) => {\n            setMonth(limitDate(addMonths(activeMonth, step), minMonth, maxMonth));\n        },\n        [setMonth, activeMonth, minMonth, maxMonth],\n    );\n\n    const setYearByStep = useCallback(\n        (step: number) => {\n            handleSetYear(limitDate(addYears(activeYear, step), minYear, maxYear));\n        },\n        [handleSetYear, activeYear, minYear, maxYear],\n    );\n\n    const setMonthByDate = useCallback(\n        (newMonth: Date) => {\n            setMonth(limitDate(newMonth, minMonth, maxMonth));\n        },\n        [maxMonth, minMonth, setMonth],\n    );\n\n    const setNextMonth = useCallback(() => {\n        setMonthByStep(1);\n    }, [setMonthByStep]);\n\n    const setPrevMonth = useCallback(() => {\n        setMonthByStep(-1);\n    }, [setMonthByStep]);\n\n    const setNextYear = useCallback(() => {\n        setYearByStep(1);\n    }, [setYearByStep]);\n\n    const setPrevYear = useCallback(() => {\n        setYearByStep(-1);\n    }, [setYearByStep]);\n\n    const getFocusedDate = useCallback(\n        () => dateRefs.current.find((node) => document.activeElement === node),\n        [],\n    );\n\n    const getFocusableDate = useCallback(\n        () => dateRefs.current.find((node) => node && node.tabIndex === 0),\n        [],\n    );\n\n    const focusDate = useCallback((node?: HTMLElement) => {\n        if (node) {\n            simulateTab(node);\n            node.focus();\n        }\n    }, []);\n\n    const focusFirstAvailableDate = useCallback(\n        () => focusDate(getFocusableDate()),\n        [focusDate, getFocusableDate],\n    );\n\n    const focusDay = useCallback(\n        (shift: DateShift) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedDate = new Date(+focusedNode.dataset.date);\n                const newDate = modifyDateByShift(shift, focusedDate, minDate, maxDate, offDaysMap);\n\n                let monthChanged = false;\n\n                if (newDate < focusedDate && newDate.getMonth() !== focusedDate.getMonth()) {\n                    setPrevMonth();\n                    monthChanged = true;\n                }\n\n                if (newDate > focusedDate && newDate.getMonth() !== focusedDate.getMonth()) {\n                    setNextMonth();\n                    monthChanged = true;\n                }\n\n                const effect = () => focusDate(dateRefs.current[newDate.getDate() - 1]);\n\n                if (monthChanged) {\n                    setTimeout(effect, 0);\n                } else {\n                    effect();\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [\n            focusDate,\n            focusFirstAvailableDate,\n            getFocusedDate,\n            maxDate,\n            minDate,\n            offDaysMap,\n            setNextMonth,\n            setPrevMonth,\n        ],\n    );\n\n    const focusMonth = useCallback(\n        (offset: number) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedMonth = new Date(+focusedNode.dataset.date).getMonth();\n                const newFocusedMonth = focusedMonth + offset;\n\n                if (newFocusedMonth >= 0 && newFocusedMonth < MONTHS_IN_YEAR) {\n                    focusDate(dateRefs.current[newFocusedMonth]);\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [focusDate, focusFirstAvailableDate, getFocusedDate],\n    );\n\n    const focusYear = useCallback(\n        (offset: number) => {\n            const focusedNode = getFocusedDate();\n\n            if (focusedNode && focusedNode.dataset.date) {\n                const focusedYear = new Date(+focusedNode.dataset.date).getFullYear();\n                const newFocusedYear = focusedYear + offset;\n                const currentYear = new Date().getFullYear();\n\n                if (newFocusedYear <= currentYear && newFocusedYear > currentYear - years.length) {\n                    focusDate(dateRefs.current[newFocusedYear]);\n                }\n            } else {\n                focusFirstAvailableDate();\n            }\n        },\n        [focusDate, focusFirstAvailableDate, getFocusedDate, years.length],\n    );\n\n    const handleMonthClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n            if (date) {\n                setMonthByDate(new Date(+date));\n            }\n\n            if (rootRef.current) rootRef.current.focus();\n        },\n        [setMonthByDate],\n    );\n\n    const handleDateRef = useCallback((node: HTMLButtonElement, index: number) => {\n        dateRefs.current[index] = node;\n    }, []);\n\n    const handleDayMouseEnter = useCallback((event: MouseEvent<HTMLButtonElement>) => {\n        const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n        setHighlighted(date ? +date : undefined);\n    }, []);\n\n    const handleDayMouseLeave = useCallback((): void => {\n        setHighlighted(undefined);\n    }, []);\n\n    const handleDayClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            const { date } = (event.currentTarget as HTMLButtonElement).dataset;\n\n            if (date && onChange) {\n                onChange(+date);\n            }\n        },\n        [onChange],\n    );\n\n    const daysControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusDay('prev'),\n            ArrowRight: () => focusDay('next'),\n            ArrowUp: () => focusDay('prevWeek'),\n            ArrowDown: () => focusDay('nextWeek'),\n            End: () => focusDay('endOfWeek'),\n            Home: () => focusDay('startOfWeek'),\n            PageUp: () => focusDay('prevMonth'),\n            PageDown: () => focusDay('nextMonth'),\n        }),\n        [focusDay],\n    );\n\n    const monthControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusMonth(-1),\n            ArrowRight: () => focusMonth(1),\n            ArrowUp: () => focusMonth(-3),\n            ArrowDown: () => focusMonth(3),\n        }),\n        [focusMonth],\n    );\n\n    const yearsControls = useMemo(\n        (): { [key: string]: () => void } => ({\n            ArrowLeft: () => focusYear(1),\n            ArrowRight: () => focusYear(-1),\n            ArrowUp: () => focusYear(3),\n            ArrowDown: () => focusYear(-3),\n        }),\n        [focusYear],\n    );\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const controlsByView = {\n        days: daysControls,\n        months: monthControls,\n        years: yearsControls,\n    };\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            const controls = controlsByView[view];\n\n            if (event.key in controls) {\n                controls[event.key]();\n                event.preventDefault();\n            }\n        },\n        [controlsByView, view],\n    );\n\n    let focusableDayIsSet = false;\n\n    const getDayProps = useCallback(\n        (day: Day) => {\n            const daySelected = selected && isSameDay(selected, day.date);\n            let canFocus = daySelected;\n\n            // Если день не выбран — фокус должен начинаться с первого доступного дня месяца\n            if (\n                (!selected || !isSameMonth(selected, activeMonth)) &&\n                !focusableDayIsSet &&\n                !day.disabled\n            ) {\n                // eslint-disable-next-line react-hooks/exhaustive-deps\n                focusableDayIsSet = true;\n                canFocus = true;\n            }\n\n            return {\n                'data-date': day.date.getTime(),\n                'aria-selected': daySelected,\n                ref: (node: HTMLButtonElement) => {\n                    handleDateRef(node, day.date.getDate() - 1);\n                },\n                tabIndex: canFocus ? 0 : -1,\n                onMouseEnter: handleDayMouseEnter,\n                onMouseLeave: handleDayMouseLeave,\n                onClick: handleDayClick,\n            };\n        },\n        [\n            handleDayClick,\n            handleDateRef,\n            handleKeyDown,\n            handleDayMouseEnter,\n            handleDayMouseLeave,\n            selected,\n        ],\n    );\n\n    const getMonthProps = useCallback(\n        (selectedMonth: Month) => {\n            const monthselected = isSameMonth(activeMonth, selectedMonth.date);\n\n            return {\n                'data-date': selectedMonth.date.getTime(),\n                'aria-selected': monthselected,\n                ref: (node: HTMLButtonElement) => {\n                    handleDateRef(node, selectedMonth.date.getMonth());\n                },\n                tabIndex: monthselected ? 0 : -1,\n                disabled: selectedMonth.disabled,\n                onClick: (e: MouseEvent<HTMLButtonElement>) => {\n                    handleMonthClick(e);\n                    setView('days');\n                },\n            };\n        },\n        [activeMonth, handleDateRef, handleMonthClick, setView],\n    );\n\n    const getRootProps = useCallback(\n        ({ ref = null }: { ref?: Ref<HTMLDivElement> | null } = {}): CalendarRootProps => ({\n            onKeyDown: handleKeyDown,\n            ref: mergeRefs([ref, rootRef]) as (node: HTMLDivElement | null) => void,\n            tabIndex: -1,\n        }),\n        [handleKeyDown],\n    );\n\n    return {\n        activeMonth,\n        activeYear,\n        weeks,\n        months,\n        canSetPrevMonth,\n        canSetNextMonth,\n        highlighted,\n        setPrevMonth,\n        setNextMonth,\n        setNextYear,\n        setPrevYear,\n        setMonthByDate,\n        getDayProps,\n        getMonthProps,\n        getRootProps,\n    };\n}\n"],"names":["useCalendar","defaultMonth","month","minDate","view","maxDate","selected","events","offDays","onMonthChange","onYearChange","onChange","setView","monthState","setMonthState","useState","yearState","setYearState","highlighted","setHighlighted","uncontrolled","activeMonth","activeYear","dateRefs","useRef","rootRef","minMonth","useMemo","startOfMonth","maxMonth","minYear","startOfYear","maxYear","canSetPrevMonth","canSetNextMonth","eventsMap","dateArrayToHashTable","offDaysMap","weeks","generateWeeks","months","generateMonths","years","generateYears","subYears","setMonth","useCallback","newMonth","handleSetYear","newYear","setMonthByStep","step","limitDate","addMonths","setYearByStep","addYears","setMonthByDate","setNextMonth","setPrevMonth","setNextYear","setPrevYear","getFocusedDate","node","getFocusableDate","focusDate","simulateTab","focusFirstAvailableDate","focusDay","shift","focusedNode","focusedDate","newDate","modifyDateByShift","monthChanged","effect","focusMonth","offset","newFocusedMonth","MONTHS_IN_YEAR","focusYear","newFocusedYear","currentYear","handleMonthClick","event","date","handleDateRef","index","handleDayMouseEnter","handleDayMouseLeave","handleDayClick","daysControls","monthControls","yearsControls","controlsByView","handleKeyDown","controls","focusableDayIsSet","getDayProps","day","daySelected","isSameDay","canFocus","isSameMonth","getMonthProps","selectedMonth","monthselected","e","getRootProps","ref","mergeRefs"],"mappings":"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"}

package/dist/calendar-input/component.d.ts

@@ -130,7 +130,7 @@ export declare const CalendarInput: React.ForwardRefExoticComponent<Omit<MaskedI
     /**
      * Определяет, как рендерить календарь — в поповере или снизу инпута
      */
-    calendarPosition?: "static" | "popover" | undefined;
+    calendarPosition?: "popover" | "static" | undefined;
     /**
      * Запрещает поповеру менять свою позицию.
      * Например, если места снизу недостаточно,то он все равно будет показан снизу

package/dist/checkbox/component.js

@@ -6,33 +6,33 @@ import w from "@alphakits/icons/dist/MinusM";
 import F from "classnames";
 import { useFocus as I } from "../hooks/useFocus/index.js";
 import e from "./index.module.css.js";
-const P = y(
+const G = y(
   ({
     checked: r,
     label: o,
     hint: a,
-    size: d = "m",
-    align: p = "start",
-    addons: n,
+    size: p = "m",
+    align: d = "start",
+    addons: m,
     block: h,
-    onChange: t,
+    onChange: n,
     className: u,
     name: N,
-    disabled: m,
+    disabled: t,
     dataTestId: b,
     indeterminate: l = !1,
     ...k
   }, x) => {
     const i = C(null), [R] = I(i, "keyboard"), g = (f) => {
-      t && t(f, { checked: f.target.checked, name: N });
+      n && n(f, { checked: f.target.checked, name: N });
     };
     return (
       // eslint-disable-next-line jsx-a11y/label-has-associated-control
       /* @__PURE__ */ c(
         "label",
         {
-          className: F(e.component, e[d], e[p], u, {
-            [e.disabled]: m,
+          className: F(e.component, e[p], e[d], u, {
+            [e.disabled]: t,
             [e.checked]: r,
             [e.indeterminate]: l,
             [e.focused]: R,
@@ -46,7 +46,7 @@ const P = y(
                 {
                   type: "checkbox",
                   onChange: g,
-                  disabled: m,
+                  disabled: t,
                   checked: r,
                   "data-test-id": b,
                   ...k
@@ -59,17 +59,14 @@ const P = y(
               o && /* @__PURE__ */ s("span", { className: e.label, children: o }),
               a && /* @__PURE__ */ s("span", { className: e.hint, children: a })
             ] }),
-            n && /* @__PURE__ */ s("span", { className: e.addons, children: n })
+            m && /* @__PURE__ */ s("span", { className: e.addons, children: m })
           ]
         }
       )
     );
   }
 );
-P.defaultProps = {
-  indeterminate: !1
-};
 export {
-  P as Checkbox
+  G as Checkbox
 };
 //# sourceMappingURL=component.js.map

package/dist/checkbox/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/checkbox/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent, forwardRef, InputHTMLAttributes, ReactNode, useRef,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport CheckmarkS from '@alphakits/icons/dist/CheckmarkS';\nimport MinusM from '@alphakits/icons/dist/MinusM';\nimport cn from 'classnames';\n\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\ntype NativeProps = InputHTMLAttributes<HTMLInputElement>;\ntype Align = 'start' | 'center';\n\nexport type CheckboxProps = Omit<NativeProps, 'size' | 'onChange'> & {\n    /**\n     * Управление состоянием вкл/выкл чекбокса (native prop)\n     */\n    checked?: boolean;\n\n    /**\n     * Обработчик переключения чекбокса\n     */\n    onChange: (\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        event: ChangeEvent<HTMLInputElement>,\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        payload: {\n            checked: boolean;\n            name?: string;\n        },\n    ) => void;\n\n    /**\n     * Текст подписи к чекбоксу\n     */\n    label?: ReactNode;\n\n    /**\n     * Текст подсказки снизу\n     */\n    hint?: ReactNode;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm';\n\n    /**\n     * Выравнивание\n     */\n    align?: Align;\n\n    /**\n     * Дополнительный слот\n     */\n    addons?: React.ReactNode;\n\n    /**\n     * Растягивать ли компонент на всю ширину\n     */\n    block?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Управление неопределенным состоянием чекбокса\n     */\n    indeterminate?: boolean;\n};\n\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n    (\n        {\n            checked,\n            label,\n            hint,\n            size = 'm',\n            align = 'start',\n            addons,\n            block,\n            onChange,\n            className,\n            name,\n            disabled,\n            dataTestId,\n            indeterminate = false,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const labelRef = useRef<HTMLLabelElement>(null);\n\n        const [focused] = useFocus(labelRef, 'keyboard');\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            if (onChange) {\n                onChange(event, { checked: event.target.checked, name });\n            }\n        };\n\n        return (\n            // eslint-disable-next-line jsx-a11y/label-has-associated-control\n            <label\n                className={ cn(styles.component, styles[size], styles[align], className, {\n                    [styles.disabled]: disabled,\n                    [styles.checked]: checked,\n                    [styles.indeterminate]: indeterminate,\n                    [styles.focused]: focused,\n                    [styles.block]: block,\n                }) }\n                ref={ mergeRefs([labelRef, ref]) }\n            >\n                <span className={ styles.box }>\n                    <input\n                        type=\"checkbox\"\n                        onChange={ handleChange }\n                        disabled={ disabled }\n                        checked={ checked }\n                        data-test-id={ dataTestId }\n                        { ...restProps }\n                    />\n\n                    { checked && <CheckmarkS /> }\n\n                    { indeterminate && !checked && (\n                        <div className={ styles.indeterminateIcon }>\n                            <MinusM />\n                        </div>\n                    ) }\n                </span>\n\n                { (label || hint) && (\n                    <span className={ styles.content }>\n                        { label && <span className={ styles.label }>{ label }</span> }\n                        { hint && <span className={ styles.hint }>{ hint }</span> }\n                    </span>\n                ) }\n\n                { addons && <span className={ styles.addons }>{ addons }</span> }\n            </label>\n        );\n    },\n);\n\n/**\n * Для отображения в сторибуке\n */\nCheckbox.defaultProps = {\n    indeterminate: false,\n};\n"],"names":["Checkbox","forwardRef","checked","label","hint","size","align","addons","block","onChange","className","name","disabled","dataTestId","indeterminate","restProps","ref","labelRef","useRef","focused","useFocus","handleChange","event","jsxs","cn","styles","mergeRefs","jsx","CheckmarkS","MinusM"],"mappings":";;;;;;;;AA2EO,MAAMA,IAAWC;AAAA,EACpB,CACI;AAAA,IACI,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAWC,EAAyB,IAAI,GAExC,CAACC,CAAO,IAAIC,EAASH,GAAU,UAAU,GAEzCI,IAAe,CAACC,MAAyC;AAC3D,MAAIb,KACAA,EAASa,GAAO,EAAE,SAASA,EAAM,OAAO,SAAS,MAAAX,GAAM;AAAA,IAE/D;AAEA;AAAA;AAAA,MAEI,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAYC,EAAGC,EAAO,WAAWA,EAAOpB,CAAI,GAAGoB,EAAOnB,CAAK,GAAGI,GAAW;AAAA,YACrE,CAACe,EAAO,QAAQ,GAAGb;AAAA,YACnB,CAACa,EAAO,OAAO,GAAGvB;AAAA,YAClB,CAACuB,EAAO,aAAa,GAAGX;AAAA,YACxB,CAACW,EAAO,OAAO,GAAGN;AAAA,YAClB,CAACM,EAAO,KAAK,GAAGjB;AAAA,UAAA,CACnB;AAAA,UACD,KAAMkB,EAAU,CAACT,GAAUD,CAAG,CAAC;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAO,EAAC,QAAA,EAAK,WAAYE,EAAO,KACrB,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,UAAWN;AAAA,kBACX,UAAAT;AAAA,kBACA,SAAAV;AAAA,kBACA,gBAAeW;AAAA,kBACb,GAAGE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGPb,uBAAY0B,GAAA,EAAW;AAAA,cAEvBd,KAAiB,CAACZ,KAChB,gBAAAyB,EAAC,OAAA,EAAI,WAAYF,EAAO,mBACpB,UAAA,gBAAAE,EAACE,GAAA,CAAA,CAAO,EAAA,CACZ;AAAA,YAAA,GAER;AAAA,aAEG1B,KAASC,MACR,gBAAAmB,EAAC,QAAA,EAAK,WAAYE,EAAO,SACnB,UAAA;AAAA,cAAAtB,KAAS,gBAAAwB,EAAC,QAAA,EAAK,WAAYF,EAAO,OAAU,UAAAtB,GAAO;AAAA,cACnDC,KAAQ,gBAAAuB,EAAC,QAAA,EAAK,WAAYF,EAAO,MAAS,UAAArB,EAAA,CAAM;AAAA,YAAA,GACtD;AAAA,YAGFG,KAAU,gBAAAoB,EAAC,QAAA,EAAK,WAAYF,EAAO,QAAW,UAAAlB,EAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EAGpE;AACJ;AAKAP,EAAS,eAAe;AAAA,EACpB,eAAe;AACnB;"}
+{"version":3,"file":"component.js","sources":["../../src/checkbox/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent, forwardRef, InputHTMLAttributes, ReactNode, useRef,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport CheckmarkS from '@alphakits/icons/dist/CheckmarkS';\nimport MinusM from '@alphakits/icons/dist/MinusM';\nimport cn from 'classnames';\n\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\ntype NativeProps = InputHTMLAttributes<HTMLInputElement>;\ntype Align = 'start' | 'center';\n\nexport type CheckboxProps = Omit<NativeProps, 'size' | 'onChange'> & {\n    /**\n     * Управление состоянием вкл/выкл чекбокса (native prop)\n     */\n    checked?: boolean;\n\n    /**\n     * Обработчик переключения чекбокса\n     */\n    onChange: (\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        event: ChangeEvent<HTMLInputElement>,\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        payload: {\n            checked: boolean;\n            name?: string;\n        },\n    ) => void;\n\n    /**\n     * Текст подписи к чекбоксу\n     */\n    label?: ReactNode;\n\n    /**\n     * Текст подсказки снизу\n     */\n    hint?: ReactNode;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm';\n\n    /**\n     * Выравнивание\n     */\n    align?: Align;\n\n    /**\n     * Дополнительный слот\n     */\n    addons?: React.ReactNode;\n\n    /**\n     * Растягивать ли компонент на всю ширину\n     */\n    block?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Управление неопределенным состоянием чекбокса\n     */\n    indeterminate?: boolean;\n};\n\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n    (\n        {\n            checked,\n            label,\n            hint,\n            size = 'm',\n            align = 'start',\n            addons,\n            block,\n            onChange,\n            className,\n            name,\n            disabled,\n            dataTestId,\n            indeterminate = false,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const labelRef = useRef<HTMLLabelElement>(null);\n\n        const [focused] = useFocus(labelRef, 'keyboard');\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            if (onChange) {\n                onChange(event, { checked: event.target.checked, name });\n            }\n        };\n\n        return (\n            // eslint-disable-next-line jsx-a11y/label-has-associated-control\n            <label\n                className={ cn(styles.component, styles[size], styles[align], className, {\n                    [styles.disabled]: disabled,\n                    [styles.checked]: checked,\n                    [styles.indeterminate]: indeterminate,\n                    [styles.focused]: focused,\n                    [styles.block]: block,\n                }) }\n                ref={ mergeRefs([labelRef, ref]) }\n            >\n                <span className={ styles.box }>\n                    <input\n                        type=\"checkbox\"\n                        onChange={ handleChange }\n                        disabled={ disabled }\n                        checked={ checked }\n                        data-test-id={ dataTestId }\n                        { ...restProps }\n                    />\n\n                    { checked && <CheckmarkS /> }\n\n                    { indeterminate && !checked && (\n                        <div className={ styles.indeterminateIcon }>\n                            <MinusM />\n                        </div>\n                    ) }\n                </span>\n\n                { (label || hint) && (\n                    <span className={ styles.content }>\n                        { label && <span className={ styles.label }>{ label }</span> }\n                        { hint && <span className={ styles.hint }>{ hint }</span> }\n                    </span>\n                ) }\n\n                { addons && <span className={ styles.addons }>{ addons }</span> }\n            </label>\n        );\n    },\n);\n\n"],"names":["Checkbox","forwardRef","checked","label","hint","size","align","addons","block","onChange","className","name","disabled","dataTestId","indeterminate","restProps","ref","labelRef","useRef","focused","useFocus","handleChange","event","jsxs","cn","styles","mergeRefs","jsx","CheckmarkS","MinusM"],"mappings":";;;;;;;;AA2EO,MAAMA,IAAWC;AAAA,EACpB,CACI;AAAA,IACI,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAWC,EAAyB,IAAI,GAExC,CAACC,CAAO,IAAIC,EAASH,GAAU,UAAU,GAEzCI,IAAe,CAACC,MAAyC;AAC3D,MAAIb,KACAA,EAASa,GAAO,EAAE,SAASA,EAAM,OAAO,SAAS,MAAAX,GAAM;AAAA,IAE/D;AAEA;AAAA;AAAA,MAEI,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAYC,EAAGC,EAAO,WAAWA,EAAOpB,CAAI,GAAGoB,EAAOnB,CAAK,GAAGI,GAAW;AAAA,YACrE,CAACe,EAAO,QAAQ,GAAGb;AAAA,YACnB,CAACa,EAAO,OAAO,GAAGvB;AAAA,YAClB,CAACuB,EAAO,aAAa,GAAGX;AAAA,YACxB,CAACW,EAAO,OAAO,GAAGN;AAAA,YAClB,CAACM,EAAO,KAAK,GAAGjB;AAAA,UAAA,CACnB;AAAA,UACD,KAAMkB,EAAU,CAACT,GAAUD,CAAG,CAAC;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAO,EAAC,QAAA,EAAK,WAAYE,EAAO,KACrB,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,UAAWN;AAAA,kBACX,UAAAT;AAAA,kBACA,SAAAV;AAAA,kBACA,gBAAeW;AAAA,kBACb,GAAGE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGPb,uBAAY0B,GAAA,EAAW;AAAA,cAEvBd,KAAiB,CAACZ,KAChB,gBAAAyB,EAAC,OAAA,EAAI,WAAYF,EAAO,mBACpB,UAAA,gBAAAE,EAACE,GAAA,CAAA,CAAO,EAAA,CACZ;AAAA,YAAA,GAER;AAAA,aAEG1B,KAASC,MACR,gBAAAmB,EAAC,QAAA,EAAK,WAAYE,EAAO,SACnB,UAAA;AAAA,cAAAtB,KAAS,gBAAAwB,EAAC,QAAA,EAAK,WAAYF,EAAO,OAAU,UAAAtB,GAAO;AAAA,cACnDC,KAAQ,gBAAAuB,EAAC,QAAA,EAAK,WAAYF,EAAO,MAAS,UAAArB,EAAA,CAAM;AAAA,YAAA,GACtD;AAAA,YAGFG,KAAU,gBAAAoB,EAAC,QAAA,EAAK,WAAYF,EAAO,QAAW,UAAAlB,EAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EAGpE;AACJ;"}

package/dist/checkbox-lists/component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 type Child = {
     id: number;
     title: string;
@@ -17,5 +17,5 @@ export interface CheckboxGroupsProps {
     collapsable?: boolean;
     disabled?: boolean;
 }
-export declare const CheckboxGroups: ({ parents, childs, selected, checkableParent, collapsable, disabled, onChange, }: CheckboxGroupsProps) => JSX.Element;
+export declare const CheckboxGroups: ({ parents, childs, selected, checkableParent, collapsable, disabled, onChange, }: CheckboxGroupsProps) => React.JSX.Element;
 export {};

package/dist/collapsable-row/addons.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 export declare const Content: ({ location, onClick, }: {
     location: any;
     onClick: () => void;
-}) => JSX.Element;
-export declare const Addons: ({ onClick }: any) => JSX.Element;
+}) => React.JSX.Element;
+export declare const Addons: ({ onClick }: any) => React.JSX.Element;

package/dist/copy-button/component.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { TextProps } from '../typography/text';
 export type CopyButtonProps = {
     text: string;
     color?: TextProps['color'];
     fullText?: string;
 };
-export declare const CopyButton: ({ text, fullText, color, }: CopyButtonProps) => JSX.Element;
+export declare const CopyButton: ({ text, fullText, color, }: CopyButtonProps) => React.JSX.Element;

package/dist/date-switcher/component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 export interface DateSwitcherProps {
     view?: 'day' | 'week';
     startDate: string;
@@ -9,4 +9,4 @@ export interface DateSwitcherProps {
     maxDate?: string;
     todayLabel: string;
 }
-export declare const DateSwitcher: ({ view, startDate, onChange, minDate, maxDate, todayLabel, }: DateSwitcherProps) => JSX.Element;
+export declare const DateSwitcher: ({ view, startDate, onChange, minDate, maxDate, todayLabel, }: DateSwitcherProps) => React.JSX.Element;

package/dist/flex/component.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 declare enum Spaces {
     xxxs = 4,
     xxs = 4,
@@ -19,5 +19,5 @@ type Props = {
     direction?: 'row' | 'column';
     justify?: 'start' | 'center' | 'end' | 'between' | 'around';
 };
-export declare const Flex: ({ children, className, gap, marginBottom, wrap, align, direction, justify, }: Props) => JSX.Element;
+export declare const Flex: ({ children, className, gap, marginBottom, wrap, align, direction, justify, }: Props) => React.JSX.Element;
 export {};

package/dist/footer/component.js

@@ -1,9 +1,9 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import N from "react";
-import B from "@alphakits/icons/dist/AppStoreM";
-import M from "@alphakits/icons/dist/FacebookM";
-import F from "@alphakits/icons/dist/GooglePlayM";
-import C from "@alphakits/icons/dist/InstagramM";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import v from "react";
+import w from "@alphakits/icons/dist/AppStoreM";
+import C from "@alphakits/icons/dist/FacebookM";
+import M from "@alphakits/icons/dist/GooglePlayM";
+import F from "@alphakits/icons/dist/InstagramM";
 import S from "@alphakits/icons/dist/YoutubeM";
 import { Grid as n } from "../grid/component.js";
 import { IconButton as i } from "../icon-button/component.js";
@@ -11,50 +11,44 @@ import { SectionWrapper as j } from "../section-wrapper/component.js";
 import { ContactBlock as A } from "./contact-block.js";
 import e from "./index.module.css.js";
 const H = ({
-  sections: b = [],
-  contacts: w = [],
+  sections: u = [],
+  contacts: x = [],
   company: h,
   email: p,
   address: f,
   facebookLink: o,
   instagramLink: c,
   youtubeLink: m,
-  appText: v,
+  appText: N,
   google: s,
   appstore: a
 }) => {
-  const u = o || c || m, x = v && a && s;
-  return /* @__PURE__ */ l(j, { pb: "m", pt: "l", isBlackBg: !0, children: [
-    /* @__PURE__ */ r("div", { className: e.wrapper, children: /* @__PURE__ */ r("div", { className: e.row_wrapper, children: /* @__PURE__ */ r(n.Row, { children: /* @__PURE__ */ l(N.Fragment, { children: [
-      b.map((t) => /* @__PURE__ */ r(
+  const B = o || c || m, b = N && a && s;
+  return /* @__PURE__ */ t(j, { pb: "m", pt: "l", isBlackBg: !0, children: [
+    /* @__PURE__ */ r("div", { className: e.wrapper, children: /* @__PURE__ */ r("div", { className: e.row_wrapper, children: /* @__PURE__ */ r(n.Row, { children: /* @__PURE__ */ t(v.Fragment, { children: [
+      u.map((l) => /* @__PURE__ */ r(
         n.Col,
         {
-          width: {
-            desktop: 2,
-            mobile: 12
-          },
-          children: /* @__PURE__ */ l("div", { className: e.block, children: [
-            /* @__PURE__ */ r("span", { className: e.title, children: t.title }),
-            t.items.map((d) => /* @__PURE__ */ r("a", { className: e.link, href: d.link, children: d.text }, d.text))
+          className: e.gridCol,
+          children: /* @__PURE__ */ t("div", { className: e.block, children: [
+            /* @__PURE__ */ r("span", { className: e.title, children: l.title }),
+            l.items.map((d) => /* @__PURE__ */ r("a", { className: e.link, href: d.link, children: d.text }, d.text))
           ] })
         },
-        t.title
+        l.title
       )),
       /* @__PURE__ */ r(
         n.Col,
         {
-          width: {
-            desktop: 2,
-            mobile: 12
-          },
-          children: /* @__PURE__ */ l("div", { className: e.contacts, children: [
-            w.map((t) => /* @__PURE__ */ r(
+          className: e.gridCol,
+          children: /* @__PURE__ */ t("div", { className: e.contacts, children: [
+            x.map((l) => /* @__PURE__ */ r(
               A,
               {
-                title: t.title,
-                value: t.value
+                title: l.title,
+                value: l.value
               },
-              t.title
+              l.title
             )),
             p && /* @__PURE__ */ r("div", { className: e.email, children: p }),
             /* @__PURE__ */ r("br", {}),
@@ -62,21 +56,21 @@ const H = ({
             /* @__PURE__ */ r("br", {}),
             h && /* @__PURE__ */ r("div", { className: e.text, children: h }),
             /* @__PURE__ */ r("br", {}),
-            u && /* @__PURE__ */ l("div", { className: e.buttons, children: [
-              o && /* @__PURE__ */ r(i, { href: o, icon: M }),
+            B && /* @__PURE__ */ t("div", { className: e.buttons, children: [
+              o && /* @__PURE__ */ r(i, { href: o, icon: C }),
               m && /* @__PURE__ */ r(i, { href: m, icon: S }),
-              c && /* @__PURE__ */ r(i, { href: c, icon: C })
+              c && /* @__PURE__ */ r(i, { href: c, icon: F })
             ] })
           ] })
         },
         "cont"
       )
     ] }) }) }) }),
-    /* @__PURE__ */ r("div", { className: e.bottomBlock, children: x && /* @__PURE__ */ l(N.Fragment, { children: [
-      /* @__PURE__ */ r("div", { className: e.text, children: v }),
-      /* @__PURE__ */ l("div", { className: e.buttons, children: [
-        a && /* @__PURE__ */ r(i, { href: a, icon: B }),
-        s && /* @__PURE__ */ r(i, { href: s, icon: F })
+    /* @__PURE__ */ r("div", { className: e.bottomBlock, children: b && /* @__PURE__ */ t(v.Fragment, { children: [
+      /* @__PURE__ */ r("div", { className: e.text, children: N }),
+      /* @__PURE__ */ t("div", { className: e.buttons, children: [
+        a && /* @__PURE__ */ r(i, { href: a, icon: w }),
+        s && /* @__PURE__ */ r(i, { href: s, icon: M })
       ] })
     ] }) })
   ] });

package/dist/footer/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/footer/component.tsx"],"sourcesContent":["import React from 'react';\nimport AppStoreM from '@alphakits/icons/dist/AppStoreM';\nimport FacebookM from '@alphakits/icons/dist/FacebookM';\nimport GooglePlayM from '@alphakits/icons/dist/GooglePlayM';\nimport InstagramM from '@alphakits/icons/dist/InstagramM';\nimport YoutubeM from '@alphakits/icons/dist/YoutubeM';\n\nimport { Grid } from '../grid';\nimport { IconButton } from '../icon-button';\nimport { SectionWrapper } from '../section-wrapper';\n\nimport { ContactBlock } from './contact-block';\n\nimport styles from './index.module.css';\n\nexport interface FooterProps {\n    sections?: Array<{ title: string; items: Array<{ link: string; text: string }> }>;\n    contacts?: Array<{ title: string; value: string }>;\n    company?: string;\n    phone?: string;\n    email?: string;\n    address?: string;\n    facebookLink?: string;\n    youtubeLink?: string;\n    instagramLink?: string;\n    appText?: string;\n    google?: string;\n    appstore?: string;\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n    sections = [],\n    contacts = [],\n    company,\n    email,\n    address,\n    facebookLink,\n    instagramLink,\n    youtubeLink,\n    appText,\n    google,\n    appstore,\n}) => {\n    const showSocialButtons = facebookLink || instagramLink || youtubeLink;\n    const showAppsButtons = appText && appstore && google;\n\n    return (\n        <SectionWrapper pb=\"m\" pt=\"l\" isBlackBg={ true }>\n            <div className={ styles.wrapper }>\n                <div className={ styles.row_wrapper }>\n\n                    <Grid.Row>\n                        <React.Fragment>\n                            { sections.map((section) => (\n                                <Grid.Col\n                                    key={ section.title }\n                                    width={ {\n                                        desktop: 2,\n                                        mobile: 12,\n                                    } }\n                                >\n                                    <div className={ styles.block }>\n                                        <span className={ styles.title }>{ section.title }</span>\n\n                                        { section.items.map((item) => (\n                                            <a key={ item.text } className={ styles.link } href={ item.link }>\n                                                { item.text }\n                                            </a>\n                                        )) }\n                                    </div>\n                                </Grid.Col>\n                            )) }\n                            <Grid.Col\n                                key=\"cont\"\n                                width={ {\n                                    desktop: 2,\n                                    mobile: 12,\n                                } }\n                            >\n\n                                <div className={ styles.contacts }>\n                                    { contacts.map((contact) => (\n                                        <ContactBlock\n                                            key={ contact.title }\n                                            title={ contact.title }\n                                            value={ contact.value }\n                                        />\n\n                                    )) }\n\n                                    { email && <div className={ styles.email }>{ email }</div> }\n\n                                    <br />\n\n                                    { address && <div className={ styles.text }>{ address }</div> }\n\n                                    <br />\n\n                                    { company && <div className={ styles.text }>{ company }</div> }\n\n                                    <br />\n\n                                    { showSocialButtons && (\n\n                                        <div className={ styles.buttons }>\n                                            { facebookLink && <IconButton { ...{ href: facebookLink } } icon={ FacebookM } /> }\n                                            { youtubeLink && <IconButton { ...{ href: youtubeLink } } icon={ YoutubeM } /> }\n                                            { instagramLink && <IconButton { ...{ href: instagramLink } } icon={ InstagramM } /> }\n                                        </div>\n                                    ) }\n                                </div>\n                            </Grid.Col>\n                        </React.Fragment>\n                    </Grid.Row>\n                </div>\n            </div>\n\n            <div className={ styles.bottomBlock }>\n                { showAppsButtons && (\n                    <React.Fragment>\n                        <div className={ styles.text }>{ appText }</div>\n\n                        <div className={ styles.buttons }>\n                            { appstore && <IconButton { ...{ href: appstore } } icon={ AppStoreM } /> }\n                            { google && <IconButton { ...{ href: google } } icon={ GooglePlayM } /> }\n                        </div>\n                    </React.Fragment>\n                ) }\n            </div>\n        </SectionWrapper>\n    );\n};\n"],"names":["Footer","sections","contacts","company","email","address","facebookLink","instagramLink","youtubeLink","appText","google","appstore","showSocialButtons","showAppsButtons","SectionWrapper","jsx","styles","Grid","jsxs","React","section","item","contact","ContactBlock","IconButton","FacebookM","YoutubeM","InstagramM","AppStoreM","GooglePlayM"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/footer/component.tsx"],"sourcesContent":["import React from 'react';\nimport AppStoreM from '@alphakits/icons/dist/AppStoreM';\nimport FacebookM from '@alphakits/icons/dist/FacebookM';\nimport GooglePlayM from '@alphakits/icons/dist/GooglePlayM';\nimport InstagramM from '@alphakits/icons/dist/InstagramM';\nimport YoutubeM from '@alphakits/icons/dist/YoutubeM';\n\nimport { Grid } from '../grid';\nimport { IconButton } from '../icon-button';\nimport { SectionWrapper } from '../section-wrapper';\n\nimport { ContactBlock } from './contact-block';\n\nimport styles from './index.module.css';\n\nexport interface FooterProps {\n    sections?: Array<{ title: string; items: Array<{ link: string; text: string }> }>;\n    contacts?: Array<{ title: string; value: string }>;\n    company?: string;\n    phone?: string;\n    email?: string;\n    address?: string;\n    facebookLink?: string;\n    youtubeLink?: string;\n    instagramLink?: string;\n    appText?: string;\n    google?: string;\n    appstore?: string;\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n    sections = [],\n    contacts = [],\n    company,\n    email,\n    address,\n    facebookLink,\n    instagramLink,\n    youtubeLink,\n    appText,\n    google,\n    appstore,\n}) => {\n    const showSocialButtons = facebookLink || instagramLink || youtubeLink;\n    const showAppsButtons = appText && appstore && google;\n\n    return (\n        <SectionWrapper pb=\"m\" pt=\"l\" isBlackBg={ true }>\n            <div className={ styles.wrapper }>\n                <div className={ styles.row_wrapper }>\n\n                    <Grid.Row>\n                        <React.Fragment>\n                            { sections.map((section) => (\n                                <Grid.Col\n                                    key={ section.title }\n                                    className={ styles.gridCol }\n                                >\n                                    <div className={ styles.block }>\n                                        <span className={ styles.title }>{ section.title }</span>\n\n                                        { section.items.map((item) => (\n                                            <a key={ item.text } className={ styles.link } href={ item.link }>\n                                                { item.text }\n                                            </a>\n                                        )) }\n                                    </div>\n                                </Grid.Col>\n                            )) }\n                            <Grid.Col\n                                key=\"cont\"\n                                className={ styles.gridCol }\n                            >\n\n                                <div className={ styles.contacts }>\n                                    { contacts.map((contact) => (\n                                        <ContactBlock\n                                            key={ contact.title }\n                                            title={ contact.title }\n                                            value={ contact.value }\n                                        />\n\n                                    )) }\n\n                                    { email && <div className={ styles.email }>{ email }</div> }\n\n                                    <br />\n\n                                    { address && <div className={ styles.text }>{ address }</div> }\n\n                                    <br />\n\n                                    { company && <div className={ styles.text }>{ company }</div> }\n\n                                    <br />\n\n                                    { showSocialButtons && (\n\n                                        <div className={ styles.buttons }>\n                                            { facebookLink && <IconButton { ...{ href: facebookLink } } icon={ FacebookM } /> }\n                                            { youtubeLink && <IconButton { ...{ href: youtubeLink } } icon={ YoutubeM } /> }\n                                            { instagramLink && <IconButton { ...{ href: instagramLink } } icon={ InstagramM } /> }\n                                        </div>\n                                    ) }\n                                </div>\n                            </Grid.Col>\n                        </React.Fragment>\n                    </Grid.Row>\n                </div>\n            </div>\n\n            <div className={ styles.bottomBlock }>\n                { showAppsButtons && (\n                    <React.Fragment>\n                        <div className={ styles.text }>{ appText }</div>\n\n                        <div className={ styles.buttons }>\n                            { appstore && <IconButton { ...{ href: appstore } } icon={ AppStoreM } /> }\n                            { google && <IconButton { ...{ href: google } } icon={ GooglePlayM } /> }\n                        </div>\n                    </React.Fragment>\n                ) }\n            </div>\n        </SectionWrapper>\n    );\n};\n"],"names":["Footer","sections","contacts","company","email","address","facebookLink","instagramLink","youtubeLink","appText","google","appstore","showSocialButtons","showAppsButtons","SectionWrapper","jsx","styles","Grid","jsxs","React","section","item","contact","ContactBlock","IconButton","FacebookM","YoutubeM","InstagramM","AppStoreM","GooglePlayM"],"mappings":"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"}

package/dist/footer/index.module.css

@@ -1 +1 @@
-.wrapper_Enjf{display:flex;margin:0 auto}@media(max-width:547px){.wrapper_Enjf{flex-direction:column}}.row_wrapper_8067{flex:1}.title_Tgf-{font-weight:700;font-size:14px;line-height:20px;color:var(--color-text-primary-inverted)}.block_rSzc{margin-bottom:19px;display:flex;flex-direction:column;align-items:flex-start}.block_rSzc>.title_Tgf-{font-size:16px;line-height:24px;margin-bottom:25px}.block_rSzc>.link_Oe3C{margin-bottom:21px;text-decoration:none;font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:var(--color-text-primary-inverted)}:is(.block_rSzc>.link_Oe3C):hover{color:var(--color-text-accent)}.text_qVH7{font-weight:500;font-size:12px;line-height:24px;color:var(--color-text-thirdly);display:block;padding-right:8px}.email_h6jh{font-weight:700;font-size:16px;color:var(--color-text-accent)}.buttons_dZl8{display:flex;align-items:center}.buttons_dZl8>*{margin-right:5px}.bottomBlock_fjWw{display:flex;align-items:center;padding-top:40px}.contactBlock_kAr-{display:flex;flex-direction:column;margin-bottom:29px}.contactBlock_kAr->.title_Tgf-{margin-bottom:2px}.contactBlock_kAr->.phone_yts-{font-weight:700;font-size:16px;line-height:20px;color:var(--color-text-primary-inverted);margin-bottom:1px}
+.wrapper_Enjf{display:flex;margin:0 auto}@media(max-width:547px){.wrapper_Enjf{flex-direction:column}}.row_wrapper_8067{flex:1}.gridCol_l2Ph{flex:0 0 100%;max-width:100%}@media(min-width:1024px){.gridCol_l2Ph{flex:0 0 calc(100% / 6);max-width:calc(100% / 6)}}.title_Tgf-{font-weight:700;font-size:14px;line-height:20px;color:var(--color-text-primary-inverted)}.block_rSzc{margin-bottom:19px;display:flex;flex-direction:column;align-items:flex-start}.block_rSzc>.title_Tgf-{font-size:16px;line-height:24px;margin-bottom:25px}.block_rSzc>.link_Oe3C{margin-bottom:21px;text-decoration:none;font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:var(--color-text-primary-inverted)}:is(.block_rSzc>.link_Oe3C):hover{color:var(--color-text-accent)}.text_qVH7{font-weight:500;font-size:12px;line-height:24px;color:var(--color-text-thirdly);display:block;padding-right:8px}.email_h6jh{font-weight:700;font-size:16px;color:var(--color-text-accent)}.buttons_dZl8{display:flex;align-items:center}.buttons_dZl8>*{margin-right:5px}.bottomBlock_fjWw{display:flex;align-items:center;padding-top:40px}.contactBlock_kAr-{display:flex;flex-direction:column;margin-bottom:29px}.contactBlock_kAr->.title_Tgf-{margin-bottom:2px}.contactBlock_kAr->.phone_yts-{font-weight:700;font-size:16px;line-height:20px;color:var(--color-text-primary-inverted);margin-bottom:1px}