@archytechtor/ui 0.0.0-stage → 0.2.0

package/dist/components/morph-image/types.js

@@ -0,0 +1,18 @@
+import { cva } from "class-variance-authority";
+// src/components/morph-image/types.ts
+/**
+* Стили частей: кнопка-миниатюра, затемнение, слой и раскрытое изображение.
+* Экспортируются, чтобы оформить свой элемент так же: morphImageVariants({ part: 'backdrop' }).
+*/
+const morphImageVariants = cva("", {
+	variants: { part: {
+		trigger: ["block cursor-zoom-in rounded-lg outline-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50"],
+		image: "size-full rounded-[inherit] object-cover object-center",
+		backdrop: "fixed inset-0 z-50 cursor-zoom-out bg-black/80",
+		layer: "pointer-events-none fixed inset-0 z-50 flex items-center justify-center p-4",
+		expanded: ["pointer-events-auto block cursor-zoom-out rounded-lg outline-none", "focus-visible:ring-3 focus-visible:ring-ring/50"],
+		expandedImage: "max-h-[90vh] max-w-[90vw] rounded-[inherit] object-cover object-center"
+	} },
+	defaultVariants: { part: "trigger" }
+});
+export { morphImageVariants };

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

@@ -0,0 +1,3 @@
+import { NativeSelectOptGroupPropsT, NativeSelectOptionPropsT, NativeSelectPropsT, nativeSelectVariants } from "./types.js";
+import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./native-select.js";
+export { NativeSelect, NativeSelectOptGroup, type NativeSelectOptGroupPropsT, NativeSelectOption, type NativeSelectOptionPropsT, type NativeSelectPropsT, nativeSelectVariants };

package/dist/components/native-select/index.js

@@ -0,0 +1,3 @@
+import { nativeSelectVariants } from "./types.js";
+import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./native-select.js";
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, nativeSelectVariants };

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

@@ -0,0 +1,20 @@
+import { NativeSelectOptGroupPropsT, NativeSelectOptionPropsT, NativeSelectPropsT } from "./types.js";
+/**
+ * Нативный список браузера в стилях библиотеки: для форм и мобильных экранов.
+ * className применяется к обёртке, остальные пропсы — к элементу select
+ * @param props - пропсы нативного списка
+ * @returns обёртка со списком и иконкой
+ */
+export declare function NativeSelect({ className, size, ...props }: NativeSelectPropsT): import("react").JSX.Element;
+/**
+ * Пункт нативного списка
+ * @param props - пропсы пункта
+ * @returns элемент option
+ */
+export declare function NativeSelectOption({ className, ...props }: NativeSelectOptionPropsT): import("react").JSX.Element;
+/**
+ * Группа пунктов нативного списка с подписью label
+ * @param props - пропсы группы
+ * @returns элемент optgroup
+ */
+export declare function NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupPropsT): import("react").JSX.Element;

package/dist/components/native-select/native-select.js

@@ -0,0 +1,57 @@
+import { cn } from "../../lib/utils.js";
+import { nativeSelectVariants } from "./types.js";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/native-select/native-select.tsx
+/**
+* Нативный список браузера в стилях библиотеки: для форм и мобильных экранов.
+* className применяется к обёртке, остальные пропсы — к элементу select
+* @param props - пропсы нативного списка
+* @returns обёртка со списком и иконкой
+*/
+function NativeSelect({ className, size = "default", ...props }) {
+	const classes = cn("group/native-select", "relative", "w-fit", "has-[select:disabled]:opacity-50", className);
+	const selectClasses = nativeSelectVariants({ size });
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "native-select-wrapper",
+		"data-size": size,
+		className: classes,
+		children: [/* @__PURE__ */ jsx("select", {
+			"data-slot": "native-select",
+			"data-size": size,
+			className: selectClasses,
+			...props
+		}), /* @__PURE__ */ jsx(ChevronDownIcon, {
+			"data-slot": "native-select-icon",
+			"aria-hidden": true,
+			className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none"
+		})]
+	});
+}
+/**
+* Пункт нативного списка
+* @param props - пропсы пункта
+* @returns элемент option
+*/
+function NativeSelectOption({ className, ...props }) {
+	const classes = cn("bg-[Canvas]", "text-[CanvasText]", className);
+	return /* @__PURE__ */ jsx("option", {
+		"data-slot": "native-select-option",
+		className: classes,
+		...props
+	});
+}
+/**
+* Группа пунктов нативного списка с подписью label
+* @param props - пропсы группы
+* @returns элемент optgroup
+*/
+function NativeSelectOptGroup({ className, ...props }) {
+	const classes = cn("bg-[Canvas]", "text-[CanvasText]", className);
+	return /* @__PURE__ */ jsx("optgroup", {
+		"data-slot": "native-select-optgroup",
+		className: classes,
+		...props
+	});
+}
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

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

@@ -0,0 +1,52 @@
+import { VariantProps } from "class-variance-authority";
+import { ChangeEvent, ComponentProps } from "react";
+/**
+ * Стили нативного списка: поле select и его размер.
+ * Экспортируются, чтобы оформить так же другой элемент: nativeSelectVariants({ size: 'sm' }).
+ */
+export declare const nativeSelectVariants: (props?: ({
+  size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Размеры нативного списка
+ */
+export type NativeSelectVariantsT = VariantProps<typeof nativeSelectVariants>;
+/**
+ * Пропсы нативного списка
+ */
+export type NativeSelectPropsT = Omit<ComponentProps<'select'>, 'size' | 'value' | 'defaultValue' | 'disabled' | 'required' | 'multiple' | 'aria-invalid' | 'onChange'> & {
+  /** Размер: default или sm */
+  size?: NativeSelectVariantsT['size'];
+  /** Отключённое состояние: список не открывается */
+  disabled?: boolean;
+  /** Ошибка: красная рамка и кольцо */
+  'aria-invalid'?: boolean;
+  /** Выбранное значение (контролируемый режим) */
+  value?: string | string[];
+  /** Значение по умолчанию (неконтролируемый режим) */
+  defaultValue?: string | string[];
+  /** Обязательное поле: форма не отправится без выбора */
+  required?: boolean;
+  /** Выбор нескольких пунктов: список превращается в поле со списком */
+  multiple?: boolean;
+  /** Выбор пункта */
+  onChange?: (event: ChangeEvent<HTMLSelectElement>) => void;
+};
+/**
+ * Пропсы пункта нативного списка
+ */
+export type NativeSelectOptionPropsT = Omit<ComponentProps<'option'>, 'value' | 'disabled'> & {
+  /** Значение пункта: уходит в value списка и в форму */
+  value?: string;
+  /** Отключённый пункт: его нельзя выбрать */
+  disabled?: boolean;
+};
+/**
+ * Пропсы группы пунктов нативного списка
+ */
+export type NativeSelectOptGroupPropsT = Omit<ComponentProps<'optgroup'>, 'label' | 'disabled'> & {
+  /** Подпись группы */
+  label?: string;
+  /** Отключённая группа: её пункты нельзя выбрать */
+  disabled?: boolean;
+};

package/dist/components/native-select/types.js

@@ -0,0 +1,23 @@
+import { cva } from "class-variance-authority";
+// src/components/native-select/types.ts
+/**
+* Стили нативного списка: поле select и его размер.
+* Экспортируются, чтобы оформить так же другой элемент: nativeSelectVariants({ size: 'sm' }).
+*/
+const nativeSelectVariants = cva([
+	"h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5",
+	"text-sm transition-colors outline-none select-none",
+	"placeholder:text-muted-foreground selection:bg-primary selection:text-primary-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",
+	"disabled:pointer-events-none disabled:cursor-not-allowed"
+], {
+	variants: { size: {
+		default: "",
+		sm: "h-7 rounded-[min(var(--radius-md),10px)] py-0.5"
+	} },
+	defaultVariants: { size: "default" }
+});
+export { nativeSelectVariants };

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

@@ -0,0 +1,3 @@
+import { NavigationMenuContentPropsT, NavigationMenuIndicatorPropsT, NavigationMenuItemPropsT, NavigationMenuLinkPropsT, NavigationMenuListPropsT, NavigationMenuPositionerPropsT, NavigationMenuPropsT, NavigationMenuTriggerPropsT, navigationMenuTriggerStyle } from "./types.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger } from "./navigation-menu.js";
+export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentPropsT, NavigationMenuIndicator, type NavigationMenuIndicatorPropsT, NavigationMenuItem, type NavigationMenuItemPropsT, NavigationMenuLink, type NavigationMenuLinkPropsT, NavigationMenuList, type NavigationMenuListPropsT, NavigationMenuPositioner, type NavigationMenuPositionerPropsT, type NavigationMenuPropsT, NavigationMenuTrigger, type NavigationMenuTriggerPropsT, navigationMenuTriggerStyle };

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

@@ -0,0 +1,3 @@
+import { navigationMenuTriggerStyle } from "./types.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger } from "./navigation-menu.js";
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle };

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

@@ -0,0 +1,50 @@
+import { NavigationMenuContentPropsT, NavigationMenuIndicatorPropsT, NavigationMenuItemPropsT, NavigationMenuLinkPropsT, NavigationMenuListPropsT, NavigationMenuPositionerPropsT, NavigationMenuPropsT, NavigationMenuTriggerPropsT } from "./types.js";
+/**
+ * Меню навигации: ссылки по разделам сайта с выпадающими панелями в общем окне
+ * @param props - пропсы меню
+ * @returns nav
+ */
+export declare function NavigationMenu({ align, className, children, onValueChange, ...props }: NavigationMenuPropsT): import("react").JSX.Element;
+/**
+ * Список пунктов меню
+ * @param props - пропсы списка
+ * @returns ul
+ */
+export declare function NavigationMenuList({ className, ...props }: NavigationMenuListPropsT): import("react").JSX.Element;
+/**
+ * Пункт меню: кнопка с панелью или ссылка
+ * @param props - пропсы пункта
+ * @returns li
+ */
+export declare function NavigationMenuItem({ className, ...props }: NavigationMenuItemPropsT): import("react").JSX.Element;
+/**
+ * Кнопка пункта: открывает панель при наведении и нажатии, со стрелкой
+ * @param props - пропсы кнопки
+ * @returns кнопка
+ */
+export declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuTriggerPropsT): import("react").JSX.Element;
+/**
+ * Панель пункта: проявляется в общем окне со сдвигом в сторону движения курсора
+ * @param props - пропсы панели
+ * @returns div
+ */
+export declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentPropsT): import("react").JSX.Element;
+/**
+ * Окно с панелями: появляется под открытым пунктом, плавно перемещается и меняет размер
+ * при переходе между пунктами. Рендерится в NavigationMenu сам
+ * @param props - пропсы окна
+ * @returns портал с окном
+ */
+export declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenuPositionerPropsT): import("react").JSX.Element;
+/**
+ * Ссылка меню: в панели или на верхнем уровне. Ссылку роутера передают через render={<Link href />}
+ * @param props - пропсы ссылки
+ * @returns a
+ */
+export declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkPropsT): import("react").JSX.Element;
+/**
+ * Указатель: стрелка под открытым пунктом
+ * @param props - пропсы указателя
+ * @returns span
+ */
+export declare function NavigationMenuIndicator({ className, ...props }: NavigationMenuIndicatorPropsT): import("react").JSX.Element;

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

