prime-ui-kit 0.7.11 → 0.9.0

package/dist/components/tabs/Tabs.d.ts

@@ -1,36 +1,39 @@
 import * as React from "react";
-import type { TabsSize } from "@/internal/states";
-export type TabsOrientation = "horizontal" | "vertical";
-export type { TabsSize };
+import type { ControlSize, PaletteColor } from "@/internal/states";
 export type TabsRootProps = {
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
-    orientation?: TabsOrientation;
-    size?: TabsSize;
+    /** Default `horizontal`. A vertical list stacks above the panel in containers narrower than 600px. */
+    orientation?: "horizontal" | "vertical";
+    size?: ControlSize;
     children: React.ReactNode;
     className?: string;
-};
-declare function TabsRoot({ value, defaultValue, onValueChange, orientation, size, children, className, }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "children">;
+declare function TabsRoot({ value, defaultValue, onValueChange, orientation, size, children, className, ...rest }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabsRoot {
     var displayName: string;
 }
 export type TabsListProps = {
     children: React.ReactNode;
     className?: string;
-};
-declare function TabsList({ children, className }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+declare function TabsList({ children, className, ...rest }: TabsListProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabsList {
     var displayName: string;
 }
-export type TabsTabProps = {
+export type TabsTriggerProps = {
     value: string;
     disabled?: boolean;
+    /**
+     * Plain text, or parts: `Tabs.Icon`, `Tabs.Label`, `Tabs.Count`, `Tabs.Description`.
+     * A `Tabs.Description` makes the trigger two-line and becomes its accessible description.
+     */
     children: React.ReactNode;
     className?: string;
-};
-declare function TabsTab({ value, disabled, children, className }: TabsTabProps): import("react/jsx-runtime").JSX.Element;
-declare namespace TabsTab {
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "children" | "type" | "role" | "onClick">;
+declare function TabsTrigger({ value, disabled, children, className, ...rest }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TabsTrigger {
     var displayName: string;
 }
 export type TabsIconProps = {
@@ -45,25 +48,52 @@ export type TabsLabelProps = {
     children: React.ReactNode;
     className?: string;
 } & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
+/**
+ * Trigger title; truncates with an ellipsis in a constrained row. Text labels reserve the width of
+ * the medium weight, so the row does not shift when a tab becomes active.
+ */
 declare function TabsLabel({ children, className, ...rest }: TabsLabelProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabsLabel {
     var displayName: string;
 }
+export type TabsCountProps = {
+    /** Badge hue. Default `gray`. */
+    color?: PaletteColor;
+    children: React.ReactNode;
+    className?: string;
+};
+/** Counter next to the label: a soft badge one tier below the tabs size. */
+declare function TabsCount({ color, children, className }: TabsCountProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TabsCount {
+    var displayName: string;
+}
+export type TabsDescriptionProps = {
+    /** Muted second line; wrap a key value in `<strong>` to emphasize it. */
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
+declare function TabsDescription({ children, className, ...rest }: TabsDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TabsDescription {
+    var displayName: string;
+}
 export type TabsPanelProps = {
     value: string;
     children: React.ReactNode;
     className?: string;
-};
-declare function TabsPanel({ value, children, className }: TabsPanelProps): import("react/jsx-runtime").JSX.Element | null;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+declare function TabsPanel({ value, children, className, ...rest }: TabsPanelProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TabsPanel {
     var displayName: string;
 }
 export declare const Tabs: {
     Root: typeof TabsRoot;
     List: typeof TabsList;
-    Tab: typeof TabsTab;
+    Trigger: typeof TabsTrigger;
     Icon: typeof TabsIcon;
     Label: typeof TabsLabel;
+    Count: typeof TabsCount;
+    Description: typeof TabsDescription;
     Panel: typeof TabsPanel;
 };
+export {};
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/components/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAgBzB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,WAA0B,EAC1B,IAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,2CAqBf;kBA7BQ,QAAQ;;;AAkCjB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,2CA6HvD;kBA7HQ,QAAQ;;;AAkIjB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,QAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAuB9E;kBAvBQ,OAAO;;;AA4BhB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAMhE;kBANQ,QAAQ;;;AAYjB,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAMlE;kBANQ,SAAS;;;AAYlB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,kDAgBhE;kBAhBQ,SAAS;;;AAqBlB,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/tag/Tag.d.ts

@@ -1,8 +1,19 @@
 import * as React from "react";
-export type TagSize = "s" | "m" | "l" | "xl";
+import type { ControlSize, PaletteColor, Variant } from "@/internal/states";
+export type TagLabels = {
+    /** Accessible name of the remove button; include the tag text, e.g. «Удалить Design». */
+    remove: string;
+};
 export type TagRootProps = {
-    size?: TagSize;
+    /** Palette hue. Default `gray`. */
+    color?: PaletteColor;
+    /** Treatment. Default `soft`. */
+    variant?: Extract<Variant, "soft" | "outline">;
+    /** Badge tier; without it the tag follows the surrounding control one tier down. */
+    size?: ControlSize;
+    /** Shows the remove button. */
     onRemove?: () => void;
+    labels?: Partial<TagLabels>;
     disabled?: boolean;
     children?: React.ReactNode;
     className?: string;
@@ -17,8 +28,15 @@ declare namespace TagIcon {
 }
 export declare const Tag: {
     Root: React.ForwardRefExoticComponent<{
-        size?: TagSize;
+        /** Palette hue. Default `gray`. */
+        color?: PaletteColor;
+        /** Treatment. Default `soft`. */
+        variant?: Extract<Variant, "soft" | "outline">;
+        /** Badge tier; without it the tag follows the surrounding control one tier down. */
+        size?: ControlSize;
+        /** Shows the remove button. */
         onRemove?: () => void;
+        labels?: Partial<TagLabels>;
         disabled?: boolean;
         children?: React.ReactNode;
         className?: string;

package/dist/components/tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA+CF,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAErD;kBAFQ,OAAO;;;AAMhB,eAAO,MAAM,GAAG;;eA/DP,OAAO;mBACH,MAAM,IAAI;mBACV,OAAO;mBACP,KAAK,CAAC,SAAS;oBACd,MAAM;;;CA2D+B,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAI5E,MAAM,MAAM,SAAS,GAAG;IACtB,yFAAyF;IACzF,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,MAAM,MAAM,YAAY,GAAG;IACzB,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC/C,oFAAoF;IACpF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA8DF,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAErD;kBAFQ,OAAO;;;AAMhB,eAAO,MAAM,GAAG;;QArFd,mCAAmC;gBAC3B,YAAY;QACpB,iCAAiC;kBACvB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9C,oFAAoF;eAC7E,WAAW;QAClB,+BAA+B;mBACpB,MAAM,IAAI;iBACZ,OAAO,CAAC,SAAS,CAAC;mBAChB,OAAO;mBACP,KAAK,CAAC,SAAS;oBACd,MAAM;;;CA0E+B,CAAC"}

package/dist/components/tag-select/TagSelect.d.ts

@@ -1,60 +1,77 @@
-import * as React from "react";
-import { type BadgeColor } from "@/components/badge/Badge";
-import type { SelectSize } from "@/internal/states";
+import { type FieldFrameProps } from "@/internal/FieldFrame";
+import type { ControlSize, PaletteColor } from "@/internal/states";
 export type TagSelectOption = {
     value: string;
     label: string;
-    color?: BadgeColor;
+    color?: PaletteColor;
     disabled?: boolean;
 };
-export type TagSelectOptionManagement = {
-    /** Обновить подпись и/или цвет; `value` опции не меняется. */
-    onUpdate: (value: string, updates: {
-        label?: string;
-        color?: BadgeColor;
-    }) => void;
-    /** Удалить тег из справочника; выбранное значение с `value` снимается автоматически. */
-    onDelete: (value: string) => void;
-    /** Подпись секции палитры (по умолчанию «Colors»). */
-    colorsSectionLabel?: string;
-    /** Подпись кнопки удаления (по умолчанию «Delete»). */
-    deleteLabel?: string;
-    /** `aria-label` кнопки меню «⋯» (по умолчанию «Edit tag» + подпись тега). */
-    editMenuAriaLabelPrefix?: string;
+export type TagSelectLabels = {
+    /** Line above the list; `""` hides it. */
+    panelHint: string;
+    /** Action text before the preview of a new tag (`creatable`). */
+    create: string;
+    /** Accessible name of a chip's remove button; `{label}` is the tag text. */
+    remove: string;
+    /** Accessible name of the «+N» button; `{count}` is the number of hidden tags. */
+    more: string;
+    /** Screen-reader announcement after a tag is removed; `{label}` is the tag text. */
+    removed: string;
+    /** Accessible name of a row's «⋯» menu; `{label}` is the tag text. */
+    edit: string;
+    /** Accessible name of the tag name field in the menu. */
+    name: string;
+    /** Delete button in the menu. */
+    delete: string;
+    /** Heading of the color list in the menu. */
+    colors: string;
+    /** Names of the palette colors in the menu. */
+    colorNames: Record<PaletteColor, string>;
+    /** Muted marker after the label when `optional`. */
+    optional: string;
 };
-export type TagSelectRootProps = {
-    /** Доступные теги (значение + подпись + цвет Badge `filled`). */
+export type TagSelectOptionUpdate = {
+    label?: string;
+    color?: PaletteColor;
+};
+export type TagSelectRootProps = FieldFrameProps & {
+    /** Available tags: value, label and chip color. */
     options: TagSelectOption[];
     value?: string[];
     defaultValue?: string[];
-    onValueChange?: (next: string[]) => void;
-    /** Разрешить ввод нового значения, если его нет в списке. */
+    onValueChange?: (value: string[]) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Allow adding a value that is not in `options`. */
     creatable?: boolean;
-    /** Только для creatable: значение добавлено через Create / Enter, не выбрано из `options` (сохранение в БД и т.п.). */
-    onCreated?: (value: string) => void;
-    /** Цвет чипа для созданных вручную значений (если нет в `options`). */
-    defaultTagColor?: BadgeColor;
-    /** Текст над списком. */
-    hint?: React.ReactNode;
-    /** Подпись действия создания (перед превью тега). */
-    createActionLabel?: string;
+    /** A new value was created (Create row or Enter), not picked from `options`. */
+    onCreate?: (value: string) => void;
+    /** Chip color of values without an option color, including created ones. Default `gray`. */
+    defaultColor?: PaletteColor;
+    /** Enables the «⋯» row menu: tag name and color. `value` never changes. */
+    onOptionUpdate?: (value: string, updates: TagSelectOptionUpdate) => void;
+    /** Enables «Удалить» in the row menu; the value is also removed from the selection. */
+    onOptionDelete?: (value: string) => void;
     disabled?: boolean;
     placeholder?: string;
-    hasError?: boolean;
-    /** Как у `Select`: одна ось для поля (`data-size` на контроле) и панели списка; `Badge` без своего `size` берёт размер из этого контекста. */
-    size?: SelectSize;
-    /** Редактирование опций в списке: имя, цвет, удаление (меню «⋯» у строки). */
-    optionManagement?: TagSelectOptionManagement;
+    /** Danger ring and `aria-invalid`; a non-empty `error` implies it. */
+    invalid?: boolean;
+    /** Field tier; the list uses the same tier, chips one tier down. */
+    size?: ControlSize;
+    /** Id of the text input; generated when omitted. */
     id?: string;
+    labels?: Partial<TagSelectLabels>;
     className?: string;
     "aria-label"?: string;
     "aria-labelledby"?: string;
 };
-export declare function TagSelectRoot({ options, value: valueProp, defaultValue, onValueChange, creatable, onCreated, defaultTagColor, hint, createActionLabel, disabled, placeholder, hasError, size, optionManagement, id: idProp, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: TagSelectRootProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace TagSelectRoot {
+declare function TagSelectRoot({ options, value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, creatable, onCreate, defaultColor, onOptionUpdate, onOptionDelete, disabled, placeholder, invalid: invalidProp, focusRing, size, label, required, optional, hint, error, id: idProp, labels: labelsProp, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: TagSelectRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TagSelectRoot {
     var displayName: string;
 }
 export declare const TagSelect: {
     Root: typeof TagSelectRoot;
 };
+export {};
 //# sourceMappingURL=TagSelect.d.ts.map

package/dist/components/tag-select/TagSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/tag-select/TagSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAgBlE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkBF,MAAM,MAAM,yBAAyB,GAAG;IACtC,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,wFAAwF;IACxF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,iEAAiE;IACjE,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uHAAuH;IACvH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,uEAAuE;IACvE,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,yBAAyB;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8IAA8I;IAC9I,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAqPF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAiB,EACjB,aAAa,EACb,SAAiB,EACjB,SAAS,EACT,eAAwB,EACxB,IAAuC,EACvC,iBAA4B,EAC5B,QAAgB,EAChB,WAAgB,EAChB,QAAgB,EAChB,IAAU,EACV,gBAAgB,EAChB,EAAE,EAAE,MAAM,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,kBAAkB,2CA4gBpB;yBA/hBe,aAAa;;;AAmiB7B,eAAO,MAAM,SAAS;;CAErB,CAAC"}
+{"version":3,"file":"TagSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/tag-select/TagSelect.tsx"],"names":[],"mappings":"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"}

package/dist/components/textarea/Textarea.d.ts

@@ -1,43 +1,75 @@
 import * as React from "react";
-import type { TextareaSize, TextareaVariant } from "@/internal/states";
-export type TextareaCharCounterProps = {
-    current: number;
-    max: number;
+import type { ControlSize } from "@/internal/states";
+export type TextareaLabels = {
+    /** Muted marker after the label when `optional`. */
+    optional: string;
+    /** Screen-reader text of `Textarea.Counter`; `{current}` and `{max}` are replaced. */
+    counter: string;
 };
-declare function TextareaCharCounter({ current, max }: TextareaCharCounterProps): import("react/jsx-runtime").JSX.Element;
-declare namespace TextareaCharCounter {
-    var displayName: string;
-}
-export type TextareaRootProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
-    variant?: TextareaVariant;
-    size?: TextareaSize;
+export type TextareaRootProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "children"> & {
+    size?: ControlSize;
+    /** Invalid state: danger ring and `aria-invalid`. A non-empty `error` implies it. */
+    invalid?: boolean;
+    /**
+     * Draws the focus ring on the field box (default). `false` hides only the visual ring — focus,
+     * keyboard and ARIA are unchanged, the error ring still shows. Turn it off only where focus is
+     * otherwise obvious (a single search field with a caret, e.g. a command palette); WCAG 2.4.7.
+     */
+    focusRing?: boolean;
+    label?: React.ReactNode;
+    /** Shows the muted optional marker after the label text (`labels.optional`). */
+    optional?: boolean;
+    hint?: React.ReactNode;
+    /** Error message; replaces the hint in the same slot and implies `invalid`. */
+    error?: React.ReactNode;
+    /** Right-aligned slot of the support row, e.g. `<Textarea.Counter current={n} max={500} />`. */
+    counter?: React.ReactNode;
+    /** Always render the support row so an appearing error does not shift the layout. */
+    reserveSupportRow?: boolean;
+    /** Height follows the content. `false` → fixed height with native vertical resize. */
     autoResize?: boolean;
+    /** Called with the new string value; native `onChange` still fires. */
+    onValueChange?: (value: string) => void;
+    labels?: Partial<TextareaLabels>;
 };
-export type TextareaHintProps = {
-    children: React.ReactNode;
-    className?: string;
-} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
-declare function TextareaHint({ children, className, ...rest }: TextareaHintProps): import("react/jsx-runtime").JSX.Element;
-declare namespace TextareaHint {
-    var displayName: string;
-}
-export type TextareaErrorProps = {
-    children: React.ReactNode;
+export type TextareaCounterProps = {
+    current: number;
+    max: number;
     className?: string;
-} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
-declare function TextareaError({ children, className, ...rest }: TextareaErrorProps): import("react/jsx-runtime").JSX.Element;
-declare namespace TextareaError {
+};
+/** Character counter for the `counter` slot; turns danger when `current > max`. */
+declare function TextareaCounter({ current, max, className }: TextareaCounterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TextareaCounter {
     var displayName: string;
 }
 export declare const Textarea: {
-    Root: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
-        variant?: TextareaVariant;
-        size?: TextareaSize;
+    Root: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "children" | "size"> & {
+        size?: ControlSize;
+        /** Invalid state: danger ring and `aria-invalid`. A non-empty `error` implies it. */
+        invalid?: boolean;
+        /**
+         * Draws the focus ring on the field box (default). `false` hides only the visual ring — focus,
+         * keyboard and ARIA are unchanged, the error ring still shows. Turn it off only where focus is
+         * otherwise obvious (a single search field with a caret, e.g. a command palette); WCAG 2.4.7.
+         */
+        focusRing?: boolean;
+        label?: React.ReactNode;
+        /** Shows the muted optional marker after the label text (`labels.optional`). */
+        optional?: boolean;
+        hint?: React.ReactNode;
+        /** Error message; replaces the hint in the same slot and implies `invalid`. */
+        error?: React.ReactNode;
+        /** Right-aligned slot of the support row, e.g. `<Textarea.Counter current={n} max={500} />`. */
+        counter?: React.ReactNode;
+        /** Always render the support row so an appearing error does not shift the layout. */
+        reserveSupportRow?: boolean;
+        /** Height follows the content. `false` → fixed height with native vertical resize. */
         autoResize?: boolean;
+        /** Called with the new string value; native `onChange` still fires. */
+        onValueChange?: (value: string) => void;
+        labels?: Partial<TextareaLabels>;
     } & React.RefAttributes<HTMLTextAreaElement>>;
-    CharCounter: typeof TextareaCharCounter;
-    Hint: typeof TextareaHint;
-    Error: typeof TextareaError;
+    Counter: typeof TextareaCounter;
 };
 export {};
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAY,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAuBjF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,iBAAS,mBAAmB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,wBAAwB,2CAWtE;kBAXQ,mBAAmB;;;AAgC5B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,GAAG;IAChG,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AA4JF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3D,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAqBxE;kBArBQ,YAAY;;;AA2BrB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3D,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAqB1E;kBArBQ,aAAa;;;AA2BtB,eAAO,MAAM,QAAQ;;kBA/NT,eAAe;eAClB,YAAY;qBACN,OAAO;;;;;CAkOrB,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,MAAM,MAAM,cAAc,GAAG;IAC3B,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,sFAAsF;IACtF,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAaF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,UAAU,CACpB,GAAG;IACF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gGAAgG;IAChG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAClC,CAAC;AAkKF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,mFAAmF;AACnF,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAezE;kBAfQ,eAAe;;;AAmBxB,eAAO,MAAM,QAAQ;;eApNZ,WAAW;QAClB,qFAAqF;kBAC3E,OAAO;QACjB;;;;WAIG;oBACS,OAAO;gBACX,KAAK,CAAC,SAAS;QACvB,gFAAgF;mBACrE,OAAO;eACX,KAAK,CAAC,SAAS;QACtB,+EAA+E;gBACvE,KAAK,CAAC,SAAS;QACvB,gGAAgG;kBACtF,KAAK,CAAC,SAAS;QACzB,qFAAqF;4BACjE,OAAO;QAC3B,sFAAsF;qBACzE,OAAO;QACpB,uEAAuE;wBACvD,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;iBAC9B,OAAO,CAAC,cAAc,CAAC;;;CAgMjC,CAAC"}

package/dist/components/timeline/Timeline.d.ts

@@ -0,0 +1,155 @@
+import * as React from "react";
+import type { ControlSize, PaletteColor, Tone } from "@/internal/states";
+export type TimelineRootProps = {
+    /** Tier of text, dots and row rhythm. Default `m` (rows 64px). */
+    size?: ControlSize;
+    /**
+     * Who gets the highlighted look (pill, accent title and dot):
+     * `selected` (default) — the `active` row keeps it; interactive rows get a faint hover wash.
+     * `hover` — the row under the pointer or with keyboard focus, transiently; `active` keeps only
+     * its semantics (`aria-current`), no persistent highlight.
+     */
+    highlight?: "selected" | "hover";
+    /** `Timeline.Group` elements. */
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+export type TimelineGroupProps = {
+    /** Group heading (e.g. «Недавно»); labels the list via `aria-labelledby`. */
+    label?: React.ReactNode;
+    /** `Timeline.Item` and `Timeline.Gap` elements. */
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.OlHTMLAttributes<HTMLOListElement>, "children">;
+export type TimelineItemProps = {
+    /** Decorative dot hue (categorization). Default `blue`, shown at reduced emphasis. */
+    color?: PaletteColor;
+    /** Semantic dot color (status). Wins over `color`; shown at full emphasis. */
+    tone?: Tone;
+    /** Highlighted / selected row: soft pill, accent title and dot; `data-state="active"`, `aria-current`. */
+    active?: boolean;
+    /** Renders the row as a link. */
+    href?: string;
+    /** Renders the row as the single child element (router link etc.); the dot is prepended to its children. */
+    asChild?: boolean;
+    /** Renders the row as a `button` (unless `href` / `asChild`). */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /** `Timeline.Title`, `Timeline.Meta`, `Timeline.Value`. */
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLElement>, "children" | "color" | "onClick"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "rel" | "download">;
+export type TimelineTitleProps = {
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
+/** First line: the event. Medium, primary (accent on the active row); wraps when narrow. */
+declare function TimelineTitle({ children, className, ...rest }: TimelineTitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TimelineTitle {
+    var displayName: string;
+}
+export type TimelineMetaProps = {
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
+/** Second line: date and relative time, muted, tabular numbers. Emphasize a part with `Timeline.MetaPrimary` or `<strong>`. */
+declare function TimelineMeta({ children, className, ...rest }: TimelineMetaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TimelineMeta {
+    var displayName: string;
+}
+export type TimelineMetaPrimaryProps = {
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
+/** Emphasized part of the meta line (the date): primary, medium. */
+declare function TimelineMetaPrimary({ children, className, ...rest }: TimelineMetaPrimaryProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TimelineMetaPrimary {
+    var displayName: string;
+}
+export type TimelineValueProps = {
+    /** Text color. Default `neutral` (primary text). */
+    tone?: Tone;
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
+/**
+ * Trailing amount: right-aligned, vertically centered, tabular numbers. Add `Timeline.ValueMeta` for a
+ * muted second line. Moves under the meta below 20rem.
+ */
+declare function TimelineValue({ tone, children, className, ...rest }: TimelineValueProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TimelineValue {
+    var displayName: string;
+}
+export type TimelineValueMetaProps = {
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
+/** Second line inside `Timeline.Value` (category, unit): meta size, muted, right-aligned under the value. */
+declare function TimelineValueMeta({ children, className, ...rest }: TimelineValueMetaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TimelineValueMeta {
+    var displayName: string;
+}
+export type TimelineGapProps = {
+    /** Caption color and hollow dot. Default `neutral` (muted); `warning` / `danger` flag a long interval. */
+    tone?: Tone;
+    /** Optional trailing caption on the right (e.g. «сейчас»). */
+    trailing?: React.ReactNode;
+    /** Interval caption, e.g. «40 дней · 2 200 км без обслуживания». */
+    children: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+export declare const Timeline: {
+    Root: React.ForwardRefExoticComponent<{
+        /** Tier of text, dots and row rhythm. Default `m` (rows 64px). */
+        size?: ControlSize;
+        /**
+         * Who gets the highlighted look (pill, accent title and dot):
+         * `selected` (default) — the `active` row keeps it; interactive rows get a faint hover wash.
+         * `hover` — the row under the pointer or with keyboard focus, transiently; `active` keeps only
+         * its semantics (`aria-current`), no persistent highlight.
+         */
+        highlight?: "selected" | "hover";
+        /** `Timeline.Group` elements. */
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<{
+        /** Group heading (e.g. «Недавно»); labels the list via `aria-labelledby`. */
+        label?: React.ReactNode;
+        /** `Timeline.Item` and `Timeline.Gap` elements. */
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<React.OlHTMLAttributes<HTMLOListElement>, "children"> & React.RefAttributes<HTMLOListElement>>;
+    Item: React.ForwardRefExoticComponent<{
+        /** Decorative dot hue (categorization). Default `blue`, shown at reduced emphasis. */
+        color?: PaletteColor;
+        /** Semantic dot color (status). Wins over `color`; shown at full emphasis. */
+        tone?: Tone;
+        /** Highlighted / selected row: soft pill, accent title and dot; `data-state="active"`, `aria-current`. */
+        active?: boolean;
+        /** Renders the row as a link. */
+        href?: string;
+        /** Renders the row as the single child element (router link etc.); the dot is prepended to its children. */
+        asChild?: boolean;
+        /** Renders the row as a `button` (unless `href` / `asChild`). */
+        onClick?: React.MouseEventHandler<HTMLElement>;
+        /** `Timeline.Title`, `Timeline.Meta`, `Timeline.Value`. */
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<React.HTMLAttributes<HTMLElement>, "children" | "color" | "onClick"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "rel" | "target" | "download"> & React.RefAttributes<HTMLElement>>;
+    Title: typeof TimelineTitle;
+    Meta: typeof TimelineMeta;
+    MetaPrimary: typeof TimelineMetaPrimary;
+    Value: typeof TimelineValue;
+    ValueMeta: typeof TimelineValueMeta;
+    Gap: React.ForwardRefExoticComponent<{
+        /** Caption color and hollow dot. Default `neutral` (muted); `warning` / `danger` flag a long interval. */
+        tone?: Tone;
+        /** Optional trailing caption on the right (e.g. «сейчас»). */
+        trailing?: React.ReactNode;
+        /** Interval caption, e.g. «40 дней · 2 200 км без обслуживания». */
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+};
+export {};
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/components/timeline/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/timeline/Timeline.tsx"],"names":[],"mappings":"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"}

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export type TooltipSize = "s" | "m" | "l" | "xl";
+import type { ControlSize } from "@/internal/states";
 export type TooltipSide = "top" | "bottom" | "left" | "right";
 export type TooltipProviderProps = {
     delayDuration?: number;
@@ -14,8 +14,10 @@ export type TooltipRootProps = {
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
+    /** Задержка показа (мс) для этого тултипа; по умолчанию — из `Tooltip.Provider` (400). */
+    delayDuration?: number;
 };
-declare function TooltipRoot({ children, open, defaultOpen, onOpenChange }: TooltipRootProps): import("react/jsx-runtime").JSX.Element;
+declare function TooltipRoot({ children, open, defaultOpen, onOpenChange, delayDuration: delayProp, }: TooltipRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TooltipRoot {
     var displayName: string;
 }
@@ -27,9 +29,16 @@ declare function TooltipTrigger({ children, className }: TooltipTriggerProps): R
 declare namespace TooltipTrigger {
     var displayName: string;
 }
+type TooltipCoords = {
+    top: number;
+    left: number;
+    side: TooltipSide;
+};
+/** Позиция по стороне; если не влезает — противоположная сторона; затем сдвиг в пределах вьюпорта. */
+export declare function computeTooltipPosition(ar: Pick<DOMRectReadOnly, "top" | "left" | "right" | "bottom" | "width" | "height">, cw: number, ch: number, vw: number, vh: number, side: TooltipSide, offset: number, pad: number): TooltipCoords;
 export type TooltipContentProps = {
     children: React.ReactNode;
-    size?: TooltipSize;
+    size?: ControlSize;
     side?: TooltipSide;
     className?: string;
 };