@carparkteam/parz-ui 0.0.0-stage → 1.0.0

package/dist/types/Icon.d.ts

@@ -0,0 +1,49 @@
+import { type ReactNode } from 'react';
+/**
+ * Иконка пункта меню. Варианты:
+ *  - 'film', 'ticket', 'pin', 'bell'…      — встроенные иконки (как в Meridian): контур, у активного — заливка
+ *  - 'ms:home' / 'ms:home:outlined'          — Material Symbols (Rounded по умолчанию; стиль: rounded | outlined | sharp).
+ *                                              У активного пункта заливка плавно перетекает (FILL 0 → 1)
+ *  - 'mi:home' / 'mi:home:outlined'          — классические Material Icons (filled | outlined | round | sharp | two-tone)
+ *  - любой ReactNode                          — своя иконка (svg, картинка, компонент из любой библиотеки)
+ */
+export type IconSpec = string | ReactNode;
+declare const MS_STYLES: {
+    readonly rounded: "Rounded";
+    readonly outlined: "Outlined";
+    readonly sharp: "Sharp";
+};
+declare const MI_STYLES: {
+    readonly filled: "";
+    readonly outlined: "Outlined";
+    readonly round: "Round";
+    readonly sharp: "Sharp";
+    readonly 'two-tone': "Two Tone";
+};
+type MsStyle = keyof typeof MS_STYLES;
+type MiStyle = keyof typeof MI_STYLES;
+export declare function parseIcon(spec: IconSpec): {
+    kind: 'builtin';
+    name: string;
+} | {
+    kind: 'ms';
+    name: string;
+    style: MsStyle;
+} | {
+    kind: 'mi';
+    name: string;
+    style: MiStyle;
+} | {
+    kind: 'node';
+};
+/** Подключает шрифт Material Symbols / Material Icons с Google Fonts (один раз на страницу). */
+export declare function loadMaterialFont(kind: 'ms' | 'mi', style?: string): void;
+/**
+ * Рисует иконку. `activeIcon` — отдельная иконка для активного состояния (необязательно):
+ * у встроенных и Material Symbols активный вид и так есть (заливка).
+ */
+export declare function Icon({ icon, activeIcon }: {
+    icon: IconSpec;
+    activeIcon?: IconSpec;
+}): import("react").JSX.Element;
+export {};

package/dist/types/ParzCheckbox.d.ts

