@archytechtor/ui 0.0.0-stage → 0.1.0

package/dist/components/context-menu/context-menu.js

@@ -0,0 +1,270 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ContextMenu } from "@base-ui/react/context-menu";
+// src/components/context-menu/context-menu.tsx
+/**
+* Контекстное меню: список действий по правому клику или долгому нажатию на области
+* @param props - пропсы меню
+* @returns корень без своей разметки
+*/
+function ContextMenu$1({ onOpenChange, ...props }) {
+	/**
+	* Меню открыли или закрыли: наружу только флаг
+	* @param open - открыто ли
+	*/
+	const handleOpenChange = (open) => onOpenChange?.(open);
+	return /* @__PURE__ */ jsx(ContextMenu.Root, {
+		"data-slot": "context-menu",
+		onOpenChange: handleOpenChange,
+		...props
+	});
+}
+/**
+* Портал: переносит меню в конец body. ContextMenuContent рендерит его сам
+* @param props - пропсы портала
+* @returns портал
+*/
+function ContextMenuPortal(props) {
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, {
+		"data-slot": "context-menu-portal",
+		...props
+	});
+}
+/**
+* Область меню: правый клик или долгое нажатие по ней открывает меню у курсора
+* @param props - пропсы области
+* @returns div
+*/
+function ContextMenuTrigger({ className, ...props }) {
+	const classes = cn("select-none", className);
+	return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
+		"data-slot": "context-menu-trigger",
+		className: classes,
+		...props
+	});
+}
+/** Классы окна меню */
+const contentClasses = [
+	"z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin)",
+	"overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md",
+	"ring-1 ring-foreground/10 duration-100 outline-none data-closed:overflow-hidden",
+	"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+	"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+	"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+	"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+];
+/**
+* Содержимое меню: рендерится в портале у курсора
+* @param props - пропсы содержимого; по умолчанию side="right", align="start"
+* @returns портал с меню
+*/
+function ContextMenuContent({ className, side = "right", sideOffset = 0, align = "start", alignOffset = 4, collisionPadding, arrowPadding, sticky, ...props }) {
+	const classes = cn(contentClasses, className);
+	const positionerProps = {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		collisionPadding,
+		arrowPadding,
+		sticky
+	};
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		className: "isolate z-50 outline-none",
+		...positionerProps,
+		children: /* @__PURE__ */ jsx(ContextMenu.Popup, {
+			"data-slot": "context-menu-content",
+			className: classes,
+			...props
+		})
+	}) });
+}
+/**
+* Группа пунктов: объединяет связанные действия; ContextMenuLabel кладётся внутрь неё
+* @param props - пропсы группы
+* @returns div с role="group"
+*/
+function ContextMenuGroup(props) {
+	return /* @__PURE__ */ jsx(ContextMenu.Group, {
+		"data-slot": "context-menu-group",
+		...props
+	});
+}
+/**
+* Пункт меню: действие. Ссылку рисуют через render={<a href />}
+* @param props - пропсы пункта
+* @returns div с role="menuitem"
+*/
+function ContextMenuItem({ className, inset, variant = "default", ...props }) {
+	const classes = cn("group/context-menu-item", "relative", "flex", "cursor-default", "items-center", "gap-1.5", "rounded-md", "px-1.5", "py-1", "text-sm", "outline-hidden", "select-none", "data-inset:pl-7", "focus:bg-accent", "focus:text-accent-foreground", "focus:*:[svg]:text-accent-foreground", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/10", "data-[variant=destructive]:focus:text-destructive", "dark:data-[variant=destructive]:focus:bg-destructive/20", "data-[variant=destructive]:*:[svg]:text-destructive", "data-disabled:pointer-events-none", "data-disabled:opacity-50", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*=size-])]:size-4", className);
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		"data-slot": "context-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: classes,
+		...props
+	});
+}
+/**
+* Классы пунктов-переключателей: флажка и радиокнопки
+*/
+const toggleItemClasses = [
+	"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none",
+	"data-inset:pl-7 focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground",
+	"data-disabled:pointer-events-none data-disabled:opacity-50",
+	"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4"
+];
+/**
+* Пункт-флажок: включает и выключает настройку, отмечен галочкой справа
+* @param props - пропсы пункта
+* @returns div с role="menuitemcheckbox"
+*/
+function ContextMenuCheckboxItem({ className, children, inset, onCheckedChange, ...props }) {
+	const classes = cn(toggleItemClasses, className);
+	/**
+	* Отметку переключили: наружу только состояние
+	* @param checked - отмечен ли
+	*/
+	const handleCheckedChange = (checked) => onCheckedChange?.(checked);
+	return /* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+		"data-slot": "context-menu-checkbox-item",
+		"data-inset": inset,
+		className: classes,
+		onCheckedChange: handleCheckedChange,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "context-menu-checkbox-item-indicator",
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/**
+* Группа радиокнопок: из пунктов внутри выбран один
+* @param props - пропсы группы
+* @returns div с role="group"
+*/
+function ContextMenuRadioGroup({ onValueChange, ...props }) {
+	/**
+	* Выбран другой пункт: наружу только значение
+	* @param value - значение пункта
+	*/
+	const handleValueChange = (value) => onValueChange?.(value);
+	return /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
+		"data-slot": "context-menu-radio-group",
+		onValueChange: handleValueChange,
+		...props
+	});
+}
+/**
+* Пункт-радиокнопка: выбранный отмечен галочкой справа
+* @param props - пропсы пункта
+* @returns div с role="menuitemradio"
+*/
+function ContextMenuRadioItem({ className, children, inset, ...props }) {
+	const classes = cn(toggleItemClasses, className);
+	return /* @__PURE__ */ jsxs(ContextMenu.RadioItem, {
+		"data-slot": "context-menu-radio-item",
+		"data-inset": inset,
+		className: classes,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "context-menu-radio-item-indicator",
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/**
+* Подпись: заголовок группы пунктов, не выбирается. Кладётся внутрь ContextMenuGroup
+* или ContextMenuRadioGroup
+* @param props - пропсы подписи
+* @returns div
+*/
+function ContextMenuLabel({ className, inset, ...props }) {
+	const classes = cn("px-1.5", "py-1", "text-xs", "font-medium", "text-muted-foreground", "data-inset:pl-7", className);
+	return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+		"data-slot": "context-menu-label",
+		"data-inset": inset,
+		className: classes,
+		...props
+	});
+}
+/**
+* Разделитель: линия между группами пунктов
+* @param props - пропсы разделителя
+* @returns div с role="separator"
+*/
+function ContextMenuSeparator({ className, ...props }) {
+	const classes = cn("-mx-1", "my-1", "h-px", "bg-border", className);
+	return /* @__PURE__ */ jsx(ContextMenu.Separator, {
+		"data-slot": "context-menu-separator",
+		className: classes,
+		...props
+	});
+}
+/**
+* Сочетание клавиш: подсказка справа в пункте. Само сочетание не обрабатывает
+* @param props - пропсы сочетания
+* @returns span
+*/
+function ContextMenuShortcut({ className, ...props }) {
+	const classes = cn("ml-auto", "text-xs", "tracking-widest", "text-muted-foreground", "group-focus/context-menu-item:text-accent-foreground", className);
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-shortcut",
+		className: classes,
+		...props
+	});
+}
+/**
+* Подменю: вложенный список, открывается из пункта
+* @param props - пропсы подменю
+* @returns корень без своей разметки
+*/
+function ContextMenuSub({ onOpenChange, ...props }) {
+	/**
+	* Подменю открыли или закрыли: наружу только флаг
+	* @param open - открыто ли
+	*/
+	const handleOpenChange = (open) => onOpenChange?.(open);
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, {
+		"data-slot": "context-menu-sub",
+		onOpenChange: handleOpenChange,
+		...props
+	});
+}
+/**
+* Пункт, открывающий подменю: со стрелкой справа
+* @param props - пропсы пункта
+* @returns div с role="menuitem"
+*/
+function ContextMenuSubTrigger({ className, inset, children, ...props }) {
+	const classes = cn("flex", "cursor-default", "items-center", "gap-1.5", "rounded-md", "px-1.5", "py-1", "text-sm", "outline-hidden", "select-none", "data-inset:pl-7", "focus:bg-accent", "focus:text-accent-foreground", "not-data-[variant=destructive]:focus:**:text-accent-foreground", "data-popup-open:bg-accent", "data-popup-open:text-accent-foreground", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*=size-])]:size-4", className);
+	return /* @__PURE__ */ jsxs(ContextMenu.SubmenuTrigger, {
+		"data-slot": "context-menu-sub-trigger",
+		"data-inset": inset,
+		className: classes,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
+	});
+}
+/**
+* Содержимое подменю: появляется сбоку от пункта
+* @param props - пропсы содержимого; по умолчанию side="right", align="start"
+* @returns портал с подменю
+*/
+function ContextMenuSubContent({ className, side = "right", sideOffset = 0, align = "start", alignOffset = -3, ...props }) {
+	const classes = cn("w-auto", "min-w-32", "border", "shadow-lg", className);
+	return /* @__PURE__ */ jsx(ContextMenuContent, {
+		"data-slot": "context-menu-sub-content",
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		className: classes,
+		...props
+	});
+}
+export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/components/context-menu/index.d.ts

