@archytechtor/ui 0.0.0-stage → 0.2.0

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1,47 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+// src/components/scroll-area/scroll-area.tsx
+/**
+* Область прокрутки: нативная прокрутка с тонкими полосами в стиле интерфейса
+* @param props - пропсы области; размер задаётся className (h-72, w-96)
+* @returns обёртка с видимой областью, вертикальной полосой и углом
+*/
+function ScrollArea$1({ className, children, ...props }) {
+	const classes = cn("relative", className);
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		"data-slot": "scroll-area",
+		className: classes,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+				children
+			}),
+			/* @__PURE__ */ jsx(ScrollBar, {}),
+			/* @__PURE__ */ jsx(ScrollArea.Corner, { "data-slot": "scroll-area-corner" })
+		]
+	});
+}
+/**
+* Полоса прокрутки: вертикальная уже есть в ScrollArea, горизонтальную добавляют внутрь ScrollArea
+* @param props - пропсы полосы
+* @returns полоса с ползунком
+*/
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+	const classes = cn("flex", "touch-none", "p-px", "transition-colors", "select-none", "data-horizontal:h-2.5", "data-horizontal:flex-col", "data-horizontal:border-t", "data-horizontal:border-t-transparent", "data-vertical:h-full", "data-vertical:w-2.5", "data-vertical:border-l", "data-vertical:border-l-transparent", className);
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		"data-orientation": orientation,
+		orientation,
+		className: classes,
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-border"
+		})
+	});
+}
+export { ScrollArea$1 as ScrollArea, ScrollBar };

package/dist/components/scroll-area/types.d.ts

@@ -0,0 +1,19 @@
+import { PartPropsT } from "../../lib/part-props.js";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+/**
+ * Направление полосы прокрутки
+ */
+export type ScrollBarOrientationT = 'vertical' | 'horizontal';
+/**
+ * Пропсы области прокрутки
+ */
+export type ScrollAreaPropsT = PartPropsT<ScrollArea.Root.Props>;
+/**
+ * Пропсы полосы прокрутки
+ */
+export type ScrollBarPropsT = PartPropsT<Omit<ScrollArea.Scrollbar.Props, 'orientation' | 'children'>> & {
+  /** Направление: vertical (по умолчанию, уже есть в ScrollArea) или horizontal */
+  orientation?: ScrollBarOrientationT;
+  /** Держать полосу в DOM, даже когда прокручивать нечего */
+  keepMounted?: boolean;
+};

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

@@ -0,0 +1,3 @@
+import { SelectContentPropsT, SelectGroupPropsT, SelectItemPropsT, SelectLabelPropsT, SelectOptionI, SelectPropsT, SelectScrollDownButtonPropsT, SelectScrollUpButtonPropsT, SelectSeparatorPropsT, SelectSizeT, SelectTriggerPropsT, SelectValuePropsT } from "./types.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select.js";
+export { Select, SelectContent, type SelectContentPropsT, SelectGroup, type SelectGroupPropsT, SelectItem, type SelectItemPropsT, SelectLabel, type SelectLabelPropsT, type SelectOptionI, type SelectPropsT, SelectScrollDownButton, type SelectScrollDownButtonPropsT, SelectScrollUpButton, type SelectScrollUpButtonPropsT, SelectSeparator, type SelectSeparatorPropsT, type SelectSizeT, SelectTrigger, type SelectTriggerPropsT, SelectValue, type SelectValuePropsT };

package/dist/components/select/index.js

@@ -0,0 +1 @@
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select.js";

package/dist/components/select/select.d.ts

