@archytechtor/ui 0.0.0-stage → 0.2.0

package/dist/components/stack/types.js

@@ -0,0 +1,62 @@
+import { cva } from "class-variance-authority";
+// src/components/stack/types.ts
+/**
+* Отступы между элементами по шкале Tailwind: 4 → gap-4 (16px).
+* Классы перечислены целиком, чтобы Tailwind потребителя их увидел.
+*/
+const gapClasses = {
+	0: "gap-0",
+	.5: "gap-0.5",
+	1: "gap-1",
+	1.5: "gap-1.5",
+	2: "gap-2",
+	2.5: "gap-2.5",
+	3: "gap-3",
+	4: "gap-4",
+	5: "gap-5",
+	6: "gap-6",
+	8: "gap-8",
+	10: "gap-10",
+	12: "gap-12",
+	16: "gap-16"
+};
+/**
+* Стили стека: направление, отступ, выравнивание и перенос.
+* Экспортируются, чтобы разложить стеком другой элемент: stackVariants({ direction: 'row' }).
+*/
+const stackVariants = cva("flex", {
+	variants: {
+		direction: {
+			column: "flex-col",
+			row: "flex-row"
+		},
+		gap: gapClasses,
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			true: "flex-wrap",
+			false: "flex-nowrap"
+		}
+	},
+	defaultVariants: {
+		direction: "column",
+		gap: 2,
+		align: "stretch",
+		justify: "start",
+		wrap: false
+	}
+});
+export { gapClasses, stackVariants };

package/dist/components/statistics/index.d.ts

@@ -0,0 +1,3 @@
+import { StatisticsChangePropsT, StatisticsDescriptionPropsT, StatisticsFormatT, StatisticsLabelPropsT, StatisticsPropsT, StatisticsSignT, StatisticsToneT, StatisticsValuePropsT, statisticsToneVariants, statisticsVariants } from "./types.js";
+import { Statistics, StatisticsChange, StatisticsDescription, StatisticsLabel, StatisticsValue } from "./statistics.js";
+export { Statistics, StatisticsChange, type StatisticsChangePropsT, StatisticsDescription, type StatisticsDescriptionPropsT, type StatisticsFormatT, StatisticsLabel, type StatisticsLabelPropsT, type StatisticsPropsT, type StatisticsSignT, type StatisticsToneT, StatisticsValue, type StatisticsValuePropsT, statisticsToneVariants, statisticsVariants };

package/dist/components/statistics/index.js

@@ -0,0 +1,3 @@
+import { statisticsToneVariants, statisticsVariants } from "./types.js";
+import { Statistics, StatisticsChange, StatisticsDescription, StatisticsLabel, StatisticsValue } from "./statistics.js";
+export { Statistics, StatisticsChange, StatisticsDescription, StatisticsLabel, StatisticsValue, statisticsToneVariants, statisticsVariants };

package/dist/components/statistics/statistics.d.ts

@@ -0,0 +1,31 @@
+import { StatisticsChangePropsT, StatisticsDescriptionPropsT, StatisticsLabelPropsT, StatisticsPropsT, StatisticsValuePropsT } from "./types.js";
+/**
+ * Показатель: подпись, числовое значение, изменение и описание
+ * @param props - пропсы показателя
+ * @returns показатель
+ */
+export declare function Statistics({ className, size, ...props }: StatisticsPropsT): import("react").JSX.Element;
+/**
+ * Подпись показателя: что за число
+ * @param props - пропсы подписи
+ * @returns подпись
+ */
+export declare function StatisticsLabel({ className, ...props }: StatisticsLabelPropsT): import("react").JSX.Element;
+/**
+ * Значение показателя: число, деньги или проценты в русском формате
+ * @param props - пропсы значения
+ * @returns значение
+ */
+export declare function StatisticsValue({ className, value, format, fractionDigits, currency, sign, tone, tabular, ...props }: StatisticsValuePropsT): import("react").JSX.Element;
+/**
+ * Изменение показателя относительно прошлого периода: +12,5 % со стрелкой
+ * @param props - пропсы изменения
+ * @returns изменение
+ */
+export declare function StatisticsChange({ className, value, format, fractionDigits, currency, sign, tone, tabular, icon, ...props }: StatisticsChangePropsT): import("react").JSX.Element;
+/**
+ * Описание показателя: период, пояснение
+ * @param props - пропсы описания
+ * @returns описание
+ */
+export declare function StatisticsDescription({ className, ...props }: StatisticsDescriptionPropsT): import("react").JSX.Element;

