prime-ui-kit 0.10.0 → 0.11.0

package/dist/components/gantt/ganttModel.d.ts

@@ -0,0 +1,133 @@
+import { type Locale } from "date-fns";
+import type { PaletteColor, Tone } from "../../internal/states";
+/**
+ * Gantt logic without time zones: every date is a calendar day (local midnight), like Datepicker.
+ * Geometry is in days from the range start; CSS turns days into length (`--gantt-day`).
+ */
+/** Zoom of the time axis: one column per day, week or month. */
+export type GanttScale = "day" | "week" | "month";
+/** A time span. `end` is exclusive: a one-day task on 3 July ends on 4 July. */
+export type GanttDates = {
+    start: Date;
+    end: Date;
+};
+/** One bar of a row. `start` equal to `end` is a milestone (a diamond on that day). */
+export type GanttBar = GanttDates & {
+    /** Stable id, unique across the chart. */
+    id: string;
+    /** Text inside the bar (beside it when the bar is too short) and in its accessible name. */
+    label: string;
+    /** Palette hue for a category. Default `blue`. */
+    color?: PaletteColor;
+    /** Status color; wins over `color`. */
+    tone?: Tone;
+    /** Share done, `0…1`: a stronger fill from the start of the bar. */
+    progress?: number;
+    /** This bar cannot be moved or resized (a public holiday, a closed phase). */
+    readOnly?: boolean;
+};
+export declare const SCALES: readonly GanttScale[];
+export declare function unitDays(scale: GanttScale): number;
+/** `date` moved by `steps` units of the scale (whole days, weeks or calendar months). */
+export declare function shiftDate(date: Date, steps: number, scale: GanttScale): Date;
+/** Start of the scale unit holding `date`: the day, the Monday of its week, the 1st of its month. */
+export declare function unitStart(date: Date, scale: GanttScale): Date;
+/** Days between two calendar dates (`b − a`). */
+export declare function daysBetween(a: Date, b: Date): number;
+export declare function isMilestone(dates: GanttDates): boolean;
+/**
+ * The axis: `range` when given (snapped to whole units), otherwise every bar and today with
+ * `PAD_UNITS` of room on both sides, at least `MIN_UNITS` long.
+ */
+export declare function resolveRange(bars: readonly GanttDates[], today: Date, scale: GanttScale, range?: GanttDates): GanttDates;
+/** A cell of a header tier, in days from the range start. */
+export type GanttHeaderCell = {
+    key: string;
+    x: number;
+    span: number;
+    text: string;
+    /** Saturday or Sunday (day scale). */
+    weekend?: boolean;
+    /** The cell holds today. */
+    today?: boolean;
+    /** Bottom tier: the first cell of a new upper period (a month, a year) after the first. */
+    boundary?: boolean;
+};
+/**
+ * The two header tiers of a scale: days under months, weeks under months, months under years.
+ * The upper tier is built from whole bottom cells — a month label at the week zoom starts at the
+ * first week of that month, never inside a column — and the bottom cell that opens a new period is
+ * marked `boundary`.
+ */
+export declare function headerTiers(scale: GanttScale, range: GanttDates, today: Date, locale: Locale): {
+    top: GanttHeaderCell[];
+    bottom: GanttHeaderCell[];
+};
+/**
+ * Offset of the week pattern (weekend washes) from the range start, in days: the Monday on or
+ * before the start, so the repeating week tile lines up with the calendar. Zero or negative.
+ */
+export declare function weekOffset(range: GanttDates): number;
+/**
+ * Lanes of one row: bars that overlap in time go to separate lanes, each bar to the first lane
+ * that is free at its start. A milestone takes its day. Returns the lane per bar id and the count.
+ */
+export declare function assignLanes(bars: readonly GanttBar[]): {
+    lanes: Map<string, number>;
+    count: number;
+};
+/** What a pointer or a key changes: the whole bar, its start or its end. */
+export type GanttEdit = "move" | "start" | "end";
+/**
+ * The dates after `steps` steps of `edit`, a step being one `unit`: a day (the editing precision
+ * at every zoom), or the zoom's week / month for a coarse step.
+ * A resize clamps at the opposite edge: a bar is never shorter than one day and never flips; a
+ * milestone only moves.
+ */
+export declare function applyEdit(dates: GanttDates, edit: GanttEdit, steps: number, unit: GanttScale): GanttDates;
+/**
+ * Hysteresis of a day snap, in days: an edge leaves its day only when the pointer passes the
+ * middle by this much (and at least ~2 px), so at a few px per day it never jitters between two.
+ */
+export declare function snapHysteresis(px: number): number;
+/** `raw` (days, fractional) rounded to whole days, keeping `current` until `raw` clearly leaves it. */
+export declare function stickyRound(raw: number, current: number, hysteresis: number): number;
+/** The whole day under `raw` (days from the start), keeping `current` near its edges. */
+export declare function stickyFloor(raw: number, current: number | null, hysteresis: number): number;
+export declare function sameDates(a: GanttDates, b: GanttDates): boolean;
+/** «3 июля 2026» — the spoken and tooltip form of a day. */
+export declare function formatDay(date: Date, locale: Locale, withYear?: boolean): string;
+/** Display of a span: «3 – 14 июля», «28 июня – 4 июля», a milestone «3 июля»; the last day is inclusive. */
+export declare function formatSpan(dates: GanttDates, locale: Locale): string;
+/**
+ * A focusable cell in reading order: a row header (`row`) or a bar, with its row index and, for a
+ * bar, its centre in days. Items come row by row, the header first, then the bars in time order.
+ */
+export type GanttNavItem = {
+    id: string;
+    row: number;
+    center: number;
+    kind: "row" | "bar";
+};
+/**
+ * The cell a navigation key moves to, or `null`. ←/→ step along the row (its header, then its
+ * bars in time order) and stop at the ends. ↑/↓ from a bar go to the nearest bar in time of the
+ * closest row that has bars; from a row header, to the header of the next row (empty rows too).
+ * Home/End — first/last bar of the row; Ctrl+Home/End — of the chart.
+ */
+export declare function navigate(items: readonly GanttNavItem[], currentId: string, key: string, ctrl: boolean): string | null;
+/** A box in viewport px. */
+export type GanttRect = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+};
+/**
+ * The part of `rect` inside `viewport` (the timeline: the scroller without its sticky header and
+ * label column), as an anchor rect, or `null` when nothing of it is visible.
+ */
+export declare function visibleSegment(rect: GanttRect, viewport: GanttRect): (GanttRect & {
+    width: number;
+    height: number;
+}) | null;

package/dist/components/gantt/useEdgeAutoScroll.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+/**
+ * Horizontal auto-scroll for a gesture on the time axis (move, resize, draw a bar): while the
+ * pointer is near the start edge — the end of the pinned column, not the scroller's own edge, which
+ * is why `autoScrollStep` does not fit — or near the end edge, the chart's scroller moves at the
+ * kit's edge speed (`edgeSpeed`, `src/internal/edgeAutoScroll`), and `onScrolled` lets the gesture
+ * re-read its position.
+ */
+export declare function useEdgeAutoScroll(scrollRef: React.RefObject<HTMLElement | null>, startEdge: () => number): {
+    follow: (clientX: number, onScrolled: () => void) => void;
+    stop: () => void;
+};

package/dist/components/hint/Hint.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ControlSize } from "@/internal/states";
+import type { ControlSize } from "../../internal/states";
 export type HintRootProps = React.HTMLAttributes<HTMLParagraphElement> & {
     /** Tier of the paired field. */
     size?: ControlSize;

package/dist/components/index.d.ts

@@ -1,7 +1,9 @@
 export type { ControlSizeProviderProps } from "../internal/ControlSizeContext";
 export { ControlSizeProvider, useOptionalControlSize } from "../internal/ControlSizeContext";
-export type { ProgressSegment } from "../internal/progressSegments";
-export * from "../layout";
+export type { ProgressScale, ProgressSegment } from "../internal/progressSegments";
+export type { VisuallyHiddenProps } from "../internal/VisuallyHidden";
+export { VisuallyHidden } from "../internal/VisuallyHidden";
+export * from "../layout/index";
 export type { AccordionContentProps, AccordionHeaderProps, AccordionIconProps, AccordionItemProps, AccordionMultipleProps, AccordionRootProps, AccordionSingleProps, AccordionTriggerProps, } from "./accordion/Accordion";
 export { Accordion } from "./accordion/Accordion";
 export type { AvatarFallbackProps, AvatarGroupProps, AvatarImageProps, AvatarOverflowProps, AvatarPresence, AvatarRootProps, AvatarSize, AvatarStatusLabels, AvatarStatusProps, } from "./avatar/Avatar";
@@ -13,48 +15,64 @@ export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLabels, Br
 export { Breadcrumb } from "./breadcrumb/Breadcrumb";
 export type { ButtonIconProps, ButtonLabels, ButtonRootProps } from "./button/Button";
 export { Button } from "./button/Button";
-export type { ButtonGroupIconProps, ButtonGroupItemProps, ButtonGroupOrientation, ButtonGroupRootProps, } from "./button-group/ButtonGroup";
+export type { ButtonGroupIconProps, ButtonGroupItemProps, ButtonGroupLabels, ButtonGroupOrientation, ButtonGroupRootProps, } from "./button-group/ButtonGroup";
 export { ButtonGroup } from "./button-group/ButtonGroup";
-export type { CardBodyProps, CardDeltaProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardHeadingLevel, CardIconProps, CardLabelProps, CardListItemProps, CardListProps, CardMediaProps, CardRootProps, CardTitleProps, CardValueProps, CardVariant, } from "./card/Card";
+export type { CardBodyProps, CardDeltaProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardHeadingLevel, CardIconProps, CardLabelProps, CardListItemProps, CardListProps, CardMediaProps, CardMetaProps, CardRootProps, CardTitleProps, CardValueProps, CardVariant, } from "./card/Card";
 export { Card } from "./card/Card";
-export type { CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootProps, } from "./checkbox/Checkbox";
+export type { ChartFrameActionsProps, ChartFrameDeltaProps, ChartFrameDescriptionProps, ChartFrameHeaderProps, ChartFrameLabels, ChartFrameLegendProps, ChartFramePlotArea, ChartFramePlotProps, ChartFramePlotSeries, ChartFrameRootProps, ChartFrameSeries, ChartFrameState, ChartFrameTableProps, ChartFrameTableRow, ChartFrameTitleProps, ChartFrameTooltipItem, ChartFrameTooltipProps, ChartFrameValueProps, } from "./chart-frame/ChartFrame";
+export { ChartFrame } from "./chart-frame/ChartFrame";
+export type { ChatActionsProps, ChatDescriptionProps, ChatFooterProps, ChatHeaderProps, ChatLabels, ChatMessageEntry, ChatMessagesProps, ChatPinnedItem, ChatPinnedLabels, ChatPinnedProps, ChatRootProps, ChatSearchButtonProps, ChatSearchProps, ChatSelectionBarProps, ChatSeparatorProps, ChatServiceProps, ChatTitleProps, ChatUnreadLabels, ChatUnreadProps, GroupMessagesOptions, MessageListEntry, } from "./chat/Chat";
+export { Chat, formatMessageDate, groupMessages } from "./chat/Chat";
+export type { CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootProps, CheckboxShape, } from "./checkbox/Checkbox";
 export { Checkbox } from "./checkbox/Checkbox";
 export type { CodeBlockColorScheme, CodeBlockProps, CodeBlockVariant, } from "./code-block/CodeBlock";
 export { CodeBlock } from "./code-block/CodeBlock";
-export type { ColorPreset, ColorPresetsContentProps, ColorPresetsLabels, ColorPresetsRootProps, ColorPresetsSwatchProps, ColorPresetsTriggerProps, } from "./color-picker/ColorPresets";
+export type { ColorPreset, ColorPresetsContentProps, ColorPresetsLabels, ColorPresetsRootProps, ColorPresetsSwatchButtonProps, ColorPresetsSwatchProps, ColorPresetsTriggerProps, } from "./color-picker/ColorPresets";
 export { COLOR_PRESETS, ColorPresets } from "./color-picker/ColorPresets";
 export type { ColorSwatchesLabels, ColorSwatchesProps } from "./color-swatches/ColorSwatches";
 export { ColorSwatches } from "./color-swatches/ColorSwatches";
 export type { CommandMenuDescriptionProps, CommandMenuEmptyProps, CommandMenuFooterHintProps, CommandMenuFooterProps, CommandMenuGroupProps, CommandMenuInputProps, CommandMenuItemIconProps, CommandMenuItemProps, CommandMenuItemShortcutProps, CommandMenuItemTextProps, CommandMenuLabels, CommandMenuListProps, CommandMenuRootProps, CommandMenuTitleProps, } from "./command-menu/CommandMenu";
 export { CommandMenu } from "./command-menu/CommandMenu";
+export type { ComposerActivity, ComposerAttachProps, ComposerContextMode, ComposerContextProps, ComposerDescriptionProps, ComposerFormat, ComposerItemIconProps, ComposerItemProps, ComposerLabels, ComposerMediaItem, ComposerMessage, ComposerQueue, ComposerRecording, ComposerRecordMode, ComposerRootProps, ComposerTitleProps, } from "./composer/Composer";
+export { Composer } from "./composer/Composer";
+export type { ConfirmDialogLabels, ConfirmDialogRootProps, ConfirmDialogTriggerProps, } from "./confirm-dialog/ConfirmDialog";
+export { ConfirmDialog } from "./confirm-dialog/ConfirmDialog";
 export type { CrossfadeProps } from "./crossfade/Crossfade";
 export { Crossfade } from "./crossfade/Crossfade";
-export type { DataTableColumn, DataTableLabels, DataTableOrder, DataTableProps, DataTableSortState, } from "./data-table/DataTable";
+export type { DataTableColumn, DataTableColumnsMenuProps, DataTableGroup, DataTableLabels, DataTableOrder, DataTableProps, DataTableRowClickEvent, DataTableSortState, } from "./data-table/DataTable";
 export { DataTable } from "./data-table/DataTable";
 export type { DatepickerLabels, DatepickerPanelProps, DatepickerPreset, DatepickerRange, DatepickerRootProps, WeekStart, } from "./datepicker/Datepicker";
 export { Datepicker, DEFAULT_DATEPICKER_PRESETS, datepickerPresets, formatDatepickerValue, YEARLESS_YEAR, } from "./datepicker/Datepicker";
+export type { DescriptionListItemActionProps, DescriptionListItemProps, DescriptionListLabels, DescriptionListOrientation, DescriptionListRootProps, } from "./description-list/DescriptionList";
+export { DescriptionList } from "./description-list/DescriptionList";
 export type { DigitInputLabels, DigitInputProps } from "./digit-input/DigitInput";
 export { DigitInput } from "./digit-input/DigitInput";
 export type { DividerAlign, DividerOrientation, DividerProps } from "./divider/Divider";
 export { Divider } from "./divider/Divider";
-export type { DndDraggableProps, DndDropZoneProps, DndHandleProps, DndLabels, DndReorderResult, DndRootProps, DndSortableItemProps, DndSortableProps, DragItem, DragOutcome, } from "./dnd/Dnd";
+export type { DndDraggableProps, DndDropZoneProps, DndHandleProps, DndLabels, DndRootProps, DndSortableItemProps, DndSortableProps, DragItem, DragOutcome, } from "./dnd/Dnd";
 export { Dnd } from "./dnd/Dnd";
 export { moveBefore } from "./dnd/useSortableList";
 export * from "./drawer/Drawer";
-export type { DropdownCheckboxItemProps, DropdownContentProps, DropdownDescriptionProps, DropdownGroupProps, DropdownHeaderProps, DropdownItemIconProps, DropdownItemProps, DropdownItemShortcutProps, DropdownRootProps, DropdownSeparatorProps, DropdownTitleProps, DropdownTriggerProps, } from "./dropdown/Dropdown";
+export type { DropdownCheckboxItemProps, DropdownContentProps, DropdownDescriptionProps, DropdownGroupProps, DropdownHeaderProps, DropdownItemDescriptionProps, DropdownItemIconProps, DropdownItemProps, DropdownItemShortcutProps, DropdownRootProps, DropdownSeparatorProps, DropdownTitleProps, DropdownTriggerProps, } from "./dropdown/Dropdown";
 export { Dropdown } from "./dropdown/Dropdown";
-export type { EmptyPageActionsProps, EmptyPageDescriptionProps, EmptyPageIconProps, EmptyPageRootProps, EmptyPageTitleProps, } from "./empty-page/EmptyPage";
+export type { EmptyPageActionsProps, EmptyPageDescriptionProps, EmptyPageIconProps, EmptyPageLabels, EmptyPageRetryButtonProps, EmptyPageRootProps, EmptyPageTitleProps, EmptyPageTone, } from "./empty-page/EmptyPage";
 export { EmptyPage } from "./empty-page/EmptyPage";
 export type { ExampleFrameLabels, ExampleFramePreviewLayout, ExampleFrameProps, ExampleFrameViewport, } from "./example-frame/ExampleFrame";
 export { ExampleFrame } from "./example-frame/ExampleFrame";
-export type { FileUploadBodyProps, FileUploadDescriptionProps, FileUploadFormatBadgeProps, FileUploadIconProps, FileUploadItemActionsProps, FileUploadItemDescriptionProps, FileUploadItemNameProps, FileUploadItemProgressProps, FileUploadItemProps, FileUploadLabels, FileUploadRootProps, FileUploadTitleProps, FileUploadVariant, } from "./file-upload/FileUpload";
+export type { FieldsetProps } from "./fieldset/Fieldset";
+export { Fieldset } from "./fieldset/Fieldset";
+export type { FileUploadBodyProps, FileUploadDescriptionProps, FileUploadFile, FileUploadFormatBadgeProps, FileUploadIconProps, FileUploadItemActionsProps, FileUploadItemDescriptionProps, FileUploadItemNameProps, FileUploadItemPreviewProps, FileUploadItemProgressProps, FileUploadItemProps, FileUploadLabels, FileUploadLayout, FileUploadQueueProps, FileUploadQueueSource, FileUploadRootProps, FileUploadTitleProps, FileUploadTrigger, FileUploadVariant, } from "./file-upload/FileUpload";
 export { FileUpload } from "./file-upload/FileUpload";
+export type { GalleryItem, GalleryLabels, GalleryProps } from "./gallery/Gallery";
+export { Gallery } from "./gallery/Gallery";
+export type { GanttBar, GanttDates, GanttLabels, GanttProps, GanttScale, } from "./gantt/Gantt";
+export { Gantt } from "./gantt/Gantt";
 export type { HintIconProps, HintRootProps } from "./hint/Hint";
 export { Hint } from "./hint/Hint";
-export type { InputAffixProps, InputClearButtonProps, InputCounterProps, InputFieldProps, InputIconProps, InputInlineAffixProps, InputLabels, InputRootProps, InputWrapperProps, } from "./input/Input";
+export type { InputActionProps, InputAffixProps, InputClearButtonProps, InputCopyButtonProps, InputCounterProps, InputFieldProps, InputIconProps, InputInlineAffixProps, InputLabels, InputRevealButtonProps, InputRootProps, InputWrapperProps, } from "./input/Input";
 export { Input } from "./input/Input";
 export { getPasswordStrength, type PasswordStrength } from "./input/passwordStrength";
-export type { KanbanColumn, KanbanItemBadgesProps, KanbanItemCountProps, KanbanItemDescriptionProps, KanbanItemFooterProps, KanbanItemProps, KanbanItemTitleProps, KanbanLabels, KanbanMove, KanbanRootProps, KanbanValue, } from "./kanban/Kanban";
+export type { KanbanColumn, KanbanColumnMove, KanbanItemBadgesProps, KanbanItemCountProps, KanbanItemDescriptionProps, KanbanItemFooterProps, KanbanItemHeaderProps, KanbanItemProps, KanbanItemTitleProps, KanbanLabels, KanbanMove, KanbanRootProps, KanbanValue, KanbanVariant, } from "./kanban/Kanban";
 export { Kanban } from "./kanban/Kanban";
 export type { KbdProps } from "./kbd/Kbd";
 export { Kbd } from "./kbd/Kbd";
@@ -64,7 +82,15 @@ export type { LinkButtonProps } from "./link-button/LinkButton";
 export { LinkButton } from "./link-button/LinkButton";
 export type { LoginFormActionsProps, LoginFormBodyProps, LoginFormDescriptionProps, LoginFormFooterProps, LoginFormFormProps, LoginFormHeaderProps, LoginFormLogoProps, LoginFormRootProps, LoginFormTitleProps, } from "./login-form/LoginForm";
 export { LoginForm } from "./login-form/LoginForm";
-export type { ModalBodyProps, ModalCloseProps, ModalConfirmProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalHeaderProps, ModalIconProps, ModalLabels, ModalRootProps, ModalTitleProps, ModalTriggerProps, } from "./modal/Modal";
+export type { MediaViewerItem, MediaViewerLabels, MediaViewerProps, } from "./media-viewer/MediaViewer";
+export { MediaViewer } from "./media-viewer/MediaViewer";
+export { formatMessageTime } from "./message/formatMessageTime";
+export type { MessageAuthorIconProps, MessageAuthorProps, MessageAvatarProps, MessageDirection, MessageForwardedLabels, MessageForwardedProps, MessageLabels, MessageMenuProps, MessagePosition, MessageReaction, MessageReactionOption, MessageReactionsLabels, MessageReactionsProps, MessageReplyLabels, MessageReplyProps, MessageRootProps, MessageStatus, MessageTextProps, MessageTypingLabels, MessageTypingProps, MessageUser, } from "./message/Message";
+export { Message } from "./message/Message";
+export type { MessageContactProps, MessageLinkPreviewProps, MessageLocationLabels, MessageLocationProps, } from "./message/MessageCards";
+export type { MessageFileLabels, MessageFileProps } from "./message/MessageFile";
+export type { MessageMediaProps } from "./message/MessageMedia";
+export type { ModalActionsProps, ModalBodyProps, ModalCloseProps, ModalConfirmProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalGuardProps, ModalHeaderProps, ModalIconProps, ModalLabels, ModalMetaProps, ModalRootProps, ModalTitleProps, ModalTriggerProps, } from "./modal/Modal";
 export { Modal } from "./modal/Modal";
 export type { NativeSelectLabels, NativeSelectProps } from "./native-select/NativeSelect";
 export { NativeSelect } from "./native-select/NativeSelect";
@@ -72,7 +98,7 @@ export type { NotificationAction, NotificationCardProps, NotificationLabels, Not
 export { NotificationCard } from "./notification/Notification";
 export type { NotificationProviderProps } from "./notification/NotificationStore";
 export { NotificationProvider, useNotifications, } from "./notification/NotificationStore";
-export type { PageContentActionsProps, PageContentBodyProps, PageContentDescriptionMeasure, PageContentDescriptionProps, PageContentHeaderProps, PageContentMaxWidth, PageContentRootProps, PageContentSectionProps, PageContentTitleProps, } from "./page-content/PageContent";
+export type { PageContentActionsProps, PageContentBackButtonProps, PageContentBodyProps, PageContentDescriptionMeasure, PageContentDescriptionProps, PageContentDetailProps, PageContentHeaderProps, PageContentLabels, PageContentListProps, PageContentMaxWidth, PageContentRootProps, PageContentSectionProps, PageContentSplitProps, PageContentTitleProps, } from "./page-content/PageContent";
 export { PageContent } from "./page-content/PageContent";
 export type { PageToolbarActionsProps, PageToolbarChipsProps, PageToolbarRootProps, PageToolbarSectionsProps, PageToolbarToolsProps, PageToolbarViewProps, } from "./page-toolbar/PageToolbar";
 export { PageToolbar } from "./page-toolbar/PageToolbar";
@@ -86,19 +112,20 @@ export type { ProgressCircleLabels, ProgressCircleProps, } from "./progress-circ
 export { ProgressCircle } from "./progress-circle/ProgressCircle";
 export type { RadioGroupLabels, RadioGroupProps, RadioLabelProps, RadioRootProps, } from "./radio/Radio";
 export { Radio } from "./radio/Radio";
-export type { ScrollContainerAxis, ScrollContainerProps } from "./scroll-container/ScrollContainer";
+export type { ScrollContainerAxis, ScrollContainerEdges, ScrollContainerProps, } from "./scroll-container/ScrollContainer";
 export { ScrollContainer } from "./scroll-container/ScrollContainer";
-export type { SegmentedControlCountProps, SegmentedControlDescriptionProps, SegmentedControlIconProps, SegmentedControlItemProps, SegmentedControlLabelProps, SegmentedControlRootProps, } from "./segmented-control/SegmentedControl";
+export type { SegmentedControlCountProps, SegmentedControlDescriptionProps, SegmentedControlIconProps, SegmentedControlItemProps, SegmentedControlLabelProps, SegmentedControlLabels, SegmentedControlRootProps, } from "./segmented-control/SegmentedControl";
 export { SegmentedControl } from "./segmented-control/SegmentedControl";
 export type { SelectContentProps, SelectGroupProps, SelectItemDescriptionProps, SelectItemIconProps, SelectItemMetaProps, SelectItemProps, SelectItemTextProps, SelectLabels, SelectRootProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueItem, SelectValueProps, } from "./select/Select";
 export { Select } from "./select/Select";
+export * from "./sheet/Sheet";
 export type { SkeletonProps, SkeletonShape } from "./skeleton/Skeleton";
 export { Skeleton } from "./skeleton/Skeleton";
 export type { SliderLabels, SliderProps } from "./slider/Slider";
 export { Slider } from "./slider/Slider";
-export type { SmartFilterChipsProps, SmartFilterField, SmartFilterLabels, SmartFilterMode, SmartFilterOption, SmartFilterRootProps, SmartFilterSelection, SmartFilterToolbarProps, SmartFilterValue, } from "./smart-filter/SmartFilter";
-export { matchesSmartFilter, resolveSmartFilterValues, SmartFilter, } from "./smart-filter/SmartFilter";
-export type { SparklineLabels, SparklinePoint, SparklineProps, } from "./sparkline/Sparkline";
+export type { SmartFilterChipsProps, SmartFilterDateRangeField, SmartFilterField, SmartFilterFieldValue, SmartFilterLabels, SmartFilterMode, SmartFilterOption, SmartFilterOptionsField, SmartFilterRange, SmartFilterRangeField, SmartFilterRootProps, SmartFilterSelection, SmartFilterToolbarProps, SmartFilterValue, } from "./smart-filter/SmartFilter";
+export { isSmartFilterRange, matchesSmartFilter, resolveSmartFilterValues, SmartFilter, } from "./smart-filter/SmartFilter";
+export type { SparklineLabels, SparklinePoint, SparklineProps, SparklineVariant, } from "./sparkline/Sparkline";
 export { Sparkline } from "./sparkline/Sparkline";
 export type { SpinnerLabels, SpinnerProps } from "./spinner/Spinner";
 export { Spinner } from "./spinner/Spinner";
@@ -109,9 +136,9 @@ export { Switch } from "./switch/Switch";
 export * from "./tabs/Tabs";
 export type { TagSelectLabels, TagSelectOption, TagSelectOptionUpdate, TagSelectProps, } from "./tag-select/TagSelect";
 export { TagSelect } from "./tag-select/TagSelect";
-export type { TextareaCounterProps, TextareaLabels, TextareaRootProps, } from "./textarea/Textarea";
+export type { TextareaActionProps, TextareaCopyButtonProps, TextareaCounterProps, TextareaLabels, TextareaRootProps, } from "./textarea/Textarea";
 export { Textarea } from "./textarea/Textarea";
-export type { ThumbnailFallbackProps, ThumbnailImageProps, ThumbnailRatio, ThumbnailRootProps, } from "./thumbnail/Thumbnail";
+export type { ThumbnailFallbackProps, ThumbnailImageProps, ThumbnailRatio, ThumbnailRootProps, ThumbnailVideoProps, } from "./thumbnail/Thumbnail";
 export { Thumbnail } from "./thumbnail/Thumbnail";
 export type { TimelineGapMetaProps, TimelineGapProps, TimelineGroupProps, TimelineItemProps, TimelineMetaPrimaryProps, TimelineMetaProps, TimelineRootProps, TimelineTitleProps, TimelineValueMetaProps, TimelineValueProps, } from "./timeline/Timeline";
 export { Timeline } from "./timeline/Timeline";
@@ -119,3 +146,7 @@ export type { TooltipAlign, TooltipContentProps, TooltipProviderProps, TooltipRo
 export { Tooltip } from "./tooltip/Tooltip";
 export type { TypographyAs, TypographyProps, TypographyRole, TypographyTracking, TypographyWeight, } from "./typography/Typography";
 export { Typography } from "./typography/Typography";
+export type { VideoNoteLabels, VideoNoteProps } from "./video-note/VideoNote";
+export { VideoNote } from "./video-note/VideoNote";
+export type { VoicePlayerLabels, VoicePlayerProps, VoicePlayerRate, } from "./voice-player/VoicePlayer";
+export { getWaveform, VoicePlayer } from "./voice-player/VoicePlayer";

package/dist/components/input/Input.d.ts

@@ -1,12 +1,26 @@
 import * as React from "react";
-import { type FieldRootDomProps } from "@/internal/FieldFrame";
-import type { ControlSize } from "@/internal/states";
+import { type FieldActionButtonProps } from "../../internal/FieldAction";
+import { type FieldCommitHandler } from "../../internal/FieldCommit";
+import { type FieldRootDomProps } from "../../internal/FieldFrame";
+import type { ControlSize } from "../../internal/states";
 import { type PasswordStrength } from "./passwordStrength";
 export type InputLabels = {
     /** Muted marker after the label when `optional`. */
     optional: string;
     /** Accessible name of `Input.ClearButton`. */
     clear: string;
+    /** Name and tooltip of `Input.CopyButton`. */
+    copy: string;
+    /** Name, tooltip and announcement of `Input.CopyButton` once the value is copied. */
+    copied: string;
+    /** Name, tooltip and announcement of `Input.CopyButton` when the clipboard refuses. */
+    copyError: string;
+    /** Accessible name of `Input.RevealButton` (a toggle: `aria-pressed` says whether it is shown). */
+    reveal: string;
+    /** Announced while an `onCommit` save is pending. */
+    saving: string;
+    /** Announced once an `onCommit` save succeeds. */
+    saved: string;
     /** Screen-reader text of `Input.Counter`; `{current}` and `{max}` are replaced. */
     counter: string;
     /** Accessible name of the `strength` meter. */
@@ -49,10 +63,17 @@ export type InputRootProps = FieldRootDomProps & {
     strength?: boolean;
     /** Replaces the kit's estimate (`getPasswordStrength`): return 0 (empty) … 4 (hard). */
     getStrength?: (value: string) => PasswordStrength;
+    /**
+     * Saves the field on its own (inline editing): fires with the value on blur and Enter when it
+     * differs from the last committed one; Escape reverts to it. Return a Promise to show a spinner
+     * at the field's edge while it runs (the field stays editable, Tab moves on); a rejection puts
+     * the committed value back — show why through `error`. Success shows a brief check.
+     */
+    onCommit?: FieldCommitHandler;
     labels?: Partial<InputLabels>;
     children: React.ReactNode;
 };
-declare function InputRoot({ size: sizeProp, invalid, focusRing, label, required, optional, hint, error, counter, reserveSupportRow, id, strength, getStrength, labels: labelsProp, children, className, ...rest }: InputRootProps): import("react/jsx-runtime").JSX.Element;
+declare function InputRoot({ size: sizeProp, invalid, focusRing, label, required, optional, hint, error, counter, reserveSupportRow, id, strength, getStrength, onCommit, labels: labelsProp, children, className, ...rest }: InputRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace InputRoot {
     var displayName: string;
 }
@@ -70,7 +91,7 @@ export type InputFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>,
     ref?: React.Ref<HTMLInputElement>;
 };
 /** The `<input>`; its id comes from `Input.Root` so the label, hint and error stay linked. */
-declare function InputField({ className, "aria-describedby": ariaDescribedBy, required, onChange, onValueChange, ref, ...rest }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function InputField({ className, "aria-describedby": ariaDescribedBy, required, disabled: disabledProp, type, onChange, onValueChange, onFocus, onBlur, onKeyDown, ref, ...rest }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
 declare namespace InputField {
     var displayName: string;
 }
@@ -112,6 +133,36 @@ declare function InputClearButton({ className, onClick, ref, ...rest }: InputCle
 declare namespace InputClearButton {
     var displayName: string;
 }
+export type InputActionProps = FieldActionButtonProps;
+/**
+ * The consumer's icon action at the field's end («Позвонить», «Открыть профиль»): a named button
+ * segment with a tooltip; `asChild` renders a link.
+ */
+declare function InputAction(props: InputActionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace InputAction {
+    var displayName: string;
+}
+export type InputCopyButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children" | "aria-label"> & {
+    /** Text to copy; the field's current value when omitted. */
+    value?: string;
+    ref?: React.Ref<HTMLButtonElement>;
+};
+/** Copies the field's value; the glyph morphs into a check and the name says «copied». */
+declare function InputCopyButton({ value, ...rest }: InputCopyButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace InputCopyButton {
+    var displayName: string;
+}
+export type InputRevealButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children" | "aria-label" | "aria-pressed"> & {
+    ref?: React.Ref<HTMLButtonElement>;
+};
+/**
+ * Shows a `type="password"` field as text and back (`aria-pressed`). A pointer press keeps the focus
+ * in the field; the caret and selection survive the switch.
+ */
+declare function InputRevealButton({ className, onClick, onMouseDown, ref, ...rest }: InputRevealButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace InputRevealButton {
+    var displayName: string;
+}
 export type InputCounterProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & {
     current: number;
     max: number;
@@ -130,6 +181,9 @@ export declare const Input: {
     Affix: typeof InputAffix;
     InlineAffix: typeof InputInlineAffix;
     ClearButton: typeof InputClearButton;
+    CopyButton: typeof InputCopyButton;
+    RevealButton: typeof InputRevealButton;
+    Action: typeof InputAction;
     Counter: typeof InputCounter;
 };
 export {};

package/dist/components/kanban/Kanban.d.ts

@@ -1,12 +1,22 @@
 import * as React from "react";
+import type { PaletteColor } from "../../internal/states";
 /** A column of the board: application data, drawn in array order. */
 export type KanbanColumn = {
     /** Stable unique id; the key of the column in `value`. */
     id: string;
     /** Heading of the column. */
     title: string;
+    /** A short muted line under the heading: what the column holds or its rule. */
+    description?: string;
+    /** The stage's palette hue, on its count: tells the columns apart at a glance. */
+    color?: PaletteColor;
     /** Most cards the column holds (a WIP limit): when full it refuses cards from other columns. */
     limit?: number;
+    /**
+     * The column holds its place when columns are reordered (a system stage: the first «Новые», the
+     * last «Закрыто»): a lock stands where its grip would, and no column moves past it.
+     */
+    locked?: boolean;
 };
 /** Where every card stands: column id → card ids in their order. */
 export type KanbanValue = Readonly<Record<string, readonly string[]>>;
@@ -17,6 +27,13 @@ export type KanbanMove = {
     to: string;
     index: number;
 };
+/** One applied column move: column `id` now stands at `index`. */
+export type KanbanColumnMove = {
+    id: string;
+    index: number;
+};
+/** How columns stand on the board: filled wells, or bare columns of cards. */
+export type KanbanVariant = "well" | "plain";
 /** System strings of the board. `{token}` values are substituted. */
 export type KanbanLabels = {
     /** Spoken name of the count badge: `{count}`. */
@@ -25,14 +42,22 @@ export type KanbanLabels = {
     countLimit: string;
     /** Text of an empty column. */
     empty: string;
-    /** Live region: a card moved to another column from the keyboard. */
-    moved: string;
-    /** Live region: the next column refused the card (full or `canDrop`). */
-    refused: string;
+    /** Hint under it while cards can be dropped. */
+    emptyHint: string;
+    /** Why a full column refuses a card (spoken, and shown under the carried card): `{column}`, `{limit}`. */
+    full: string;
+    /** Name of the grip that moves a column: `{column}`. */
+    moveColumn: string;
+    /** A column as the live region names it when it is carried or moved: `{column}`. */
+    column: string;
+    /** Spoken when a card's move is refused (its `onValueChange` promise rejected): `{label}`. */
+    moveFailed: string;
+    /** Spoken when a column's move is refused (its `onColumnOrderChange` promise rejected): `{column}`. */
+    columnMoveFailed: string;
 };
 export declare const defaultKanbanLabels: KanbanLabels;
 export type KanbanRootProps<T> = Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue"> & {
-    /** Columns in their order. */
+    /** Every column; `columnOrder` decides their order (array order by default). */
     columns: readonly KanbanColumn[];
     /** Every card the board can show; `value` decides where each one stands. */
     items: readonly T[];
@@ -44,14 +69,38 @@ export type KanbanRootProps<T> = Omit<React.HTMLAttributes<HTMLDivElement>, "chi
     value?: KanbanValue;
     /** Initial card ids per column (uncontrolled). */
     defaultValue?: KanbanValue;
-    /** A card moved: the new placement first, then what moved. */
-    onValueChange?: (value: KanbanValue, move: KanbanMove) => void;
+    /**
+     * A card moved: the new placement first, then what moved. Return a promise to save on a server:
+     * the card stays in its new place, busy, until it settles; reject — it glides back.
+     */
+    onValueChange?: (value: KanbanValue, move: KanbanMove) => void | Promise<void>;
+    /** Column ids in their order (controlled). */
+    columnOrder?: readonly string[];
+    /** Initial column ids in their order (uncontrolled). Defaults to the order of `columns`. */
+    defaultColumnOrder?: readonly string[];
+    /**
+     * A column moved: the new order first, then what moved. Return a promise to save on a server:
+     * the column stays in its new place, busy, until it settles; reject — it glides back.
+     */
+    onColumnOrderChange?: (order: readonly string[], move: KanbanColumnMove) => void | Promise<void>;
+    /** A grip in every column header moves the column by pointer, touch and keyboard. */
+    reorderableColumns?: boolean;
     /** Renders one card; return a `Kanban.Item`. */
     renderItem: (item: T) => React.ReactNode;
     /** Renders the trailing actions of a column header (add a card, a menu). */
     renderColumnActions?: (column: KanbanColumn) => React.ReactNode;
-    /** Refuses a card in a column (a workflow rule); the column turns `danger` before the release. */
-    canDrop?: (id: string, columnId: string) => boolean;
+    /**
+     * Renders the meta line under a column's title (a stage's figures: «12 сделок · 4,8 млн ₽»).
+     * It describes the column's list, like `description`.
+     */
+    renderColumnMeta?: (column: KanbanColumn) => React.ReactNode;
+    /**
+     * Refuses a card in a column (a workflow rule): `false`, or a string that says why — spoken and
+     * shown under the carried card. The column turns `danger` before the release.
+     */
+    canDrop?: (id: string, columnId: string) => boolean | string;
+    /** `well`: every column is a filled well; `plain`: no wells, the cards and the header carry the column. */
+    variant?: KanbanVariant;
     /** Columns show skeleton cards; the cards cross-fade in when it turns off. */
     loading?: boolean;
     /** No drag, no keyboard moves. */
@@ -61,7 +110,8 @@ export type KanbanRootProps<T> = Omit<React.HTMLAttributes<HTMLDivElement>, "chi
 };
 /**
  * A board of columns: cards move within and between columns by pointer, touch (a hold) and
- * keyboard (Alt + arrows). Mounts its own `Dnd.Root` unless one is already above it.
+ * keyboard (Alt + arrows, Dnd's linked lists). Mounts its own `Dnd.Root` unless one is already
+ * above it.
  */
 declare function KanbanRoot<T>(props: KanbanRootProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace KanbanRoot {
@@ -72,11 +122,25 @@ export type KanbanItemProps = Omit<React.HTMLAttributes<HTMLElement>, "id"> & {
     disabled?: boolean;
     ref?: React.Ref<HTMLElement>;
 };
-/** One card: an `<li>` on a filled surface; drags by the whole card, moves with Alt + arrows. */
-declare function KanbanItem({ disabled, className, onKeyDown, children, ...rest }: KanbanItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * One card: an `<li>` on a filled surface; drags by the whole card, moves with Alt + arrows. While
+ * the owner saves its move it is busy: dimmed under a spinner, still.
+ */
+declare function KanbanItem({ disabled, className, children, ...rest }: KanbanItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace KanbanItem {
     var displayName: string;
 }
+export type KanbanItemHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+/**
+ * The top zone of a card above a faint hairline: a muted row with the key or project at the start
+ * and the last child (a priority, an assignee) at the end.
+ */
+declare function KanbanItemHeader({ className, ...rest }: KanbanItemHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace KanbanItemHeader {
+    var displayName: string;
+}
 export type KanbanItemTitleProps = React.HTMLAttributes<HTMLSpanElement> & {
     ref?: React.Ref<HTMLSpanElement>;
 };
@@ -120,6 +184,7 @@ declare namespace KanbanItemCount {
 export declare const Kanban: {
     Root: typeof KanbanRoot;
     Item: typeof KanbanItem;
+    ItemHeader: typeof KanbanItemHeader;
     ItemTitle: typeof KanbanItemTitle;
     ItemDescription: typeof KanbanItemDescription;
     ItemBadges: typeof KanbanItemBadges;

package/dist/components/kbd/Kbd.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ControlSize } from "@/internal/states";
+import type { ControlSize } from "../../internal/states";
 export type KbdProps = Omit<React.HTMLAttributes<HTMLElement>, "size"> & {
     /** Badge tier; without it the key follows the surrounding control one tier down, else `m`. */
     size?: ControlSize;

package/dist/components/label/Label.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ControlSize } from "@/internal/states";
+import type { ControlSize } from "../../internal/states";
 export type LabelLabels = {
     /** Muted marker after the label text when `optional`. */
     optional: string;

package/dist/components/link-button/LinkButton.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ControlSize, Tone } from "@/internal/states";
+import type { ControlSize, Tone } from "../../internal/states";
 export type LinkButtonProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     /** Tier. Default: the tier of the surrounding control or text host, else `m`. */
     size?: ControlSize;
@@ -14,7 +14,7 @@ export type LinkButtonProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     asChild?: boolean;
     ref?: React.Ref<HTMLAnchorElement>;
 };
-export declare function LinkButton({ size: sizeProp, tone, disabled, asChild, children, className, href, onClick, ref, ...rest }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkButton({ size: sizeProp, tone, disabled: disabledProp, asChild, children, className, href, onClick, ref, ...rest }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace LinkButton {
     var displayName: string;
 }

package/dist/components/login-form/LoginForm.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ControlSize } from "@/internal/states";
+import type { ControlSize } from "../../internal/states";
 export type LoginFormRootProps = {
     /** Tier of spacing and type; fields and buttons inside without their own `size` take it. Default `m`. */
     size?: ControlSize;