@@ -0,0 +1,61 @@
+import { SelectContentPropsT, SelectGroupPropsT, SelectItemPropsT, SelectLabelPropsT, SelectPropsT, SelectScrollDownButtonPropsT, SelectScrollUpButtonPropsT, SelectSeparatorPropsT, SelectTriggerPropsT, SelectValuePropsT } from "./types.js";
+/**
+ * Выпадающий список: выбор одного значения из списка
+ * @param props - пропсы списка
+ * @returns корень без своей разметки
+ */
+export declare function Select({ items, onValueChange, onOpenChange, ...props }: SelectPropsT): import("react").JSX.Element;
+/**
+ * Группа пунктов с подписью SelectLabel
+ * @param props - пропсы группы
+ * @returns div с role="group"
+ */
+export declare function SelectGroup({ className, ...props }: SelectGroupPropsT): import("react").JSX.Element;
+/**
+ * Выбранное значение в кнопке: текст выбранного пункта (из items у Select) или подсказка
+ * @param props - пропсы значения
+ * @returns span
+ */
+export declare function SelectValue({ className, ...props }: SelectValuePropsT): import("react").JSX.Element;
+/**
+ * Кнопка списка: показывает выбранное значение и открывает список
+ * @param props - пропсы кнопки
+ * @returns кнопка с role="combobox"
+ */
+export declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerPropsT): import("react").JSX.Element;
+/**
+ * Список: рендерится в портале, с кнопками прокрутки
+ * @param props - пропсы списка; по умолчанию alignItemWithTrigger, align="center"
+ * @returns портал со списком
+ */
+export declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, collisionPadding, arrowPadding, sticky, alignItemWithTrigger, ...props }: SelectContentPropsT): import("react").JSX.Element;
+/**
+ * Подпись группы пунктов. Кладётся внутрь SelectGroup
+ * @param props - пропсы подписи
+ * @returns div
+ */
+export declare function SelectLabel({ className, ...props }: SelectLabelPropsT): import("react").JSX.Element;
+/**
+ * Пункт списка: выбранный отмечен галочкой справа
+ * @param props - пропсы пункта
+ * @returns div с role="option"
+ */
+export declare function SelectItem({ className, children, ...props }: SelectItemPropsT): import("react").JSX.Element;
+/**
+ * Разделитель между группами пунктов
+ * @param props - пропсы разделителя
+ * @returns div с role="separator"
+ */
+export declare function SelectSeparator({ className, ...props }: SelectSeparatorPropsT): import("react").JSX.Element;
+/**
+ * Кнопка прокрутки вверх: видна, когда список длиннее окна. SelectContent рендерит её сам
+ * @param props - пропсы кнопки
+ * @returns div
+ */
+export declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonPropsT): import("react").JSX.Element;
+/**
+ * Кнопка прокрутки вниз: видна, когда список длиннее окна. SelectContent рендерит её сам
+ * @param props - пропсы кнопки
+ * @returns div
+ */
+export declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonPropsT): import("react").JSX.Element;

package/dist/components/select/select.js

