@archytechtor/ui 0.0.0-stage → 0.1.0

package/dist/components/drawer/drawer.js

@@ -0,0 +1,245 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { Drawer } from "@base-ui/react/drawer";
+// src/components/drawer/drawer.tsx
+/** Настройки ближайшей шторки */
+const DrawerContext = createContext({
+	hasSnapPoints: false,
+	modal: true,
+	showSwipeHandle: false,
+	swipeDirection: "down"
+});
+/**
+* Шторка: выезжает с края экрана и закрывается свайпом. Шторка внутри шторки
+* становится вложенной: предыдущие уходят назад стопкой
+* @param props - пропсы шторки
+* @returns корень шторки без своей разметки
+*/
+function Drawer$1({ modal = true, showSwipeHandle = false, snapPoints, swipeDirection = "down", onOpenChange, onSnapPointChange, ...props }) {
+	const hasSnapPoints = snapPoints !== void 0 && snapPoints.length > 0;
+	const context = useMemo(() => ({
+		hasSnapPoints,
+		modal,
+		showSwipeHandle,
+		swipeDirection
+	}), [
+		hasSnapPoints,
+		modal,
+		showSwipeHandle,
+		swipeDirection
+	]);
+	/**
+	* Шторка открылась или закрылась: наружу только флаг
+	* @param open - открыта ли
+	*/
+	const handleOpenChange = (open) => onOpenChange?.(open);
+	/**
+	* Точка остановки сменилась: наружу только значение
+	* @param snapPoint - точка
+	*/
+	const handleSnapPointChange = (snapPoint) => onSnapPointChange?.(snapPoint);
+	return /* @__PURE__ */ jsx(DrawerContext, {
+		value: context,
+		children: /* @__PURE__ */ jsx(Drawer.Root, {
+			modal,
+			snapPoints,
+			swipeDirection,
+			onOpenChange: handleOpenChange,
+			onSnapPointChange: handleSnapPointChange,
+			...props
+		})
+	});
+}
+/**
+* Кнопка открытия шторки. Свою кнопку передают через render={<Button />}
+* @param props - пропсы кнопки
+* @returns кнопка
+*/
+function DrawerTrigger(props) {
+	return /* @__PURE__ */ jsx(Drawer.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+/**
+* Портал: выносит шторку в конец body. DrawerContent рендерит его сам
+* @param props - пропсы портала
+* @returns портал
+*/
+function DrawerPortal(props) {
+	return /* @__PURE__ */ jsx(Drawer.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+/**
+* Кнопка закрытия шторки. Свою кнопку передают через render={<Button />}
+* @param props - пропсы кнопки
+* @returns кнопка
+*/
+function DrawerClose(props) {
+	return /* @__PURE__ */ jsx(Drawer.Close, {
+		"data-slot": "drawer-close",
+		...props
+	});
+}
+/**
+* Затемнение под шторкой: светлеет вместе со свайпом. DrawerContent рендерит его сам в модальном режиме
+* @param props - пропсы затемнения
+* @returns слой на весь экран
+*/
+function DrawerOverlay({ className, ...props }) {
+	const classes = cn("fixed", "inset-0", "z-50", "min-h-dvh", "bg-black/30", "select-none", "supports-backdrop-filter:backdrop-blur-sm", "opacity-[max(var(--drawer-overlay-min-opacity,0),calc(1-var(--drawer-swipe-progress)))]", "transition-opacity", "duration-450", "ease-[cubic-bezier(0.32,0.72,0,1)]", "data-starting-style:opacity-0", "data-ending-style:pointer-events-none", "data-ending-style:opacity-0", "data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)]", "data-swiping:duration-0", "data-snap-points:[--drawer-overlay-min-opacity:0.5]", "supports-[-webkit-touch-callout:none]:absolute", className);
+	return /* @__PURE__ */ jsx(Drawer.Backdrop, {
+		"data-slot": "drawer-overlay",
+		className: classes,
+		...props
+	});
+}
+/**
+* Ручка: полоска у края шторки, за которую её тянут. Показывается при showSwipeHandle
+* @param props - пропсы ручки
+* @returns полоска
+*/
+function DrawerSwipeHandle({ className, ...props }) {
+	const classes = cn("relative", "z-10", "flex", "shrink-0", "cursor-grab", "transition-opacity", "duration-200", "active:cursor-grabbing", "after:block", "after:shrink-0", "after:rounded-full", "after:bg-muted", "group-data-nested-drawer-open/drawer-popup:opacity-0", "group-data-nested-drawer-swiping/drawer-popup:opacity-100", "group-data-[swipe-direction=left]/drawer-popup:order-last", "group-data-[swipe-direction=up]/drawer-popup:order-last", "group-data-[swipe-axis=y]/drawer-popup:h-3", "group-data-[swipe-axis=y]/drawer-popup:w-full", "group-data-[swipe-axis=y]/drawer-popup:justify-center", "group-data-[swipe-axis=y]/drawer-popup:after:h-1.5", "group-data-[swipe-axis=y]/drawer-popup:after:w-[100px]", "group-data-[swipe-direction=down]/drawer-popup:items-end", "group-data-[swipe-direction=up]/drawer-popup:items-start", "group-data-[swipe-axis=x]/drawer-popup:h-full", "group-data-[swipe-axis=x]/drawer-popup:w-3", "group-data-[swipe-axis=x]/drawer-popup:items-center", "group-data-[swipe-axis=x]/drawer-popup:after:h-[100px]", "group-data-[swipe-axis=x]/drawer-popup:after:w-1.5", "group-data-[swipe-direction=left]/drawer-popup:justify-start", "group-data-[swipe-direction=right]/drawer-popup:justify-end", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-swipe-handle",
+		"aria-hidden": true,
+		className: classes,
+		...props
+	});
+}
+/** Стили окна: размер, свайп, стопка вложенных шторок и анимации */
+const popupClasses = [
+	"group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height)",
+	"max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) flex-col",
+	"rounded-[min(var(--radius-4xl),24px)] border border-popover bg-popover text-sm text-popover-foreground shadow-xl",
+	"outline-none select-none will-change-transform [interpolate-size:allow-keywords] dark:border-border",
+	"transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))]",
+	"transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)]",
+	"[--drawer-bleed-background:transparent] [--drawer-inset:--spacing(2)]",
+	"[--drawer-stacked-shadow:0_-20px_25px_-5px_rgb(0_0_0/0.1),0_-8px_10px_-6px_rgb(0_0_0/0.1)]",
+	"data-[swipe-direction=down]:data-nested-drawer-open:shadow-(--drawer-stacked-shadow)",
+	"data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95",
+	"after:pointer-events-none after:absolute after:bg-(--drawer-bleed-background,var(--color-popover))",
+	"data-[swipe-axis=x]:after:inset-y-0 data-[swipe-axis=x]:after:w-(--bleed)",
+	"data-[swipe-axis=y]:after:inset-x-0 data-[swipe-axis=y]:after:h-(--bleed)",
+	"data-[swipe-direction=down]:after:top-full data-[swipe-direction=left]:after:right-full",
+	"data-[swipe-direction=right]:after:left-full data-[swipe-direction=up]:after:bottom-full",
+	"[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:75%]",
+	"data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)]",
+	"data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh]",
+	"data-[swipe-axis=x]:sm:[--drawer-content-width:24rem]",
+	"[--bleed:3rem] [--peek:1rem] [--stack-step:0.05]",
+	"[--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px))]",
+	"[--stack-progress:clamp(0,var(--drawer-swipe-progress),1)]",
+	"[--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))]",
+	"[--stack-scale-base:max(0,calc(1-(var(--nested-drawers)*var(--stack-step))))]",
+	"[--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)]",
+	"[--stack-shrink:calc(1-var(--stack-scale))]",
+	"data-starting-style:transform-(--closed-transform) data-ending-style:transform-(--closed-transform)",
+	"data-ending-style:opacity-[0.9999] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)]",
+	"data-swiping:duration-0 data-nested-drawer-swiping:duration-0",
+	"data-ending-style:data-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)]",
+	"data-ending-style:data-nested-drawer-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)]",
+	"data-[swipe-axis=y]:inset-x-0 data-[swipe-axis=y]:data-nested-drawer-open:h-(--stack-height)",
+	"data-[swipe-axis=x]:inset-y-0 data-[swipe-axis=x]:flex-row",
+	"data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:origin-bottom",
+	"data-[swipe-direction=down]:[--closed-transform:translate3d(0,calc(100%+var(--drawer-inset,0px)+2px),0)]",
+	"data-[swipe-direction=down]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height)))]",
+	"data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:origin-top",
+	"data-[swipe-direction=up]:[--closed-transform:translate3d(0,calc(-100%-var(--drawer-inset,0px)-2px),0)]",
+	"data-[swipe-direction=up]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height)))]",
+	"data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:origin-left",
+	"data-[swipe-direction=left]:[--closed-transform:translate3d(calc(-100%-var(--drawer-inset,0px)-2px),0,0)]",
+	"data-[swipe-direction=left]:[--translate-x:calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)+(var(--stack-shrink)*100%))]",
+	"data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:origin-right",
+	"data-[swipe-direction=right]:[--closed-transform:translate3d(calc(100%+var(--drawer-inset,0px)+2px),0,0)]",
+	"data-[swipe-direction=right]:[--translate-x:calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)-(var(--stack-shrink)*100%))]"
+];
+/**
+* Окно шторки: рендерится в портале поверх затемнения. Содержимое скрывается,
+* когда поверх открыта вложенная шторка
+* @param props - пропсы окна
+* @returns портал с затемнением и окном
+*/
+function DrawerContent({ className, children, ...props }) {
+	const { hasSnapPoints, modal, showSwipeHandle, swipeDirection } = useContext(DrawerContext);
+	const swipeAxis = swipeDirection === "left" || swipeDirection === "right" ? "x" : "y";
+	const snapPointsAttribute = hasSnapPoints ? "" : void 0;
+	const classes = cn(popupClasses, className);
+	const contentClasses = cn("flex", "min-h-0", "flex-1", "flex-col", "overflow-hidden", "overscroll-contain", "rounded-[inherit]", "select-text", "transition-opacity", "duration-300", "ease-[cubic-bezier(0.45,1.005,0,1.005)]", "group-data-nested-drawer-open/drawer-popup:opacity-0", "group-data-nested-drawer-swiping/drawer-popup:opacity-100", "group-data-swiping/drawer-popup:select-none");
+	return /* @__PURE__ */ jsxs(DrawerPortal, { children: [modal === true && /* @__PURE__ */ jsx(DrawerOverlay, { "data-snap-points": snapPointsAttribute }), /* @__PURE__ */ jsx(Drawer.Viewport, {
+		"data-slot": "drawer-viewport",
+		"data-modal": modal,
+		className: "pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto",
+		children: /* @__PURE__ */ jsxs(Drawer.Popup, {
+			"data-slot": "drawer-popup",
+			"data-swipe-axis": swipeAxis,
+			"data-snap-points": snapPointsAttribute,
+			className: classes,
+			...props,
+			children: [showSwipeHandle && /* @__PURE__ */ jsx(DrawerSwipeHandle, {}), /* @__PURE__ */ jsx(Drawer.Content, {
+				"data-slot": "drawer-content",
+				className: contentClasses,
+				children
+			})]
+		})
+	})] });
+}
+/**
+* Шапка шторки: заголовок и описание. Снизу и сверху — по центру, на широком экране — слева
+* @param props - пропсы шапки
+* @returns блок
+*/
+function DrawerHeader({ className, ...props }) {
+	const classes = cn("flex", "shrink-0", "flex-col", "gap-0.5", "p-4", "pb-0", "md:gap-1.5", "md:text-left", "group-data-[swipe-axis=y]/drawer-popup:text-center", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: classes,
+		...props
+	});
+}
+/**
+* Подвал шторки: прижат к низу, кнопки столбиком
+* @param props - пропсы подвала
+* @returns блок
+*/
+function DrawerFooter({ className, ...props }) {
+	const classes = cn("mt-auto", "flex", "shrink-0", "flex-col", "gap-2", "p-4", "pt-0", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: classes,
+		...props
+	});
+}
+/**
+* Заголовок шторки: озвучивается при открытии
+* @param props - пропсы заголовка
+* @returns h2
+*/
+function DrawerTitle({ className, ...props }) {
+	const classes = cn("text-base", "font-medium", "text-foreground", className);
+	return /* @__PURE__ */ jsx(Drawer.Title, {
+		"data-slot": "drawer-title",
+		className: classes,
+		...props
+	});
+}
+/**
+* Описание шторки: озвучивается после заголовка
+* @param props - пропсы описания
+* @returns p
+*/
+function DrawerDescription({ className, ...props }) {
+	const classes = cn("text-sm", "text-balance", "text-muted-foreground", className);
+	return /* @__PURE__ */ jsx(Drawer.Description, {
+		"data-slot": "drawer-description",
+		className: classes,
+		...props
+	});
+}
+export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger };

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

@@ -0,0 +1,3 @@
+import { DrawerClosePropsT, DrawerContentPropsT, DrawerDescriptionPropsT, DrawerFooterPropsT, DrawerHeaderPropsT, DrawerOverlayPropsT, DrawerPortalPropsT, DrawerPropsT, DrawerSnapPointT, DrawerSwipeDirectionT, DrawerSwipeHandlePropsT, DrawerTitlePropsT, DrawerTriggerPropsT } from "./types.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger } from "./drawer.js";
+export { Drawer, DrawerClose, type DrawerClosePropsT, DrawerContent, type DrawerContentPropsT, DrawerDescription, type DrawerDescriptionPropsT, DrawerFooter, type DrawerFooterPropsT, DrawerHeader, type DrawerHeaderPropsT, DrawerOverlay, type DrawerOverlayPropsT, DrawerPortal, type DrawerPortalPropsT, type DrawerPropsT, type DrawerSnapPointT, type DrawerSwipeDirectionT, DrawerSwipeHandle, type DrawerSwipeHandlePropsT, DrawerTitle, type DrawerTitlePropsT, DrawerTrigger, type DrawerTriggerPropsT };

package/dist/components/drawer/index.js

@@ -0,0 +1 @@
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger } from "./drawer.js";

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

@@ -0,0 +1,93 @@
+import { CSSProperties, ComponentProps } from "react";
+import { Drawer } from "@base-ui/react/drawer";
+/**
+ * Пропсы части: className только строкой, render и style описаны по-русски
+ */
+export type PartPropsT<PropsT extends {
+  render?: unknown;
+}> = Omit<PropsT, 'className' | 'render' | 'style'> & {
+  /** Классы элемента */
+  className?: string;
+  /** Свой элемент вместо стандартного: render={<Button />}. Стили и пропсы переходят на него */
+  render?: PropsT['render'];
+  /** Инлайн-стили элемента */
+  style?: CSSProperties;
+};
+/**
+ * Край, к которому шторка закрывается свайпом: down — снизу, up — сверху, left — слева, right — справа
+ */
+export type DrawerSwipeDirectionT = 'down' | 'up' | 'left' | 'right';
+/**
+ * Точка остановки: доля высоты (0.5) или размер строкой ('300px', '20rem')
+ */
+export type DrawerSnapPointT = number | string;
+/**
+ * Пропсы шторки
+ */
+export type DrawerPropsT = Omit<Drawer.Root.Props, 'onOpenChange' | 'swipeDirection' | 'snapPoints' | 'snapPoint' | 'defaultSnapPoint' | 'onSnapPointChange'> & {
+  /** Открыта ли шторка — контролируемый режим, вместе с onOpenChange */
+  open?: boolean;
+  /** Открыта ли шторка при первом рендере — неконтролируемый режим */
+  defaultOpen?: boolean;
+  /** Шторка открылась или закрылась */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Модальность: true — затемняет страницу и держит фокус, false — страница остаётся доступной,
+   * 'trap-focus' — держит фокус без затемнения. По умолчанию true
+   */
+  modal?: boolean | 'trap-focus';
+  /** Край экрана: шторка выезжает с него и закрывается свайпом к нему. По умолчанию down */
+  swipeDirection?: DrawerSwipeDirectionT;
+  /** Точки остановки: доли высоты (0.5) или размеры ('300px'). 1 — во всю высоту */
+  snapPoints?: DrawerSnapPointT[];
+  /** Текущая точка остановки — контролируемый режим, вместе с onSnapPointChange */
+  snapPoint?: DrawerSnapPointT | null;
+  /** Точка остановки при открытии — неконтролируемый режим. По умолчанию первая */
+  defaultSnapPoint?: DrawerSnapPointT | null;
+  /** Шторка остановилась на другой точке */
+  onSnapPointChange?: (snapPoint: DrawerSnapPointT | null) => void;
+  /** Показать ручку, за которую шторку тянут. По умолчанию false */
+  showSwipeHandle?: boolean;
+  /** Не закрывать шторку нажатием вне неё */
+  disablePointerDismissal?: boolean;
+};
+/**
+ * Пропсы кнопки открытия
+ */
+export type DrawerTriggerPropsT = PartPropsT<Drawer.Trigger.Props>;
+/**
+ * Пропсы портала
+ */
+export type DrawerPortalPropsT = Drawer.Portal.Props;
+/**
+ * Пропсы кнопки закрытия
+ */
+export type DrawerClosePropsT = PartPropsT<Drawer.Close.Props>;
+/**
+ * Пропсы затемнения
+ */
+export type DrawerOverlayPropsT = PartPropsT<Drawer.Backdrop.Props>;
+/**
+ * Пропсы ручки
+ */
+export type DrawerSwipeHandlePropsT = ComponentProps<'div'>;
+/**
+ * Пропсы окна шторки
+ */
+export type DrawerContentPropsT = PartPropsT<Drawer.Popup.Props>;
+/**
+ * Пропсы шапки
+ */
+export type DrawerHeaderPropsT = ComponentProps<'div'>;
+/**
+ * Пропсы подвала
+ */
+export type DrawerFooterPropsT = ComponentProps<'div'>;
+/**
+ * Пропсы заголовка
+ */
+export type DrawerTitlePropsT = PartPropsT<Drawer.Title.Props>;
+/**
+ * Пропсы описания
+ */
+export type DrawerDescriptionPropsT = PartPropsT<Drawer.Description.Props>;

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;