@@ -0,0 +1,3 @@
+import { ContextMenuCheckboxItemPropsT, ContextMenuContentPropsT, ContextMenuGroupPropsT, ContextMenuItemPropsT, ContextMenuItemVariantT, ContextMenuLabelPropsT, ContextMenuPortalPropsT, ContextMenuPropsT, ContextMenuRadioGroupPropsT, ContextMenuRadioItemPropsT, ContextMenuSeparatorPropsT, ContextMenuShortcutPropsT, ContextMenuSubContentPropsT, ContextMenuSubPropsT, ContextMenuSubTriggerPropsT, ContextMenuTriggerPropsT } from "./types.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./context-menu.js";
+export { ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemPropsT, ContextMenuContent, type ContextMenuContentPropsT, ContextMenuGroup, type ContextMenuGroupPropsT, ContextMenuItem, type ContextMenuItemPropsT, type ContextMenuItemVariantT, ContextMenuLabel, type ContextMenuLabelPropsT, ContextMenuPortal, type ContextMenuPortalPropsT, type ContextMenuPropsT, ContextMenuRadioGroup, type ContextMenuRadioGroupPropsT, ContextMenuRadioItem, type ContextMenuRadioItemPropsT, ContextMenuSeparator, type ContextMenuSeparatorPropsT, ContextMenuShortcut, type ContextMenuShortcutPropsT, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentPropsT, type ContextMenuSubPropsT, ContextMenuSubTrigger, type ContextMenuSubTriggerPropsT, ContextMenuTrigger, type ContextMenuTriggerPropsT };

package/dist/components/context-menu/index.js

@@ -0,0 +1 @@
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./context-menu.js";

package/dist/components/context-menu/types.d.ts

@@ -0,0 +1,138 @@
+import { PartPropsT } from "../../lib/part-props.js";
+import { FloatingPropsT } from "../../lib/floating.js";
+import { ComponentProps } from "react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+/**
+ * Пропсы выпадающего меню
+ */
+export type ContextMenuPropsT = Omit<ContextMenu.Root.Props, 'onOpenChange' | 'closeParentOnEsc'> & {
+  /** Меню открыто — контролируемый режим, вместе с onOpenChange */
+  open?: boolean;
+  /** Меню открыто при первом рендере — неконтролируемый режим */
+  defaultOpen?: boolean;
+  /** Меню открыли или закрыли: новое состояние */
+  onOpenChange?: (open: boolean) => void;
+  /** Стрелки переходят с последнего пункта на первый и обратно. По умолчанию true */
+  loopFocus?: boolean;
+};
+/**
+ * Пропсы портала
+ */
+export type ContextMenuPortalPropsT = ContextMenu.Portal.Props;
+/**
+ * Пропсы области меню
+ */
+export type ContextMenuTriggerPropsT = PartPropsT<ContextMenu.Trigger.Props>;
+/**
+ * Пропсы содержимого меню
+ */
+export type ContextMenuContentPropsT = PartPropsT<ContextMenu.Popup.Props> & FloatingPropsT;
+/**
+ * Пропсы группы пунктов
+ */
+export type ContextMenuGroupPropsT = PartPropsT<ContextMenu.Group.Props>;
+/**
+ * Вариант оформления пункта
+ */
+export type ContextMenuItemVariantT = 'default' | 'destructive';
+/**
+ * Пропсы пункта меню
+ */
+export type ContextMenuItemPropsT = PartPropsT<ContextMenu.Item.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Вариант оформления: destructive — красный, для опасных действий */
+  variant?: ContextMenuItemVariantT;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Закрывать меню после нажатия. По умолчанию true */
+  closeOnClick?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы пункта-флажка
+ */
+export type ContextMenuCheckboxItemPropsT = PartPropsT<Omit<ContextMenu.CheckboxItem.Props, 'onCheckedChange'>> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Отмечен ли пункт — контролируемый режим, вместе с onCheckedChange */
+  checked?: boolean;
+  /** Отмечен ли пункт при первом рендере — неконтролируемый режим */
+  defaultChecked?: boolean;
+  /** Отметку переключили: новое состояние */
+  onCheckedChange?: (checked: boolean) => void;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Закрывать меню после выбора. По умолчанию false — меню остаётся открытым, чтобы выбрать несколько */
+  closeOnClick?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы группы радиокнопок
+ */
+export type ContextMenuRadioGroupPropsT = PartPropsT<Omit<ContextMenu.RadioGroup.Props, 'value' | 'defaultValue' | 'onValueChange'>> & {
+  /** Значение выбранного пункта — контролируемый режим, вместе с onValueChange */
+  value?: string;
+  /** Значение выбранного пункта при первом рендере — неконтролируемый режим */
+  defaultValue?: string;
+  /** Выбран другой пункт: его значение */
+  onValueChange?: (value: string) => void;
+};
+/**
+ * Пропсы пункта-радиокнопки
+ */
+export type ContextMenuRadioItemPropsT = PartPropsT<Omit<ContextMenu.RadioItem.Props, 'value'>> & {
+  /** Значение пункта: попадает в value группы при выборе */
+  value: string;
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Закрывать меню после выбора. По умолчанию false — меню остаётся открытым */
+  closeOnClick?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы подписи
+ */
+export type ContextMenuLabelPropsT = PartPropsT<ContextMenu.GroupLabel.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+};
+/**
+ * Пропсы разделителя
+ */
+export type ContextMenuSeparatorPropsT = PartPropsT<ContextMenu.Separator.Props>;
+/**
+ * Пропсы сочетания клавиш
+ */
+export type ContextMenuShortcutPropsT = ComponentProps<'span'>;
+/**
+ * Пропсы подменю
+ */
+export type ContextMenuSubPropsT = Omit<ContextMenu.SubmenuRoot.Props, 'onOpenChange'> & {
+  /** Подменю открыто — контролируемый режим, вместе с onOpenChange */
+  open?: boolean;
+  /** Подменю открыто при первом рендере — неконтролируемый режим */
+  defaultOpen?: boolean;
+  /** Подменю открыли или закрыли: новое состояние */
+  onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Пропсы пункта, открывающего подменю
+ */
+export type ContextMenuSubTriggerPropsT = PartPropsT<ContextMenu.SubmenuTrigger.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы содержимого подменю
+ */
+export type ContextMenuSubContentPropsT = ContextMenuContentPropsT;

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

@@ -0,0 +1,21 @@
+/**
+ * Возможности таблицы: фильтрация, скрытие столбцов, страницы, выбор строк, сортировка.
+ * Передаётся в useTable как features
+ */
+export declare const dataTableFeatures: {
+  columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+  columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+  rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+  rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+  rowSortingFeature: import("@tanstack/react-table").TableFeature;
+  filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  filterFns: {
+    includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+  };
+  sortFns: {
+    alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+    text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+  };
+};

package/dist/components/data-table/data-table-features.js

@@ -0,0 +1,22 @@
+import { columnFilteringFeature, columnVisibilityFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_includesString, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_text, tableFeatures } from "@tanstack/react-table";
+// src/components/data-table/data-table-features.ts
+/**
+* Возможности таблицы: фильтрация, скрытие столбцов, страницы, выбор строк, сортировка.
+* Передаётся в useTable как features
+*/
+const dataTableFeatures = tableFeatures({
+	columnFilteringFeature,
+	columnVisibilityFeature,
+	rowPaginationFeature,
+	rowSelectionFeature,
+	rowSortingFeature,
+	filteredRowModel: createFilteredRowModel(),
+	paginatedRowModel: createPaginatedRowModel(),
+	sortedRowModel: createSortedRowModel(),
+	filterFns: { includesString: filterFn_includesString },
+	sortFns: {
+		alphanumeric: sortFn_alphanumeric,
+		text: sortFn_text
+	}
+});
+export { dataTableFeatures };

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

@@ -0,0 +1,69 @@
+import { DataTableColumnHeaderPropsT, DataTableOptionsT, DataTablePaginationPropsT, DataTablePropsT, DataTableViewOptionsPropsT } from "./types.js";
+import { RowData } from "@tanstack/react-table";
+/**
+ * Помощник для описания столбцов таблицы с нужным типом строк
+ * @returns помощник: accessor(), display(), columns()
+ */
+export declare function createDataTableColumnHelper<TData extends RowData>(): import("@tanstack/react-table").ColumnHelper<{
+  columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+  columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+  rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+  rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+  rowSortingFeature: import("@tanstack/react-table").TableFeature;
+  filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  filterFns: {
+    includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+  };
+  sortFns: {
+    alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+    text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+  };
+}, TData>;
+/**
+ * Создать таблицу: сортировка, фильтры, страницы, выбор строк и скрытие столбцов уже подключены
+ * @param options - data, columns и остальные параметры useTable
+ * @returns экземпляр таблицы для DataTable и помощников
+ */
+export declare function useDataTable<TData extends RowData>(options: DataTableOptionsT<TData>): import("@tanstack/react-table").ReactTable<{
+  columnFilteringFeature: import("@tanstack/react-table").TableFeature;
+  columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
+  rowPaginationFeature: import("@tanstack/react-table").TableFeature;
+  rowSelectionFeature: import("@tanstack/react-table").TableFeature;
+  rowSortingFeature: import("@tanstack/react-table").TableFeature;
+  filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
+  filterFns: {
+    includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
+  };
+  sortFns: {
+    alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
+    text: import("@tanstack/react-table").CreatedSortFn<any, any>;
+  };
+}, TData, import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>;
+/**
+ * Таблица данных: заголовки и строки текущей страницы в рамке
+ * @param props - пропсы; table — экземпляр из useDataTable
+ * @returns div с таблицей
+ */
+export declare function DataTable<TData extends RowData>({ table, emptyText, className, ...props }: DataTablePropsT<TData>): import("react").JSX.Element;
+/**
+ * Заголовок столбца с меню: сортировка по возрастанию и убыванию, скрыть столбец
+ * @param props - столбец и название
+ * @returns div с кнопкой меню или просто название, если сортировать нельзя
+ */
+export declare function DataTableColumnHeader<TData extends RowData, TValue>({ column, title, ascendingLabel, descendingLabel, hideLabel, className, ...props }: DataTableColumnHeaderPropsT<TData, TValue>): import("react").JSX.Element;
+/**
+ * Пагинация таблицы: выбрано строк, размер страницы, номер страницы и кнопки перехода
+ * @param props - пропсы; table — экземпляр из useDataTable
+ * @returns div
+ */
+export declare function DataTablePagination<TData extends RowData>({ table, pageSizes, showSelected, className, ...props }: DataTablePaginationPropsT<TData>): import("react").JSX.Element;
+/**
+ * Выбор столбцов: меню с флажками, какие столбцы показывать
+ * @param props - пропсы; table — экземпляр из useDataTable
+ * @returns меню
+ */
+export declare function DataTableViewOptions<TData extends RowData>({ table, label, menuLabel, className }: DataTableViewOptionsPropsT<TData>): import("react").JSX.Element;