@@ -0,0 +1,183 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+// src/components/select/select.tsx
+/**
+* Выпадающий список: выбор одного значения из списка
+* @param props - пропсы списка
+* @returns корень без своей разметки
+*/
+function Select$1({ items, onValueChange, onOpenChange, ...props }) {
+	/**
+	* Выбрано другое значение: наружу только значение
+	* @param value - значение пункта
+	*/
+	const handleValueChange = (value) => onValueChange?.(value);
+	/**
+	* Список открыли или закрыли: наружу только флаг
+	* @param open - открыт ли
+	*/
+	const handleOpenChange = (open) => onOpenChange?.(open);
+	return /* @__PURE__ */ jsx(Select.Root, {
+		"data-slot": "select",
+		items,
+		onValueChange: handleValueChange,
+		onOpenChange: handleOpenChange,
+		...props
+	});
+}
+/**
+* Группа пунктов с подписью SelectLabel
+* @param props - пропсы группы
+* @returns div с role="group"
+*/
+function SelectGroup({ className, ...props }) {
+	const classes = cn("scroll-my-1", "p-1", className);
+	return /* @__PURE__ */ jsx(Select.Group, {
+		"data-slot": "select-group",
+		className: classes,
+		...props
+	});
+}
+/**
+* Выбранное значение в кнопке: текст выбранного пункта (из items у Select) или подсказка
+* @param props - пропсы значения
+* @returns span
+*/
+function SelectValue({ className, ...props }) {
+	const classes = cn("flex", "flex-1", "text-left", className);
+	return /* @__PURE__ */ jsx(Select.Value, {
+		"data-slot": "select-value",
+		className: classes,
+		...props
+	});
+}
+/**
+* Кнопка списка: показывает выбранное значение и открывает список
+* @param props - пропсы кнопки
+* @returns кнопка с role="combobox"
+*/
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	const classes = cn("flex", "w-fit", "items-center", "justify-between", "gap-1.5", "rounded-lg", "border", "border-input", "bg-transparent", "py-2", "pr-2", "pl-2.5", "text-sm", "whitespace-nowrap", "transition-colors", "outline-none", "select-none", "data-placeholder:text-muted-foreground", "dark:bg-input/30", "dark:hover:bg-input/50", "focus-visible:border-ring", "focus-visible:ring-3", "focus-visible:ring-ring/50", "aria-invalid:border-destructive", "aria-invalid:ring-3", "aria-invalid:ring-destructive/20", "dark:aria-invalid:border-destructive/50", "dark:aria-invalid:ring-destructive/40", "data-disabled:cursor-not-allowed", "data-disabled:opacity-50", "data-[size=default]:h-8", "data-[size=sm]:h-7", "data-[size=sm]:rounded-[min(var(--radius-md),10px)]", "*:data-[slot=select-value]:line-clamp-1", "*:data-[slot=select-value]:flex", "*:data-[slot=select-value]:items-center", "*:data-[slot=select-value]:gap-1.5", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*=size-])]:size-4", className);
+	const icon = /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" });
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: classes,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: icon })]
+	});
+}
+/**
+* Список: рендерится в портале, с кнопками прокрутки
+* @param props - пропсы списка; по умолчанию alignItemWithTrigger, align="center"
+* @returns портал со списком
+*/
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, collisionPadding, arrowPadding, sticky, alignItemWithTrigger = true, ...props }) {
+	const classes = cn("relative", "isolate", "z-50", "max-h-(--available-height)", "w-(--anchor-width)", "min-w-36", "origin-(--transform-origin)", "overflow-x-hidden", "overflow-y-auto", "rounded-lg", "bg-popover", "text-popover-foreground", "shadow-md", "ring-1", "ring-foreground/10", "duration-100", "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", "data-[align-trigger=true]:animate-none", className);
+	const positionerProps = {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		collisionPadding,
+		arrowPadding,
+		sticky
+	};
+	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
+		className: "isolate z-50",
+		alignItemWithTrigger,
+		...positionerProps,
+		children: /* @__PURE__ */ jsxs(Select.Popup, {
+			"data-slot": "select-content",
+			"data-align-trigger": alignItemWithTrigger,
+			className: classes,
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+				/* @__PURE__ */ jsx(Select.List, { children }),
+				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+			]
+		})
+	}) });
+}
+/**
+* Подпись группы пунктов. Кладётся внутрь SelectGroup
+* @param props - пропсы подписи
+* @returns div
+*/
+function SelectLabel({ className, ...props }) {
+	const classes = cn("px-1.5", "py-1", "text-xs", "text-muted-foreground", className);
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		"data-slot": "select-label",
+		className: classes,
+		...props
+	});
+}
+/**
+* Пункт списка: выбранный отмечен галочкой справа
+* @param props - пропсы пункта
+* @returns div с role="option"
+*/
+function SelectItem({ className, children, ...props }) {
+	const classes = cn("relative", "flex", "w-full", "cursor-default", "items-center", "gap-1.5", "rounded-md", "py-1", "pr-8", "pl-1.5", "text-sm", "outline-hidden", "select-none", "focus:bg-accent", "focus:text-accent-foreground", "not-data-[variant=destructive]: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", "*:[span]:last:flex", "*:[span]:last:items-center", "*:[span]:last:gap-2", className);
+	const indicator = /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" });
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		"data-slot": "select-item",
+		className: classes,
+		...props,
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			render: indicator,
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
+		})]
+	});
+}
+/**
+* Разделитель между группами пунктов
+* @param props - пропсы разделителя
+* @returns div с role="separator"
+*/
+function SelectSeparator({ className, ...props }) {
+	const classes = cn("pointer-events-none", "-mx-1", "my-1", "h-px", "bg-border", className);
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		"data-slot": "select-separator",
+		className: classes,
+		...props
+	});
+}
+/** Классы кнопок прокрутки списка */
+const scrollButtonClasses = "z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*=size-])]:size-4";
+/**
+* Кнопка прокрутки вверх: видна, когда список длиннее окна. SelectContent рендерит её сам
+* @param props - пропсы кнопки
+* @returns div
+*/
+function SelectScrollUpButton({ className, ...props }) {
+	const classes = cn(scrollButtonClasses, "top-0", className);
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: classes,
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+	});
+}
+/**
+* Кнопка прокрутки вниз: видна, когда список длиннее окна. SelectContent рендерит её сам
+* @param props - пропсы кнопки
+* @returns div
+*/
+function SelectScrollDownButton({ className, ...props }) {
+	const classes = cn(scrollButtonClasses, "bottom-0", className);
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: classes,
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+	});
+}
+export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

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

