@chrome-consulting/krit-ui 0.0.49

package/README.md

@@ -0,0 +1,69 @@
+# KRIT UI
+
+Библиотека UI компонентов для [KRIT](https://krit.global/)
+
+## Установка
+
+```bash
+npm install @chrome-consulting/krit-ui
+```
+
+Подключите стили библиотеки в точке входа приложения:
+
+```ts
+import '@chrome-consulting/krit-ui/style.css';
+```
+
+## Использование библиотеки
+
+`<ThemeProvider>` обязательна для корректного отображения компонентов UI.
+
+`<ThemeProvider>` принимает свойство `translations` через которое можно передать переводы.
+
+### Пример
+
+```jsx
+import { ThemeProvider } from '@chrome-consulting/krit-ui';
+
+<ThemeProvider translations={
+  {
+    confirmAction: 'Подтвердите действие',
+    cancelAction: 'Отменить действие',
+    ...
+  }
+}>
+    <App />
+</ThemeProvider>
+```
+
+## Публикация
+
+Перед публикацией обновите версию и проверьте содержимое пакета:
+
+```bash
+npm version patch
+npm pack --dry-run
+npm publish
+```
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+  },
+};
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

package/dist/assets/index.d.ts

@@ -0,0 +1,201 @@
+export { default as N00Icon } from './00.svg?react';
+export { default as N01Icon } from './01.svg?react';
+export { default as N02Icon } from './02.svg?react';
+export { default as N03Icon } from './03.svg?react';
+export { default as N04Icon } from './04.svg?react';
+export { default as AccessDeniedDarkIcon } from './access_denied_dark.svg?react';
+export { default as AccessDeniedLightIcon } from './access_denied_light.svg?react';
+export { default as AccountBalanceIcon } from './account_balance.svg?react';
+export { default as AccountBoxIcon } from './account_box.svg?react';
+export { default as AccountCircleIcon } from './account_circle.svg?react';
+export { default as AccountTreeIcon } from './account_tree.svg?react';
+export { default as AddIcon } from './add.svg?react';
+export { default as AddBoxIcon } from './add_box.svg?react';
+export { default as AddCircleOutlineIcon } from './add_circle_outline.svg?react';
+export { default as AddOutlineIcon } from './add_outline.svg?react';
+export { default as AiAssistantIcon } from './ai_assistant.svg?react';
+export { default as AiChatSendIcon } from './ai_chat_send.svg?react';
+export { default as AiChatWelcomeIcon } from './ai_chat_welcome.svg?react';
+export { default as AnalyticsIcon } from './analytics.svg?react';
+export { default as ArchiveIcon } from './archive.svg?react';
+export { default as ArrowBackIcon } from './arrow_back.svg?react';
+export { default as ArrowDropDownIcon } from './arrow_drop_down.svg?react';
+export { default as ArrowForwardIcon } from './arrow_forward.svg?react';
+export { default as AssignmentIcon } from './assignment.svg?react';
+export { default as AssignmentTurnedInIcon } from './assignment_turned_in.svg?react';
+export { default as AttachFileIcon } from './attach_file.svg?react';
+export { default as AudioFileIcon } from './audio_file.svg?react';
+export { default as BarChartIcon } from './bar_chart.svg?react';
+export { default as BgDarkIcon } from './bg_dark.svg?react';
+export { default as BgLightIcon } from './bg_light.svg?react';
+export { default as BillEmptyIcon } from './bill_empty.svg?react';
+export { default as BlockIcon } from './block.svg?react';
+export { default as BuildIcon } from './build.svg?react';
+export { default as BuildCircleIcon } from './build_circle.svg?react';
+export { default as BuildCircleOutlineIcon } from './build_circle_outline.svg?react';
+export { default as CalendarOutlineIcon } from './calendar_outline.svg?react';
+export { default as CancelIcon } from './cancel.svg?react';
+export { default as CancelCircleOutlineIcon } from './cancel_circle_outline.svg?react';
+export { default as CancelOutlineIcon } from './cancel_outline.svg?react';
+export { default as CategoryIcon } from './category.svg?react';
+export { default as CheckIcon } from './check.svg?react';
+export { default as CheckCircleOutlineIcon } from './check_circle_outline.svg?react';
+export { default as CheckCloseFolderIcon } from './check_close_folder.svg?react';
+export { default as ChecksOutlineIcon } from './checks_outline.svg?react';
+export { default as ChevronDownIcon } from './chevron_down.svg?react';
+export { default as ChevronLeftIcon } from './chevron_left.svg?react';
+export { default as ChevronLeftOutlineIcon } from './chevron_left_outline.svg?react';
+export { default as ChevronRightIcon } from './chevron_right.svg?react';
+export { default as ChevronRightOutlineIcon } from './chevron_right_outline.svg?react';
+export { default as ChevronUpIcon } from './chevron_up.svg?react';
+export { default as CloseIcon } from './close.svg?react';
+export { default as CloseCircleIcon } from './close_circle.svg?react';
+export { default as CoinsIcon } from './coins.svg?react';
+export { default as ConstructionIcon } from './construction.svg?react';
+export { default as ContentPasteSearchIcon } from './content_paste_search.svg?react';
+export { default as ControlPointIcon } from './control_point.svg?react';
+export { default as CorporateFareIcon } from './corporate_fare.svg?react';
+export { default as CupOutlineIcon } from './cup_outline.svg?react';
+export { default as DarkModeIcon } from './dark_mode.svg?react';
+export { default as DarkModeOutlineIcon } from './dark_mode_outline.svg?react';
+export { default as DashboardIcon } from './dashboard.svg?react';
+export { default as DeleteIcon } from './delete.svg?react';
+export { default as DeleteOutlineIcon } from './delete_outline.svg?react';
+export { default as DoNotDisturbIcon } from './do_not_disturb.svg?react';
+export { default as DocumentArrowUpOutlineIcon } from './document_arrow_up_outline.svg?react';
+export { default as DocumentListOutlineIcon } from './document_list_outline.svg?react';
+export { default as DonateOutlineIcon } from './donate_outline.svg?react';
+export { default as DoneIcon } from './done.svg?react';
+export { default as DoneOutlineIcon } from './done_outline.svg?react';
+export { default as DoorArrowRightOutlineIcon } from './door_arrow_right_outline.svg?react';
+export { default as DownloadOutlineIcon } from './download_outline.svg?react';
+export { default as DragIndicatorIcon } from './drag_indicator.svg?react';
+export { default as EditIcon } from './edit.svg?react';
+export { default as EditOutlineIcon } from './edit_outline.svg?react';
+export { default as ErrorOutlineIcon } from './error_outline.svg?react';
+export { default as EventAvailableIcon } from './event_available.svg?react';
+export { default as EventNoteIcon } from './event_note.svg?react';
+export { default as EventRepeatOutlinedIcon } from './event_repeat_outlined.svg?react';
+export { default as ExpandMoreIcon } from './expand_more.svg?react';
+export { default as FactCheckOutlineIcon } from './fact_check_outline.svg?react';
+export { default as FactoryIcon } from './factory.svg?react';
+export { default as FeaturedPlayListIcon } from './featured_play_list.svg?react';
+export { default as FileIcon } from './file.svg?react';
+export { default as FileCopyIcon } from './file_copy.svg?react';
+export { default as FileCopyOutlineIcon } from './file_copy_outline.svg?react';
+export { default as FileDownloadIcon } from './file_download.svg?react';
+export { default as FilterAltOffOutlineIcon } from './filter_alt_off_outline.svg?react';
+export { default as FirstPageIcon } from './first_page.svg?react';
+export { default as FlagIcon } from './flag.svg?react';
+export { default as FlagFillIcon } from './flag_fill.svg?react';
+export { default as FormatAlignLeftIcon } from './format_align_left.svg?react';
+export { default as GearsAlarmIcon } from './gears_alarm.svg?react';
+export { default as GroupOutlineIcon } from './group_outline.svg?react';
+export { default as GroupWorkIcon } from './group_work.svg?react';
+export { default as HandPaperIcon } from './hand_paper.svg?react';
+export { default as HandymanIcon } from './handyman.svg?react';
+export { default as HardwareIcon } from './hardware.svg?react';
+export { default as HelpCenterIcon } from './help_center.svg?react';
+export { default as HelpCenterOutlineIcon } from './help_center_outline.svg?react';
+export { default as HideImageIcon } from './hide_image.svg?react';
+export { default as HideOutlineIcon } from './hide_outline.svg?react';
+export { default as HistoryIcon } from './history.svg?react';
+export { default as HotelClassIcon } from './hotel_class.svg?react';
+export { default as ImageIcon } from './image.svg?react';
+export { default as ImageOutlineIcon } from './image_outline.svg?react';
+export { default as ImgBoxFillIcon } from './img_box_fill.svg?react';
+export { default as InfoIcon } from './info.svg?react';
+export { default as InsertInvitationOutlineIcon } from './insert_invitation_outline.svg?react';
+export { default as InventoryIcon } from './inventory.svg?react';
+export { default as LanIcon } from './lan.svg?react';
+export { default as LanOutlineIcon } from './lan_outline.svg?react';
+export { default as LastPageIcon } from './last_page.svg?react';
+export { default as LegendToggleIcon } from './legend_toggle.svg?react';
+export { default as LightModeIcon } from './light_mode.svg?react';
+export { default as LightModeOutlineIcon } from './light_mode_outline.svg?react';
+export { default as LocalFireDepartmentIcon } from './local_fire_department.svg?react';
+export { default as LocationMapOutlineIcon } from './location_map_outline.svg?react';
+export { default as LocationOnIcon } from './location_on.svg?react';
+export { default as LockIcon } from './lock.svg?react';
+export { default as LockOpenIcon } from './lock_open.svg?react';
+export { default as LogoutOutlineIcon } from './logout_outline.svg?react';
+export { default as MenuIcon } from './menu.svg?react';
+export { default as MoreVertIcon } from './more_vert.svg?react';
+export { default as MyLocationIcon } from './my_location.svg?react';
+export { default as NetworkErrorIcon } from './network_error.svg?react';
+export { default as NextWeekIcon } from './next_week.svg?react';
+export { default as NoAssignmentIcon } from './no_assignment.svg?react';
+export { default as NorthEastIcon } from './north_east.svg?react';
+export { default as OutputIcon } from './output.svg?react';
+export { default as PauseCircleOutlineIcon } from './pause_circle_outline.svg?react';
+export { default as PenOutlineIcon } from './pen_outline.svg?react';
+export { default as PeopleAltOutlinedIcon } from './people_alt_outlined.svg?react';
+export { default as PersonIcon } from './person.svg?react';
+export { default as PersonOutlineIcon } from './person_outline.svg?react';
+export { default as PhotoMusthaveIcon } from './photo_musthave.svg?react';
+export { default as PlayIcon } from './play.svg?react';
+export { default as PlaylistAddCheckIcon } from './playlist_add_check.svg?react';
+export { default as PortraitIcon } from './portrait.svg?react';
+export { default as PrecisionManufacturingOutlineIcon } from './precision_manufacturing_outline.svg?react';
+export { default as PriorityIcon } from './priority.svg?react';
+export { default as PublishIcon } from './publish.svg?react';
+export { default as PushPinIcon } from './push_pin.svg?react';
+export { default as RectangleSplit4UnevenOutlineIcon } from './rectangle_split_4_uneven_outline.svg?react';
+export { default as RectanglesOutlineIcon } from './rectangles_outline.svg?react';
+export { default as RefreshIcon } from './refresh.svg?react';
+export { default as RemoveCircleOutlineIcon } from './remove_circle_outline.svg?react';
+export { default as ReportProblemOutlineIcon } from './report_problem_outline.svg?react';
+export { default as RestartAltIcon } from './restart_alt.svg?react';
+export { default as RestoreIcon } from './restore.svg?react';
+export { default as RoomIcon } from './room.svg?react';
+export { default as RotateLeftIcon } from './rotate_left.svg?react';
+export { default as RotateRightIcon } from './rotate_right.svg?react';
+export { default as RoundStrokedIcon } from './round_stroked.svg?react';
+export { default as SaveIcon } from './save.svg?react';
+export { default as SaveFillIcon } from './save_fill.svg?react';
+export { default as SearchIcon } from './search.svg?react';
+export { default as SearchEmptyIcon } from './search_empty.svg?react';
+export { default as SellOutlineIcon } from './sell_outline.svg?react';
+export { default as SettingsIcon } from './settings.svg?react';
+export { default as SettingsOutlineIcon } from './settings_outline.svg?react';
+export { default as ShoppingBasketIcon } from './shopping_basket.svg?react';
+export { default as SimCardDownloadIcon } from './sim_card_download.svg?react';
+export { default as SmsFailedIcon } from './sms_failed.svg?react';
+export { default as SortIcon } from './sort.svg?react';
+export { default as SouthIcon } from './south.svg?react';
+export { default as Square4OutlineIcon } from './square_4_outline.svg?react';
+export { default as StarIcon } from './star.svg?react';
+export { default as StarsIcon } from './stars.svg?react';
+export { default as StraightenIcon } from './straighten.svg?react';
+export { default as StrategyIcon } from './strategy.svg?react';
+export { default as SubdirectoryArrowRightIcon } from './subdirectory_arrow_right.svg?react';
+export { default as SupervisorAccountIcon } from './supervisor_account.svg?react';
+export { default as TableChartIcon } from './table_chart.svg?react';
+export { default as TableRowsOutlineIcon } from './table_rows_outline.svg?react';
+export { default as TargetOutlineIcon } from './target_outline.svg?react';
+export { default as ThermostatIcon } from './thermostat.svg?react';
+export { default as TodayIcon } from './today.svg?react';
+export { default as TollIcon } from './toll.svg?react';
+export { default as TourIcon } from './tour.svg?react';
+export { default as TranslateIcon } from './translate.svg?react';
+export { default as TuneOutlineIcon } from './tune_outline.svg?react';
+export { default as UnlockIcon } from './unlock.svg?react';
+export { default as UserIcon } from './user.svg?react';
+export { default as VideoFileIcon } from './video_file.svg?react';
+export { default as ViewListIcon } from './view_list.svg?react';
+export { default as ViewOutlineIcon } from './view_outline.svg?react';
+export { default as ViewSidebarIcon } from './view_sidebar.svg?react';
+export { default as ViewSidebarOutlineIcon } from './view_sidebar_outline.svg?react';
+export { default as WarehouseIcon } from './warehouse.svg?react';
+export { default as WarehouseOutlineIcon } from './warehouse_outline.svg?react';
+export { default as WarningAmberIcon } from './warning_amber.svg?react';
+export { default as WatchLaterIcon } from './watch_later.svg?react';
+export { default as WatchLaterOutlineIcon } from './watch_later_outline.svg?react';
+export { default as WebStoriesIcon } from './web_stories.svg?react';
+export { default as WhatshotIcon } from './whatshot.svg?react';
+export { default as WorkspacesIcon } from './workspaces.svg?react';
+export { default as WrenchToolIcon } from './wrench_tool.svg?react';
+export { default as WriteIcon } from './write.svg?react';
+export { default as ZoomInOutlinedIcon } from './zoom_in_outlined.svg?react';
+export { default as ZoomOutMapOutlinedIcon } from './zoom_out_map_outlined.svg?react';
+export { default as ZoomOutOutlinedIcon } from './zoom_out_outlined.svg?react';