@@ -0,0 +1,41 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import './ParzCheckbox.css';
+export type ParzCheckboxSize = 'sm' | 'md' | 'lg' | number;
+/** Parz UI · Parz Checkbox — флажок с жидкой заливкой: капля цвета растекается по квадрату, галочка дорисовывается штрихом. */
+export interface ParzCheckboxProps {
+    /** Состояние (управляемый режим). */
+    checked?: boolean;
+    /** Начальное состояние (неуправляемый режим). */
+    defaultChecked?: boolean;
+    /** Вызывается при переключении — кликом или с клавиатуры. */
+    onChange?: (checked: boolean) => void;
+    /** «Частично выбрано» — вместо галочки чёрточка. Например, у «Выбрать все», когда выбрана часть списка. */
+    indeterminate?: boolean;
+    /** Подпись рядом с флажком. Без неё задайте ariaLabel. */
+    label?: ReactNode;
+    /** Мелкий поясняющий текст под подписью. */
+    description?: ReactNode;
+    /** С какой стороны подпись. По умолчанию 'end' (справа). */
+    labelPosition?: 'start' | 'end';
+    disabled?: boolean;
+    /** Ошибка: рамка и заливка красным, например «нужно согласиться с условиями». */
+    invalid?: boolean;
+    /** 'sm' | 'md' | 'lg' или сторона квадрата в px. По умолчанию 'md' (20 px). */
+    size?: ParzCheckboxSize;
+    /** Скругление углов в px. По умолчанию — треть от размера. */
+    radius?: number;
+    /** Цвет заливки, когда отмечен. */
+    accent?: string;
+    /** Цвет рамки, когда не отмечен. */
+    borderColor?: string;
+    /** Цвет галочки. */
+    checkColor?: string;
+    /** Подпись для экранных дикторов, если нет видимой label. */
+    ariaLabel?: string;
+    name?: string;
+    value?: string;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ParzCheckbox({ checked, defaultChecked, onChange, indeterminate, label, description, labelPosition, disabled, invalid, size, radius, accent, borderColor, checkColor, ariaLabel, name, value, id, className, style }: ParzCheckboxProps): import("react").JSX.Element;

package/dist/types/ParzCredit.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+import './ParzCredit.css';
+export declare const PARZ_CREDIT_URL = "https://dev.carpark.am/parz-ui";
+/** Parz UI · ParzCredit — подпись «Components by CarPark Team» со ссылкой, которую требует лицензия Parz UI. */
+export interface ParzCreditProps {
+    /** Начало подписи на языке вашего продукта, например 'Компоненты от'. По умолчанию 'Components by'. */
+    prefix?: string;
+    /** Цвет текста. По умолчанию наследуется, с прозрачностью 0.6. */
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ParzCredit({ prefix, color, className, style }: ParzCreditProps): import("react").JSX.Element;

package/dist/types/ParzMenu.d.ts

@@ -0,0 +1,240 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import { type IconSpec } from './Icon';
+import './ParzMenu.css';
+/** Бейдж: число (0 — скрыт), строка («new»), 'dot' или true — точка. */
+export type BadgeValue = number | string | 'dot' | boolean | null | undefined;
+export interface TabItem {
+    id: string;
+    label: string;
+    icon: IconSpec;
+    /** Иконка активного состояния. Не нужна для встроенных и Material Symbols — у них есть заливка. */
+    activeIcon?: IconSpec;
+    badge?: BadgeValue;
+    disabled?: boolean;
+    /** Подпись для экранного диктора, если label не подходит. */
+    ariaLabel?: string;
+}
+export interface ActionItem {
+    id: string;
+    /** Подпись для экранного диктора — обязательна: у кнопки нет текста. */
+    ariaLabel: string;
+    icon?: IconSpec;
+    activeIcon?: IconSpec;
+    /** Кнопка-аватар вместо иконки: буквы или картинка. */
+    avatar?: {
+        text?: string;
+        src?: string;
+    };
+    badge?: BadgeValue;
+    /** accent — залитая цветом кнопка для главного действия («+», «Купить»). default — обычная, как колокольчик. */
+    variant?: 'default' | 'accent';
+}
+export interface LiquidTabBarTheme {
+    /** Акцент: точка-бейдж, кольцо фокуса. */
+    accent: string;
+    text: string;
+    textActive: string;
+    /** Стекло панели: верх и низ градиента. */
+    surfaceTop: string;
+    surfaceBottom: string;
+    /** Тонкая обводка панели. */
+    border: string;
+    /** Объёмный блик капсул: светлая линия сверху и тень снизу. На светлой теме нижнюю делайте почти прозрачной. */
+    bevelTop: string;
+    bevelBottom: string;
+    /** Капля-подсветка активного пункта: верх и низ градиента. */
+    highlightTop: string;
+    highlightBottom: string;
+    /** Тень и блик капли (CSS box-shadow). На светлой теме — мягкая тень снизу, как у «таблетки». */
+    highlightShadow: string;
+    /** Фон круглых кнопок справа. */
+    actionBg: string;
+    actionActiveBg: string;
+    actionActiveText: string;
+    /** Акцентная круглая кнопка (variant: 'accent'), например «+». */
+    actionAccentBg: string;
+    actionAccentText: string;
+    badgeBg: string;
+    badgeText: string;
+    /** Кольцо вокруг бейджа — обычно цвет панели, чтобы бейдж «вырезался» из иконки. */
+    badgeRing: string;
+    avatarFrom: string;
+    avatarTo: string;
+    avatarText: string;
+    fontFamily: string;
+    /** Размеры — числа в px. */
+    radius: number;
+    padding: number;
+    gap: number;
+    itemPaddingY: number;
+    iconSize: number;
+    fontSize: number;
+    actionSize: number;
+    blur: number;
+    maxWidth: number;
+    /** Отступ от края экрана для position: 'bottom' | 'top'. */
+    offset: number;
+    /** Ширина пункта, когда меню без кнопок справа и стоит по центру. Если пункты не влезают, они делят ширину поровну. */
+    itemMinWidth: number;
+    /** Тень под панелью (CSS box-shadow). */
+    shadow: string;
+    /** Фон шапки на большом экране: сверху и в середине, ниже — растворяется. */
+    headerTop: string;
+    headerMid: string;
+    /** Размытие под шапкой, px. */
+    headerBlur: number;
+    /** Строка поиска: фон и обводка. */
+    searchBg: string;
+    searchBorder: string;
+}
+export interface LiquidMotion {
+    /** Время ведущего края капли, мс. */
+    lead: number;
+    /** Время отстающего края капли, мс. Чем больше разница с lead — тем сильнее капля тянется. */
+    lag: number;
+    /** Насколько капля сплющивается в полёте, 0…0.6. 0 — без сплющивания. */
+    squash: number;
+    /** Упругость кнопок справа и «всплеск» их капсулы при нажатии. */
+    jelly: boolean;
+    /** Пружинистость ведущего края, 1 — без перелёта, 1.6 — сильный перелёт. */
+    overshoot: number;
+    /** Время, за которое группа справа появляется/прячется и пункты переезжают по центру, мс. */
+    shift: number;
+    /** Упругая «волна» всей капсулы с пунктами при переключении — в сторону, куда уехала капля. 0 — выключено, 0.03–0.05 — мягко, 0.08 — сильно. */
+    wave: number;
+}
+/** Режим шапки для больших экранов (beta). */
+export interface DesktopOptions {
+    /** Где кнопка поиска в группе справа (для search: 'button' | 'expand'): start — первой (по умолчанию), end — последней. */
+    searchAt?: 'start' | 'end';
+    /** С какой ширины включается шапка, px. По умолчанию 1100. */
+    breakpoint?: number;
+    /** По ширине чего решать: окна браузера (обычно) или родителя меню (если меню живёт в узком контейнере или в превью). */
+    breakpointBy?: 'window' | 'parent';
+    /** Логотип слева: строка — простая надпись, или любой React-элемент (например, анимированный логотип). */
+    logo?: ReactNode;
+    /** Поиск: строка (bar), круглая кнопка (button), кнопка, которая раскрывается в строку (expand), или без поиска (none). */
+    search?: 'bar' | 'button' | 'expand' | 'none';
+    searchPlaceholder?: string;
+    /** Текст поиска (управляемый режим). */
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    /** Нажали Enter в строке поиска. */
+    onSearch?: (value: string) => void;
+    /** Нажали кнопку поиска (вид button). */
+    onSearchClick?: () => void;
+    /** Клавиша, которая открывает поиск. По умолчанию «/», false — выключить. */
+    searchShortcut?: string | false;
+    /** Ширина строки поиска, px. По умолчанию 420. */
+    searchWidth?: number;
+    /** Раскладка пунктов в шапке. По умолчанию inline — иконка и подпись в строку. */
+    layout?: 'stacked' | 'inline' | 'icons';
+    /** Где стоит группа справа, если нет строки поиска: end — прижата к правому краю (по умолчанию), next — сразу за пунктами. */
+    actionsAlign?: 'end' | 'next';
+    /** Ширина содержимого шапки, px. По умолчанию 1360. */
+    maxWidth?: number;
+    /** Высота шапки, px. По умолчанию 80. */
+    height?: number;
+}
+/** Поиск на узком экране (как в iOS): лупа в группе справа раскрывается в строку на всю ширину. */
+export interface MobileSearchOptions {
+    /** Где лупа в группе справа: start — первой (по умолчанию), end — последней. */
+    searchAt?: 'start' | 'end';
+    searchPlaceholder?: string;
+    /** Текст поиска (управляемый режим). */
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    /** Нажали стрелку «→» или Enter. */
+    onSearch?: (value: string) => void;
+}
+export interface LiquidTabBarProps {
+    items: TabItem[];
+    /** Активный пункт (управляемый режим). Можно передать id действия справа или null — тогда капля прячется. */
+    value?: string | null;
+    /** Активный пункт по умолчанию (неуправляемый режим). */
+    defaultValue?: string;
+    onChange?: (id: string) => void;
+    /** Круглые кнопки справа — не больше двух. Любые: уведомления, профиль, «+», поиск… Лишние отбрасываются. */
+    actions?: ActionItem[];
+    /** Какая кнопка справа сейчас «нажата» (подсвечена). */
+    activeAction?: string | null;
+    onAction?: (id: string) => void;
+    /** Спрятать круглые кнопки справа, не убирая actions. Без них меню сжимается по пунктам и встаёт по центру. */
+    hideActions?: boolean;
+    /** bottom / top — прилипает к краю экрана; static — встаёт в поток страницы. */
+    position?: 'bottom' | 'top' | 'static';
+    /** stacked — иконка над подписью (как в Meridian); inline — в строку; icons — только иконки. */
+    layout?: 'stacked' | 'inline' | 'icons';
+    theme?: Partial<LiquidTabBarTheme>;
+    motion?: Partial<LiquidMotion>;
+    /** Числа больше этого показываются как «99+». */
+    maxBadge?: number;
+    /** Подпись бейджа для экранного диктора. */
+    badgeLabel?: (label: string, badge: Exclude<BadgeValue, null | undefined | false>) => string;
+    /**
+     * Прозрачность стекла капсул: число 0…100 (% прозрачности) или готовый пресет.
+     * 0 — сплошной фон, 100 — фона нет совсем. Цвет берётся из темы (surfaceTop/surfaceBottom), меняется только прозрачность.
+     * Пресет задаёт ещё и размытие; число меняет только прозрачность, размытие тогда из theme.blur.
+     */
+    glass?: number | GlassPreset;
+    /**
+     * Что делать, если пункты не помещаются по ширине.
+     * more — последние пункты прячутся в кнопку «Меню» (•••), по нажатию всплывает их список; none — ничего не прятать.
+     */
+    overflow?: 'more' | 'none';
+    /** Меньше какой ширины пункт считается «не помещается», px. По умолчанию 64 (stacked), 104 (inline), 52 (icons). */
+    minItemWidth?: number;
+    /** Подпись кнопки «Меню». */
+    moreLabel?: string;
+    /** Иконка кнопки «Меню». По умолчанию — встроенная 'more' (три точки в круге, IconMCP): контур, у активной — заливка. */
+    moreIcon?: IconSpec;
+    /**
+     * Шапка для больших экранов (beta): на широком экране меню становится верхней шапкой во всю ширину —
+     * логотип, пункты в строку, поиск и кнопки справа, под шапкой затенение с размытием. На узком экране всё как обычно.
+     * true — с настройками по умолчанию.
+     */
+    desktop?: boolean | DesktopOptions;
+    /**
+     * Поиск на узком экране, как в iOS: лупа встаёт первой в группу справа (из кнопок остаётся последняя — всего две).
+     * По нажатию группа растекается на всю ширину: слева «✕» (закрыть), посередине поле, справа «→» (искать). Пункты на это время уходят.
+     */
+    mobileSearch?: boolean | MobileSearchOptions;
+    /** Язык встроенных подписей: «Меню», поиск, озвучка бейджей. По умолчанию en. Свои moreLabel, ariaLabel, searchPlaceholder важнее. */
+    locale?: LiquidLocale;
+    /** Сам подключать шрифты Material, если они встретились в иконках. По умолчанию — да. */
+    autoLoadFonts?: boolean;
+    ariaLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const DEFAULT_THEME: LiquidTabBarTheme;
+export type GlassPreset = 'solid' | 'frosted' | 'glass' | 'clear' | 'none';
+/** Готовые пресеты стекла: прозрачность фона в % и размытие в px. frosted — как в Meridian. */
+export declare const GLASS_PRESETS: Record<GlassPreset, {
+    label: string;
+    transparency: number;
+    blur: number;
+}>;
+/** Тот же цвет с другой прозрачностью. Понимает #rgb, #rrggbb, rgb() и rgba(); остальные цвета возвращает как есть. */
+export declare function withAlpha(color: string, alpha: number): string;
+export declare const DEFAULT_MOTION: LiquidMotion;
+export type LiquidLocale = 'en' | 'ru' | 'hy';
+/** Встроенные подписи компонента (кнопка «Меню», поиск, озвучка бейджа) на трёх языках. */
+export declare const LTB_STRINGS: Record<LiquidLocale, {
+    more: string;
+    nav: string;
+    search: string;
+    closeSearch: string;
+    go: string;
+    hasNew: string;
+}>;
+export declare function Badge({ value, max, inline }: {
+    value: BadgeValue;
+    max?: number;
+    inline?: boolean;
+}): import("react").JSX.Element | null;
+export declare function LiquidTabBar({ items, value, defaultValue, onChange, actions: allActions, activeAction, onAction, hideActions, position: positionProp, layout: layoutProp, theme, motion, maxBadge, badgeLabel: badgeLabelProp, locale, glass, overflow, minItemWidth, moreLabel: moreLabelProp, moreIcon, desktop, mobileSearch, autoLoadFonts, ariaLabel: ariaLabelProp, className, style }: LiquidTabBarProps): import("react").JSX.Element;
+/** Parz UI · Parz Menu — основное имя компонента. LiquidTabBar оставлен для совместимости. */
+export declare const ParzMenu: typeof LiquidTabBar;
+export type ParzMenuProps = LiquidTabBarProps;
+export type { ReactNode };

package/dist/types/ParzSlider.d.ts

@@ -0,0 +1,68 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import './ParzSlider.css';
+export type ParzSliderSize = 'sm' | 'md' | 'lg' | number;
+export type ParzSliderMark = number | {
+    value: number;
+    label?: ReactNode;
+};
+interface SliderCommon {
+    /** Минимум. По умолчанию 0. */
+    min?: number;
+    /** Максимум. По умолчанию 100. */
+    max?: number;
+    /** Шаг. По умолчанию 1. */
+    step?: number;
+    disabled?: boolean;
+    /** 'sm' | 'md' | 'lg' или диаметр бегунка в px. По умолчанию 'md' (20 px). */
+    size?: ParzSliderSize;
+    /** Цвет заполненной части. */
+    accent?: string;
+    /** Цвет дорожки. */
+    trackColor?: string;
+    /** Цвет бегунка. */
+    thumbColor?: string;
+    /** Пузырёк со значением над бегунком: 'auto' — пока тянут или фокус, 'always', 'never'. По умолчанию 'auto'. */
+    showValue?: 'auto' | 'always' | 'never';
+    /** Метки на дорожке: true — на каждом шаге, или список значений (можно с подписями). */
+    marks?: boolean | ParzSliderMark[];
+    /** Как показывать число: например v => `${v} ₽`. */
+    formatValue?: (v: number) => string;
+    /** Подпись над ползунком. */
+    label?: ReactNode;
+    /** Показывать текущее значение справа от подписи. По умолчанию да, если есть label. */
+    showOutput?: boolean;
+    /** Имя для форм — значения уходят скрытыми input. */
+    name?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Parz UI · Parz Slider — ползунок с жидким бегунком. */
+export interface ParzSliderProps extends SliderCommon {
+    value?: number;
+    defaultValue?: number;
+    /** Вызывается при каждом движении. */
+    onChange?: (value: number) => void;
+    /** Вызывается, когда отпустили бегунок или закончили нажатие клавиши. */
+    onChangeEnd?: (value: number) => void;
+    /** Подпись для экранных дикторов, если нет label. */
+    ariaLabel?: string;
+}
+/** Parz UI · Parz Range — ползунок промежутка: от 2 до 5 бегунков на одной дорожке. */
+export interface ParzRangeProps extends SliderCommon {
+    /** Значения бегунков по возрастанию: от 2 до 5 штук. */
+    value?: number[];
+    defaultValue?: number[];
+    onChange?: (value: number[]) => void;
+    onChangeEnd?: (value: number[]) => void;
+    /** Минимальное расстояние между соседними бегунками. По умолчанию 0. */
+    minDistance?: number;
+    /** Подписи бегунков для экранных дикторов, например ['From', 'To']. */
+    ariaLabels?: string[];
+    /** Что заливать: 'span' — от первого до последнего бегунка, 'pairs' — пары 1–2, 3–4 (например, «работа — перерыв — работа»). По умолчанию 'span'. */
+    fill?: 'span' | 'pairs';
+}
+/** Число бегунков у Parz Range: не меньше 2 и не больше 5. */
+export declare const RANGE_MIN_THUMBS = 2, RANGE_MAX_THUMBS = 5;
+export declare function ParzSlider({ value, defaultValue, onChange, onChangeEnd, ariaLabel, ...rest }: ParzSliderProps): import("react").JSX.Element;
+export declare function ParzRange({ value, defaultValue, onChange, onChangeEnd, minDistance, ariaLabels, fill, ...rest }: ParzRangeProps): import("react").JSX.Element;
+export {};

package/dist/types/ParzToggle.d.ts

@@ -0,0 +1,42 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import './ParzToggle.css';
+export type ParzToggleSize = 'sm' | 'md' | 'lg' | number;
+/** Parz UI · Parz Toggle — переключатель с жидким бегунком: тянется, сплющивается и чуть перелетает. */
+export interface ParzToggleProps {
+    /** Состояние (управляемый режим). */
+    checked?: boolean;
+    /** Начальное состояние (неуправляемый режим). */
+    defaultChecked?: boolean;
+    /** Вызывается при переключении — кликом, клавиатурой или перетаскиванием. */
+    onChange?: (checked: boolean) => void;
+    /** Подпись рядом с тумблером. Без неё задайте ariaLabel. */
+    label?: ReactNode;
+    /** С какой стороны подпись. По умолчанию 'end' (справа). */
+    labelPosition?: 'start' | 'end';
+    disabled?: boolean;
+    /** 'sm' | 'md' | 'lg' или высота дорожки в px. По умолчанию 'md' (20 px). */
+    size?: ParzToggleSize;
+    /** Цвет включённой дорожки. */
+    accent?: string;
+    /** Цвет выключенной дорожки. */
+    trackColor?: string;
+    /** Цвет бегунка. */
+    thumbColor?: string;
+    /** Подпись для экранных дикторов, если нет видимой label. */
+    ariaLabel?: string;
+    /** Можно ли тянуть бегунок пальцем или мышью. По умолчанию да. */
+    draggable?: boolean;
+    /** Минимальная пауза между переключениями, мс. Слишком частая попытка отклоняется: тумблер на секунду краснеет и вздрагивает. По умолчанию 0 — без ограничения. */
+    cooldown?: number;
+    /** Своя проверка: вернёт false — переключение отклоняется так же, как при cooldown. */
+    canChange?: (next: boolean) => boolean;
+    /** Вызывается, когда попытку отклонили. */
+    onReject?: (next: boolean) => void;
+    /** Цвет отказа. По умолчанию #ff5c5c. */
+    rejectColor?: string;
+    name?: string;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ParzToggle({ checked, defaultChecked, onChange, label, labelPosition, disabled, size, accent, trackColor, thumbColor, ariaLabel, draggable, cooldown, canChange, onReject, rejectColor, name, id, className, style }: ParzToggleProps): import("react").JSX.Element;

package/dist/types/Wordmark.d.ts

@@ -0,0 +1,42 @@
+import { type CSSProperties } from 'react';
+import './Wordmark.css';
+/** Parz UI · AnimoLogo — живой логотип-надпись (из Meridian). Каждая буква — отдельный «огонёк». */
+export interface AnimoLogoProps {
+    /** Текст логотипа. По умолчанию 'PARZ'. */
+    text?: string;
+    /** Анимация появления при монтировании: буквы выплывают из размытия, по ним проходит блик. По умолчанию да. */
+    intro?: boolean;
+    /** Задержка перед появлением, мс. */
+    introDelay?: number;
+    /** Редкое мерцание букв в покое. По умолчанию да. */
+    idle?: boolean;
+    /** Волна акцентного цвета при наведении мышью. По умолчанию да. */
+    hoverWave?: boolean;
+    /** Удержание: буквы сходятся и гаснут, снизу заполняется линия, по окончании — загораются акцентом. По умолчанию да. */
+    holdEffect?: boolean;
+    /** Сколько держать до «заполнения», мс. */
+    holdDuration?: number;
+    /** Удержали до конца — например, открыть секретное меню или «О приложении». */
+    onHoldComplete?: () => void;
+    /** Обычное нажатие (клик или Enter). Если есть — логотип становится кнопкой. */
+    onClick?: () => void;
+    /** Размер букв: число (px) или любая CSS-величина. По умолчанию 13. */
+    size?: number | string;
+    /** Цвет крайних (тусклых) букв. */
+    dimColor?: string;
+    /** Цвет центральных (ярких) букв. */
+    brightColor?: string;
+    /** Цвет при наведении. */
+    hoverColor?: string;
+    /** Акцент: волна, линия удержания, свечение. */
+    accent?: string;
+    /** Межбуквенный интервал, em. По умолчанию 0.34. */
+    spacing?: number;
+    ariaLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function AnimoLogo({ text, intro, introDelay, idle, hoverWave, holdEffect, holdDuration, onHoldComplete, onClick, size, dimColor, brightColor, hoverColor, accent, spacing, ariaLabel, className, style }: AnimoLogoProps): import("react").JSX.Element;
+/** Старое имя — оставлено для совместимости. */
+export declare const Wordmark: typeof AnimoLogo;
+export type WordmarkProps = AnimoLogoProps;

package/dist/types/icons.d.ts

@@ -0,0 +1,2 @@
+export declare const BUILTIN_ICONS: Record<string, [string | null, string | null]>;
+export type BuiltinIconName = keyof typeof BUILTIN_ICONS;

package/dist/types/index.d.ts

@@ -0,0 +1,16 @@
+export { ParzMenu, LiquidTabBar, Badge, DEFAULT_THEME, DEFAULT_MOTION, GLASS_PRESETS, LTB_STRINGS, withAlpha } from './ParzMenu';
+export type { ParzMenuProps, LiquidTabBarProps, LiquidTabBarTheme, LiquidMotion, TabItem, ActionItem, BadgeValue, GlassPreset, DesktopOptions, MobileSearchOptions, LiquidLocale } from './ParzMenu';
+export { Icon, loadMaterialFont, parseIcon } from './Icon';
+export type { IconSpec } from './Icon';
+export { BUILTIN_ICONS } from './icons';
+export type { BuiltinIconName } from './icons';
+export { AnimoLogo, Wordmark } from './Wordmark';
+export type { AnimoLogoProps, WordmarkProps } from './Wordmark';
+export { ParzToggle } from './ParzToggle';
+export type { ParzToggleProps, ParzToggleSize } from './ParzToggle';
+export { ParzCheckbox } from './ParzCheckbox';
+export type { ParzCheckboxProps, ParzCheckboxSize } from './ParzCheckbox';
+export { ParzSlider, ParzRange, RANGE_MIN_THUMBS, RANGE_MAX_THUMBS } from './ParzSlider';
+export type { ParzSliderProps, ParzRangeProps, ParzSliderSize, ParzSliderMark } from './ParzSlider';
+export { ParzCredit, PARZ_CREDIT_URL } from './ParzCredit';
+export type { ParzCreditProps } from './ParzCredit';

package/docs/animologo.en.md

@@ -0,0 +1,35 @@
+# AnimoLogo
+
+`AnimoLogo` is a separate Parz UI component: a text logo where every letter is a small light. Letters toward the center are brighter. It works on its own anywhere, and fits the header’s `logo` slot.
+
+- **appear** — letters float in out of a blur, a highlight runs across them;
+- **hover** — a wave of the accent color;
+- **press and hold** — letters gather and dim, a line fills underneath, after `holdDuration` they light up in the accent;
+- **release** — they spread back out and briefly brighten, nothing abrupt;
+- **idle** — a rare soft shimmer.
+
+```tsx
+import { ParzMenu, AnimoLogo } from '@carparkteam/parz-ui';
+
+<ParzMenu items={items} desktop={{ logo: <AnimoLogo text="CARPARK" /> }} />
+
+<AnimoLogo text="PARZ" size={22} onClick={() => navigate('/')} onHoldComplete={openAbout} />
+```
+
+| Prop | Default | What it does |
+|---|---|---|
+| `text` | `'PARZ'` | Logo text |
+| `size` | `13` | Letter size: px or any CSS value |
+| `intro` / `introDelay` | `true` / `150` | Appear animation on mount and its delay, ms |
+| `idle` | `true` | Rare shimmer at rest |
+| `hoverWave` | `true` | Wave on mouse hover |
+| `holdEffect` / `holdDuration` | `true` / `1000` | Press-and-hold effect and how long to hold, ms |
+| `onHoldComplete` | — | Held to the end — e.g. open “About” or a hidden menu |
+| `onClick` | — | Regular tap or Enter. With it the logo becomes a button |
+| `dimColor` / `brightColor` | `#7d7d87` / `#fafafa` | Edge and center letter colors. For a light page swap them |
+| `hoverColor` | `#fff` | Color on hover |
+| `accent` | `#6ee7a0` | Wave, hold line and glow |
+| `spacing` | `0.34` | Letter spacing, em |
+| `ariaLabel` | `text` | Screen reader label |
+
+The font is inherited from the parent, weight 700. With the system “reduce motion” setting only color changes remain.

package/docs/animologo.hy.md

@@ -0,0 +1,35 @@
+# AnimoLogo
+
+`AnimoLogo`-ը Parz UI-ի առանձին կոմպոնենտ է՝ լոգո-մակագրություն, որտեղ յուրաքանչյուր տառ փոքրիկ լույս է, կենտրոնին մոտ տառերն ավելի պայծառ են։ Աշխատում է ինքնուրույն ցանկացած տեղում և հարմար է վերնագոտու `logo` սլոտին։
+
+- **հայտնվել** — տառերը դուրս են գալիս մշուշից, դրանց վրայով անցնում է փայլ.
+- **սավառում** — շեշտի գույնի ալիք.
+- **սեղմած պահել** — տառերը հավաքվում ու մարում են, ներքևում լցվում է գիծ, `holdDuration`-ից հետո վառվում են շեշտի գույնով.
+- **բաց թողնել** — սահուն ցրվում են և կարճ ժամանակով պայծառանում, առանց կտրուկ բռնկումների.
+- **հանգիստ** — հազվադեպ մեղմ առկայծում։
+
+```tsx
+import { ParzMenu, AnimoLogo } from '@carparkteam/parz-ui';
+
+<ParzMenu items={items} desktop={{ logo: <AnimoLogo text="CARPARK" /> }} />
+
+<AnimoLogo text="PARZ" size={22} onClick={() => navigate('/')} onHoldComplete={openAbout} />
+```
+
+| Պրոպ | Լռելյայն | Ինչ է անում |
+|---|---|---|
+| `text` | `'PARZ'` | Լոգոյի տեքստը |
+| `size` | `13` | Տառերի չափը՝ px կամ ցանկացած CSS արժեք |
+| `intro` / `introDelay` | `true` / `150` | Հայտնվելու անիմացիա մոնտաժելիս և դրա ուշացումը, մվ |
+| `idle` | `true` | Հազվադեպ առկայծում հանգստի վիճակում |
+| `hoverWave` | `true` | Ալիք մկնիկով սավառելիս |
+| `holdEffect` / `holdDuration` | `true` / `1000` | Սեղմած պահելու էֆեկտը և որքան պահել, մվ |
+| `onHoldComplete` | — | Պահեցին մինչև վերջ՝ օրինակ, բացել «Հավելվածի մասին» կամ թաքնված մենյու |
+| `onClick` | — | Սովորական սեղմում կամ Enter։ Դրանով լոգոն դառնում է կոճակ |
+| `dimColor` / `brightColor` | `#7d7d87` / `#fafafa` | Եզրային և կենտրոնական տառերի գույնը։ Բաց էջի համար փոխեք տեղերով |
+| `hoverColor` | `#fff` | Գույնը սավառելիս |
+| `accent` | `#6ee7a0` | Ալիք, պահելու գիծ և փայլ |
+| `spacing` | `0.34` | Տառերի միջև հեռավորություն, em |
+| `ariaLabel` | `text` | Պիտակ ընթերցիչի համար |
+
+Տառատեսակը ժառանգվում է ծնողից, հաստությունը՝ 700։ Համակարգային «նվազեցնել շարժումը» կարգավորման դեպքում մնում է միայն գույնի փոփոխությունը։

package/docs/animologo.ru.md

@@ -0,0 +1,35 @@
+# AnimoLogo
+
+`AnimoLogo` — отдельный компонент Parz UI: логотип-надпись, где каждая буква — маленький огонёк, к центру буквы ярче. Работает сам по себе где угодно и подходит в слот `logo` шапки.
+
+- **появление** — буквы выплывают из размытия, по ним проходит блик;
+- **наведение** — волна акцентного цвета;
+- **удержание** — буквы сходятся и гаснут, снизу заполняется линия, через `holdDuration` загораются акцентом;
+- **отпускание** — плавно расходятся и ненадолго светлеют, без резких вспышек;
+- **в покое** — редкое мягкое мерцание.
+
+```tsx
+import { ParzMenu, AnimoLogo } from '@carparkteam/parz-ui';
+
+<ParzMenu items={items} desktop={{ logo: <AnimoLogo text="CARPARK" /> }} />
+
+<AnimoLogo text="PARZ" size={22} onClick={() => navigate('/')} onHoldComplete={openAbout} />
+```
+
+| Проп | По умолчанию | Что делает |
+|---|---|---|
+| `text` | `'PARZ'` | Текст логотипа |
+| `size` | `13` | Размер букв: px или любая CSS-величина |
+| `intro` / `introDelay` | `true` / `150` | Анимация появления при монтировании и её задержка, мс |
+| `idle` | `true` | Редкое мерцание в покое |
+| `hoverWave` | `true` | Волна при наведении мышью |
+| `holdEffect` / `holdDuration` | `true` / `1000` | Эффект удержания и сколько держать, мс |
+| `onHoldComplete` | — | Удержали до конца — например, открыть «О приложении» или скрытое меню |
+| `onClick` | — | Обычное нажатие или Enter. С ним логотип становится кнопкой |
+| `dimColor` / `brightColor` | `#7d7d87` / `#fafafa` | Цвет крайних и центральных букв. Для светлой страницы поменяйте местами |
+| `hoverColor` | `#fff` | Цвет при наведении |
+| `accent` | `#6ee7a0` | Волна, линия удержания и свечение |
+| `spacing` | `0.34` | Расстояние между буквами, em |
+| `ariaLabel` | `text` | Подпись для диктора |
+
+Шрифт наследуется от родителя, жирность 700. При системной настройке «уменьшить движение» остаётся только смена цвета.