@@ -0,0 +1,100 @@
+import { PartPropsT } from "../../lib/part-props.js";
+import { FloatingPropsT } from "../../lib/floating.js";
+import { ReactNode } from "react";
+import { Select } from "@base-ui/react/select";
+/**
+ * Пункт списка для подписи выбранного значения
+ * @property value - Значение; null — пункт «ничего не выбрано» с текстом-подсказкой
+ * @property label - Текст пункта: показывается в кнопке, когда пункт выбран
+ */
+export interface SelectOptionI {
+  value: string | null;
+  label: ReactNode;
+}
+/**
+ * Пропсы выпадающего списка
+ */
+export type SelectPropsT = Omit<Select.Root.Props<string>, 'value' | 'defaultValue' | 'onValueChange' | 'onOpenChange' | 'items' | 'multiple'> & {
+  /**
+   * Пункты списка: по ним кнопка показывает текст выбранного значения.
+   * Массив { value, label } или объект «значение → текст»
+   */
+  items?: SelectOptionI[] | Record<string, ReactNode>;
+  /** Выбранное значение — контролируемый режим, вместе с onValueChange */
+  value?: string | null;
+  /** Выбранное значение при первом рендере — неконтролируемый режим */
+  defaultValue?: string | null;
+  /** Выбрано другое значение */
+  onValueChange?: (value: string | null) => void;
+  /** Список открыт — контролируемый режим, вместе с onOpenChange */
+  open?: boolean;
+  /** Список открыт при первом рендере */
+  defaultOpen?: boolean;
+  /** Список открыли или закрыли: новое состояние */
+  onOpenChange?: (open: boolean) => void;
+  /** Отключить выбор */
+  disabled?: boolean;
+  /** Обязательное поле формы */
+  required?: boolean;
+  /** Имя поля в форме */
+  name?: string;
+};
+/**
+ * Пропсы группы
+ */
+export type SelectGroupPropsT = PartPropsT<Select.Group.Props>;
+/**
+ * Пропсы выбранного значения
+ */
+export type SelectValuePropsT = PartPropsT<Select.Value.Props> & {
+  /** Текст, пока ничего не выбрано */
+  placeholder?: ReactNode;
+};
+/**
+ * Размер кнопки списка
+ */
+export type SelectSizeT = 'sm' | 'default';
+/**
+ * Пропсы кнопки списка
+ */
+export type SelectTriggerPropsT = PartPropsT<Select.Trigger.Props> & {
+  /** Размер: default — 32px, sm — 28px */
+  size?: SelectSizeT;
+};
+/**
+ * Пропсы списка
+ */
+export type SelectContentPropsT = PartPropsT<Select.Popup.Props> & FloatingPropsT & {
+  /**
+   * true — выбранный пункт открывается поверх кнопки, как в macOS (по умолчанию);
+   * false — список под кнопкой
+   */
+  alignItemWithTrigger?: boolean;
+};
+/**
+ * Пропсы подписи группы
+ */
+export type SelectLabelPropsT = PartPropsT<Select.GroupLabel.Props>;
+/**
+ * Пропсы пункта
+ */
+export type SelectItemPropsT = PartPropsT<Omit<Select.Item.Props, 'value'>> & {
+  /** Значение пункта; null — пункт «ничего не выбрано» */
+  value: string | null;
+  /** Отключить пункт */
+  disabled?: boolean;
+  /** Текст для поиска набором букв, если содержимое пункта — не просто текст */
+  label?: string;
+};
+/**
+ * Пропсы разделителя
+ */
+export type SelectSeparatorPropsT = PartPropsT<Select.Separator.Props>;
+/**
+ * Пропсы кнопки прокрутки вверх
+ */
+export type SelectScrollUpButtonPropsT = PartPropsT<Select.ScrollUpArrow.Props>;
+/**
+ * Пропсы кнопки прокрутки вниз
+ */
+export type SelectScrollDownButtonPropsT = PartPropsT<Select.ScrollDownArrow.Props>;

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

@@ -0,0 +1,3 @@
+import { SeparatorPropsT } from "./types.js";
+import { Separator } from "./separator.js";
+export { Separator, type SeparatorPropsT };

package/dist/components/separator/index.js

@@ -0,0 +1 @@
+export { Separator } from "./separator.js";

package/dist/components/separator/separator.d.ts

@@ -0,0 +1,7 @@
+import { SeparatorPropsT } from "./types.js";
+/**
+ * Разделитель: линия между блоками контента — горизонтальная или вертикальная
+ * @param props - пропсы разделителя
+ * @returns линия-разделитель с role="separator"
+ */
+export declare function Separator({ className, orientation, ...props }: SeparatorPropsT): import("react").JSX.Element;

package/dist/components/separator/separator.js

@@ -0,0 +1,20 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { Separator } from "@base-ui/react/separator";
+// src/components/separator/separator.tsx
+/**
+* Разделитель: линия между блоками контента — горизонтальная или вертикальная
+* @param props - пропсы разделителя
+* @returns линия-разделитель с role="separator"
+*/
+function Separator$1({ className, orientation = "horizontal", ...props }) {
+	const classes = cn("shrink-0", "bg-border", "data-[orientation=horizontal]:h-px", "data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:w-px", "data-[orientation=vertical]:self-stretch", className);
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "separator",
+		orientation,
+		className: classes,
+		...props
+	});
+}
+export { Separator$1 as Separator };

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