package/dist/components/ui/attachmentsSection.d.ts

@@ -0,0 +1,54 @@
+import { AttachmentItem, Attachments, ContentType } from '../../lib/attachments';
+/**
+ * Пропсы компонента секции вложений
+ */
+export interface AttachmentsSectionProps {
+    /** Заголовок секции */
+    title?: string;
+    /** Ориентация контейнера (вертикальная/горизонтальная) */
+    orientation?: 'vertical' | 'horizontal';
+    /** Ориентация превью файлов */
+    previewsOrientation?: 'vertical' | 'horizontal';
+    /** Подсказка под кнопкой добавления файла */
+    hint?: string;
+    /** Видимые секции по меткам или индексам */
+    visibleSections?: (string | number)[];
+    /** Доступные для загрузки MIME-типы */
+    accepts?: ContentType[];
+    /** Максимальные размеры файлов по типам */
+    maxSizes?: {
+        image?: number;
+        video?: number;
+        total?: number;
+        audio?: number;
+        pdf?: number;
+        word?: number;
+        excel?: number;
+        archive?: number;
+    };
+    /** Включение сжатия изображений */
+    withCompress?: boolean;
+    /** Колбэк добавления файлов */
+    onAdd?: (attachments: AttachmentItem[], tabIndex: number) => Promise<void> | void;
+    /** Колбэк удаления файлов */
+    onRemove?: (index: number, tabIndex: number) => Promise<void> | void;
+    /** Список вкладок с файлами */
+    tabs?: Attachments;
+    /** Показать плашку "Медиафайлов нет" при отсутствии файлов */
+    showNoDataBanner?: boolean;
+}
+/**
+ * Компонент для управления и отображения вложений с группировкой по типам
+ *
+ * @component
+ * @param {AttachmentsSectionProps} props - Параметры компонента
+ * @returns {React.ReactElement} Секция с превью файлов и управлением
+ *
+ * @example
+ * <AttachmentsSection
+ *   title="Медиафайлы"
+ *   orientation="horizontal"
+ *   onAdd={(files) => handleUpload(files)}
+ * />
+ */
+export declare const AttachmentsSection: ({ title, tabs, orientation, previewsOrientation, hint, visibleSections, accepts, maxSizes, withCompress, onAdd, onRemove, showNoDataBanner, }: AttachmentsSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,32 @@
+import { VariantProps } from 'class-variance-authority';
+import { badgeVariants } from './badgeVariants';
+import * as React from 'react';
+export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof badgeVariants> {
+    icon?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    title?: string;
+}
+/**
+ * Компонент для отображения стилизованного бейджа с поддержкой иконок и вариаций
+ *
+ * @component
+ * @param {object} props - Параметры компонента
+ * @param {'default' | 'gradient' | 'secondary' | 'secondary-contrast' | 'accent' | 'theme' | 'theme-fade' | 'pale' | 'pale-primary' | 'destructive' | 'destructive-fade' | 'destructive-primary' | 'success' | 'success-fade' | 'success-primary' | 'grey' | 'grey-primary' | 'outline' | 'outline-success' | 'warning' | 'warning-fade' | 'contrast',} [props.variant] - Стиль оформления
+ * @param {'sm' | 'default' | 'lg'} [props.size] - Размер компонента
+ * @param {React.ReactNode} [props.icon] - Иконка слева от содержимого
+ * @param {React.ReactNode} [props.iconRight] - Иконка справа от содержимого
+ * @param {'default' | 'secondary' | 'black'} [props.iconVariant] - Стиль иконки (только для variant='fade-contrast-filled')
+ * @param {'default' | 'truncate'} [props.layout] - Распределение внутренних элементов
+ * @param {string} [props.className] - Дополнительные CSS-классы
+ * @param {React.ReactNode} props.children - Основное содержимое бейджа
+ * @param {string} [props.title] - Текст тултипа (используется если children не строка)
+ * @param {React.HTMLAttributes} [props.rest] - Дополнительные HTML-атрибуты
+ * @returns {React.ReactElement} Стилизованный бейдж
+ *
+ * @example
+ * <Badge variant="outline" size="md" icon={<Icon />}>
+ *   New notification
+ * </Badge>
+ */
+declare function Badge({ className, variant, size, icon, iconRight, iconVariant, layout, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge };

package/dist/components/ui/badgeVariants.d.ts

@@ -0,0 +1,6 @@
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "gradient" | "secondary" | "secondary-contrast" | "accent" | "theme" | "theme-fade" | "pale" | "pale-primary" | "destructive" | "destructive-fade" | "destructive-primary" | "success" | "success-fade" | "success-primary" | "grey" | "grey-primary" | "outline" | "outline-success" | "warning" | "warning-fade" | "contrast" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    iconVariant?: "default" | "secondary" | "black" | null | undefined;
+    layout?: "default" | "truncate" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/ui/banner.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode } from 'react';
+/**
+ * Пропсы компонента Banner
+ */
+interface BannerProps {
+    /** Дополнительные классы стилей */
+    className?: string;
+    /** Заголовок баннера */
+    title?: string;
+    /** Подзаголовок/описание */
+    subtitle?: string;
+    /** Стиль оформления */
+    variant?: 'default' | 'secondary';
+    /** Тип отображаемой иконки */
+    icon?: 'bill-empty' | 'search-empty' | 'network-error';
+    /** Текст кнопки действия */
+    actionText?: string;
+    /** Обработчик клика по кнопке */
+    onActionClick?: () => void;
+}
+/**
+ * Универсальный компонент для отображения информационных баннеров
+ */
+export declare const Banner: ({ className, title, subtitle, variant, icon, actionText, onActionClick, }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Пропсы компонента ErrorBanner
+ */
+interface ErrorBannerProps {
+    /** Дополнительные классы стилей */
+    className?: string;
+    /** Обработчик повторной загрузки */
+    onRefetchClick?: () => Promise<unknown> | unknown;
+}
+/**
+ * Специализированный баннер для отображения ошибок сети
+ *
+ * @component
+ * @param {ErrorBannerProps} props - Параметры компонента
+ * @returns {React.ReactElement} Баннер ошибки сети
+ */
+export declare const ErrorBanner: ({ className, onRefetchClick }: ErrorBannerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Баннер для ошибок маршрутизации с автоматической перезагрузкой
+ *
+ * @component
+ * @returns {React.ReactElement} Баннер ошибки маршрутизации
+ */
+export declare const RouteErrorBanner: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * Компонент для отображения состояния отсутствия данных
+ *
+ * @component
+ * @param {Object} props - Параметры компонента
+ * @param {ReactNode} props.children - Контент для отображения
+ * @returns {React.ReactElement} Баннер пустого состояния
+ */
+export declare const NoDataBanner: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/bottom-menu.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+/**
+ * Пропсы компонента BottomMenu
+ */
+export interface BottomMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Текст, отображаемый слева (например, "Выбраны заказы: 27") */
+    label: string;
+    /** React элементы (кнопки, действия), отображаемые справа */
+    actions?: React.ReactNode;
+    /** Отображать ли меню (для анимации появления/исчезновения) */
+    open?: boolean;
+}
+/**
+ * Универсальный компонент нижнего меню.
+ * Отображает фиксированное меню внизу экрана с текстом слева и кнопками действий справа.
+ * Используется для групповых операций над выбранными элементами.
+ * Автоматически учитывает ширину боковой панели для правильного позиционирования.
+ *
+ * @component
+ * @param {BottomMenuProps} props - Параметры компонента
+ * @param {React.Ref<HTMLDivElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Компонент нижнего меню
+ *
+ * @example
+ * ```tsx
+ * <BottomMenu
+ *   label="Выбраны заказы: 27"
+ *   actions={
+ *     <>
+ *       <Button variant="fade-contrast-filled" onClick={() => handleApprove()}>
+ *         Утвердить
+ *       </Button>
+ *       <Button variant="fade-contrast-filled" onClick={() => handleExecute()}>
+ *         Выполнить
+ *       </Button>
+ *     </>
+ *   }
+ * />
+ * ```
+ */
+export declare const BottomMenu: React.ForwardRefExoticComponent<BottomMenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/button.d.ts

@@ -0,0 +1,27 @@
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from './buttonVariants';
+import * as React from 'react';
+export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+/**
+ * Пропсы компонента Button
+ */
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Кастомный элемент вместо стандартной кнопки */
+    asChild?: boolean;
+    /** Отображение стрелки выпадающего списка */
+    asDropdown?: boolean;
+    /** Иконка перед текстом кнопки */
+    icon?: React.ReactNode;
+}
+/**
+ * Интерактивный элемент интерфейса с поддержкой разных стилей и состояний
+ *
+ * @component
+ * @param {ButtonProps} props - Параметры компонента
+ * @param {React.Ref<HTMLButtonElement>} ref - Реф для доступа к DOM-элементу
+ * @returns {React.ReactElement} Кнопка с заданными свойствами
+ *
+ * @example
+ * <Button variant="theme-filled" size="lg">Нажми меня</Button>
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/buttonVariants.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "fade-contrast-filled" | "fade-contrast-outlined" | "fade-contrast-transparent" | "theme-filled" | "warning-filled" | "nav-item" | "nav-item-selected" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "xs" | "xl" | "xxl" | "xxxl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,18 @@
+import { DayPicker } from 'react-day-picker';
+import * as React from 'react';
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+/**
+ * Календарь для выбора дат с настраиваемыми стилями и элементами управления
+ *
+ * @component
+ * @param {Object} props - Пропсы компонента календаря
+ * @param {string} [props.className] - Дополнительные классы CSS для стилизации
+ * @param {Object} [props.classNames] - Дополнительные классы для элементов календаря
+ * @param {boolean} [props.showOutsideDays=true] - Показывать дни из соседних месяцев
+ * @returns {JSX.Element} Компонент календаря
+ */
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };

package/dist/components/ui/card.d.ts

@@ -0,0 +1,87 @@
+import * as React from 'react';
+export interface CardProps {
+    /** CSS-классы для кастомизации внешнего вида */
+    className?: string;
+    /**
+     * Дочерние элементы карточки
+     * @default null
+     */
+    children?: React.ReactNode;
+    /** Отображать стрелку в правой части */
+    showArrow?: boolean;
+    /** Состояние выбора (для контролируемого режима) */
+    checked?: boolean;
+    /**
+     * Хэндлер изменения состояния выбора
+     * @param checked - новое состояние выбора
+     */
+    onSelect?: (checked: boolean) => void;
+    /** Хэндлер клика по карточке */
+    onClick?: () => void;
+}
+/**
+ * Стилизованная карточка с поддержкой выбора, действий и кастомизации
+ *
+ * @component
+ * @example
+ * <Card showArrow checked={isChecked} onSelect={setIsChecked}>
+ *   <CardHeader>Заголовок</CardHeader>
+ *   <CardContent>Контент</CardContent>
+ * </Card>
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+interface CardHeaderProps {
+    className?: string;
+    children?: React.ReactNode;
+    checked?: boolean;
+    right?: React.ReactNode;
+    onSelect?: (checked: boolean) => void;
+    onClick?: () => void;
+}
+/**
+ * Заголовок карточки с возможностью выбора
+ */
+interface CardHeaderProps {
+    right?: React.ReactNode;
+}
+/**
+ * @extends CardProps
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    leftOffset?: boolean;
+}
+/**
+ * Основной заголовок карточки
+ */
+interface CardTitleProps {
+    leftOffset?: boolean;
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
+interface CardDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+    leftOffset?: boolean;
+    showArrow?: boolean;
+}
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    leftOffset?: boolean;
+}
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    leftOffset?: boolean;
+}
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+type ActionClickEvent = React.MouseEvent<SVGSVGElement, MouseEvent>;
+interface CardEditActionsProps {
+    onSave?: (e: ActionClickEvent) => Promise<void> | void;
+    onRemove?: (e: ActionClickEvent) => Promise<void> | void;
+}
+/**
+ * Действия редактирования карточки (сохранение/удаление)
+ */
+interface CardEditActionsProps {
+    onSave?: (e: ActionClickEvent) => Promise<void> | void;
+    onRemove?: (e: ActionClickEvent) => Promise<void> | void;
+}
+declare const CardEditActions: ({ onSave, onRemove }: CardEditActionsProps) => import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, CardEditActions };