prime-ui-kit 0.21.2 → 0.21.3

package/dist/chunks/{chunk-SQGPQOUO.js → chunk-SUGCIPD7.js}

@@ -2,7 +2,7 @@
 
 import {
   defineGlyph
-} from "./chunk-T7IEJSTH.js";
+} from "./chunk-HMLQCKRL.js";
 
 // src/icons/glyphs/a-arrow-down.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/color-picker.js

@@ -4,9 +4,9 @@ import {
   ColorField,
   ColorPicker,
   parseColor
-} from "./chunks/chunk-VQ3UCVDV.js";
-import "./chunks/chunk-7JYPFRZ3.js";
-import "./chunks/chunk-T7IEJSTH.js";
+} from "./chunks/chunk-BAJRN3QN.js";
+import "./chunks/chunk-JO7E6SZQ.js";
+import "./chunks/chunk-HMLQCKRL.js";
 export {
   ColorField,
   ColorPicker,

package/dist/components/chat-list/ChatList.d.ts

@@ -52,14 +52,15 @@ export type ChatListLabels = {
 export declare const CHAT_LIST_LABELS: ChatListLabels;
 export type ChatListItemIconProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & {
     /**
-     * An `Avatar.Root` (with `Avatar.Status`), or after the name an `Icon` with a `label`.
+     * An `Avatar.Root` (with `Avatar.Status`), or after the name an icon: `<Icon name>` or a glyph of `prime-ui-kit/icons` (`<SendIcon />`), as is.
      */
     children: React.ReactNode;
     ref?: React.Ref<HTMLSpanElement>;
 };
 /**
  * The avatar of the dialog before `ChatList.ItemText`; after it, a glyph beside the name (a
- * verified mark, a bot). Drawn by `ChatList.Item`.
+ * verified mark, a bot): any kit icon, sized by the row, named by the part's `aria-label`.
+ * Drawn by `ChatList.Item`.
  */
 declare function ChatListItemIcon(_props: ChatListItemIconProps): React.ReactNode;
 declare namespace ChatListItemIcon {
@@ -148,7 +149,7 @@ type ChatListItemOwnProps = {
      */
     children?: React.ReactNode;
 };
-export type ChatListItemProps = ChatListItemOwnProps & Omit<ListItemProps, keyof ChatListItemOwnProps | "value" | "current" | "disabled">;
+export type ChatListItemProps = ChatListItemOwnProps & Omit<ListItemProps, keyof ChatListItemOwnProps | "value" | "current" | "disabled" | "locked">;
 /**
  * A dialog: a `List.Item` row (a button, a link with `href`, or the consumer's element with
  * `asChild` — a router link, its children the parts) with the avatar, the name and the time on

package/dist/components/command-menu/CommandMenu.d.ts

@@ -5,8 +5,6 @@ export type CommandMenuLabels = {
     search: string;
     /** `CommandMenu.Empty`: nothing matches the query. */
     empty: string;
-    /** Second line of `CommandMenu.Empty`; `""` hides it. */
-    emptyHint: string;
     /** Announced while `loading` or `loadingMore`. */
     loading: string;
     /** The retry button of the load error (`onRetry`). */
@@ -220,8 +218,7 @@ export type CommandMenuEmptyProps = Omit<React.HTMLAttributes<HTMLDivElement>, "
     ref?: React.Ref<HTMLDivElement>;
 };
 /**
- * Shown only while nothing matches the query and nothing loads: `labels.empty` and
- * `labels.emptyHint`, text only. An action for the query («Создать «…»») is a `persistent`
+ * Shown only while nothing matches the query and nothing loads: `labels.empty`, text only. An action for the query («Создать «…»») is a `persistent`
  * `CommandMenu.Item` at the end of the list, never a child of `Empty`.
  */
 declare function CommandMenuEmpty(props: CommandMenuEmptyProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/composer/Composer.d.ts

@@ -146,7 +146,7 @@ export type ComposerRootProps = Omit<React.FormHTMLAttributes<HTMLFormElement>,
      */
     queue?: ComposerQueue;
     /**
-     * Selecting text shows a floating toolbar of seven Markdown tools and enables their hotkeys; a tool wraps the selection, a second press unwraps it. `false` turns both off.
+     * Selecting text shows a floating toolbar of eight Markdown tools and enables their hotkeys; a tool wraps the selection, a second press unwraps it. `false` turns both off.
      */
     formatting?: boolean;
     /**

package/dist/components/data-table/DataTable.d.ts

@@ -8,12 +8,10 @@ export type DataTableLabels = {
     loading: string;
     /** Default empty-state text (when `empty` is not set). */
     empty: string;
-    /** Footer range line. */
+    /** Footer range line (`showRange`). */
     range: string;
-    /** Footer status while `loadingMore`. */
+    /** Footer status while more rows load. */
     loadingMore: string;
-    /** Footer hint when more rows can be revealed or loaded by scrolling. */
-    scrollForMore: string;
     /** `aria-label` of the header «select all» checkbox. */
     selectAll: string;
     /** `aria-label` of a row checkbox; `{label}` is `getRowLabel(row)` (empty without it). */
@@ -94,7 +92,7 @@ export type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, "ch
      */
     source?: "client" | "server";
     /**
-     * Total rows on the server (`source="server"`): the page count and «Показано {from}–{to} из {total}».
+     * Total rows on the server (`source="server"`): the page count and the range line (`showRange`).
      */
     rowCount?: number;
     /**
@@ -189,6 +187,10 @@ export type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, "ch
      * Page change from the pager; a sort change also returns to page 1.
      */
     onPageChange?: (page: number) => void;
+    /**
+     * A range line in the footer (`labels.range`) when the rows do not fit one page: paged with more than one page, or `paging="infinite"`.
+     */
+    showRange?: boolean;
     /**
      * Rows per page; also the first batch with `paging="infinite"` (with `source="server"` every loaded row is shown).
      */
@@ -202,7 +204,7 @@ export type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, "ch
      */
     hasMore?: boolean;
     /**
-     * A server batch is loading: footer status, `aria-busy`.
+     * A server batch is loading: the footer shows `labels.loadingMore` with a Spinner, `aria-busy`.
      */
     loadingMore?: boolean;
     /**
@@ -322,4 +324,4 @@ export type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, "ch
      */
     onCollapsedGroupsChange?: (collapsedGroups: (string | number)[]) => void;
 };
-export declare function DataTable<Row>({ columns: allColumns, hiddenColumns, defaultHiddenColumns, onHiddenColumnsChange, columnOrder, defaultColumnOrder, onColumnOrderChange, columnsMenu, rows, source, rowCount, size: sizeProp, className, showHeader, stickyHeader, stickyFirstColumn, stickyLastColumn, getRowKey, getRowHref, onRowClick, isRowClickable, loading, empty, labels: labelsProp, rowDividers, columnDividers, sort, defaultSort, onSortChange, paging, page, defaultPage, onPageChange, pageSize, infiniteBatchSize, hasMore, loadingMore, onLoadMore, scrollHeight, fullWidth, highlightRowOnHover, highlightColumnOnHover, striped, getRowLabel, selectable, selected, defaultSelected, onSelectedChange, onReorder, reorderHandle, getRowChildren, renderExpanded, isRowExpandable, expanded, defaultExpanded, onExpandedChange, loadError, loadingRows, toolbar, toolbarChips, renderSelectionActions, getRowGroup, renderGroupHeader, stickyGroupHeaders, collapsedGroups, defaultCollapsedGroups, onCollapsedGroupsChange, ref, ...rest }: DataTableProps<Row>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<Row>({ columns: allColumns, hiddenColumns, defaultHiddenColumns, onHiddenColumnsChange, columnOrder, defaultColumnOrder, onColumnOrderChange, columnsMenu, rows, source, rowCount, size: sizeProp, className, showHeader, stickyHeader, stickyFirstColumn, stickyLastColumn, getRowKey, getRowHref, onRowClick, isRowClickable, loading, empty, labels: labelsProp, rowDividers, columnDividers, sort, defaultSort, onSortChange, paging, page, defaultPage, onPageChange, showRange, pageSize, infiniteBatchSize, hasMore, loadingMore, onLoadMore, scrollHeight, fullWidth, highlightRowOnHover, highlightColumnOnHover, striped, getRowLabel, selectable, selected, defaultSelected, onSelectedChange, onReorder, reorderHandle, getRowChildren, renderExpanded, isRowExpandable, expanded, defaultExpanded, onExpandedChange, loadError, loadingRows, toolbar, toolbarChips, renderSelectionActions, getRowGroup, renderGroupHeader, stickyGroupHeaders, collapsedGroups, defaultCollapsedGroups, onCollapsedGroupsChange, ref, ...rest }: DataTableProps<Row>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-table/Footer.d.ts

@@ -1,14 +1,18 @@
 type FooterProps = {
-    /** Range line («Показано 1–5 из 23»), or nothing. */
+    /** Range line («Показано 1–5 из 23», `showRange`), or nothing. */
     range: string | null;
     pagination: {
         page: number;
         totalPages: number;
         onPageChange: (page: number) => void;
     } | null;
-    /** Infinite-scroll status, or nothing. */
+    /** The status while more rows load (infinite scroll), or nothing. */
     status: string | null;
 };
-/** Range line, Pagination (the table's tier from context) and the infinite-scroll status under the table. */
+/**
+ * Range line, Pagination (the table's tier from context) and the loading status of infinite scroll
+ * under the table. With nothing to show there is no footer; one that comes and goes (the status of
+ * a request) rises in and closes up in place.
+ */
 export declare function Footer({ range, pagination, status }: FooterProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/datepicker/DatepickerPanel.d.ts

@@ -21,8 +21,8 @@ export type DatepickerLabels = {
     time: string;
     /** Prefix of a range without a start: «до 6 окт». */
     until: string;
-    /** Heading of the presets column. */
-    presetsTitle: string;
+    /** Accessible name of the presets group. */
+    presetsGroup: string;
     /** Muted marker after the field label when `optional`. */
     optional: string;
     /** Read after the field name of a `required` field (its trigger is a button). */

package/dist/components/dnd/labels.d.ts

@@ -21,6 +21,8 @@ export type DndLabels = {
     moved: string;
     /** Live region: an item was moved to a linked list with the keyboard: `{list}` is its name. */
     movedTo: string;
+    /** Live region: a keyboard step refused, a locked item holds the place: `{locked}` names it. */
+    blocked: string;
     /** Live region: a linked list refused an item moved with the keyboard. */
     refused: string;
     /** Live region: a target refused the item and said why (`canDrop` answered a string). */

package/dist/components/field-list/FieldList.d.ts

@@ -23,8 +23,6 @@ export type FieldListLabels = {
     namedRow: string;
     /** Why a pinned row cannot be removed: the tooltip of its remove button, the note in its menu. */
     lockedReason: string;
-    /** Text beside the disabled add button once the list holds `max` rows; `{max}` is the limit. */
-    maxReached: string;
     /** Name of the totals row (`renderTotals`), shown in its first cell when that has no total. */
     totals: string;
 };
@@ -86,7 +84,7 @@ export type FieldListProps<T extends object> = Omit<FieldRootDomProps, "onChange
      */
     renderTotals?: (items: readonly T[]) => React.ReactNode;
     /**
-     * A new empty item; with it the add button shows under the rows and focus goes to the new row's first field.
+     * A new empty item; with it the add button shows under the rows (until `max`) and focus goes to the new row's first field.
      */
     createItem?: () => T;
     /**
@@ -118,7 +116,7 @@ export type FieldListProps<T extends object> = Omit<FieldRootDomProps, "onChange
      */
     min?: number;
     /**
-     * The most rows: at this count the add button is disabled with `labels.maxReached` beside it.
+     * The most rows: at this count the add button closes up in place and comes back once a row is removed. The list says no limit text of its own; a limit the person should know goes in `hint`.
      */
     max?: number;
     /**

package/dist/components/file-upload/FileUpload.d.ts

@@ -40,8 +40,6 @@ export type FileUploadFile = {
 export type FileUploadLabels = {
     /** Title of the built-in drop zone body. */
     title: string;
-    /** Description under the title (formats, size limit). An empty string hides it. */
-    description: string;
     /** Text of the browse button: decorative in a zone, the control itself with `trigger="button"`. */
     browse: string;
     /** Muted marker after the field label when `optional`. */
@@ -52,12 +50,6 @@ export type FileUploadLabels = {
     addLabel: string;
     /** The add tile of an empty set: it spans the row. */
     empty: string;
-    /** Second line of the empty add tile without `max`. */
-    emptyHint: string;
-    /** Text of the add tile when `max` is reached. */
-    full: string;
-    /** Counter on the add tile: `{count}`, `{max}`. */
-    count: string;
     /** Pill of the first tile with `cover`. */
     cover: string;
     /** A file waiting for a free slot. */
@@ -313,7 +305,7 @@ export type FileUploadRootProps = FieldRootDomProps & FieldFrameProps & FieldFoc
      */
     multiple?: boolean;
     /**
-     * Most files in the set: picked and dropped files are cut to the room left; the add tile counts `count из max` (the digits roll) and at the limit says «Лимит файлов» and takes nothing.
+     * Most files in the set: picked and dropped files are cut to the room left; at the limit the add tile closes up in place and comes back once a file leaves. The limit a person should know goes in `hint`.
      */
     max?: number;
     /**

package/dist/components/index.d.ts

@@ -115,8 +115,8 @@ 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 { RichTextLabels, RichTextProps } from "./rich-text/RichText";
-export { RichText } from "./rich-text/RichText";
+export type { FormattedText, RichTextLabels, RichTextProps, TextEntity, TextEntityType, } from "./rich-text/RichText";
+export { getRichTextSource, getTextEntities, RichText } from "./rich-text/RichText";
 export type { ScrollContainerAxis, ScrollContainerEdges, ScrollContainerProps, } from "./scroll-container/ScrollContainer";
 export { ScrollContainer } from "./scroll-container/ScrollContainer";
 export type { SegmentedControlCountProps, SegmentedControlDescriptionProps, SegmentedControlIconProps, SegmentedControlItemProps, SegmentedControlLabelProps, SegmentedControlLabels, SegmentedControlRootProps, } from "./segmented-control/SegmentedControl";

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

@@ -46,8 +46,6 @@ export type KanbanLabels = {
     countLimit: string;
     /** Text of an empty column. */
     empty: 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}`. */

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

@@ -3,6 +3,8 @@ import { type ControlSize, type PaletteColor } from "../../internal/states";
 export type ListLabels = {
     /** `aria-label` of a row's drag handle (`onReorder`); `{label}` is the row's text. */
     reorderItem: string;
+    /** Name of the lock a `locked` row shows in the grip's place; `{label}` is the row's text. */
+    lockedItem: string;
 };
 export declare const LIST_LABELS: ListLabels;
 export type ListRootProps = Omit<React.HTMLAttributes<HTMLUListElement>, "children"> & {
@@ -119,6 +121,10 @@ type ListItemOwnProps = {
      * Muted and out of the Tab order: a disabled button, or `aria-disabled` and no navigation on a link.
      */
     disabled?: boolean;
+    /**
+     * With `onReorder`: the row holds its place (a system stage) and shows a lock in the grip's box; no row moves past it. The row and its `List.ItemActions` work as on any row.
+     */
+    locked?: boolean;
     /**
      * Renders the single child (a router link) as the row; its children are the content.
      */
@@ -144,7 +150,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({ value, current, disabled, asChild, href, className, children, onClick, type, ref, target, rel, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+declare function ListItem({ value, current, disabled, locked, asChild, href, className, children, onClick, type, ref, target, rel, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ListItem {
     var displayName: string;
 }

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

@@ -69,6 +69,10 @@ export type MessageRootProps = Omit<React.HTMLAttributes<HTMLElement>, "role"> &
      * Delivery of an outgoing message: a clock, one check, two checks (accent), or a danger mark; the glyphs cross-fade from one state to the next. Named for assistive tech by `labels`.
      */
     status?: MessageStatus;
+    /**
+     * Why a `failed` message was not sent: a danger caption under the message that describes its row (`aria-describedby`). Shown only while `status` is `failed`; a retry in flight takes it away.
+     */
+    failureReason?: React.ReactNode;
     /**
      * A picture of the message outside a chat (a bot's settings): no menu, reactions, retry or row focus, `Message.Actions` inert; links and players still work.
      */
@@ -97,7 +101,7 @@ export type MessageRootProps = Omit<React.HTMLAttributes<HTMLElement>, "role"> &
  * A `preview` is the same message as a picture of itself: no menu, reactions, retry or row focus,
  * its inline keyboard inert; its content (links, players, spoilers) still works.
  */
-declare function MessageRoot({ value: valueProp, direction, position, time: timeProp, timeZone: timeZoneProp, formatTime, edited, status, preview, onRetry, onReactionToggle, labels: labelsProp, className, style, children, onContextMenu, onKeyDown, onPointerDown, onMouseDown, onClick, onDoubleClick, "aria-label": ariaLabel, ref, ...rest }: MessageRootProps): import("react/jsx-runtime").JSX.Element;
+declare function MessageRoot({ value: valueProp, direction, position, time: timeProp, timeZone: timeZoneProp, formatTime, edited, status, failureReason, preview, onRetry, onReactionToggle, labels: labelsProp, className, style, children, onContextMenu, onKeyDown, onPointerDown, onMouseDown, onClick, onDoubleClick, "aria-label": ariaLabel, ref, ...rest }: MessageRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace MessageRoot {
     var displayName: string;
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { type DropdownContentProps } from "../dropdown/Dropdown";
+import type { TextEntity } from "../../internal/richText";
 import type { PaletteColor } from "../../internal/states";
 import type { MessageUser } from "./types";
 export type MessageLabels = {
@@ -96,7 +97,11 @@ export type MessageTextProps = Omit<React.HTMLAttributes<HTMLDivElement>, "child
      */
     children: React.ReactNode;
     /**
-     * Render a string as is, without its Markdown.
+     * Formatted ranges of a messenger's text (`TextEntity`, see RichText): the string is then plain text — `**` in it stays text — and a range may start inside a word.
+     */
+    entities?: readonly TextEntity[];
+    /**
+     * Render a string as is, without its Markdown or `entities`.
      */
     plain?: boolean;
     ref?: React.Ref<HTMLDivElement>;
@@ -105,7 +110,7 @@ export type MessageTextProps = Omit<React.HTMLAttributes<HTMLDivElement>, "child
  * The text of a message, wrapping anywhere; the meta stands at the end of its last line (its
  * spacer closes the last line). Marks the matches of the chat's search (`Chat.Search`).
  */
-export declare function MessageText({ plain, className, children, ...rest }: MessageTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageText({ entities, plain, className, children, ...rest }: MessageTextProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MessageText {
     var displayName: string;
 }

package/dist/components/rich-text/RichText.d.ts

@@ -1,14 +1,21 @@
 import type * as React from "react";
+import type { TextEntity } from "../../internal/richText";
 export type RichTextLabels = {
     /** The name of a masked `||spoiler||` until it is revealed. */
     spoiler: string;
 };
 export declare const RICH_TEXT_LABELS: RichTextLabels;
+export type { FormattedText, TextEntity, TextEntityType, } from "../../internal/richText";
+export { getRichTextSource, getTextEntities } from "../../internal/richText";
 export type RichTextProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
     /**
-     * The source: `**bold**`, `_italic_`, `~~strike~~`, `||spoiler||`, inline and fenced code, links (`[label]` then the address in parentheses), bare URLs, `> ` quotes; line breaks are kept.
+     * The Markdown subset (`**`, `_`, `__`, `~~`, `||`, code, links, `> ` quotes; `\*` escapes a mark), or with `entities` the plain text they format.
      */
     children: string;
+    /**
+     * The formatted ranges of a messenger's text (Telegram, VK): `children` is then plain text, never read as Markdown, and a range may start inside a word. Bare URLs in it still link.
+     */
+    entities?: readonly TextEntity[];
     /**
      * Built-in strings, see Labels.
      */
@@ -17,7 +24,8 @@ export type RichTextProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children
 };
 /**
  * Text in the chat's Markdown subset outside a message (a bot's welcome text, a template, a
- * comment): bold, italic, strike, spoiler, inline and fenced code, links, quotes, kept line breaks —
- * the same rendering as `Message.Text`, as React elements, never HTML. Takes the type of its host.
+ * comment): bold, italic, underline, strike, spoiler, inline and fenced code, links, quotes, kept
+ * line breaks — or a plain text with its `entities` — the same rendering as `Message.Text`, as
+ * React elements, never HTML. Takes the type of its host.
  */
-export declare function RichText({ children, labels: labelsProp, className, ...rest }: RichTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichText({ children, entities, labels: labelsProp, className, ...rest }: RichTextProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,8 +6,6 @@ export type SelectLabels = {
     search: string;
     /** Empty state: no items or nothing matches. */
     empty: string;
-    /** Second line of the empty state while searching; `""` hides it. */
-    emptyHint: string;
     /** Announced while `loading` or `loadingMore`. */
     loading: string;
     /** The retry button of the load error (`onRetry`). */

package/dist/components/smart-filter/SmartFilter.d.ts

@@ -61,11 +61,7 @@ export type SmartFilterLabels = {
     searchText: string;
     /** Fields with no matches while typing. */
     noMatches: string;
-    /** Footer hint. */
-    hint: string;
-    /** Footer counter. */
-    count: string;
-    /** Footer reset button. */
+    /** Footer reset button, shown while a filter is set. */
     reset: string;
     /** Collapsed values of a field. */
     more: string;

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

@@ -10,12 +10,14 @@ export type SparklinePoint = {
 export type SparklineLabels = {
     /** Spoken value of the chosen point; `{label}` and `{value}` are replaced. */
     point: string;
-    /** The period of a `sum` / `average` headline at rest; `{first}` and `{last}` are point labels. */
+    /** The period of a `sum` / `average` / `value` headline at rest; `{first}` and `{last}` are point labels. */
     period: string;
     /** Shown and spoken in place of the value of a point with no data. */
     empty: string;
     /** Description of the reference line; `{value}` is replaced. */
     reference: string;
+    /** A change in percentage points (`changeUnit="points"`); `{value}` is the signed difference. */
+    points: string;
 };
 /**
  * `area`: a line over a gradient that fades to the bottom. `line`: the line alone (many trends side
@@ -24,7 +26,8 @@ export type SparklineLabels = {
 export type SparklineVariant = "area" | "line" | "bars";
 /**
  * What the change badge compares the shown point with. `previous`: the point before it.
- * `first`: the first point of the series (the change over the period). `none`: no badge.
+ * `first`: the first point of the series (the change over the period). `none`: no badge (the
+ * default; `compareTo` still shows the change at rest).
  */
 export type SparklineChange = "previous" | "first" | "none";
 /**
@@ -33,6 +36,16 @@ export type SparklineChange = "previous" | "first" | "none";
  * per day. `average`: the mean of the period.
  */
 export type SparklineSummary = "latest" | "sum" | "average";
+/**
+ * Which way of the change is good. `higher`: growth is green (revenue, orders). `lower`: a fall is
+ * green and growth is red (response time, costs, bounce rate).
+ */
+export type SparklineBetter = "higher" | "lower";
+/**
+ * How the change badge measures. `percent`: the relative change. `points`: the difference of the
+ * values, for a share already in percent (conversion 4,1% → 4,6% is «+0,5 п. п.»).
+ */
+export type SparklineChangeUnit = "percent" | "points";
 /**
  * `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.
@@ -45,16 +58,37 @@ type SparklineRest = {
      */
     summary?: "latest";
     /**
-     * Index of the point at rest with `summary="latest"` (the current month): the headline returns to it; `bars` draw the other bars quieter. Not allowed with `sum` / `average`.
+     * Index of the point at rest with `summary="latest"` (the current month): the headline returns to it; `bars` draw the other bars quieter. Not allowed with `sum` / `average` / `value`.
      */
     highlight?: number;
+    /**
+     * The period's own value at rest, neither a sum nor a mean of the points (a median, unique clients), with the period as the date; `compareTo` is its previous period. Not with `summary` / `highlight`.
+     */
+    value?: never;
 } | {
     /**
      * What the headline shows at rest: `latest` — the latest point (or `highlight`), for a level (MRR, conversion); `sum` — the period total, for a flow (revenue per day); `average` — the period mean.
      */
     summary: "sum" | "average";
     /**
-     * Index of the point at rest with `summary="latest"` (the current month): the headline returns to it; `bars` draw the other bars quieter. Not allowed with `sum` / `average`.
+     * Index of the point at rest with `summary="latest"` (the current month): the headline returns to it; `bars` draw the other bars quieter. Not allowed with `sum` / `average` / `value`.
+     */
+    highlight?: never;
+    /**
+     * The period's own value at rest, neither a sum nor a mean of the points (a median, unique clients), with the period as the date; `compareTo` is its previous period. Not with `summary` / `highlight`.
+     */
+    value?: never;
+} | {
+    /**
+     * The period's own value at rest, neither a sum nor a mean of the points (a median, unique clients), with the period as the date; `compareTo` is its previous period. Not with `summary` / `highlight`.
+     */
+    value: number | null;
+    /**
+     * What the headline shows at rest: `latest` — the latest point (or `highlight`), for a level (MRR, conversion); `sum` — the period total, for a flow (revenue per day); `average` — the period mean.
+     */
+    summary?: never;
+    /**
+     * Index of the point at rest with `summary="latest"` (the current month): the headline returns to it; `bars` draw the other bars quieter. Not allowed with `sum` / `average` / `value`.
      */
     highlight?: never;
 };
@@ -80,11 +114,19 @@ export type SparklineProps = Omit<React.HTMLAttributes<HTMLDivElement>, "childre
      */
     layout?: SparklineLayout;
     /**
-     * What the change badge of a shown point compares it with: `previous` — the point before it; `first` — the first point with a value (the change over the period); `none` — no badge.
+     * What the change badge of a shown point compares it with: `previous` — the point before it; `first` — the first point with a value (the change over the period); `none` — no badge (`compareTo` still badges the rest).
      */
     change?: SparklineChange;
     /**
-     * The same summary for the previous period («прошлые 30 дней»): the badge at rest compares the headline with it. Without it a `sum` / `average` headline shows no change at rest.
+     * How the change badge measures: `percent` — the relative change («+12%»); `points` — the difference, for a share in percent (`labels.points`, «+0,5 п. п.»). A zero change is neutral, no arrow.
+     */
+    changeUnit?: SparklineChangeUnit;
+    /**
+     * Which way of the change is good: `higher` — growth is `success`, a fall `danger` (revenue, orders); `lower` — a fall is `success`, growth `danger` (response time, costs, bounce rate). The arrow always follows the sign.
+     */
+    better?: SparklineBetter;
+    /**
+     * The same summary (or `value`) for the previous period («прошлые 30 дней»): the badge at rest compares the headline with it. Without it a `sum` / `average` / `value` headline shows no change at rest.
      */
     compareTo?: number;
     /**
@@ -115,10 +157,10 @@ export type SparklineProps = Omit<React.HTMLAttributes<HTMLDivElement>, "childre
 };
 /**
  * A small chart with its headline: the value at rest (the latest point, `highlight`, or the period's
- * total or mean — `summary`), its change and its date or period. Scrubbing (pointer, touch, or the arrow keys on the chart) shows any point; the
+ * total or mean — `summary`, or its own `value`), its change and its date or period. 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.
  * The line is a monotone curve (`curve`), `null` values break it; `bars` draw signed values from a
  * zero line; a tooltip beside the scrubbed point shows its value and date. `layout="compact"` is
  * the plot alone (a table cell).
  */
-export declare function Sparkline({ data, label, variant, curve, layout, change, summary, highlight, compareTo, min, max, reference, loading, formatValue, labels: labelsProp, className, ref, ...rest }: SparklineProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sparkline({ data, label, variant, curve, layout, change, changeUnit, better, summary, value, highlight, compareTo, min, max, reference, loading, formatValue, labels: labelsProp, className, ref, ...rest }: SparklineProps): import("react/jsx-runtime").JSX.Element;

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

@@ -12,8 +12,6 @@ export type TagSelectOptionUpdate = {
     color?: PaletteColor;
 };
 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. */

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

@@ -86,7 +86,7 @@ export type TextareaRootProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
      */
     onValueChange?: (value: string) => void;
     /**
-     * Selecting text shows a floating toolbar of seven Markdown tools and enables their hotkeys; a tool wraps the selection, a second press unwraps it. Off: plain text.
+     * Selecting text shows a floating toolbar of eight Markdown tools and enables their hotkeys; a tool wraps the selection, a second press unwraps it. Off: plain text.
      */
     formatting?: boolean;
     /**

package/dist/icon-set.d.ts

@@ -1,6 +1,7 @@
 /**
  * `prime-ui-kit/icons` — the full animated glyph set as named components (`<BellIcon />`), each a
- * Lucide drawing with one gesture; import only what you use, the rest is never bundled. The
+ * Lucide drawing (or a Simple Icons brand mark: `<TelegramIcon />`) with one gesture; import only
+ * what you use, the rest is never bundled. The
  * semantic `<Icon name>` set lives in the main entry. Generated by `bun run icons:add`.
  */
 export type { DomainIconProps as GlyphIconProps, Glyph } from "./icons/glyph";
@@ -462,6 +463,7 @@ export { SwissFranc as SwissFrancIcon } from "./icons/glyphs/swiss-franc";
 export { SwitchCamera as SwitchCameraIcon } from "./icons/glyphs/switch-camera";
 export { Syringe as SyringeIcon } from "./icons/glyphs/syringe";
 export { Tablet as TabletIcon } from "./icons/glyphs/tablet";
+export { Telegram as TelegramIcon } from "./icons/glyphs/telegram";
 export { Telescope as TelescopeIcon } from "./icons/glyphs/telescope";
 export { Terminal as TerminalIcon } from "./icons/glyphs/terminal";
 export { TextAlignCenter as TextAlignCenterIcon } from "./icons/glyphs/text-align-center";
@@ -503,6 +505,7 @@ export { Users as UsersIcon } from "./icons/glyphs/users";
 export { UsersRound as UsersRoundIcon } from "./icons/glyphs/users-round";
 export { Vibrate as VibrateIcon } from "./icons/glyphs/vibrate";
 export { Video as VideoIcon } from "./icons/glyphs/video";
+export { Vk as VkIcon } from "./icons/glyphs/vk";
 export { Volume as VolumeIcon } from "./icons/glyphs/volume";
 export { Volume2 as Volume2Icon } from "./icons/glyphs/volume-2";
 export { VolumeX as VolumeXIcon } from "./icons/glyphs/volume-x";
@@ -514,6 +517,7 @@ export { WavesArrowUp as WavesArrowUpIcon } from "./icons/glyphs/waves-arrow-up"
 export { WavesLadder as WavesLadderIcon } from "./icons/glyphs/waves-ladder";
 export { Waypoints as WaypointsIcon } from "./icons/glyphs/waypoints";
 export { Webhook as WebhookIcon } from "./icons/glyphs/webhook";
+export { Whatsapp as WhatsappIcon } from "./icons/glyphs/whatsapp";
 export { Wifi as WifiIcon } from "./icons/glyphs/wifi";
 export { WifiCog as WifiCogIcon } from "./icons/glyphs/wifi-cog";
 export { WifiLow as WifiLowIcon } from "./icons/glyphs/wifi-low";

package/dist/icon-set.js

@@ -410,7 +410,7 @@ import {
   Youtube,
   Zap,
   ZapOff
-} from "./chunks/chunk-SQGPQOUO.js";
+} from "./chunks/chunk-SUGCIPD7.js";
 import {
   Activity,
   AppWindow,
@@ -512,6 +512,7 @@ import {
   Strikethrough,
   Sun,
   Tablet,
+  Telegram,
   TextQuote,
   Trash2,
   TriangleAlert,
@@ -522,13 +523,15 @@ import {
   UserRound,
   Users,
   Video,
+  Vk,
   Volume2,
   VolumeX,
   Wallet,
+  Whatsapp,
   X,
   ZoomIn,
   ZoomOut
-} from "./chunks/chunk-T7IEJSTH.js";
+} from "./chunks/chunk-HMLQCKRL.js";
 export {
   AArrowDown as AArrowDownIcon,
   AArrowUp as AArrowUpIcon,
@@ -988,6 +991,7 @@ export {
   SwitchCamera as SwitchCameraIcon,
   Syringe as SyringeIcon,
   Tablet as TabletIcon,
+  Telegram as TelegramIcon,
   Telescope as TelescopeIcon,
   Terminal as TerminalIcon,
   TextAlignCenter as TextAlignCenterIcon,
@@ -1029,6 +1033,7 @@ export {
   UsersRound as UsersRoundIcon,
   Vibrate as VibrateIcon,
   Video as VideoIcon,
+  Vk as VkIcon,
   Volume2 as Volume2Icon,
   Volume as VolumeIcon,
   VolumeX as VolumeXIcon,
@@ -1040,6 +1045,7 @@ export {
   WavesLadder as WavesLadderIcon,
   Waypoints as WaypointsIcon,
   Webhook as WebhookIcon,
+  Whatsapp as WhatsappIcon,
   WifiCog as WifiCogIcon,
   Wifi as WifiIcon,
   WifiLow as WifiLowIcon,