@@ -0,0 +1,9 @@
+import { PartPropsT } from "../../lib/part-props.js";
+import { Separator } from "@base-ui/react/separator";
+/**
+ * Пропсы разделителя
+ */
+export type SeparatorPropsT = PartPropsT<Omit<Separator.Props, 'orientation'>> & {
+  /** Направление линии: горизонтальная (по умолчанию) или вертикальная */
+  orientation?: 'horizontal' | 'vertical';
+};

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

@@ -0,0 +1,3 @@
+import { SheetClosePropsT, SheetContentPropsT, SheetDescriptionPropsT, SheetFooterPropsT, SheetHeaderPropsT, SheetOverlayPropsT, SheetPortalPropsT, SheetPropsT, SheetSideT, SheetTitlePropsT, SheetTriggerPropsT } from "./types.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from "./sheet.js";
+export { Sheet, SheetClose, type SheetClosePropsT, SheetContent, type SheetContentPropsT, SheetDescription, type SheetDescriptionPropsT, SheetFooter, type SheetFooterPropsT, SheetHeader, type SheetHeaderPropsT, SheetOverlay, type SheetOverlayPropsT, SheetPortal, type SheetPortalPropsT, type SheetPropsT, type SheetSideT, SheetTitle, type SheetTitlePropsT, SheetTrigger, type SheetTriggerPropsT };

package/dist/components/sheet/index.js

@@ -0,0 +1 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from "./sheet.js";

package/dist/components/sheet/sheet.d.ts

@@ -0,0 +1,61 @@
+import { SheetClosePropsT, SheetContentPropsT, SheetDescriptionPropsT, SheetFooterPropsT, SheetHeaderPropsT, SheetOverlayPropsT, SheetPortalPropsT, SheetPropsT, SheetTitlePropsT, SheetTriggerPropsT } from "./types.js";
+/**
+ * Боковая панель: окно, которое выезжает с края экрана. Дополняет основное содержимое страницы
+ * @param props - пропсы панели
+ * @returns корень панели без своей разметки
+ */
+export declare function Sheet({ onOpenChange, ...props }: SheetPropsT): import("react").JSX.Element;
+/**
+ * Кнопка открытия панели
+ * @param props - пропсы кнопки
+ * @returns кнопка с aria-haspopup="dialog"
+ */
+export declare function SheetTrigger(props: SheetTriggerPropsT): import("react").JSX.Element;
+/**
+ * Портал: переносит оверлей и панель в конец body
+ * @param props - пропсы портала
+ * @returns портал
+ */
+export declare function SheetPortal(props: SheetPortalPropsT): import("react").JSX.Element;
+/**
+ * Кнопка закрытия панели: любая кнопка внутри панели, которая закрывает её
+ * @param props - пропсы кнопки
+ * @returns кнопка
+ */
+export declare function SheetClose(props: SheetClosePropsT): import("react").JSX.Element;
+/**
+ * Оверлей: затемняет и размывает страницу под панелью
+ * @param props - пропсы оверлея
+ * @returns полупрозрачный слой на весь экран
+ */
+export declare function SheetOverlay({ className, ...props }: SheetOverlayPropsT): import("react").JSX.Element;
+/**
+ * Панель: рендерится в портале поверх оверлея и выезжает с выбранной стороны
+ * @param props - пропсы панели
+ * @returns портал с оверлеем и панелью
+ */
+export declare function SheetContent({ className, children, side, showCloseButton, closeLabel, ...props }: SheetContentPropsT): import("react").JSX.Element;
+/**
+ * Шапка панели: заголовок и описание
+ * @param props - пропсы шапки
+ * @returns блок
+ */
+export declare function SheetHeader({ className, ...props }: SheetHeaderPropsT): import("react").JSX.Element;
+/**
+ * Подвал панели: прижат к низу, кнопки столбиком
+ * @param props - пропсы подвала
+ * @returns блок
+ */
+export declare function SheetFooter({ className, ...props }: SheetFooterPropsT): import("react").JSX.Element;
+/**
+ * Заголовок панели: озвучивается при открытии
+ * @param props - пропсы заголовка
+ * @returns h2
+ */
+export declare function SheetTitle({ className, ...props }: SheetTitlePropsT): import("react").JSX.Element;
+/**
+ * Описание панели: озвучивается после заголовка
+ * @param props - пропсы описания
+ * @returns p
+ */
+export declare function SheetDescription({ className, ...props }: SheetDescriptionPropsT): import("react").JSX.Element;