prime-ui-kit 0.12.0 → 0.13.1

package/dist/components/index.d.ts

@@ -23,6 +23,8 @@ export type { ChartFrameActionsProps, ChartFrameDeltaProps, ChartFrameDescriptio
 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 { ChatListItemDescriptionProps, ChatListItemIconProps, ChatListItemMenuProps, ChatListItemProps, ChatListItemTextProps, ChatListLabels, ChatListMediaKind, ChatListRootProps, } from "./chat-list/ChatList";
+export { ChatList, formatChatTime } from "./chat-list/ChatList";
 export type { CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootProps, CheckboxShape, } from "./checkbox/Checkbox";
 export { Checkbox } from "./checkbox/Checkbox";
 export type { CodeBlockColorScheme, CodeBlockProps, CodeBlockVariant, } from "./code-block/CodeBlock";
@@ -33,7 +35,7 @@ export type { ColorSwatchesLabels, ColorSwatchesProps } from "./color-swatches/C
 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 type { ComposerActivity, ComposerAttachProps, ComposerContextMode, ComposerContextProps, ComposerDescriptionProps, 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";
@@ -65,14 +67,14 @@ export type { FileUploadBodyProps, FileUploadDescriptionProps, FileUploadFile, F
 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 type { GanttBar, GanttDates, GanttLabels, GanttProps, GanttRowClickEvent, GanttScale, } from "./gantt/Gantt";
 export { Gantt } from "./gantt/Gantt";
 export type { HintIconProps, HintRootProps } from "./hint/Hint";
 export { Hint } from "./hint/Hint";
 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, KanbanColumnMove, KanbanItemBadgesProps, KanbanItemCountProps, KanbanItemDescriptionProps, KanbanItemFooterProps, KanbanItemHeaderProps, KanbanItemProps, KanbanItemTitleProps, KanbanLabels, KanbanMove, KanbanRootProps, KanbanValue, KanbanVariant, } from "./kanban/Kanban";
+export type { KanbanColumn, KanbanColumnMove, KanbanItemBadgesProps, KanbanItemClickEvent, 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";
@@ -80,14 +82,14 @@ export type { LabelDescriptionProps, LabelIconProps, LabelLabels, LabelRootProps
 export { Label } from "./label/Label";
 export type { LinkButtonProps } from "./link-button/LinkButton";
 export { LinkButton } from "./link-button/LinkButton";
-export type { ListItemCountProps, ListItemDescriptionProps, ListItemIconProps, ListItemMetaProps, ListItemProps, ListItemTextProps, ListRootProps, } from "./list/List";
+export type { ListItemCountProps, ListItemDescriptionProps, ListItemIconProps, ListItemMetaProps, ListItemProps, ListItemTextProps, ListLabels, ListRootProps, } from "./list/List";
 export { List } from "./list/List";
 export type { LoginFormActionsProps, LoginFormBodyProps, LoginFormDescriptionProps, LoginFormFooterProps, LoginFormFormProps, LoginFormHeaderProps, LoginFormLogoProps, LoginFormRootProps, LoginFormTitleProps, } from "./login-form/LoginForm";
 export { LoginForm } from "./login-form/LoginForm";
 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 type { MessageActionsProps, 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";
@@ -118,7 +120,7 @@ export type { ScrollContainerAxis, ScrollContainerEdges, ScrollContainerProps, }
 export { ScrollContainer } from "./scroll-container/ScrollContainer";
 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 type { SelectActionProps, 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";
@@ -127,7 +129,7 @@ export type { SliderLabels, SliderProps } from "./slider/Slider";
 export { Slider } from "./slider/Slider";
 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 type { SparklineLabels, SparklineLayout, SparklinePoint, SparklineProps, SparklineVariant, } from "./sparkline/Sparkline";
 export { Sparkline } from "./sparkline/Sparkline";
 export type { SpinnerLabels, SpinnerProps } from "./spinner/Spinner";
 export { Spinner } from "./spinner/Spinner";
@@ -138,7 +140,7 @@ 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 { TextareaActionProps, TextareaCopyButtonProps, TextareaCounterProps, TextareaLabels, TextareaRootProps, } from "./textarea/Textarea";
+export type { TextareaActionProps, TextareaCopyButtonProps, TextareaCounterProps, TextareaLabels, TextareaRootProps, TextFormat, } from "./textarea/Textarea";
 export { Textarea } from "./textarea/Textarea";
 export type { ThumbnailFallbackProps, ThumbnailImageProps, ThumbnailRatio, ThumbnailRootProps, ThumbnailVideoProps, } from "./thumbnail/Thumbnail";
 export { Thumbnail } from "./thumbnail/Thumbnail";

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

@@ -32,6 +32,8 @@ export type KanbanColumnMove = {
     id: string;
     index: number;
 };
+/** What opened a card: a click on it, or Enter / Space on the focused card. */
+export type KanbanItemClickEvent = React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
 /** 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. */
@@ -87,6 +89,18 @@ export type KanbanRootProps<T> = Omit<React.HTMLAttributes<HTMLDivElement>, "chi
     reorderableColumns?: boolean;
     /** Renders one card; return a `Kanban.Item`. */
     renderItem: (item: T) => React.ReactNode;
+    /**
+     * The card is a link: a real `<a>` named by `getLabel` covers the card and is its tab stop, so a
+     * click, ⌘/Ctrl-click, a middle click and «open in new tab» work anywhere on it. A drag never
+     * follows it; Alt + arrows still move the card from it.
+     */
+    getItemHref?: (item: T) => string;
+    /**
+     * Opens a card in place: a click on it (never on a control inside it, never after a drag) or
+     * Enter / Space on the focused card. With `getItemHref` it gets the plain clicks only — call
+     * `event.preventDefault()` there to route in the app instead of loading the page.
+     */
+    onItemClick?: (item: T, event: KanbanItemClickEvent) => void;
     /** Renders the trailing actions of a column header (add a card, a menu). */
     renderColumnActions?: (column: KanbanColumn) => React.ReactNode;
     /**
@@ -124,9 +138,10 @@ export type KanbanItemProps = Omit<React.HTMLAttributes<HTMLElement>, "id"> & {
 };
 /**
  * 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.
+ * the owner saves its move it is busy: dimmed under a spinner, still. With `getItemHref` a link
+ * covers it; with `onItemClick` a click, Enter or Space opens it.
  */
-declare function KanbanItem({ disabled, className, children, ...rest }: KanbanItemProps): import("react/jsx-runtime").JSX.Element;
+declare function KanbanItem({ disabled, className, children, onClick, onKeyDown, ...rest }: KanbanItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace KanbanItem {
     var displayName: string;
 }

package/dist/components/list/List.d.ts

@@ -1,8 +1,21 @@
 import * as React from "react";
 import type { ControlSize, PaletteColor } from "../../internal/states";
-export type ListRootProps = React.HTMLAttributes<HTMLUListElement> & {
+export type ListLabels = {
+    /** `aria-label` of a row's drag handle (`onReorder`); `{label}` is the row's text. */
+    reorderItem: string;
+};
+export type ListRootProps = Omit<React.HTMLAttributes<HTMLUListElement>, "children"> & {
     /** Row tier: height, text, icon and avatar size; counts take one tier down. Default `m`. */
     size?: ControlSize;
+    /**
+     * Rows reorder by a leading handle (drag, a touch hold, Alt + ↑ / ↓): the row `id` now stands
+     * in front of `beforeId` (`List.Item` `value`s; `null` — last). Apply it with `moveBefore`.
+     * Return a promise to save on a server: the row stays in its new place with a busy handle, a
+     * rejection moves it back. Every `List.Item` then needs a `value`.
+     */
+    onReorder?: (id: string, beforeId: string | null) => void | Promise<void>;
+    /** Built-in strings. */
+    labels?: Partial<ListLabels>;
     /** `List.Item`s. */
     children?: React.ReactNode;
     ref?: React.Ref<HTMLUListElement>;
@@ -11,7 +24,7 @@ export type ListRootProps = React.HTMLAttributes<HTMLUListElement> & {
  * A selectable navigation list: the master half of a list + detail screen (conversations, tickets,
  * mail, records). Rows are buttons or links; the open record is `current`.
  */
-declare function ListRoot({ size, className, ...rest }: ListRootProps): import("react/jsx-runtime").JSX.Element;
+declare function ListRoot({ size, onReorder, labels, className, children, ...rest }: ListRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ListRoot {
     var displayName: string;
 }
@@ -66,6 +79,8 @@ declare namespace ListItemCount {
     var displayName: string;
 }
 type ListItemOwnProps = {
+    /** Stable id of the row; required in a reorderable list (`List.Root` `onReorder`). */
+    value?: string;
     /**
      * The open record: the selected fill and `aria-current` — `"true"` on a button, `"page"` on a
      * link (`href`, `asChild`). Links rendered by a router may set it themselves.
@@ -89,7 +104,7 @@ export type ListItemProps = ListItemOwnProps & Omit<React.ComponentPropsWithoutR
     ref?: React.Ref<HTMLElement>;
 };
 /** A row of the list: an `<li>` holding a full-width button or link. */
-declare function ListItem({ current, disabled, asChild, href, className, children, onClick, type, ref, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+declare function ListItem({ value, current, disabled, asChild, href, className, children, onClick, type, ref, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ListItem {
     var displayName: string;
 }

package/dist/components/message/Message.d.ts

@@ -20,6 +20,18 @@ export type MessageStatus = "sending" | "sent" | "read" | "failed";
  */
 export type MessageShell = "bubble" | "media" | "round";
 type AsyncEvent<T> = (value: T) => void | Promise<unknown>;
+export type MessageActionsProps = React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+/**
+ * A row of a bot's inline keyboard under the message: `Button.Root` children sharing the row
+ * equally, at the message's width (the bubble widens to the keyboard when it is wider). Several
+ * make several rows, in the order written. A row too narrow for its buttons wraps them.
+ */
+declare function MessageActions({ className, ...rest }: MessageActionsProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MessageActions {
+    var displayName: string;
+}
 export type MessageRootProps = Omit<React.HTMLAttributes<HTMLElement>, "role"> & {
     /** The id of the message: selection, `onNewMessage`, `onRead`, `current`, `Message.Reply target`. */
     value?: string;
@@ -78,6 +90,7 @@ export declare const Message: {
     Contact: typeof MessageContact;
     LinkPreview: typeof MessageLinkPreview;
     Reactions: typeof MessageReactions;
+    Actions: typeof MessageActions;
     Menu: typeof MessageMenu;
     Typing: typeof MessageTyping;
 };

package/dist/components/message/MessageParts.d.ts

@@ -9,6 +9,8 @@ export type MessageLabels = {
     you: string;
     /** Marks an edited message in its meta. */
     edited: string;
+    /** The name of a `||spoiler||` in the text while it is hidden. */
+    spoiler: string;
     sending: string;
     sent: string;
     read: string;

package/dist/components/modal/DialogParts.d.ts

@@ -124,8 +124,12 @@ export declare function DialogShellProvider({ value, children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export type DialogIconProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & {
-    /** Soft fill + text color of the role. Default `neutral`. */
+    /** Soft fill + text color of the role. Default `neutral`. Not used around a picture. */
     tone?: Tone;
+    /**
+     * An `Icon` in a filled box of the role, or the record's picture — an `Avatar.Root` (sized to
+     * the box) or a `Thumbnail.Root` — with no box of its own.
+     */
     children: React.ReactNode;
     ref?: React.Ref<HTMLSpanElement>;
 };

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

@@ -2,9 +2,9 @@ import * as React from "react";
 import { type FieldFrameProps, type FieldRootDomProps } from "../../internal/FieldFrame";
 import { type MenuGroupProps } from "../../internal/MenuGroup";
 import type { ControlSize } from "../../internal/states";
-import { SelectItem, SelectItemDescription, SelectItemIcon, SelectItemMeta, SelectItemText } from "./SelectItem";
+import { SelectAction, SelectItem, SelectItemDescription, SelectItemIcon, SelectItemMeta, SelectItemText } from "./SelectItem";
 import { type SelectLabels } from "./selectContext";
-export type { SelectItemDescriptionProps, SelectItemIconProps, SelectItemMetaProps, SelectItemProps, SelectItemTextProps, } from "./SelectItem";
+export type { SelectActionProps, SelectItemDescriptionProps, SelectItemIconProps, SelectItemMetaProps, SelectItemProps, SelectItemTextProps, } from "./SelectItem";
 export type { SelectLabels } from "./selectContext";
 type SelectRootBase = FieldRootDomProps & FieldFrameProps & {
     size?: ControlSize;
@@ -55,15 +55,20 @@ type SelectSingleProps = {
     multiple?: false;
     value?: string;
     defaultValue?: string;
-    /** Picked value; `""` after clearing. */
-    onValueChange?: (value: string) => void;
+    /**
+     * Picked value; `""` after clearing. Return the save's promise: the value shows at once with a
+     * Spinner on the trigger and picks wait; resolve keeps it, reject rolls it back and announces
+     * `labels.changeFailed`.
+     */
+    onValueChange?: (value: string) => void | Promise<void>;
 };
 type SelectMultipleProps = {
     /** `string[]` value, checkboxes in the list, the list stays open on a pick. */
     multiple: true;
     value?: string[];
     defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
+    /** The new list; a promise as in single mode. */
+    onValueChange?: (value: string[]) => void | Promise<void>;
 };
 export type SelectRootProps = SelectRootBase & (SelectSingleProps | SelectMultipleProps);
 declare function SelectRoot(props: SelectRootProps): import("react/jsx-runtime").JSX.Element;
@@ -146,4 +151,5 @@ export declare const Select: {
     ItemMeta: typeof SelectItemMeta;
     Group: typeof SelectGroup;
     Separator: typeof SelectSeparator;
+    Action: typeof SelectAction;
 };

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

@@ -68,4 +68,23 @@ export declare function SelectItem({ value, label, keywords, disabled, className
 export declare namespace SelectItem {
     var displayName: string;
 }
+export declare const isActionValue: (value: string) => boolean;
+export type SelectActionProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect" | "role" | "id" | "children"> & {
+    /** Runs the action: a click, or Enter / Space while it is highlighted; the list then closes. */
+    onSelect: () => void;
+    /** Muted, skipped by the keyboard, not runnable. */
+    disabled?: boolean;
+    /** The action text; an optional `Select.ItemIcon` in front. */
+    children: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
+};
+/**
+ * A list-level action («Новый клиент»): pinned under the scroller, never filtered by the search,
+ * the last stop of the arrow keys. The listbox owns it (`aria-owns`), so it is an option of the
+ * list for assistive tech.
+ */
+export declare function SelectAction({ onSelect, disabled, className, children, onClick, onMouseMove, ref, ...rest }: SelectActionProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SelectAction {
+    var displayName: string;
+}
 export {};

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

@@ -16,6 +16,8 @@ export type SelectLabels = {
     clear: string;
     /** Muted marker after the label when `optional`. */
     optional: string;
+    /** Announced when the `onValueChange` promise rejects and the value rolls back. */
+    changeFailed: string;
 };
 export declare const normalize: (text: string) => string;
 /**
@@ -48,6 +50,8 @@ export type SelectContextValue = {
     clear: () => void;
     clearable: boolean;
     loading: boolean;
+    /** A promise from `onValueChange` is pending: the trigger is busy, picks wait. */
+    saving: boolean;
     loadingMore: boolean;
     hasMore: boolean;
     onLoadMore: (() => void | Promise<void>) | undefined;

package/dist/components/sparkline/Sparkline.d.ts

@@ -10,13 +10,23 @@ export type SparklineLabels = {
 };
 /** `line`: a line with a soft area. `bars`: a bar per point from zero — up when positive, down when negative. */
 export type SparklineVariant = "line" | "bars";
+/**
+ * `default`: the headline (title · date, value · change) over the plot. `compact`: the plot alone at
+ * the height of an `xs` control, for a table cell or a list row.
+ */
+export type SparklineLayout = "default" | "compact";
 export type SparklineProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
     /** Points in order, oldest first; at least two draw a line. */
     data: SparklinePoint[];
-    /** Visible title above the value and the accessible name of the chart. */
+    /**
+     * Visible title above the value and the accessible name of the chart; with `layout="compact"`
+     * only the accessible name.
+     */
     label: string;
     /** Default `line`. */
     variant?: SparklineVariant;
+    /** Default `default`. */
+    layout?: SparklineLayout;
     /**
      * Index of the point at rest (the current month): the headline shows it when nobody scrubs, and
      * `bars` draw the other bars quieter. Default: the latest point.
@@ -36,6 +46,7 @@ export type SparklineProps = Omit<React.HTMLAttributes<HTMLDivElement>, "childre
  * A small chart with its headline: the value at rest (the latest point or `highlight`), its change
  * against the point before and its date. Scrubbing (pointer, touch, or the arrow keys on the chart)
  * shows any point; the header follows instantly, the trend arrow turns, and leaving glides back to
- * the point at rest. `bars` draw signed values from a zero line.
+ * the point at rest. `bars` draw signed values from a zero line. `layout="compact"` is the plot
+ * alone (a table cell): the shown point is spoken through the slider's `aria-valuetext`.
  */
-export declare function Sparkline({ data, label, variant, highlight, loading, formatValue, labels: labelsProp, className, ref, ...rest }: SparklineProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sparkline({ data, label, variant, layout, highlight, loading, formatValue, labels: labelsProp, className, ref, ...rest }: SparklineProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,10 @@ import * as React from "react";
 import { type FieldActionButtonProps } from "../../internal/FieldAction";
 import { type FieldCommitHandler } from "../../internal/FieldCommit";
 import type { ControlSize } from "../../internal/states";
-export type TextareaLabels = {
+import { type TextFormattingLabels } from "../../internal/textFormatting";
+export type { TextFormat } from "../../internal/textFormatting";
+/** Every built-in string; the formatting toolbar's names are shared with Composer. */
+export type TextareaLabels = TextFormattingLabels & {
     /** Muted marker after the label when `optional`. */
     optional: string;
     /** Screen-reader text of `Textarea.Counter`; `{current}` and `{max}` are replaced. */
@@ -59,6 +62,12 @@ export type TextareaRootProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
     maxRows?: number;
     /** Called with the new string value; native `onChange` still fires. */
     onValueChange?: (value: string) => void;
+    /**
+     * Markdown formatting, as in Composer: selecting text shows a floating toolbar (bold, italic,
+     * strikethrough, code, spoiler, link, quote) and enables the hotkeys; each writes Markdown around
+     * the selection.
+     */
+    formatting?: boolean;
     labels?: Partial<TextareaLabels>;
     /** The native `<textarea>`. */
     ref?: React.Ref<HTMLTextAreaElement>;
@@ -67,7 +76,7 @@ export type TextareaRootProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
  * A multi-line field. `className` goes to the field frame, `id`, `ref` and the native attributes
  * to the `<textarea>` (it has no `Field` part).
  */
-declare function TextareaRoot({ id, className, size: sizeProp, invalid, focusRing, label, required, optional, hint, error, counter, reserveSupportRow, autoResize, rows, maxRows, disabled: disabledProp, readOnly, value, onInput, onChange, onValueChange, onFocus, onBlur, onKeyDown, onCommit, labels: labelsProp, "aria-describedby": ariaDescribedBy, children, ref, ...rest }: TextareaRootProps): import("react/jsx-runtime").JSX.Element;
+declare function TextareaRoot({ id, className, size: sizeProp, invalid, focusRing, label, required, optional, hint, error, counter, reserveSupportRow, autoResize, rows, maxRows, disabled: disabledProp, readOnly, value, onInput, onChange, onValueChange, onFocus, onBlur, onKeyDown, onSelect, onCommit, formatting, labels: labelsProp, "aria-describedby": ariaDescribedBy, children, ref, ...rest }: TextareaRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TextareaRoot {
     var displayName: string;
 }
@@ -103,4 +112,3 @@ export declare const Textarea: {
     CopyButton: typeof TextareaCopyButton;
     Action: typeof TextareaAction;
 };
-export {};

package/dist/hooks/useUploadQueue.d.ts

@@ -23,6 +23,8 @@ export type UploadItem<TResult = unknown> = {
     preview?: string;
 };
 export type UploadContext = {
+    /** The item's id: the same id `add` returned and the files of the set carry. */
+    id: string;
     /** Aborted when the item is removed (or the queue unmounts): stop the request. */
     signal: AbortSignal;
     /** Reports the share sent, 0…1. */
@@ -31,7 +33,9 @@ export type UploadContext = {
 export type UploadQueueOptions<TResult> = {
     /**
      * Sends one file. Resolve with what the server answered (kept as `result`); reject to mark the
-     * item failed — the rejection's message is shown as the reason.
+     * item failed — the rejection's message is shown as the reason. Work that must follow the upload
+     * (attach the file to a record, save the set) runs here after the request resolves:
+     * `context.id` is the item, and the item is `failed` if that work rejects.
      */
     upload: (file: File, context: UploadContext) => Promise<TResult>;
     /** How many files upload at once; the rest wait as `queued`. Default 3. */

package/dist/icons/registry.d.ts

@@ -74,6 +74,8 @@ export declare const iconRegistry: {
     readonly "format.link": import("./glyph").Glyph;
     readonly "format.list": import("./glyph").Glyph;
     readonly "format.quote": import("./glyph").Glyph;
+    /** Hidden text (a spoiler) in text formatting; `field.password.hide` masks a password. */
+    readonly "format.spoiler": import("./glyph").Glyph;
     readonly "format.strikethrough": import("./glyph").Glyph;
     readonly "format.underline": import("./glyph").Glyph;
     readonly "object.activity": import("./glyph").Glyph;