@archytechtor/ui 0.0.0-stage → 0.1.0

package/dist/components/marker/marker.js

@@ -0,0 +1,51 @@
+import { cn } from "../../lib/utils.js";
+import { markerVariants } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+// src/components/marker/marker.tsx
+/**
+* Отметка: короткая служебная строка в ленте — событие, статус, разделитель по дате
+* @param props - пропсы отметки
+* @returns отметка или дочерний элемент в её стилях (render)
+*/
+function Marker({ className, variant = "default", render, ...props }) {
+	const classes = cn(markerVariants({ variant }), className);
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({
+			"data-slot": "marker",
+			"data-variant": variant,
+			className: classes
+		}, props)
+	});
+}
+/**
+* Иконка отметки: декоративная, скрыта от скринридера
+* @param props - пропсы иконки
+* @returns обёртка иконки 16px
+*/
+function MarkerIcon({ className, ...props }) {
+	const classes = cn("size-4", "shrink-0", "[&_svg:not([class*=size-])]:size-4", className);
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "marker-icon",
+		"aria-hidden": true,
+		className: classes,
+		...props
+	});
+}
+/**
+* Текст отметки
+* @param props - пропсы текста
+* @returns текст
+*/
+function MarkerContent({ className, ...props }) {
+	const classes = cn("min-w-0", "wrap-break-word", "group-data-[variant=separator]/marker:flex-none", "group-data-[variant=separator]/marker:text-center", "*:[a]:underline", "*:[a]:underline-offset-3", "*:[a]:hover:text-foreground", className);
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "marker-content",
+		className: classes,
+		...props
+	});
+}
+export { Marker, MarkerContent, MarkerIcon };

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

@@ -0,0 +1,30 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+import { useRender } from "@base-ui/react/use-render";
+/**
+ * Стили отметки: строка, разделитель с линиями по бокам или строка с нижней границей.
+ * Ссылка (render={<a />}) подчёркнута и темнеет при наведении
+ */
+export declare const markerVariants: (props?: ({
+  variant?: "separator" | "default" | "border" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Варианты оформления отметки
+ */
+type MarkerVariantsT = VariantProps<typeof markerVariants>;
+/**
+ * Пропсы отметки
+ */
+export type MarkerPropsT = useRender.ComponentProps<'div'> & {
+  /** Оформление: default — строка, separator — текст между линиями, border — строка с нижней границей */
+  variant?: MarkerVariantsT['variant'];
+};
+/**
+ * Пропсы иконки отметки
+ */
+export type MarkerIconPropsT = ComponentProps<'span'>;
+/**
+ * Пропсы текста отметки
+ */
+export type MarkerContentPropsT = ComponentProps<'span'>;
+export {};

package/dist/components/marker/types.js

@@ -0,0 +1,16 @@
+import { cva } from "class-variance-authority";
+// src/components/marker/types.ts
+/**
+* Стили отметки: строка, разделитель с линиями по бокам или строка с нижней границей.
+* Ссылка (render={<a />}) подчёркнута и темнеет при наведении
+*/
+const markerVariants = cva([
+	"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground",
+	"[a]:underline [a]:underline-offset-3 [a]:hover:text-foreground",
+	"[&_svg:not([class*=size-])]:size-4"
+], { variants: { variant: {
+	default: "",
+	separator: ["before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border", "after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border"],
+	border: "border-b border-border pb-2"
+} } });
+export { markerVariants };

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

@@ -0,0 +1,3 @@
+import { MenubarCheckboxItemPropsT, MenubarContentPropsT, MenubarGroupPropsT, MenubarItemPropsT, MenubarItemVariantT, MenubarLabelPropsT, MenubarMenuPropsT, MenubarPortalPropsT, MenubarPropsT, MenubarRadioGroupPropsT, MenubarRadioItemPropsT, MenubarSeparatorPropsT, MenubarShortcutPropsT, MenubarSubContentPropsT, MenubarSubPropsT, MenubarSubTriggerPropsT, MenubarTriggerPropsT } from "./types.js";
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./menubar.js";
+export { Menubar, MenubarCheckboxItem, type MenubarCheckboxItemPropsT, MenubarContent, type MenubarContentPropsT, MenubarGroup, type MenubarGroupPropsT, MenubarItem, type MenubarItemPropsT, type MenubarItemVariantT, MenubarLabel, type MenubarLabelPropsT, MenubarMenu, type MenubarMenuPropsT, MenubarPortal, type MenubarPortalPropsT, type MenubarPropsT, MenubarRadioGroup, type MenubarRadioGroupPropsT, MenubarRadioItem, type MenubarRadioItemPropsT, MenubarSeparator, type MenubarSeparatorPropsT, MenubarShortcut, type MenubarShortcutPropsT, MenubarSub, MenubarSubContent, type MenubarSubContentPropsT, type MenubarSubPropsT, MenubarSubTrigger, type MenubarSubTriggerPropsT, MenubarTrigger, type MenubarTriggerPropsT };

package/dist/components/menubar/index.js

@@ -0,0 +1 @@
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./menubar.js";

package/dist/components/menubar/menubar.d.ts

@@ -0,0 +1,98 @@
+import { MenubarCheckboxItemPropsT, MenubarContentPropsT, MenubarGroupPropsT, MenubarItemPropsT, MenubarLabelPropsT, MenubarMenuPropsT, MenubarPortalPropsT, MenubarPropsT, MenubarRadioGroupPropsT, MenubarRadioItemPropsT, MenubarSeparatorPropsT, MenubarShortcutPropsT, MenubarSubContentPropsT, MenubarSubPropsT, MenubarSubTriggerPropsT, MenubarTriggerPropsT } from "./types.js";
+/**
+ * Строка меню: постоянно видимый ряд меню, как в настольных приложениях
+ * @param props - пропсы строки
+ * @returns div с role="menubar"
+ */
+export declare function Menubar({ className, ...props }: MenubarPropsT): import("react").JSX.Element;
+/**
+ * Меню в строке: кнопка и выпадающий список
+ * @param props - пропсы меню
+ * @returns корень без своей разметки
+ */
+export declare function MenubarMenu({ onOpenChange, ...props }: MenubarMenuPropsT): import("react").JSX.Element;
+/**
+ * Портал: переносит меню в конец body. MenubarContent рендерит его сам
+ * @param props - пропсы портала
+ * @returns портал
+ */
+export declare function MenubarPortal(props: MenubarPortalPropsT): import("react").JSX.Element;
+/**
+ * Кнопка меню в строке: открывает список
+ * @param props - пропсы кнопки
+ * @returns кнопка с role="menuitem"
+ */
+export declare function MenubarTrigger({ className, ...props }: MenubarTriggerPropsT): import("react").JSX.Element;
+/**
+ * Содержимое меню: рендерится в портале под кнопкой
+ * @param props - пропсы содержимого; по умолчанию align="start", alignOffset={-4}, sideOffset={8}
+ * @returns портал с меню
+ */
+export declare function MenubarContent({ className, side, sideOffset, align, alignOffset, collisionPadding, arrowPadding, sticky, ...props }: MenubarContentPropsT): import("react").JSX.Element;
+/**
+ * Группа пунктов: объединяет связанные действия; MenubarLabel кладётся внутрь неё
+ * @param props - пропсы группы
+ * @returns div с role="group"
+ */
+export declare function MenubarGroup(props: MenubarGroupPropsT): import("react").JSX.Element;
+/**
+ * Пункт меню: действие. Ссылку рисуют через render={<a href />}
+ * @param props - пропсы пункта
+ * @returns div с role="menuitem"
+ */
+export declare function MenubarItem({ className, inset, variant, ...props }: MenubarItemPropsT): import("react").JSX.Element;
+/**
+ * Пункт-флажок: включает и выключает настройку, отмечен галочкой справа
+ * @param props - пропсы пункта
+ * @returns div с role="menuitemcheckbox"
+ */
+export declare function MenubarCheckboxItem({ className, children, inset, onCheckedChange, ...props }: MenubarCheckboxItemPropsT): import("react").JSX.Element;
+/**
+ * Группа радиокнопок: из пунктов внутри выбран один
+ * @param props - пропсы группы
+ * @returns div с role="group"
+ */
+export declare function MenubarRadioGroup({ onValueChange, ...props }: MenubarRadioGroupPropsT): import("react").JSX.Element;
+/**
+ * Пункт-радиокнопка: выбранный отмечен галочкой справа
+ * @param props - пропсы пункта
+ * @returns div с role="menuitemradio"
+ */
+export declare function MenubarRadioItem({ className, children, inset, ...props }: MenubarRadioItemPropsT): import("react").JSX.Element;
+/**
+ * Подпись: заголовок группы пунктов, не выбирается. Кладётся внутрь MenubarGroup
+ * или MenubarRadioGroup
+ * @param props - пропсы подписи
+ * @returns div
+ */
+export declare function MenubarLabel({ className, inset, ...props }: MenubarLabelPropsT): import("react").JSX.Element;
+/**
+ * Разделитель: линия между группами пунктов
+ * @param props - пропсы разделителя
+ * @returns div с role="separator"
+ */
+export declare function MenubarSeparator({ className, ...props }: MenubarSeparatorPropsT): import("react").JSX.Element;
+/**
+ * Сочетание клавиш: подсказка справа в пункте. Само сочетание не обрабатывает
+ * @param props - пропсы сочетания
+ * @returns span
+ */
+export declare function MenubarShortcut({ className, ...props }: MenubarShortcutPropsT): import("react").JSX.Element;
+/**
+ * Подменю: вложенный список, открывается из пункта
+ * @param props - пропсы подменю
+ * @returns корень без своей разметки
+ */
+export declare function MenubarSub({ onOpenChange, ...props }: MenubarSubPropsT): import("react").JSX.Element;
+/**
+ * Пункт, открывающий подменю: со стрелкой справа
+ * @param props - пропсы пункта
+ * @returns div с role="menuitem"
+ */
+export declare function MenubarSubTrigger({ className, inset, children, ...props }: MenubarSubTriggerPropsT): import("react").JSX.Element;
+/**
+ * Содержимое подменю: появляется сбоку от пункта
+ * @param props - пропсы содержимого; по умолчанию side="right", align="start"
+ * @returns портал с подменю
+ */
+export declare function MenubarSubContent({ className, side, sideOffset, align, alignOffset, ...props }: MenubarSubContentPropsT): import("react").JSX.Element;

package/dist/components/menubar/menubar.js

@@ -0,0 +1,284 @@
+"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";
+import { Menubar } from "@base-ui/react/menubar";
+// src/components/menubar/menubar.tsx
+/**
+* Строка меню: постоянно видимый ряд меню, как в настольных приложениях
+* @param props - пропсы строки
+* @returns div с role="menubar"
+*/
+function Menubar$1({ className, ...props }) {
+	const classes = cn("flex", "h-8", "items-center", "gap-0.5", "rounded-lg", "border", "p-[3px]", className);
+	return /* @__PURE__ */ jsx(Menubar, {
+		"data-slot": "menubar",
+		className: classes,
+		...props
+	});
+}
+/**
+* Меню в строке: кнопка и выпадающий список
+* @param props - пропсы меню
+* @returns корень без своей разметки
+*/
+function MenubarMenu({ onOpenChange, ...props }) {
+	/**
+	* Меню открыли или закрыли: наружу только флаг
+	* @param open - открыто ли
+	*/
+	const handleOpenChange = (open) => onOpenChange?.(open);
+	return /* @__PURE__ */ jsx(Menu.Root, {
+		"data-slot": "menubar-menu",
+		onOpenChange: handleOpenChange,
+		...props
+	});
+}
+/**
+* Портал: переносит меню в конец body. MenubarContent рендерит его сам
+* @param props - пропсы портала
+* @returns портал
+*/
+function MenubarPortal(props) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		"data-slot": "menubar-portal",
+		...props
+	});
+}
+/**
+* Кнопка меню в строке: открывает список
+* @param props - пропсы кнопки
+* @returns кнопка с role="menuitem"
+*/
+function MenubarTrigger({ className, ...props }) {
+	const classes = cn("flex", "items-center", "rounded-sm", "px-1.5", "py-[2px]", "text-sm", "font-medium", "outline-hidden", "select-none", "hover:bg-muted", "aria-expanded:bg-muted", className);
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		"data-slot": "menubar-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 - пропсы содержимого; по умолчанию align="start", alignOffset={-4}, sideOffset={8}
+* @returns портал с меню
+*/
+function MenubarContent({ className, side = "bottom", sideOffset = 8, 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(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		className: "isolate z-50 outline-none",
+		...positionerProps,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			"data-slot": "menubar-content",
+			className: classes,
+			...props
+		})
+	}) });
+}
+/**
+* Группа пунктов: объединяет связанные действия; MenubarLabel кладётся внутрь неё
+* @param props - пропсы группы
+* @returns div с role="group"
+*/
+function MenubarGroup(props) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		"data-slot": "menubar-group",
+		...props
+	});
+}
+/**
+* Пункт меню: действие. Ссылку рисуют через render={<a href />}
+* @param props - пропсы пункта
+* @returns div с role="menuitem"
+*/
+function MenubarItem({ className, inset, variant = "default", ...props }) {
+	const classes = cn("group/menubar-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": "menubar-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-1.5 pl-7 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 MenubarCheckboxItem({ className, children, inset, onCheckedChange, ...props }) {
+	const classes = cn(toggleItemClasses, className);
+	/**
+	* Отметку переключили: наружу только состояние
+	* @param checked - отмечен ли
+	*/
+	const handleCheckedChange = (checked) => onCheckedChange?.(checked);
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		"data-slot": "menubar-checkbox-item",
+		"data-inset": inset,
+		className: classes,
+		onCheckedChange: handleCheckedChange,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "menubar-checkbox-item-indicator",
+			className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/**
+* Группа радиокнопок: из пунктов внутри выбран один
+* @param props - пропсы группы
+* @returns div с role="group"
+*/
+function MenubarRadioGroup({ onValueChange, ...props }) {
+	/**
+	* Выбран другой пункт: наружу только значение
+	* @param value - значение пункта
+	*/
+	const handleValueChange = (value) => onValueChange?.(value);
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		"data-slot": "menubar-radio-group",
+		onValueChange: handleValueChange,
+		...props
+	});
+}
+/**
+* Пункт-радиокнопка: выбранный отмечен галочкой справа
+* @param props - пропсы пункта
+* @returns div с role="menuitemradio"
+*/
+function MenubarRadioItem({ className, children, inset, ...props }) {
+	const classes = cn(toggleItemClasses, className);
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		"data-slot": "menubar-radio-item",
+		"data-inset": inset,
+		className: classes,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "menubar-radio-item-indicator",
+			className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+/**
+* Подпись: заголовок группы пунктов, не выбирается. Кладётся внутрь MenubarGroup
+* или MenubarRadioGroup
+* @param props - пропсы подписи
+* @returns div
+*/
+function MenubarLabel({ className, inset, ...props }) {
+	const classes = cn("px-1.5", "py-1", "text-sm", "font-medium", "data-inset:pl-7", className);
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		"data-slot": "menubar-label",
+		"data-inset": inset,
+		className: classes,
+		...props
+	});
+}
+/**
+* Разделитель: линия между группами пунктов
+* @param props - пропсы разделителя
+* @returns div с role="separator"
+*/
+function MenubarSeparator({ className, ...props }) {
+	const classes = cn("-mx-1", "my-1", "h-px", "bg-border", className);
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		"data-slot": "menubar-separator",
+		className: classes,
+		...props
+	});
+}
+/**
+* Сочетание клавиш: подсказка справа в пункте. Само сочетание не обрабатывает
+* @param props - пропсы сочетания
+* @returns span
+*/
+function MenubarShortcut({ className, ...props }) {
+	const classes = cn("ml-auto", "text-xs", "tracking-widest", "text-muted-foreground", "group-focus/menubar-item:text-accent-foreground", className);
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menubar-shortcut",
+		className: classes,
+		...props
+	});
+}
+/**
+* Подменю: вложенный список, открывается из пункта
+* @param props - пропсы подменю
+* @returns корень без своей разметки
+*/
+function MenubarSub({ onOpenChange, ...props }) {
+	/**
+	* Подменю открыли или закрыли: наружу только флаг
+	* @param open - открыто ли
+	*/
+	const handleOpenChange = (open) => onOpenChange?.(open);
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+		"data-slot": "menubar-sub",
+		onOpenChange: handleOpenChange,
+		...props
+	});
+}
+/**
+* Пункт, открывающий подменю: со стрелкой справа
+* @param props - пропсы пункта
+* @returns div с role="menuitem"
+*/
+function MenubarSubTrigger({ 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": "menubar-sub-trigger",
+		"data-inset": inset,
+		className: classes,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
+	});
+}
+/**
+* Содержимое подменю: появляется сбоку от пункта
+* @param props - пропсы содержимого; по умолчанию side="right", align="start"
+* @returns портал с подменю
+*/
+function MenubarSubContent({ className, side = "right", sideOffset = 0, align = "start", alignOffset = -3, ...props }) {
+	const classes = cn("w-auto", "min-w-32", "shadow-lg", className);
+	return /* @__PURE__ */ jsx(MenubarContent, {
+		"data-slot": "menubar-sub-content",
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		className: classes,
+		...props
+	});
+}
+export { Menubar$1 as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

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

@@ -0,0 +1,146 @@
+import { PartPropsT } from "../../lib/part-props.js";
+import { FloatingPropsT } from "../../lib/floating.js";
+import { ComponentProps } from "react";
+import { Menu } from "@base-ui/react/menu";
+import { Menubar } from "@base-ui/react/menubar";
+/**
+ * Пропсы строки меню
+ */
+export type MenubarPropsT = PartPropsT<Menubar.Props> & {
+  /** Стрелки переходят с последнего меню на первое и обратно. По умолчанию true */
+  loopFocus?: boolean;
+  /** Отключить все меню строки */
+  disabled?: boolean;
+};
+/**
+ * Пропсы меню в строке
+ */
+export type MenubarMenuPropsT = Omit<Menu.Root.Props, 'onOpenChange'> & {
+  /** Меню открыто — контролируемый режим, вместе с onOpenChange */
+  open?: boolean;
+  /** Меню открыто при первом рендере — неконтролируемый режим */
+  defaultOpen?: boolean;
+  /** Меню открыли или закрыли: новое состояние */
+  onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Пропсы портала
+ */
+export type MenubarPortalPropsT = Menu.Portal.Props;
+/**
+ * Пропсы кнопки открытия
+ */
+export type MenubarTriggerPropsT = PartPropsT<Menu.Trigger.Props> & {};
+/**
+ * Пропсы содержимого меню
+ */
+export type MenubarContentPropsT = PartPropsT<Menu.Popup.Props> & FloatingPropsT;
+/**
+ * Пропсы группы пунктов
+ */
+export type MenubarGroupPropsT = PartPropsT<Menu.Group.Props>;
+/**
+ * Вариант оформления пункта
+ */
+export type MenubarItemVariantT = 'default' | 'destructive';
+/**
+ * Пропсы пункта меню
+ */
+export type MenubarItemPropsT = PartPropsT<Menu.Item.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Вариант оформления: destructive — красный, для опасных действий */
+  variant?: MenubarItemVariantT;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Закрывать меню после нажатия. По умолчанию true */
+  closeOnClick?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы пункта-флажка
+ */
+export type MenubarCheckboxItemPropsT = 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 MenubarRadioGroupPropsT = PartPropsT<Omit<Menu.RadioGroup.Props, 'value' | 'defaultValue' | 'onValueChange'>> & {
+  /** Значение выбранного пункта — контролируемый режим, вместе с onValueChange */
+  value?: string;
+  /** Значение выбранного пункта при первом рендере — неконтролируемый режим */
+  defaultValue?: string;
+  /** Выбран другой пункт: его значение */
+  onValueChange?: (value: string) => void;
+};
+/**
+ * Пропсы пункта-радиокнопки
+ */
+export type MenubarRadioItemPropsT = PartPropsT<Omit<Menu.RadioItem.Props, 'value'>> & {
+  /** Значение пункта: попадает в value группы при выборе */
+  value: string;
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Закрывать меню после выбора. По умолчанию false — меню остаётся открытым */
+  closeOnClick?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы подписи
+ */
+export type MenubarLabelPropsT = PartPropsT<Menu.GroupLabel.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+};
+/**
+ * Пропсы разделителя
+ */
+export type MenubarSeparatorPropsT = PartPropsT<Menu.Separator.Props>;
+/**
+ * Пропсы сочетания клавиш
+ */
+export type MenubarShortcutPropsT = ComponentProps<'span'>;
+/**
+ * Пропсы подменю
+ */
+export type MenubarSubPropsT = Omit<Menu.SubmenuRoot.Props, 'onOpenChange'> & {
+  /** Подменю открыто — контролируемый режим, вместе с onOpenChange */
+  open?: boolean;
+  /** Подменю открыто при первом рендере — неконтролируемый режим */
+  defaultOpen?: boolean;
+  /** Подменю открыли или закрыли: новое состояние */
+  onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Пропсы пункта, открывающего подменю
+ */
+export type MenubarSubTriggerPropsT = PartPropsT<Menu.SubmenuTrigger.Props> & {
+  /** Отступ слева под иконку, чтобы выровнять с пунктами с иконками */
+  inset?: boolean;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы содержимого подменю
+ */
+export type MenubarSubContentPropsT = MenubarContentPropsT;

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

@@ -0,0 +1,3 @@
+import { MessageAlignT, MessageAvatarPropsT, MessageContentPropsT, MessageFooterPropsT, MessageGroupPropsT, MessageHeaderPropsT, MessagePropsT } from "./types.js";
+import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./message.js";
+export { Message, type MessageAlignT, MessageAvatar, type MessageAvatarPropsT, MessageContent, type MessageContentPropsT, MessageFooter, type MessageFooterPropsT, MessageGroup, type MessageGroupPropsT, MessageHeader, type MessageHeaderPropsT, type MessagePropsT };

package/dist/components/message/index.js

@@ -0,0 +1 @@
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./message.js";