package/dist/components/statistics/statistics.js

@@ -0,0 +1,141 @@
+import { cn } from "../../lib/utils.js";
+import { formatMoney, formatNumber } from "../../lib/format.js";
+import { statisticsToneVariants, statisticsVariants } from "./types.js";
+import { TrendingDownIcon, TrendingUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/statistics/statistics.tsx
+/** Минус как в типографике (U+2212), а не дефис */
+const MINUS = "−";
+/**
+* Число без знака в нужном формате
+* @param value - число без знака
+* @param options - формат, знаки после запятой и валюта
+* @returns строка числа
+*/
+function formatAbsolute(value, options) {
+	const { format, fractionDigits, currency } = options;
+	if (format === "money") return formatMoney(value, {
+		fractionDigits,
+		currency
+	});
+	if (format === "percent") return formatNumber(value / 100, {
+		style: "percent",
+		minimumFractionDigits: fractionDigits ?? 0,
+		maximumFractionDigits: fractionDigits ?? 2
+	});
+	return formatNumber(value, {
+		minimumFractionDigits: fractionDigits,
+		maximumFractionDigits: fractionDigits
+	});
+}
+/**
+* Отформатировать показатель со знаком: −1 234 ₽, +12,5 %
+* @param value - число
+* @param options - формат, знаки после запятой, валюта и знак
+* @returns строка показателя
+*/
+function formatStatistic(value, options) {
+	const text = formatAbsolute(Math.abs(value), options);
+	if (value < 0 && options.sign !== "never") return `${MINUS}${text}`;
+	if (value > 0 && options.sign === "always") return `+${text}`;
+	return text;
+}
+/**
+* Тон по знаку числа для tone="auto"
+* @param tone - заданный тон
+* @param value - число
+* @returns тон без auto
+*/
+function resolveTone(tone, value) {
+	if (tone !== "auto") return tone;
+	if (value > 0) return "positive";
+	if (value < 0) return "negative";
+	return "muted";
+}
+/**
+* Показатель: подпись, числовое значение, изменение и описание
+* @param props - пропсы показателя
+* @returns показатель
+*/
+function Statistics({ className, size = "default", ...props }) {
+	const classes = cn(statisticsVariants({ size }), className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "statistics",
+		"data-size": size,
+		className: classes,
+		...props
+	});
+}
+/**
+* Подпись показателя: что за число
+* @param props - пропсы подписи
+* @returns подпись
+*/
+function StatisticsLabel({ className, ...props }) {
+	const classes = cn("text-sm", "text-muted-foreground", "group-data-[size=sm]/statistics:text-xs", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "statistics-label",
+		className: classes,
+		...props
+	});
+}
+/**
+* Значение показателя: число, деньги или проценты в русском формате
+* @param props - пропсы значения
+* @returns значение
+*/
+function StatisticsValue({ className, value, format = "number", fractionDigits, currency, sign = "auto", tone = "neutral", tabular = true, ...props }) {
+	const resolvedTone = resolveTone(tone, value);
+	const text = formatStatistic(value, {
+		format,
+		fractionDigits,
+		currency,
+		sign
+	});
+	const classes = cn(statisticsToneVariants({ tone: resolvedTone }), "text-2xl", "leading-tight", "font-semibold", "tracking-tight", "whitespace-nowrap", "group-data-[size=sm]/statistics:text-lg", "group-data-[size=lg]/statistics:text-4xl", tabular && "tabular-nums", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "statistics-value",
+		"data-tone": resolvedTone,
+		className: classes,
+		...props,
+		children: text
+	});
+}
+/**
+* Изменение показателя относительно прошлого периода: +12,5 % со стрелкой
+* @param props - пропсы изменения
+* @returns изменение
+*/
+function StatisticsChange({ className, value, format = "number", fractionDigits, currency, sign = "always", tone = "auto", tabular = true, icon = true, ...props }) {
+	const resolvedTone = resolveTone(tone, value);
+	const text = formatStatistic(value, {
+		format,
+		fractionDigits,
+		currency,
+		sign
+	});
+	const Icon = value < 0 ? TrendingDownIcon : TrendingUpIcon;
+	const hasIcon = icon && value !== 0;
+	const classes = cn(statisticsToneVariants({ tone: resolvedTone }), "inline-flex", "w-fit", "items-center", "gap-1", "text-sm", "font-medium", "whitespace-nowrap", "group-data-[size=sm]/statistics:text-xs", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*=size-])]:size-4", "group-data-[size=sm]/statistics:[&_svg:not([class*=size-])]:size-3.5", tabular && "tabular-nums", className);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "statistics-change",
+		"data-tone": resolvedTone,
+		className: classes,
+		...props,
+		children: [hasIcon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }), text]
+	});
+}
+/**
+* Описание показателя: период, пояснение
+* @param props - пропсы описания
+* @returns описание
+*/
+function StatisticsDescription({ className, ...props }) {
+	const classes = cn("text-sm", "text-muted-foreground", "group-data-[size=sm]/statistics:text-xs", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "statistics-description",
+		className: classes,
+		...props
+	});
+}
+export { Statistics, StatisticsChange, StatisticsDescription, StatisticsLabel, StatisticsValue };

package/dist/components/statistics/types.d.ts

@@ -0,0 +1,84 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+/**
+ * Стили показателя: размер задаёт размер подписи, значения и изменения
+ */
+export declare const statisticsVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Стили тона: цвет значения или изменения.
+ * Экспортируются, чтобы покрасить в тон другой элемент: statisticsToneVariants({ tone: 'positive' }).
+ */
+export declare const statisticsToneVariants: (props?: ({
+  tone?: "muted" | "neutral" | "positive" | "negative" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Размеры показателя
+ */
+export type StatisticsVariantsT = VariantProps<typeof statisticsVariants>;
+/**
+ * Формат числа: number — 1 234,5, money — 1 234 ₽, percent — 12,5 %
+ */
+export type StatisticsFormatT = 'number' | 'money' | 'percent';
+/**
+ * Знак числа: auto — только минус, always — плюс и минус, never — без знака
+ */
+export type StatisticsSignT = 'auto' | 'always' | 'never';
+/**
+ * Тон: neutral — цвет текста, muted — приглушённый, positive — зелёный, negative — красный,
+ * auto — по знаку числа
+ */
+export type StatisticsToneT = 'neutral' | 'muted' | 'positive' | 'negative' | 'auto';
+/**
+ * Общие пропсы значения и изменения
+ */
+type StatisticsNumberPropsT = Omit<ComponentProps<'div'>, 'children'> & {
+  /** Число. Для процентов — в процентах: 12.5 → 12,5 % */
+  value: number;
+  /** Формат: number — 1 234,5, money — 1 234 ₽, percent — 12,5 %. По умолчанию number */
+  format?: StatisticsFormatT;
+  /**
+   * Знаков после запятой. По умолчанию: у денег 0 для целых и 2 для дробных,
+   * у числа и процентов — сколько есть, но не больше 3 и 2
+   */
+  fractionDigits?: number;
+  /** Код валюты ISO 4217 для format="money", по умолчанию RUB */
+  currency?: string;
+  /** Знак: auto — только минус, always — плюс и минус, never — без знака */
+  sign?: StatisticsSignT;
+  /**
+   * Цвет: neutral — цвет текста, muted — приглушённый, positive — зелёный, negative — красный,
+   * auto — по знаку: больше нуля — зелёный, меньше — красный, ноль — приглушённый
+   */
+  tone?: StatisticsToneT;
+  /** Табличные цифры одной ширины: числа в столбик не скачут. По умолчанию включены */
+  tabular?: boolean;
+};
+/**
+ * Пропсы показателя
+ */
+export type StatisticsPropsT = ComponentProps<'div'> & {
+  /** Размер: sm — компактный, default — обычный, lg — крупное значение */
+  size?: StatisticsVariantsT['size'];
+};
+/**
+ * Пропсы подписи показателя
+ */
+export type StatisticsLabelPropsT = ComponentProps<'div'>;
+/**
+ * Пропсы значения показателя. По умолчанию знак auto и тон neutral
+ */
+export type StatisticsValuePropsT = StatisticsNumberPropsT;
+/**
+ * Пропсы изменения показателя относительно прошлого периода. По умолчанию знак always и тон auto
+ */
+export type StatisticsChangePropsT = StatisticsNumberPropsT & {
+  /** Стрелка вверх или вниз по знаку числа. По умолчанию показывается */
+  icon?: boolean;
+};
+/**
+ * Пропсы описания показателя
+ */
+export type StatisticsDescriptionPropsT = ComponentProps<'div'>;
+export {};

package/dist/components/statistics/types.js

@@ -0,0 +1,27 @@
+import { cva } from "class-variance-authority";
+// src/components/statistics/types.ts
+/**
+* Стили показателя: размер задаёт размер подписи, значения и изменения
+*/
+const statisticsVariants = cva("group/statistics flex flex-col gap-1", {
+	variants: { size: {
+		sm: "",
+		default: "",
+		lg: "gap-1.5"
+	} },
+	defaultVariants: { size: "default" }
+});
+/**
+* Стили тона: цвет значения или изменения.
+* Экспортируются, чтобы покрасить в тон другой элемент: statisticsToneVariants({ tone: 'positive' }).
+*/
+const statisticsToneVariants = cva("", {
+	variants: { tone: {
+		neutral: "text-foreground",
+		muted: "text-muted-foreground",
+		positive: "text-success",
+		negative: "text-destructive"
+	} },
+	defaultVariants: { tone: "neutral" }
+});
+export { statisticsToneVariants, statisticsVariants };

package/dist/components/switch/index.d.ts

@@ -0,0 +1,3 @@
+import { SwitchPropsT, switchVariants } from "./types.js";
+import { Switch } from "./switch.js";
+export { Switch, type SwitchPropsT, switchVariants };

package/dist/components/switch/index.js

@@ -0,0 +1,3 @@
+import { switchVariants } from "./types.js";
+import { Switch } from "./switch.js";
+export { Switch, switchVariants };

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,7 @@
+import { SwitchPropsT } from "./types.js";
+/**
+ * Переключатель: включить или выключить настройку
+ * @param props - пропсы переключателя
+ * @returns элемент с role=switch
+ */
+export declare function Switch({ className, size, onCheckedChange, ...props }: SwitchPropsT): import("react").JSX.Element;

package/dist/components/switch/switch.js

@@ -0,0 +1,32 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { switchVariants } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@base-ui/react/switch";
+// src/components/switch/switch.tsx
+/**
+* Переключатель: включить или выключить настройку
+* @param props - пропсы переключателя
+* @returns элемент с role=switch
+*/
+function Switch$1({ className, size = "default", onCheckedChange, ...props }) {
+	const classes = cn(switchVariants({ size }), className);
+	const thumbClasses = cn("pointer-events-none", "block", "rounded-full", "bg-background", "ring-0", "transition-transform", "group-data-[size=default]/switch:size-4", "group-data-[size=sm]/switch:size-3", "data-checked:translate-x-[calc(100%-2px)]", "data-unchecked:translate-x-0", "dark:data-checked:bg-primary-foreground", "dark:data-unchecked:bg-foreground");
+	/**
+	* Переключатель переключили: наружу только состояние
+	* @param checked - включён ли
+	*/
+	const handleCheckedChange = (checked) => onCheckedChange?.(checked);
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		"data-slot": "switch",
+		"data-size": size,
+		className: classes,
+		onCheckedChange: handleCheckedChange,
+		...props,
+		children: /* @__PURE__ */ jsx(Switch.Thumb, {
+			"data-slot": "switch-thumb",
+			className: thumbClasses
+		})
+	});
+}
+export { Switch$1 as Switch };

package/dist/components/switch/types.d.ts

@@ -0,0 +1,37 @@
+import { PartPropsT } from "../../lib/part-props.js";
+import { VariantProps } from "class-variance-authority";
+import { Switch } from "@base-ui/react/switch";
+/**
+ * Стили переключателя: размер дорожки. Бегунок подстраивается под размер через data-size
+ */
+export declare const switchVariants: (props?: ({
+  size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Размеры переключателя
+ */
+type SwitchVariantsT = VariantProps<typeof switchVariants>;
+/**
+ * Пропсы переключателя
+ */
+export type SwitchPropsT = PartPropsT<Omit<Switch.Root.Props, 'onCheckedChange' | 'children'>> & {
+  /** Размер: sm или default */
+  size?: SwitchVariantsT['size'];
+  /** Включён ли переключатель — контролируемый режим, вместе с onCheckedChange */
+  checked?: boolean;
+  /** Включён ли переключатель при первом рендере — неконтролируемый режим */
+  defaultChecked?: boolean;
+  /** Переключатель включили или выключили: новое состояние */
+  onCheckedChange?: (checked: boolean) => void;
+  /** Отключённое состояние: переключатель не переключается */
+  disabled?: boolean;
+  /** Обязательное поле: форма не отправится, пока переключатель выключен */
+  required?: boolean;
+  /** Имя поля при отправке формы */
+  name?: string;
+  /** Значение при отправке формы, по умолчанию on */
+  value?: string;
+  /** Ошибка: красная рамка и объявление скринридеру, что значение неверное */
+  'aria-invalid'?: boolean;
+};
+export {};

package/dist/components/switch/types.js

@@ -0,0 +1,23 @@
+import { cva } from "class-variance-authority";
+// src/components/switch/types.ts
+/**
+* Стили переключателя: размер дорожки. Бегунок подстраивается под размер через data-size
+*/
+const switchVariants = cva([
+	"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent",
+	"transition-all outline-none",
+	"keyboard:group-has-[:focus-visible]/field-label:border-transparent keyboard:group-has-[:focus-visible]/field-label:ring-0",
+	"after:absolute after:-inset-x-3 after:-inset-y-2",
+	"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
+	"aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20",
+	"dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+	"data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80",
+	"data-disabled:cursor-not-allowed data-disabled:opacity-50"
+], {
+	variants: { size: {
+		default: "h-[18.4px] w-[32px]",
+		sm: "h-[14px] w-[24px]"
+	} },
+	defaultVariants: { size: "default" }
+});
+export { switchVariants };

package/dist/components/table/index.d.ts

@@ -0,0 +1,3 @@
+import { TableBodyPropsT, TableCaptionPropsT, TableCellPropsT, TableFooterPropsT, TableHeadPropsT, TableHeaderPropsT, TablePropsT, TableRowPropsT } from "./types.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table.js";
+export { Table, TableBody, type TableBodyPropsT, TableCaption, type TableCaptionPropsT, TableCell, type TableCellPropsT, TableFooter, type TableFooterPropsT, TableHead, type TableHeadPropsT, TableHeader, type TableHeaderPropsT, type TablePropsT, TableRow, type TableRowPropsT };

package/dist/components/table/index.js

@@ -0,0 +1 @@
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table.js";

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

@@ -0,0 +1,49 @@
+import { TableBodyPropsT, TableCaptionPropsT, TableCellPropsT, TableFooterPropsT, TableHeadPropsT, TableHeaderPropsT, TablePropsT, TableRowPropsT } from "./types.js";
+/**
+ * Таблица: обёрнута в контейнер с горизонтальной прокруткой для узких экранов
+ * @param props - пропсы таблицы; className применяется к <table>
+ * @returns контейнер с таблицей
+ */
+export declare function Table({ className, ...props }: TablePropsT): import("react").JSX.Element;
+/**
+ * Шапка таблицы
+ * @param props - пропсы шапки
+ * @returns элемент <thead>
+ */
+export declare function TableHeader({ className, ...props }: TableHeaderPropsT): import("react").JSX.Element;
+/**
+ * Тело таблицы
+ * @param props - пропсы тела
+ * @returns элемент <tbody>
+ */
+export declare function TableBody({ className, ...props }: TableBodyPropsT): import("react").JSX.Element;
+/**
+ * Подвал таблицы: итоги
+ * @param props - пропсы подвала
+ * @returns элемент <tfoot>
+ */
+export declare function TableFooter({ className, ...props }: TableFooterPropsT): import("react").JSX.Element;
+/**
+ * Строка таблицы. Выбранная строка — data-state="selected"
+ * @param props - пропсы строки
+ * @returns элемент <tr>
+ */
+export declare function TableRow({ className, ...props }: TableRowPropsT): import("react").JSX.Element;
+/**
+ * Ячейка заголовка столбца
+ * @param props - пропсы ячейки
+ * @returns элемент <th>
+ */
+export declare function TableHead({ className, ...props }: TableHeadPropsT): import("react").JSX.Element;
+/**
+ * Ячейка таблицы
+ * @param props - пропсы ячейки
+ * @returns элемент <td>
+ */
+export declare function TableCell({ className, ...props }: TableCellPropsT): import("react").JSX.Element;
+/**
+ * Подпись таблицы: выводится под таблицей и объявляется скринридером как её название
+ * @param props - пропсы подписи
+ * @returns элемент <caption>
+ */
+export declare function TableCaption({ className, ...props }: TableCaptionPropsT): import("react").JSX.Element;

package/dist/components/table/table.js

@@ -0,0 +1,112 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/table/table.tsx
+/**
+* Таблица: обёрнута в контейнер с горизонтальной прокруткой для узких экранов
+* @param props - пропсы таблицы; className применяется к <table>
+* @returns контейнер с таблицей
+*/
+function Table({ className, ...props }) {
+	const classes = cn("w-full", "caption-bottom", "text-sm", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: classes,
+			...props
+		})
+	});
+}
+/**
+* Шапка таблицы
+* @param props - пропсы шапки
+* @returns элемент <thead>
+*/
+function TableHeader({ className, ...props }) {
+	const classes = cn("[&_tr]:border-b", className);
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: classes,
+		...props
+	});
+}
+/**
+* Тело таблицы
+* @param props - пропсы тела
+* @returns элемент <tbody>
+*/
+function TableBody({ className, ...props }) {
+	const classes = cn("[&_tr:last-child]:border-0", className);
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: classes,
+		...props
+	});
+}
+/**
+* Подвал таблицы: итоги
+* @param props - пропсы подвала
+* @returns элемент <tfoot>
+*/
+function TableFooter({ className, ...props }) {
+	const classes = cn("border-t", "bg-muted/50", "font-medium", "[&>tr]:last:border-b-0", className);
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: classes,
+		...props
+	});
+}
+/**
+* Строка таблицы. Выбранная строка — data-state="selected"
+* @param props - пропсы строки
+* @returns элемент <tr>
+*/
+function TableRow({ className, ...props }) {
+	const classes = cn("border-b", "transition-colors", "hover:bg-muted/50", "has-aria-expanded:bg-muted/50", "data-[state=selected]:bg-muted", className);
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: classes,
+		...props
+	});
+}
+/**
+* Ячейка заголовка столбца
+* @param props - пропсы ячейки
+* @returns элемент <th>
+*/
+function TableHead({ className, ...props }) {
+	const classes = cn("h-10", "px-2", "text-left", "align-middle", "font-medium", "whitespace-nowrap", "text-foreground", "[&:has([role=checkbox])]:pr-0", className);
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: classes,
+		...props
+	});
+}
+/**
+* Ячейка таблицы
+* @param props - пропсы ячейки
+* @returns элемент <td>
+*/
+function TableCell({ className, ...props }) {
+	const classes = cn("p-2", "align-middle", "whitespace-nowrap", "[&:has([role=checkbox])]:pr-0", className);
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: classes,
+		...props
+	});
+}
+/**
+* Подпись таблицы: выводится под таблицей и объявляется скринридером как её название
+* @param props - пропсы подписи
+* @returns элемент <caption>
+*/
+function TableCaption({ className, ...props }) {
+	const classes = cn("mt-4", "text-sm", "text-muted-foreground", className);
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: classes,
+		...props
+	});
+}
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };