@archytechtor/ui 0.0.0-stage → 0.2.0

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";

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

@@ -0,0 +1,37 @@
+import { MessageAvatarPropsT, MessageContentPropsT, MessageFooterPropsT, MessageGroupPropsT, MessageHeaderPropsT, MessagePropsT } from "./types.js";
+/**
+ * Группа сообщений одного автора подряд
+ * @param props - пропсы группы
+ * @returns колонка сообщений
+ */
+export declare function MessageGroup({ className, ...props }: MessageGroupPropsT): import("react").JSX.Element;
+/**
+ * Сообщение чата: аватар и содержимое (пузырь, заголовок, подвал)
+ * @param props - пропсы сообщения
+ * @returns строка сообщения
+ */
+export declare function Message({ className, align, ...props }: MessagePropsT): import("react").JSX.Element;
+/**
+ * Аватар автора: внизу у последней строки, над подвалом, если он есть
+ * @param props - пропсы аватара
+ * @returns круглый контейнер аватара
+ */
+export declare function MessageAvatar({ className, ...props }: MessageAvatarPropsT): import("react").JSX.Element;
+/**
+ * Содержимое сообщения: заголовок, пузыри, вложения и подвал в колонку
+ * @param props - пропсы содержимого
+ * @returns колонка содержимого
+ */
+export declare function MessageContent({ className, ...props }: MessageContentPropsT): import("react").JSX.Element;
+/**
+ * Заголовок сообщения: имя автора, время
+ * @param props - пропсы заголовка
+ * @returns строка заголовка
+ */
+export declare function MessageHeader({ className, ...props }: MessageHeaderPropsT): import("react").JSX.Element;
+/**
+ * Подвал сообщения: статус доставки, действия
+ * @param props - пропсы подвала
+ * @returns строка подвала
+ */
+export declare function MessageFooter({ className, ...props }: MessageFooterPropsT): import("react").JSX.Element;

package/dist/components/message/message.js

@@ -0,0 +1,83 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/message/message.tsx
+/**
+* Группа сообщений одного автора подряд
+* @param props - пропсы группы
+* @returns колонка сообщений
+*/
+function MessageGroup({ className, ...props }) {
+	const classes = cn("flex", "min-w-0", "flex-col", "gap-2", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-group",
+		className: classes,
+		...props
+	});
+}
+/**
+* Сообщение чата: аватар и содержимое (пузырь, заголовок, подвал)
+* @param props - пропсы сообщения
+* @returns строка сообщения
+*/
+function Message({ className, align = "start", ...props }) {
+	const classes = cn("group/message", "relative", "flex", "w-full", "min-w-0", "gap-2", "text-sm", "data-[align=end]:flex-row-reverse", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message",
+		"data-align": align,
+		className: classes,
+		...props
+	});
+}
+/**
+* Аватар автора: внизу у последней строки, над подвалом, если он есть
+* @param props - пропсы аватара
+* @returns круглый контейнер аватара
+*/
+function MessageAvatar({ className, ...props }) {
+	const classes = cn("flex", "w-fit", "min-w-8", "shrink-0", "items-center", "justify-center", "self-end", "overflow-hidden", "rounded-full", "bg-muted", "group-has-data-[slot=message-footer]/message:-translate-y-8", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-avatar",
+		className: classes,
+		...props
+	});
+}
+/**
+* Содержимое сообщения: заголовок, пузыри, вложения и подвал в колонку
+* @param props - пропсы содержимого
+* @returns колонка содержимого
+*/
+function MessageContent({ className, ...props }) {
+	const classes = cn("flex", "w-full", "min-w-0", "flex-col", "gap-2.5", "wrap-break-word", "group-data-[align=end]/message:*:data-slot:self-end", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-content",
+		className: classes,
+		...props
+	});
+}
+/**
+* Заголовок сообщения: имя автора, время
+* @param props - пропсы заголовка
+* @returns строка заголовка
+*/
+function MessageHeader({ className, ...props }) {
+	const classes = cn("flex", "max-w-full", "min-w-0", "items-center", "px-3", "text-xs", "font-medium", "text-muted-foreground", "group-has-data-[variant=ghost]/message:px-0", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-header",
+		className: classes,
+		...props
+	});
+}
+/**
+* Подвал сообщения: статус доставки, действия
+* @param props - пропсы подвала
+* @returns строка подвала
+*/
+function MessageFooter({ className, ...props }) {
+	const classes = cn("flex", "max-w-full", "min-w-0", "items-center", "px-3", "text-xs", "font-medium", "text-muted-foreground", "group-has-data-[variant=ghost]/message:px-0", "group-data-[align=end]/message:justify-end", className);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-footer",
+		className: classes,
+		...props
+	});
+}
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };