@archytechtor/ui 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,92 @@
+import { DropdownMenuCheckboxItemPropsT, DropdownMenuContentPropsT, DropdownMenuGroupPropsT, DropdownMenuItemPropsT, DropdownMenuLabelPropsT, DropdownMenuPortalPropsT, DropdownMenuPropsT, DropdownMenuRadioGroupPropsT, DropdownMenuRadioItemPropsT, DropdownMenuSeparatorPropsT, DropdownMenuShortcutPropsT, DropdownMenuSubContentPropsT, DropdownMenuSubPropsT, DropdownMenuSubTriggerPropsT, DropdownMenuTriggerPropsT } from "./types.js";
+/**
+ * Выпадающее меню: список действий по нажатию на кнопку
+ * @param props - пропсы меню
+ * @returns корень без своей разметки
+ */
+export declare function DropdownMenu({ onOpenChange, ...props }: DropdownMenuPropsT): import("react").JSX.Element;
+/**
+ * Портал: переносит меню в конец body. DropdownMenuContent рендерит его сам
+ * @param props - пропсы портала
+ * @returns портал
+ */
+export declare function DropdownMenuPortal(props: DropdownMenuPortalPropsT): import("react").JSX.Element;
+/**
+ * Кнопка открытия меню. Свою кнопку — через render={<Button />}
+ * @param props - пропсы кнопки
+ * @returns кнопка с aria-haspopup="menu"
+ */
+export declare function DropdownMenuTrigger(props: DropdownMenuTriggerPropsT): import("react").JSX.Element;
+/**
+ * Содержимое меню: рендерится в портале под кнопкой, шириной не меньше кнопки
+ * @param props - пропсы содержимого; по умолчанию align="start", sideOffset={4}
+ * @returns портал с меню
+ */
+export declare function DropdownMenuContent({ className, side, sideOffset, align, alignOffset, collisionPadding, arrowPadding, sticky, ...props }: DropdownMenuContentPropsT): import("react").JSX.Element;
+/**
+ * Группа пунктов: объединяет связанные действия; DropdownMenuLabel кладётся внутрь неё
+ * @param props - пропсы группы
+ * @returns div с role="group"
+ */
+export declare function DropdownMenuGroup(props: DropdownMenuGroupPropsT): import("react").JSX.Element;
+/**
+ * Пункт меню: действие. Ссылку рисуют через render={<a href />}
+ * @param props - пропсы пункта
+ * @returns div с role="menuitem"
+ */
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemPropsT): import("react").JSX.Element;
+/**
+ * Пункт-флажок: включает и выключает настройку, отмечен галочкой справа
+ * @param props - пропсы пункта
+ * @returns div с role="menuitemcheckbox"
+ */
+export declare function DropdownMenuCheckboxItem({ className, children, inset, onCheckedChange, ...props }: DropdownMenuCheckboxItemPropsT): import("react").JSX.Element;
+/**
+ * Группа радиокнопок: из пунктов внутри выбран один
+ * @param props - пропсы группы
+ * @returns div с role="group"
+ */
+export declare function DropdownMenuRadioGroup({ onValueChange, ...props }: DropdownMenuRadioGroupPropsT): import("react").JSX.Element;
+/**
+ * Пункт-радиокнопка: выбранный отмечен галочкой справа
+ * @param props - пропсы пункта
+ * @returns div с role="menuitemradio"
+ */
+export declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemPropsT): import("react").JSX.Element;
+/**
+ * Подпись: заголовок группы пунктов, не выбирается. Кладётся внутрь DropdownMenuGroup
+ * или DropdownMenuRadioGroup
+ * @param props - пропсы подписи
+ * @returns div
+ */
+export declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelPropsT): import("react").JSX.Element;
+/**
+ * Разделитель: линия между группами пунктов
+ * @param props - пропсы разделителя
+ * @returns div с role="separator"
+ */
+export declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorPropsT): import("react").JSX.Element;
+/**
+ * Сочетание клавиш: подсказка справа в пункте. Само сочетание не обрабатывает
+ * @param props - пропсы сочетания
+ * @returns span
+ */
+export declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutPropsT): import("react").JSX.Element;
+/**
+ * Подменю: вложенный список, открывается из пункта
+ * @param props - пропсы подменю
+ * @returns корень без своей разметки
+ */
+export declare function DropdownMenuSub({ onOpenChange, ...props }: DropdownMenuSubPropsT): import("react").JSX.Element;
+/**
+ * Пункт, открывающий подменю: со стрелкой справа
+ * @param props - пропсы пункта
+ * @returns div с role="menuitem"
+ */
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerPropsT): import("react").JSX.Element;
+/**
+ * Содержимое подменю: появляется сбоку от пункта
+ * @param props - пропсы содержимого; по умолчанию side="right", align="start"
+ * @returns портал с подменю
+ */
+export declare function DropdownMenuSubContent({ className, side, sideOffset, align, alignOffset, ...props }: DropdownMenuSubContentPropsT): import("react").JSX.Element;

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

@@ -0,0 +1,268 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+// src/components/dropdown-menu/dropdown-menu.tsx
+/**
+* Выпадающее меню: список действий по нажатию на кнопку
+* @param props - пропсы меню
+* @returns корень без своей разметки
+*/
+function DropdownMenu({ onOpenChange, ...props }) {
+	/**
+	* Меню открыли или закрыли: наружу только флаг
+	* @param open - открыто ли
+	*/
+	const handleOpenChange = (open) => onOpenChange?.(open);
+	return /* @__PURE__ */ jsx(Menu.Root, {
+		"data-slot": "dropdown-menu",
+		onOpenChange: handleOpenChange,
+		...props
+	});
+}
+/**
+* Портал: переносит меню в конец body. DropdownMenuContent рендерит его сам
+* @param props - пропсы портала
+* @returns портал
+*/
+function DropdownMenuPortal(props) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+/**
+* Кнопка открытия меню. Свою кнопку — через render={<Button />}
+* @param props - пропсы кнопки
+* @returns кнопка с aria-haspopup="menu"
+*/
+function DropdownMenuTrigger(props) {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+/** Классы окна меню */
+const contentClasses = [
+	"z-50 max-h-(--available-height) w-max max-w-80 min-w-32 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 - пропсы содержимого; по умолчанию align="start", sideOffset={4}
+* @returns портал с меню
+*/
+function DropdownMenuContent({ className, side = "bottom", sideOffset = 4, align = "start", alignOffset = 0, collisionPadding, arrowPadding, sticky, ...props }) {
+	const classes = cn(contentClasses, className);
+	const positionerProps = {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		collisionPadding,
+		arrowPadding,
+		sticky
+	};
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		className: "isolate z-50 outline-none",
+		...positionerProps,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			"data-slot": "dropdown-menu-content",
+			className: classes,
+			...props
+		})
+	}) });
+}
+/**
+* Группа пунктов: объединяет связанные действия; DropdownMenuLabel кладётся внутрь неё
+* @param props - пропсы группы
+* @returns div с role="group"
+*/
+function DropdownMenuGroup(props) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
+/**
+* Пункт меню: действие. Ссылку рисуют через render={<a href />}
+* @param props - пропсы пункта
+* @returns div с role="menuitem"
+*/
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	const classes = cn("group/dropdown-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", "not-data-[variant=destructive]:focus:**: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(Menu.Item, {
+		"data-slot": "dropdown-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 DropdownMenuCheckboxItem({ className, children, inset, onCheckedChange, ...props }) {
+	const classes = cn(toggleItemClasses, className);
+	/**
+	* Отметку переключили: наружу только состояние
+	* @param checked - отмечен ли
+	*/
+	const handleCheckedChange = (checked) => onCheckedChange?.(checked);
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": inset,
+		className: classes,
+		onCheckedChange: handleCheckedChange,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/**
+* Группа радиокнопок: из пунктов внутри выбран один
+* @param props - пропсы группы
+* @returns div с role="group"
+*/
+function DropdownMenuRadioGroup({ onValueChange, ...props }) {
+	/**
+	* Выбран другой пункт: наружу только значение
+	* @param value - значение пункта
+	*/
+	const handleValueChange = (value) => onValueChange?.(value);
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		onValueChange: handleValueChange,
+		...props
+	});
+}
+/**
+* Пункт-радиокнопка: выбранный отмечен галочкой справа
+* @param props - пропсы пункта
+* @returns div с role="menuitemradio"
+*/
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+	const classes = cn(toggleItemClasses, className);
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": inset,
+		className: classes,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/**
+* Подпись: заголовок группы пунктов, не выбирается. Кладётся внутрь DropdownMenuGroup
+* или DropdownMenuRadioGroup
+* @param props - пропсы подписи
+* @returns div
+*/
+function DropdownMenuLabel({ 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(Menu.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: classes,
+		...props
+	});
+}
+/**
+* Разделитель: линия между группами пунктов
+* @param props - пропсы разделителя
+* @returns div с role="separator"
+*/
+function DropdownMenuSeparator({ className, ...props }) {
+	const classes = cn("-mx-1", "my-1", "h-px", "bg-border", className);
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: classes,
+		...props
+	});
+}
+/**
+* Сочетание клавиш: подсказка справа в пункте. Само сочетание не обрабатывает
+* @param props - пропсы сочетания
+* @returns span
+*/
+function DropdownMenuShortcut({ className, ...props }) {
+	const classes = cn("ml-auto", "text-xs", "tracking-widest", "text-muted-foreground", "group-focus/dropdown-menu-item:text-accent-foreground", className);
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: classes,
+		...props
+	});
+}
+/**
+* Подменю: вложенный список, открывается из пункта
+* @param props - пропсы подменю
+* @returns корень без своей разметки
+*/
+function DropdownMenuSub({ onOpenChange, ...props }) {
+	/**
+	* Подменю открыли или закрыли: наружу только флаг
+	* @param open - открыто ли
+	*/
+	const handleOpenChange = (open) => onOpenChange?.(open);
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		onOpenChange: handleOpenChange,
+		...props
+	});
+}
+/**
+* Пункт, открывающий подменю: со стрелкой справа
+* @param props - пропсы пункта
+* @returns div с role="menuitem"
+*/
+function DropdownMenuSubTrigger({ 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(Menu.SubmenuTrigger, {
+		"data-slot": "dropdown-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 DropdownMenuSubContent({ className, side = "right", sideOffset = 0, align = "start", alignOffset = -3, ...props }) {
+	const classes = cn("w-auto", "min-w-[96px]", "shadow-lg", className);
+	return /* @__PURE__ */ jsx(DropdownMenuContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		className: classes,
+		...props
+	});
+}
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

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

@@ -0,0 +1,3 @@
+import { DropdownMenuCheckboxItemPropsT, DropdownMenuContentPropsT, DropdownMenuGroupPropsT, DropdownMenuItemPropsT, DropdownMenuItemVariantT, DropdownMenuLabelPropsT, DropdownMenuPortalPropsT, DropdownMenuPropsT, DropdownMenuRadioGroupPropsT, DropdownMenuRadioItemPropsT, DropdownMenuSeparatorPropsT, DropdownMenuShortcutPropsT, DropdownMenuSubContentPropsT, DropdownMenuSubPropsT, DropdownMenuSubTriggerPropsT, DropdownMenuTriggerPropsT } from "./types.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemPropsT, DropdownMenuContent, type DropdownMenuContentPropsT, DropdownMenuGroup, type DropdownMenuGroupPropsT, DropdownMenuItem, type DropdownMenuItemPropsT, type DropdownMenuItemVariantT, DropdownMenuLabel, type DropdownMenuLabelPropsT, DropdownMenuPortal, type DropdownMenuPortalPropsT, type DropdownMenuPropsT, DropdownMenuRadioGroup, type DropdownMenuRadioGroupPropsT, DropdownMenuRadioItem, type DropdownMenuRadioItemPropsT, DropdownMenuSeparator, type DropdownMenuSeparatorPropsT, DropdownMenuShortcut, type DropdownMenuShortcutPropsT, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentPropsT, type DropdownMenuSubPropsT, DropdownMenuSubTrigger, type DropdownMenuSubTriggerPropsT, DropdownMenuTrigger, type DropdownMenuTriggerPropsT };

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

@@ -0,0 +1 @@
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";

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

@@ -0,0 +1,143 @@
+import { PartPropsT } from "../../lib/part-props.js";
+import { FloatingPropsT } from "../../lib/floating.js";
+import { ComponentProps } from "react";
+import { Menu } from "@base-ui/react/menu";
+/**
+ * Пропсы выпадающего меню
+ */
+export type DropdownMenuPropsT = Omit<Menu.Root.Props, 'onOpenChange'> & {
+  /** Меню открыто — контролируемый режим, вместе с onOpenChange */
+  open?: boolean;
+  /** Меню открыто при первом рендере — неконтролируемый режим */
+  defaultOpen?: boolean;
+  /** Меню открыли или закрыли: новое состояние */
+  onOpenChange?: (open: boolean) => void;
+  /** Модальный режим: страница под меню недоступна. По умолчанию true */
+  modal?: boolean;
+  /** Стрелки переходят с последнего пункта на первый и обратно. По умолчанию true */
+  loopFocus?: boolean;
+};
+/**
+ * Пропсы портала
+ */
+export type DropdownMenuPortalPropsT = Menu.Portal.Props;
+/**
+ * Пропсы кнопки открытия
+ */
+export type DropdownMenuTriggerPropsT = PartPropsT<Menu.Trigger.Props> & {
+  /** Открывать меню и при наведении, а не только по нажатию */
+  openOnHover?: boolean;
+};
+/**
+ * Пропсы содержимого меню
+ */
+export type DropdownMenuContentPropsT = PartPropsT<Menu.Popup.Props> & FloatingPropsT;
+/**
+ * Пропсы группы пунктов
+ */
+export type DropdownMenuGroupPropsT = PartPropsT<Menu.Group.Props>;
+/**
+ * Вариант оформления пункта
+ */
+export type DropdownMenuItemVariantT = 'default' | 'destructive';
+/**
+ * Пропсы пункта меню
+ */
+export type DropdownMenuItemPropsT = PartPropsT<Menu.Item.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Вариант оформления: destructive — красный, для опасных действий */
+  variant?: DropdownMenuItemVariantT;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Закрывать меню после нажатия. По умолчанию true */
+  closeOnClick?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы пункта-флажка
+ */
+export type DropdownMenuCheckboxItemPropsT = PartPropsT<Omit<Menu.CheckboxItem.Props, 'onCheckedChange'>> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Отмечен ли пункт — контролируемый режим, вместе с onCheckedChange */
+  checked?: boolean;
+  /** Отмечен ли пункт при первом рендере — неконтролируемый режим */
+  defaultChecked?: boolean;
+  /** Отметку переключили: новое состояние */
+  onCheckedChange?: (checked: boolean) => void;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Закрывать меню после выбора. По умолчанию false — меню остаётся открытым, чтобы выбрать несколько */
+  closeOnClick?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы группы радиокнопок
+ */
+export type DropdownMenuRadioGroupPropsT = PartPropsT<Omit<Menu.RadioGroup.Props, 'value' | 'defaultValue' | 'onValueChange'>> & {
+  /** Значение выбранного пункта — контролируемый режим, вместе с onValueChange */
+  value?: string;
+  /** Значение выбранного пункта при первом рендере — неконтролируемый режим */
+  defaultValue?: string;
+  /** Выбран другой пункт: его значение */
+  onValueChange?: (value: string) => void;
+};
+/**
+ * Пропсы пункта-радиокнопки
+ */
+export type DropdownMenuRadioItemPropsT = PartPropsT<Omit<Menu.RadioItem.Props, 'value'>> & {
+  /** Значение пункта: попадает в value группы при выборе */
+  value: string;
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Закрывать меню после выбора. По умолчанию false — меню остаётся открытым */
+  closeOnClick?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы подписи
+ */
+export type DropdownMenuLabelPropsT = PartPropsT<Menu.GroupLabel.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+};
+/**
+ * Пропсы разделителя
+ */
+export type DropdownMenuSeparatorPropsT = PartPropsT<Menu.Separator.Props>;
+/**
+ * Пропсы сочетания клавиш
+ */
+export type DropdownMenuShortcutPropsT = ComponentProps<'span'>;
+/**
+ * Пропсы подменю
+ */
+export type DropdownMenuSubPropsT = Omit<Menu.SubmenuRoot.Props, 'onOpenChange'> & {
+  /** Подменю открыто — контролируемый режим, вместе с onOpenChange */
+  open?: boolean;
+  /** Подменю открыто при первом рендере — неконтролируемый режим */
+  defaultOpen?: boolean;
+  /** Подменю открыли или закрыли: новое состояние */
+  onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Пропсы пункта, открывающего подменю
+ */
+export type DropdownMenuSubTriggerPropsT = PartPropsT<Menu.SubmenuTrigger.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы содержимого подменю
+ */
+export type DropdownMenuSubContentPropsT = DropdownMenuContentPropsT;

package/dist/components/empty/empty.d.ts

@@ -0,0 +1,37 @@
+import { EmptyContentPropsT, EmptyDescriptionPropsT, EmptyHeaderPropsT, EmptyMediaPropsT, EmptyPropsT, EmptyTitlePropsT } from "./types.js";
+/**
+ * Пустое состояние: сообщение, что данных нет, и действия, чтобы это исправить
+ * @param props - пропсы пустого состояния
+ * @returns блок пустого состояния
+ */
+export declare function Empty({ className, ...props }: EmptyPropsT): import("react").JSX.Element;
+/**
+ * Шапка пустого состояния: медиа, заголовок и описание
+ * @param props - пропсы шапки
+ * @returns шапка
+ */
+export declare function EmptyHeader({ className, ...props }: EmptyHeaderPropsT): import("react").JSX.Element;
+/**
+ * Медиа пустого состояния: иконка, изображение или аватар
+ * @param props - пропсы медиа
+ * @returns блок медиа
+ */
+export declare function EmptyMedia({ className, variant, ...props }: EmptyMediaPropsT): import("react").JSX.Element;
+/**
+ * Заголовок пустого состояния
+ * @param props - пропсы заголовка
+ * @returns заголовок
+ */
+export declare function EmptyTitle({ className, ...props }: EmptyTitlePropsT): import("react").JSX.Element;
+/**
+ * Описание пустого состояния: что произошло и что делать
+ * @param props - пропсы описания
+ * @returns описание
+ */
+export declare function EmptyDescription({ className, ...props }: EmptyDescriptionPropsT): import("react").JSX.Element;
+/**
+ * Содержимое пустого состояния: кнопки, поле поиска, ссылки
+ * @param props - пропсы содержимого
+ * @returns содержимое
+ */
+export declare function EmptyContent({ className, ...props }: EmptyContentPropsT): import("react").JSX.Element;

package/dist/components/empty/empty.js

@@ -0,0 +1,84 @@
+import { cn } from "../../lib/utils.js";
+import { emptyMediaVariants } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/empty/empty.tsx
+/**
+* Пустое состояние: сообщение, что данных нет, и действия, чтобы это исправить
+* @param props - пропсы пустого состояния
+* @returns блок пустого состояния
+*/
+function Empty({ className, ...props }) {
+	const classes = cn("flex", "w-full", "min-w-0", "flex-1", "flex-col", "items-center", "justify-center", "gap-4", "rounded-xl", "border-dashed", "p-6", "text-center", "text-balance", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: classes,
+		...props
+	});
+}
+/**
+* Шапка пустого состояния: медиа, заголовок и описание
+* @param props - пропсы шапки
+* @returns шапка
+*/
+function EmptyHeader({ className, ...props }) {
+	const classes = cn("flex", "max-w-sm", "flex-col", "items-center", "gap-2", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: classes,
+		...props
+	});
+}
+/**
+* Медиа пустого состояния: иконка, изображение или аватар
+* @param props - пропсы медиа
+* @returns блок медиа
+*/
+function EmptyMedia({ className, variant = "default", ...props }) {
+	const classes = cn(emptyMediaVariants({ variant }), className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: classes,
+		...props
+	});
+}
+/**
+* Заголовок пустого состояния
+* @param props - пропсы заголовка
+* @returns заголовок
+*/
+function EmptyTitle({ className, ...props }) {
+	const classes = cn("text-sm", "font-medium", "tracking-tight", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: classes,
+		...props
+	});
+}
+/**
+* Описание пустого состояния: что произошло и что делать
+* @param props - пропсы описания
+* @returns описание
+*/
+function EmptyDescription({ className, ...props }) {
+	const classes = cn("text-sm/relaxed", "text-muted-foreground", "[&>a]:underline", "[&>a]:underline-offset-4", "[&>a:hover]:text-primary", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-description",
+		className: classes,
+		...props
+	});
+}
+/**
+* Содержимое пустого состояния: кнопки, поле поиска, ссылки
+* @param props - пропсы содержимого
+* @returns содержимое
+*/
+function EmptyContent({ className, ...props }) {
+	const classes = cn("flex", "w-full", "max-w-sm", "min-w-0", "flex-col", "items-center", "gap-2.5", "text-sm", "text-balance", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: classes,
+		...props
+	});
+}
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

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

@@ -0,0 +1,3 @@
+import { EmptyContentPropsT, EmptyDescriptionPropsT, EmptyHeaderPropsT, EmptyMediaPropsT, EmptyPropsT, EmptyTitlePropsT, emptyMediaVariants } from "./types.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./empty.js";
+export { Empty, EmptyContent, type EmptyContentPropsT, EmptyDescription, type EmptyDescriptionPropsT, EmptyHeader, type EmptyHeaderPropsT, EmptyMedia, type EmptyMediaPropsT, type EmptyPropsT, EmptyTitle, type EmptyTitlePropsT, emptyMediaVariants };

package/dist/components/empty/index.js

@@ -0,0 +1,3 @@
+import { emptyMediaVariants } from "./types.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./empty.js";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants };