@chrome-consulting/krit-ui 0.0.52 → 0.0.55

package/README.md

@@ -2,6 +2,10 @@
 
 Библиотека UI компонентов для [KRIT](https://krit.global/)
 
+## Совместимость
+
+Библиотека поддерживает React и React DOM версий 18 и 19. React должен быть установлен в приложении-потребителе.
+
 ## Использование библиотеки
 
 `<ThemeProvider>` обязательна для корректного отображения компонентов UI.
@@ -9,6 +13,7 @@
 `<ThemeProvider>` принимает свойство `translations` через которое можно передать переводы.
 
 ### Пример
+
 ```jsx
 <ThemeProvider translations={
   {

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

@@ -51,4 +51,4 @@ export interface AttachmentsSectionProps {
  *   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;
+export declare const AttachmentsSection: ({ title, tabs, orientation, previewsOrientation, hint, visibleSections, accepts, maxSizes, withCompress, onAdd, onRemove, showNoDataBanner, }: AttachmentsSectionProps) => import("react").JSX.Element;

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

@@ -28,5 +28,5 @@ export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
  *   New notification
  * </Badge>
  */
-declare function Badge({ className, variant, size, icon, iconRight, iconVariant, layout, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function Badge({ className, variant, size, icon, iconRight, iconVariant, layout, children, ...props }: BadgeProps): React.JSX.Element;
 export { Badge };

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

@@ -21,7 +21,7 @@ interface BannerProps {
 /**
  * Универсальный компонент для отображения информационных баннеров
  */
-export declare const Banner: ({ className, title, subtitle, variant, icon, actionText, onActionClick, }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ className, title, subtitle, variant, icon, actionText, onActionClick, }: BannerProps) => import("react").JSX.Element;
 /**
  * Пропсы компонента ErrorBanner
  */
@@ -38,14 +38,14 @@ interface ErrorBannerProps {
  * @param {ErrorBannerProps} props - Параметры компонента
  * @returns {React.ReactElement} Баннер ошибки сети
  */
-export declare const ErrorBanner: ({ className, onRefetchClick }: ErrorBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorBanner: ({ className, onRefetchClick }: ErrorBannerProps) => import("react").JSX.Element;
 /**
  * Баннер для ошибок маршрутизации с автоматической перезагрузкой
  *
  * @component
  * @returns {React.ReactElement} Баннер ошибки маршрутизации
  */
-export declare const RouteErrorBanner: () => import("react/jsx-runtime").JSX.Element;
+export declare const RouteErrorBanner: () => import("react").JSX.Element;
 /**
  * Компонент для отображения состояния отсутствия данных
  *
@@ -56,5 +56,5 @@ export declare const RouteErrorBanner: () => import("react/jsx-runtime").JSX.Ele
  */
 export declare const NoDataBanner: ({ children }: {
     children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export {};

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

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

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

@@ -83,5 +83,5 @@ 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;
+declare const CardEditActions: ({ onSave, onRemove }: CardEditActionsProps) => React.JSX.Element;
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, CardEditActions };

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

@@ -22,16 +22,16 @@ type CarouselProps = {
  * @subcomponent CarouselThumbItem - Миниатюра слайда
  * @subcomponent GalleryImages - Галерея изображений
  */
-declare const Carousel: ({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps) => import("react/jsx-runtime").JSX.Element;
-declare const CarouselContent: ({ className, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const CarouselItem: ({ className, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const CarouselPrevious: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;
-declare const CarouselNext: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;
-declare const CarouselThumbs: ({ className, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const Carousel: ({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps) => React.JSX.Element;
+declare const CarouselContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+declare const CarouselItem: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+declare const CarouselPrevious: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
+declare const CarouselNext: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
+declare const CarouselThumbs: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
 type CarouselThumbItemProps = {
     index: number;
 } & React.ComponentProps<'button'>;
-declare const CarouselThumbItem: ({ index, className, children, ...props }: CarouselThumbItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const CarouselThumbItem: ({ index, className, children, ...props }: CarouselThumbItemProps) => React.JSX.Element;
 /**
  * Галерея изображений с превью и навигацией
  * @template T - Тип элементов галереи
@@ -48,5 +48,5 @@ export declare const GalleryImages: <T>({ items, getUrl, getId, classNameMainIma
     getId: (item: T) => number | string;
     classNameMainImage?: string;
     classNameOtherImages?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, CarouselThumbs, CarouselThumbItem, };

package/dist/components/ui/collapsible-section.d.ts

@@ -33,5 +33,5 @@ interface CollapsibleSectionProps {
  * @param {function} [props.onRefetch] - Колбэк повторной загрузки
  * @param {function} [props.onAdd] - Колбэк добавления элемента
  */
-export declare const CollapsibleSection: (props: CollapsibleSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CollapsibleSection: (props: CollapsibleSectionProps) => import("react").JSX.Element;
 export {};

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

@@ -29,7 +29,7 @@ interface CommandDialogProps extends DialogProps {
  * @component
  * @param {DialogProps} props - Пропсы диалога Radix UI
  */
-declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React.JSX.Element;
 /**
  * Поле ввода для поиска по командам
  * @component
@@ -96,7 +96,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;
 };
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/confirm-modal.d.ts

@@ -29,5 +29,5 @@ interface ConfirmModalProps extends PromptOptions {
  * @param {function} [props.onConfirm] - Колбэк подтверждения
  * @param {function} [props.onCancel] - Колбэк отмены
  */
-export declare const ConfirmModal: (props: ConfirmModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmModal: (props: ConfirmModalProps) => import("react").JSX.Element;
 export {};

package/dist/components/ui/data-table.d.ts

@@ -78,17 +78,17 @@ interface DataTableProps<TData, TValue> {
  * @param {boolean} [props.hideHeader=false] - Скрыть строку с заголовками
  * @param {'table' | 'list'} [props.variant='table'] - Вариант стиля таблицы: 'table' - стандартный стиль с границами, 'list' - стиль списка без вертикальных границ и фона строк
  */
-export declare function DataTable<TData, TValue>({ columns, data, horizontalPadding, rowCount, noResultsText, enableRowSelection, enableMultiRowSelection, selection, pagination, sorting, expanded, manualSorting, paginationProps, className, additionalSlot, selectedRowClassName, onSortingChange, getRowId, onPaginationChange, onRowSelectionChange, onRowClick, onExpandedChange, loading, skeletonClassName, isStickyHeader, headerClassName, columnVisibility, onColumnVisibilityChange, columnFilters, onColumnFiltersChange, rowHoverContent, hideHeader, variant, striped, columnSizingStorageKey, enableMultiSort, maxMultiSortColumns, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, horizontalPadding, rowCount, noResultsText, enableRowSelection, enableMultiRowSelection, selection, pagination, sorting, expanded, manualSorting, paginationProps, className, additionalSlot, selectedRowClassName, onSortingChange, getRowId, onPaginationChange, onRowSelectionChange, onRowClick, onExpandedChange, loading, skeletonClassName, isStickyHeader, headerClassName, columnVisibility, onColumnVisibilityChange, columnFilters, onColumnFiltersChange, rowHoverContent, hideHeader, variant, striped, columnSizingStorageKey, enableMultiSort, maxMultiSortColumns, }: DataTableProps<TData, TValue>): React.JSX.Element;
 interface TruncatedCellProps {
     width?: number;
     children?: string;
 }
-export declare function TruncatedCell({ width, children }: TruncatedCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function TruncatedCell({ width, children }: TruncatedCellProps): React.JSX.Element;
 interface DataTablePaginationProps<TData> {
     table: TanTable<TData>;
     horizontalPadding?: 'small' | 'medium' | 'large';
     paginationProps?: PaginationProps;
     variant?: 'table' | 'list';
 }
-export declare function DataTablePagination<TData>({ table, horizontalPadding, paginationProps, variant, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTablePagination<TData>({ table, horizontalPadding, paginationProps, variant, }: DataTablePaginationProps<TData>): React.JSX.Element;
 export {};

package/dist/components/ui/date-picker.d.ts

@@ -1,42 +1,31 @@
-import { DayPickerMultipleProps, DayPickerRangeProps, DayPickerSingleProps, SelectMultipleEventHandler, SelectRangeEventHandler, SelectSingleEventHandler } from 'react-day-picker';
+import { OnSelectHandler, PropsBase, PropsMulti, PropsRange, PropsSingle } from 'react-day-picker';
 import { Locale } from 'date-fns/locale';
+import * as React from 'react';
 export interface DateRange {
     from?: Date;
     to?: Date;
 }
-export interface DatePickerSingleProps extends DayPickerSingleProps {
+interface DatePickerCommonProps {
     placeholder?: string;
     innerLabel?: string;
-    value?: Date | null;
-    onChange?: SelectSingleEventHandler;
     error?: string | boolean;
     readOnly?: boolean;
     iconClassName?: string;
     showReset?: boolean;
     onRemoveClick?: () => void;
 }
-export interface DatePickerMultipleProps extends DayPickerMultipleProps {
-    placeholder?: string;
-    innerLabel?: string;
+export type DatePickerSingleProps = PropsBase & PropsSingle & DatePickerCommonProps & {
+    value?: Date | null;
+    onChange?: OnSelectHandler<Date | undefined>;
+};
+export type DatePickerMultipleProps = PropsBase & PropsMulti & DatePickerCommonProps & {
     value?: Date[];
-    onChange?: SelectMultipleEventHandler;
-    error?: string | boolean;
-    readOnly?: boolean;
-    iconClassName?: string;
-    showReset?: boolean;
-    onRemoveClick?: () => void;
-}
-interface DatePickerRangeProps extends DayPickerRangeProps {
-    placeholder?: string;
-    innerLabel?: string;
+    onChange?: OnSelectHandler<Date[]>;
+};
+type DatePickerRangeProps = PropsBase & PropsRange & DatePickerCommonProps & {
     value?: DateRange;
-    onChange?: SelectRangeEventHandler;
-    error?: string | boolean;
-    readOnly?: boolean;
-    iconClassName?: string;
-    showReset?: boolean;
-    onRemoveClick?: () => void;
-}
+    onChange?: OnSelectHandler<DateRange | undefined>;
+};
 export type DatePickerProps = DatePickerSingleProps | DatePickerMultipleProps | (DatePickerRangeProps & {
     locale?: Locale;
 });
@@ -65,5 +54,5 @@ export type DatePickerProps = DatePickerSingleProps | DatePickerMultipleProps |
  *   showReset
  * />
  */
-export declare function DatePicker({ className, locale, iconClassName, ...rawProps }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ className, locale, iconClassName, ...rawProps }: DatePickerProps): React.JSX.Element;
 export {};

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

@@ -37,7 +37,7 @@ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitiv
 declare const DialogHeader: {
     ({ className, hideCloseButton, ...props }: React.HTMLAttributes<HTMLDivElement> & {
         hideCloseButton?: boolean;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 /**
@@ -49,7 +49,7 @@ interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: 'start' | 'end';
 }
 declare const DialogFooter: {
-    ({ className, align, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, align, ...props }: DialogFooterProps): React.JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -60,7 +60,7 @@ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrim
  * @param {boolean} [scrollableSection] - Активировать прокрутку содержимого
  */
 declare const DialogSection: {
-    ({ className, scrollableSection, ...props }: DialogSectionProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, scrollableSection, ...props }: DialogSectionProps): React.JSX.Element;
     displayName: string;
 };
 export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogSection, };

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

@@ -7,4 +7,4 @@
  */
 export declare const Dot: ({ className }: {
     className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

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

@@ -36,7 +36,7 @@ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMe
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;
 };
 interface DropdownActionItem {
@@ -63,5 +63,5 @@ interface DropdownActionsProps {
  *   <Button>Actions</Button>
  * </DropdownActions>
  */
-export declare const DropdownActions: ({ triggerClassName, actions, children, renderItem, }: DropdownActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownActions: ({ triggerClassName, actions, children, renderItem, }: DropdownActionsProps) => React.JSX.Element;
 export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/components/ui/filters-column-header.d.ts

@@ -24,5 +24,5 @@ export type ColumnSortDirection = false | 'asc' | 'desc';
 interface FiltersColumnHeaderProps extends BaseFilterProps {
     className?: string;
 }
-export declare const FiltersColumnHeader: ({ children, type, column, table, applyText, locale, options, excludeFilterValues, className, sortable, sorted, allowSortingReset, }: FiltersColumnHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FiltersColumnHeader: ({ children, type, column, table, applyText, locale, options, excludeFilterValues, className, sortable, sorted, allowSortingReset, }: FiltersColumnHeaderProps) => import("react").JSX.Element;
 export {};

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

@@ -19,7 +19,7 @@ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransfor
  * @param {ControllerProps<TFieldValues, TName>} props - Свойства Controller
  * @returns {JSX.Element}
  */
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
 interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Расположение элементов по горизонтали */
     horizontal?: boolean;

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

@@ -35,5 +35,5 @@ interface PageHeaderProps {
  *   actions={<Button>Действие</Button>}
  * />
  */
-export declare const PageHeader: ({ className, title, titleActions, leftMeta, meta, actions, onBack, onNext, onPrevious, }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageHeader: ({ className, title, titleActions, leftMeta, meta, actions, onBack, onNext, onPrevious, }: PageHeaderProps) => import("react").JSX.Element;
 export {};

package/dist/components/ui/nav-panel.d.ts

@@ -46,7 +46,7 @@ export interface NavPanelProps {
     bottomSlot?: React.ReactNode;
 }
 declare const NavPanel: {
-    (props: NavPanelProps): import("react/jsx-runtime").JSX.Element;
+    (props: NavPanelProps): React.JSX.Element;
     displayName: string;
 };
 export { NavPanel };

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

@@ -42,11 +42,11 @@ interface NavProps {
     LinkComponent: React.ElementType;
     location?: Location;
 }
-export declare function Nav(props: NavProps): import("react/jsx-runtime").JSX.Element;
+export declare function Nav(props: NavProps): React.JSX.Element;
 /**
  * Разделитель для навигации
  * @component
  * @returns {JSX.Element} Элемент разделителя
  */
-export declare function NavSeparator(): import("react/jsx-runtime").JSX.Element;
+export declare function NavSeparator(): React.JSX.Element;
 export {};

package/dist/components/ui/network-error-message.d.ts

@@ -43,4 +43,4 @@ export interface NetworkErrorMessageProps {
  *   />
  * </div>
  */
-export declare const NetworkErrorMessage: ({ className, textSize, isLoading, isError, center, inline, onRefetch, }: NetworkErrorMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const NetworkErrorMessage: ({ className, textSize, isLoading, isError, center, inline, onRefetch, }: NetworkErrorMessageProps) => import("react").JSX.Element | null;

package/dist/components/ui/page-layout.d.ts

@@ -24,5 +24,5 @@ interface PageLayoutProps {
  *   contentSlot={<Table />}
  * />
  */
-export declare const PageLayout: ({ headerSlot, filterSlot, contentSlot, contentSlotOverflowHidden, }: PageLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageLayout: ({ headerSlot, filterSlot, contentSlot, contentSlotOverflowHidden, }: PageLayoutProps) => import("react").JSX.Element;
 export {};

package/dist/components/ui/page-view-mode-toggle.d.ts

@@ -19,4 +19,4 @@ export interface PageViewModeToggleProps {
  *
  * @component
  */
-export declare const PageViewModeToggle: ({ className, listAriaLabel, tableAriaLabel, }: PageViewModeToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageViewModeToggle: ({ className, listAriaLabel, tableAriaLabel, }: PageViewModeToggleProps) => import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 export declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
 /**
  * Свойства компонента пагинации
@@ -118,4 +119,4 @@ export interface PaginationProps {
  *   setPageIndex={(index) => setPageIndex(index)}
  * />
  */
-export declare function Pagination({ horizontalPadding, className, pageSize, pageCount, pageIndex, canPreviousPage, canNextPage, selectedCount, totalCount, compact, hideDisplayBy, pageSizeOptions, previousPage, nextPage, setPageSize, setPageIndex, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Pagination({ horizontalPadding, className, pageSize, pageCount, pageIndex, canPreviousPage, canNextPage, selectedCount, totalCount, compact, hideDisplayBy, pageSizeOptions, previousPage, nextPage, setPageSize, setPageIndex, }: PaginationProps): React.JSX.Element;

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

@@ -50,7 +50,7 @@ interface PostCardHeaderProps {
  * />
  */
 declare const PostCardHeader: {
-    ({ titlePrefix, titleText, buttonsSlot, dropDownButtons, onBack, className, }: PostCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ titlePrefix, titleText, buttonsSlot, dropDownButtons, onBack, className, }: PostCardHeaderProps): React.JSX.Element;
     displayName: string;
 };
 export interface PostCardBodyField {
@@ -98,7 +98,7 @@ interface PostCardBodyProps {
  * />
  */
 declare const PostCardBody: {
-    ({ sections, className }: PostCardBodyProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ sections, className }: PostCardBodyProps): React.JSX.Element | null;
     displayName: string;
 };
 interface PostCardSidebarProps {
@@ -124,7 +124,7 @@ interface PostCardSidebarProps {
  * </PostCardSidebar>
  */
 declare const PostCardSidebar: {
-    ({ children, className }: PostCardSidebarProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className }: PostCardSidebarProps): React.JSX.Element;
     displayName: string;
 };
 interface PostCardLeftPanelItemProps {
@@ -165,7 +165,7 @@ interface PostCardLeftPanelItemProps {
  * />
  */
 declare const PostCardLeftPanelItem: {
-    ({ headerSlot, contentSlot, footerSlot, selected, onClick, className, }: PostCardLeftPanelItemProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ headerSlot, contentSlot, footerSlot, selected, onClick, className, }: PostCardLeftPanelItemProps): React.JSX.Element | null;
     displayName: string;
 };
 interface PostCardLeftPanelProps {
@@ -200,7 +200,7 @@ interface PostCardLeftPanelProps {
  * </PostCardLeftPanel>
  */
 declare const PostCardLeftPanel: {
-    ({ sortSlot, children, paginationSlot, className, }: PostCardLeftPanelProps): import("react/jsx-runtime").JSX.Element;
+    ({ sortSlot, children, paginationSlot, className, }: PostCardLeftPanelProps): React.JSX.Element;
     displayName: string;
 };
 export interface PostCardLeftPanelResizableConfig {
@@ -267,7 +267,7 @@ interface PostCardProps {
  * />
  */
 declare const PostCard: {
-    ({ leftPanelSlot, leftPanelResizable, headerSlot, bodySlot, sidebarSlot, contentSlot, className, withTopBorder, fixedHeight, }: PostCardProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ leftPanelSlot, leftPanelResizable, headerSlot, bodySlot, sidebarSlot, contentSlot, className, withTopBorder, fixedHeight, }: PostCardProps): React.JSX.Element | null;
     displayName: string;
 };
 export { PostCardHeader, PostCardBody, PostCardSidebar, PostCard, PostCardLeftPanel, PostCardLeftPanelItem, };

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

@@ -19,5 +19,5 @@ export interface PreloaderProps {
  * @example
  * <Preloader className="my-custom-class" style={{ background: 'white' }} />
  */
-declare const Preloader: ({ style, className }: PreloaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Preloader: ({ style, className }: PreloaderProps) => import("react").JSX.Element;
 export { Preloader };

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

@@ -36,5 +36,5 @@ interface PreviewFullProps {
  *   <button>Open Preview</button>
  * </PreviewFull>
  */
-export declare const PreviewFull: ({ children, src, name, type, onPrev, onNext, onRemove, }: PreviewFullProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PreviewFull: ({ children, src, name, type, onPrev, onNext, onRemove, }: PreviewFullProps) => import("react").JSX.Element;
 export {};

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

@@ -66,4 +66,4 @@ export interface PreviewsProps {
  *
  * Для компактного списка и кнопки в другом месте экрана см. `PreviewsCompactList` и `usePreviewsFilePicker`.
  */
-export declare const Previews: (props: PreviewsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Previews: (props: PreviewsProps) => import("react").JSX.Element;

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

@@ -15,4 +15,4 @@ export interface PreviewsCompactListProps {
  * Компактный горизонтальный список вложений (макет Figma File Upload New). Логика удаления и модального превью — как у Previews.
  * В паре с `usePreviewsFilePicker`: список и кнопка-скрепка в разных местах разметки.
  */
-export declare const PreviewsCompactList: ({ className, data, onRemove, title, }: PreviewsCompactListProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PreviewsCompactList: ({ className, data, onRemove, title, }: PreviewsCompactListProps) => import("react").JSX.Element | null;

package/dist/components/ui/radix-dialog-dismiss.lib.d.ts

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+import type * as DialogPrimitive from '@radix-ui/react-dialog';
+type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
+declare const createDialogOutsideInteractionHandlers: (options: Pick<DialogContentProps, "onPointerDownOutside" | "onInteractOutside">) => {
+    onPointerDownOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => void;
+    onInteractOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => void;
+};
+export { createDialogOutsideInteractionHandlers };

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

@@ -28,7 +28,7 @@ declare const ResizablePanelGroup: React.ForwardRefExoticComponent<PanelGroupPro
  * Изменяемая панель, которая может быть перетаскиваема для изменения размера.
  * Прямой ре-экспорт Panel из react-resizable-panels.
  */
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLSpanElement | HTMLObjectElement | HTMLTitleElement | HTMLSlotElement | HTMLStyleElement | HTMLLinkElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLFormElement | HTMLSpanElement | HTMLObjectElement | HTMLTitleElement | HTMLSlotElement | HTMLStyleElement | HTMLLinkElement | HTMLMapElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -61,5 +61,5 @@ declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
  */
 declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

package/dist/components/ui/secondary-panel-section.d.ts

@@ -17,4 +17,4 @@ export interface SecondaryPanelSectionProps {
  * Секция на вторичном фоне: слот действий, затем либо пустое состояние с текстом, либо основной контент.
  * Скругление — `rounded-lg` (`--krit-radius` в tailwind.css), отступы — `p-6` (шкала spacing Tailwind).
  */
-export declare const SecondaryPanelSection: ({ emptyStateText, actionsSlot, children, isEmpty, className, innerClassName, }: SecondaryPanelSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SecondaryPanelSection: ({ emptyStateText, actionsSlot, children, isEmpty, className, innerClassName, }: SecondaryPanelSectionProps) => import("react").JSX.Element;

package/dist/components/ui/segmented-control.d.ts

@@ -32,4 +32,4 @@ export interface SegmentedControlProps {
  *   onClick={(value) => console.log(value)}
  * />
  */
-export declare const SegmentedControl: ({ defaultValue, options, onClick }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SegmentedControl: ({ defaultValue, options, onClick }: SegmentedControlProps) => import("react").JSX.Element;

package/dist/components/ui/select-header-filter.d.ts

@@ -19,5 +19,5 @@ type ColumnFilterProps<T = string | number> = {
     onSearchChange?: (search: string) => void;
     onCheckedChange?: (checked: Options<T> | undefined) => void;
 };
-export declare const SelectHeaderFilter: <T>({ table, column, excludeAllLabel, options, checked, disabled, hidden, search, radio, onSearchChange, onCheckedChange, }: ColumnFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectHeaderFilter: <T>({ table, column, excludeAllLabel, options, checked, disabled, hidden, search, radio, onSearchChange, onCheckedChange, }: ColumnFilterProps<T>) => import("react").JSX.Element;
 export {};

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

@@ -78,7 +78,7 @@ declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps &
  * ```
  */
 declare const SheetHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 /**
@@ -96,7 +96,7 @@ declare const SheetHeader: {
  * ```
  */
 declare const SheetFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 /**

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

@@ -17,7 +17,7 @@ import * as React from 'react';
  * // Плейсхолдер для аватара
  * <Skeleton className="h-12 w-12 rounded-full" />
  */
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare namespace Skeleton {
     var displayName: string;
 }

package/dist/components/ui/sort-component.d.ts

@@ -43,4 +43,4 @@ export interface SortComponentProps<T extends string> {
  *   onFieldChange={(field) => {}}
  * />
  */
-export declare const SortComponent: <T extends string>({ sortOrder, sortField, className, options, placeholder, onOrderToggle, onFieldChange, }: SortComponentProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SortComponent: <T extends string>({ sortOrder, sortField, className, options, placeholder, onOrderToggle, onFieldChange, }: SortComponentProps<T>) => import("react").JSX.Element;

package/dist/components/ui/sortable-header.d.ts

@@ -12,5 +12,5 @@ interface SortableHeaderProps<TData extends RowData, TValue = unknown> {
      */
     sortingCount?: number;
 }
-export declare const SortableHeader: <TData extends RowData, TValue = unknown>({ className, children, column, enableMultiSort, maxMultiSortColumns, sortingCount, }: SortableHeaderProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const SortableHeader: <TData extends RowData, TValue = unknown>({ className, children, column, enableMultiSort, maxMultiSortColumns, sortingCount, }: SortableHeaderProps<TData, TValue>) => import("react").JSX.Element;
 export {};

package/dist/components/ui/theme-provider.d.ts

@@ -132,5 +132,5 @@ export declare const ThemeProviderContext: import('react').Context<ThemeProvider
  *   <App />
  * </ThemeProvider>
  */
-export declare function ThemeProvider({ children, defaultTheme, storageKey, themeVersion, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, defaultTheme, storageKey, themeVersion, ...props }: ThemeProviderProps): import("react").JSX.Element;
 export {};

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

@@ -18,5 +18,5 @@ interface ToasterProps {
  * @example
  * <Toaster viewportClassname="custom-viewport" />
  */
-export declare function Toaster(props: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Toaster(props: ToasterProps): import("react").JSX.Element;
 export {};

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

@@ -61,5 +61,5 @@ interface InfoTooltipProps {
  *   <Button>Наведи меня</Button>
  * </InfoTooltip>
  */
-declare const InfoTooltip: ({ children, text, delayDuration }: InfoTooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const InfoTooltip: ({ children, text, delayDuration }: InfoTooltipProps) => React.JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, InfoTooltip };

package/dist/components/ui/tree-view.d.ts

@@ -93,4 +93,4 @@ export interface TreeViewProps<T extends TreeNode> {
 /**
  * TreeView - компонент для отображения иерархических данных в табличном формате.
  */
-export declare const TreeView: <T extends TreeNode>(props: TreeViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TreeView: <T extends TreeNode>(props: TreeViewProps<T>) => import("react").JSX.Element;