@@ -0,0 +1,145 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { navigationMenuTriggerStyle } from "./types.js";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+// src/components/navigation-menu/navigation-menu.tsx
+/**
+* Меню навигации: ссылки по разделам сайта с выпадающими панелями в общем окне
+* @param props - пропсы меню
+* @returns nav
+*/
+function NavigationMenu$1({ align = "start", className, children, onValueChange, ...props }) {
+	const classes = cn("group/navigation-menu", "relative", "flex", "max-w-max", "flex-1", "items-center", "justify-center", className);
+	/**
+	* Открыт другой пункт: наружу только значение
+	* @param value - значение пункта или null
+	*/
+	const handleValueChange = (value) => {
+		onValueChange?.(value);
+	};
+	return /* @__PURE__ */ jsxs(NavigationMenu.Root, {
+		"data-slot": "navigation-menu",
+		className: classes,
+		onValueChange: handleValueChange,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(NavigationMenuPositioner, { align })]
+	});
+}
+/**
+* Список пунктов меню
+* @param props - пропсы списка
+* @returns ul
+*/
+function NavigationMenuList({ className, ...props }) {
+	const classes = cn("group", "flex", "flex-1", "list-none", "items-center", "justify-center", "gap-0", className);
+	return /* @__PURE__ */ jsx(NavigationMenu.List, {
+		"data-slot": "navigation-menu-list",
+		className: classes,
+		...props
+	});
+}
+/**
+* Пункт меню: кнопка с панелью или ссылка
+* @param props - пропсы пункта
+* @returns li
+*/
+function NavigationMenuItem({ className, ...props }) {
+	const classes = cn("relative", className);
+	return /* @__PURE__ */ jsx(NavigationMenu.Item, {
+		"data-slot": "navigation-menu-item",
+		className: classes,
+		...props
+	});
+}
+/**
+* Кнопка пункта: открывает панель при наведении и нажатии, со стрелкой
+* @param props - пропсы кнопки
+* @returns кнопка
+*/
+function NavigationMenuTrigger({ className, children, ...props }) {
+	const classes = cn(navigationMenuTriggerStyle(), "group", className);
+	const iconClasses = cn("relative", "top-px", "ml-1", "size-3", "transition", "duration-300", "group-data-popup-open/navigation-menu-trigger:rotate-180");
+	return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: classes,
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				"aria-hidden": true,
+				className: iconClasses
+			})
+		]
+	});
+}
+/**
+* Панель пункта: проявляется в общем окне со сдвигом в сторону движения курсора
+* @param props - пропсы панели
+* @returns div
+*/
+function NavigationMenuContent({ className, ...props }) {
+	const classes = cn("h-full", "w-auto", "p-1", "transition-[opacity,transform,translate]", "duration-[0.35s]", "ease-[cubic-bezier(0.22,1,0.36,1)]", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:data-[activation-direction=left]:-translate-x-1/2", "data-starting-style:data-[activation-direction=right]:translate-x-1/2", "data-ending-style:data-[activation-direction=left]:translate-x-1/2", "data-ending-style:data-[activation-direction=right]:-translate-x-1/2", "**:data-[slot=navigation-menu-link]:focus:ring-0", "**:data-[slot=navigation-menu-link]:focus:outline-none", className);
+	return /* @__PURE__ */ jsx(NavigationMenu.Content, {
+		"data-slot": "navigation-menu-content",
+		className: classes,
+		...props
+	});
+}
+/**
+* Окно с панелями: появляется под открытым пунктом, плавно перемещается и меняет размер
+* при переходе между пунктами. Рендерится в NavigationMenu сам
+* @param props - пропсы окна
+* @returns портал с окном
+*/
+function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) {
+	const classes = cn("isolate", "z-50", "h-(--positioner-height)", "w-(--positioner-width)", "max-w-(--available-width)", "transition-[top,left,right,bottom]", "duration-[0.35s]", "ease-[cubic-bezier(0.22,1,0.36,1)]", "data-instant:transition-none", "data-[side=bottom]:before:absolute", "data-[side=bottom]:before:inset-x-0", "data-[side=bottom]:before:-top-2.5", "data-[side=bottom]:before:h-2.5", "data-[side=bottom]:before:content-[\"\"]", className);
+	const popupClasses = cn("relative", "h-(--popup-height)", "w-(--popup-width)", "origin-(--transform-origin)", "rounded-lg", "bg-popover", "text-popover-foreground", "shadow", "ring-1", "ring-foreground/10", "outline-none", "transition-[opacity,transform,width,height,scale,translate]", "duration-[0.35s]", "ease-[cubic-bezier(0.22,1,0.36,1)]", "data-starting-style:scale-90", "data-starting-style:opacity-0", "data-ending-style:scale-90", "data-ending-style:opacity-0", "data-ending-style:duration-150", "data-ending-style:ease-[ease]");
+	return /* @__PURE__ */ jsx(NavigationMenu.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
+		"data-slot": "navigation-menu-positioner",
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		className: classes,
+		...props,
+		children: /* @__PURE__ */ jsx(NavigationMenu.Popup, {
+			"data-slot": "navigation-menu-popup",
+			className: popupClasses,
+			children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
+				"data-slot": "navigation-menu-viewport",
+				className: "relative size-full overflow-hidden"
+			})
+		})
+	}) });
+}
+/**
+* Ссылка меню: в панели или на верхнем уровне. Ссылку роутера передают через render={<Link href />}
+* @param props - пропсы ссылки
+* @returns a
+*/
+function NavigationMenuLink({ className, ...props }) {
+	const classes = cn("flex", "items-center", "gap-2", "rounded-lg", "p-2", "text-sm", "transition-all", "outline-none", "hover:bg-muted", "focus:bg-muted", "focus-visible:ring-3", "focus-visible:ring-ring/50", "focus-visible:outline-1", "data-active:bg-muted/50", "data-active:hover:bg-muted", "data-active:focus:bg-muted", "in-data-[slot=navigation-menu-content]:rounded-md", "[&_svg:not([class*=size-])]:size-4", className);
+	return /* @__PURE__ */ jsx(NavigationMenu.Link, {
+		"data-slot": "navigation-menu-link",
+		className: classes,
+		...props
+	});
+}
+/**
+* Указатель: стрелка под открытым пунктом
+* @param props - пропсы указателя
+* @returns span
+*/
+function NavigationMenuIndicator({ className, ...props }) {
+	const classes = cn("top-full", "z-1", "flex", "h-1.5", "items-end", "justify-center", "overflow-hidden", className);
+	return /* @__PURE__ */ jsx(NavigationMenu.Icon, {
+		"data-slot": "navigation-menu-indicator",
+		className: classes,
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+	});
+}
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger };

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

@@ -0,0 +1,79 @@
+import { FloatingAlignT, FloatingSideT } from "../../lib/floating.js";
+import { CSSProperties } from "react";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+/**
+ * Стили кнопки пункта. Экспортируются, чтобы оформить так же ссылку верхнего уровня:
+ * <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+ */
+export declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Пропсы части: className только строкой, render и style описаны по-русски
+ */
+type PartPropsT<PropsT extends {
+  render?: unknown;
+}> = Omit<PropsT, 'className' | 'render' | 'style'> & {
+  /** Классы элемента */
+  className?: string;
+  /** Свой элемент вместо стандартного: render={<a />}. Стили и пропсы переходят на него */
+  render?: PropsT['render'];
+  /** Инлайн-стили элемента */
+  style?: CSSProperties;
+};
+/**
+ * Пропсы меню навигации
+ */
+export type NavigationMenuPropsT = PartPropsT<Omit<NavigationMenu.Root.Props, 'value' | 'defaultValue' | 'onValueChange' | 'delay' | 'closeDelay'>> & {
+  /** Значение открытого пункта — контролируемый режим, вместе с onValueChange; null — все закрыты */
+  value?: string | null;
+  /** Значение открытого пункта при первом рендере — неконтролируемый режим */
+  defaultValue?: string | null;
+  /** Открыт другой пункт: его значение; null — все закрыты */
+  onValueChange?: (value: string | null) => void;
+  /** Задержка перед открытием при наведении в мс. По умолчанию 50 */
+  delay?: number;
+  /** Задержка перед закрытием, когда курсор ушёл, в мс. По умолчанию 50 */
+  closeDelay?: number;
+  /** Выравнивание окна относительно открытого пункта. По умолчанию start */
+  align?: FloatingAlignT;
+};
+/**
+ * Пропсы списка пунктов
+ */
+export type NavigationMenuListPropsT = PartPropsT<NavigationMenu.List.Props>;
+/**
+ * Пропсы пункта
+ */
+export type NavigationMenuItemPropsT = PartPropsT<Omit<NavigationMenu.Item.Props, 'value'>> & {
+  /** Значение пункта: попадает в value меню, когда он открыт. По умолчанию — автоматическое */
+  value?: string;
+};
+/**
+ * Пропсы кнопки пункта
+ */
+export type NavigationMenuTriggerPropsT = PartPropsT<NavigationMenu.Trigger.Props>;
+/**
+ * Пропсы панели пункта
+ */
+export type NavigationMenuContentPropsT = PartPropsT<NavigationMenu.Content.Props>;
+/**
+ * Пропсы окна с панелями
+ */
+export type NavigationMenuPositionerPropsT = PartPropsT<Omit<NavigationMenu.Positioner.Props, 'side' | 'align'>> & {
+  /** Сторона относительно пункта. По умолчанию bottom */
+  side?: FloatingSideT;
+  /** Выравнивание относительно пункта. По умолчанию start */
+  align?: FloatingAlignT;
+  /** Отступ от пункта в px. По умолчанию 8 */
+  sideOffset?: number;
+  /** Сдвиг вдоль пункта в px. По умолчанию 0 */
+  alignOffset?: number;
+};
+/**
+ * Пропсы ссылки
+ */
+export type NavigationMenuLinkPropsT = PartPropsT<NavigationMenu.Link.Props>;
+/**
+ * Пропсы указателя
+ */
+export type NavigationMenuIndicatorPropsT = PartPropsT<NavigationMenu.Icon.Props>;
+export {};

package/dist/components/navigation-menu/types.js

@@ -0,0 +1,15 @@
+import { cva } from "class-variance-authority";
+// src/components/navigation-menu/types.ts
+/**
+* Стили кнопки пункта. Экспортируются, чтобы оформить так же ссылку верхнего уровня:
+* <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+*/
+const navigationMenuTriggerStyle = cva([
+	"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5",
+	"text-sm font-medium transition-all outline-none",
+	"hover:bg-muted focus:bg-muted data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted",
+	"data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted",
+	"focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1",
+	"disabled:pointer-events-none disabled:opacity-50"
+]);
+export { navigationMenuTriggerStyle };

package/dist/components/number-stepper/index.d.ts

@@ -0,0 +1,3 @@
+import { NumberStepperPropsT, numberStepperButtonVariants, numberStepperVariants } from "./types.js";
+import { NumberStepper } from "./number-stepper.js";
+export { NumberStepper, type NumberStepperPropsT, numberStepperButtonVariants, numberStepperVariants };

package/dist/components/number-stepper/index.js

@@ -0,0 +1,3 @@
+import { numberStepperButtonVariants, numberStepperVariants } from "./types.js";
+import { NumberStepper } from "./number-stepper.js";
+export { NumberStepper, numberStepperButtonVariants, numberStepperVariants };

package/dist/components/number-stepper/number-stepper.d.ts

@@ -0,0 +1,9 @@
+import { NumberStepperPropsT } from "./types.js";
+/**
+ * Степпер: число с кнопками «−» и «+». Держите кнопку — значение меняется всё быстрее;
+ * стрелки ↑↓ меняют на step, Shift+стрелки и PageUp/PageDown — на largeStep, Home/End — к границам.
+ * Значение можно ввести с клавиатуры, цифры прокручиваются в сторону изменения
+ * @param props - пропсы степпера
+ * @returns степпер
+ */
+export declare function NumberStepper({ className, variant, size, orientation, value, defaultValue, onValueChange, onValueCommitted, format, min, max, label, disabled, 'aria-invalid': ariaInvalid, ...props }: NumberStepperPropsT): import("react").JSX.Element;