prime-ui-kit 0.21.3 → 0.21.5

package/dist/color-picker.js

@@ -4,9 +4,9 @@ import {
   ColorField,
   ColorPicker,
   parseColor
-} from "./chunks/chunk-BAJRN3QN.js";
-import "./chunks/chunk-JO7E6SZQ.js";
-import "./chunks/chunk-HMLQCKRL.js";
+} from "./chunks/chunk-KQLHVPF5.js";
+import "./chunks/chunk-XH64AMXF.js";
+import "./chunks/chunk-FWL3NJYA.js";
 export {
   ColorField,
   ColorPicker,

package/dist/components/chat/Chat.d.ts

@@ -2,11 +2,11 @@ import * as React from "react";
 import type { MessagePosition } from "../message/types";
 import type { Selection } from "../../internal/messageList";
 import { ChatPinned } from "./ChatPinned";
-import { ChatSeparator, ChatService, ChatUnread } from "./ChatRows";
+import { ChatSeparator, ChatService, ChatServiceChange, ChatServiceIcon, ChatUnread } from "./ChatRows";
 import { type ChatLabels } from "./chatContext";
 import { ChatSelectionBar, type MessageListProps } from "./MessageList";
 export type { ChatPinnedItem, ChatPinnedLabels, ChatPinnedProps } from "./ChatPinned";
-export type { ChatSeparatorProps, ChatServiceProps, ChatUnreadLabels, ChatUnreadProps, } from "./ChatRows";
+export type { ChatSeparatorProps, ChatServiceChangeLabels, ChatServiceChangeProps, ChatServiceIconProps, ChatServiceProps, ChatUnreadLabels, ChatUnreadProps, } from "./ChatRows";
 export type { ChatLabels } from "./chatContext";
 export type { ChatSelectionBarProps } from "./MessageList";
 export declare const CHAT_LABELS: ChatLabels;
@@ -223,6 +223,8 @@ export declare const Chat: {
     SelectionBar: typeof ChatSelectionBar;
     Separator: typeof ChatSeparator;
     Service: typeof ChatService;
+    ServiceIcon: typeof ChatServiceIcon;
+    ServiceChange: typeof ChatServiceChange;
     Unread: typeof ChatUnread;
     Footer: typeof ChatFooter;
 };

package/dist/components/chat/ChatRows.d.ts

@@ -12,13 +12,68 @@ export declare namespace ChatSeparator {
     var displayName: string;
 }
 export type ChatServiceProps = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * When it happened: a `Date` shown with `formatTime` (and put in `<time dateTime>`), or the text to show; muted, at the end of the pill.
+     */
+    time?: Date | string;
+    /**
+     * The zone `time` is read in.
+     */
+    timeZone?: string;
+    /**
+     * Display of a `Date` time; gets the `timeZone` in force.
+     */
+    formatTime?: (date: Date, timeZone?: string) => string;
     ref?: React.Ref<HTMLDivElement>;
 };
-/** An event in the chat, not a message («Анна добавила Олега»): a centered pill that wraps. */
-export declare function ChatService({ className, children, ...rest }: ChatServiceProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * An event in the chat, not a message: «Анна добавила Олега», «ИИ-агент перевёл клиента: Лид →
+ * Арендатор». A centered pill of inline content that wraps: an optional `Chat.ServiceIcon` before
+ * the text, a `Chat.ServiceChange` inside it, the time at its end. Its content stands one compact
+ * tier down (the badges of a change, a link), so the pill keeps the height of a caption line.
+ * Consecutive events stand as one group, at the spacing of a run of messages (`Chat.module.css`).
+ */
+export declare function ChatService({ time: timeProp, timeZone, formatTime, className, children, ...rest }: ChatServiceProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ChatService {
     var displayName: string;
 }
+export type ChatServiceIconProps = React.HTMLAttributes<HTMLSpanElement> & {
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/** The glyph of an event before its text (who or what acted): decorative, the text names it. */
+export declare function ChatServiceIcon({ className, ...rest }: ChatServiceIconProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatServiceIcon {
+    var displayName: string;
+}
+export type ChatServiceChangeLabels = {
+    /** What a screen reader hears for the change: `{from}`, `{to}` — the text of each value. */
+    change: string;
+};
+export declare const CHAT_SERVICE_CHANGE_LABELS: ChatServiceChangeLabels;
+export type ChatServiceChangeProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & {
+    /**
+     * The value before (a `Badge.Root`); its text fills `{from}`.
+     */
+    from: React.ReactNode;
+    /**
+     * The value after; its text fills `{to}`.
+     */
+    to: React.ReactNode;
+    /**
+     * `change` — the phrase assistive tech hears.
+     */
+    labels?: Partial<ChatServiceChangeLabels>;
+    ref?: React.Ref<HTMLSpanElement>;
+};
+/**
+ * A value that changed inside an event: `from` → `to` (a status, a stage, an owner), usually two
+ * `Badge.Root` with the consumer's colours. It reads as one phrase («с „Лид“ на „Арендатор“»): the
+ * drawing is hidden from assistive tech, a hidden line says it.
+ */
+export declare function ChatServiceChange({ from, to, labels: labelsProp, className, ...rest }: ChatServiceChangeProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatServiceChange {
+    var displayName: string;
+}
 export type ChatUnreadLabels = {
     /** The text of the band. */
     unread: string;

package/dist/components/chat/messageFlow.d.ts

@@ -39,4 +39,15 @@ type FlowOptions = {
     onNew: (value: string, direction: MessageDirection) => void;
 };
 export declare function createMessageFlow({ region, onNew }: FlowOptions): MessageFlow;
+/**
+ * The rows that are not messages (a service event, the unread band) new at the end, by row key, on
+ * the same terms as the messages' flow: planned in render against the last commit, so a row that
+ * mounts because it scrolled into view never enters, and neither does anything of the first commit.
+ */
+export type RowArrivals = {
+    plan: (keys: readonly string[]) => void;
+    isFresh: (key: string) => boolean;
+    commit: (keys: readonly string[]) => void;
+};
+export declare function createRowArrivals(): RowArrivals;
 export {};

package/dist/components/index.d.ts

@@ -20,7 +20,7 @@ export type { CardBodyProps, CardDeltaProps, CardDescriptionProps, CardFooterPro
 export { Card } from "./card/Card";
 export type { ChartFrameActionsProps, ChartFrameDeltaProps, ChartFrameDescriptionProps, ChartFrameHeaderProps, ChartFrameLabels, ChartFrameLegendProps, ChartFramePlotArea, ChartFramePlotProps, ChartFramePlotSeries, ChartFrameRootProps, ChartFrameRow, ChartFrameSeries, ChartFrameState, 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 type { ChatActionsProps, ChatDescriptionProps, ChatFooterProps, ChatHeaderProps, ChatLabels, ChatMessageEntry, ChatMessagesProps, ChatPinnedItem, ChatPinnedLabels, ChatPinnedProps, ChatRootProps, ChatSearchButtonProps, ChatSearchProps, ChatSelectionBarProps, ChatSeparatorProps, ChatServiceChangeLabels, ChatServiceChangeProps, ChatServiceIconProps, 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";

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

@@ -151,7 +151,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, disabled: disabledProp, type, onChange, onValueChange, onFocus, onBlur, onKeyDown, onClick, onInvalid, ref, ...rest }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function InputField({ className, "aria-describedby": ariaDescribedBy, required, disabled: disabledProp, type, autoComplete, onChange, onValueChange, onFocus, onBlur, onKeyDown, onClick, onInvalid, ref, ...rest }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
 declare namespace InputField {
     var displayName: string;
 }

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

@@ -124,7 +124,11 @@ export type LoginFormFormProps = {
     children?: React.ReactNode;
     ref?: React.Ref<HTMLFormElement>;
 } & React.FormHTMLAttributes<HTMLFormElement>;
-/** The `<form>`: fields, then the submit button, one column with field → field spacing. Native submit and `onSubmit` work as usual. */
+/**
+ * The `<form>`: fields, then the submit button, one column with field → field spacing. Native
+ * submit and `onSubmit` work as usual. Autofill is the point of a sign-in form: a kit field inside
+ * it without an `autoComplete` token is left to the browser and the password managers.
+ */
 declare function LoginFormForm({ className, children, ref, ...rest }: LoginFormFormProps): import("react/jsx-runtime").JSX.Element;
 declare namespace LoginFormForm {
     var displayName: string;

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

@@ -100,7 +100,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, hintTone, 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 function TextareaRoot({ id, className, size: sizeProp, invalid, focusRing, label, required, optional, hint, hintTone, error, counter, reserveSupportRow, autoResize, rows, maxRows, disabled: disabledProp, readOnly, value, autoComplete, 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;
 }

package/dist/icon-set.js

@@ -32,7 +32,6 @@ import {
   ArrowDownRight,
   ArrowDownZA,
   ArrowLeft,
-  ArrowRight,
   ArrowUpLeft,
   ArrowUpRight,
   AtSign,
@@ -65,7 +64,6 @@ import {
   BookmarkMinus,
   BookmarkPlus,
   BookmarkX,
-  Bot,
   BotMessageSquare,
   Box,
   Boxes,
@@ -410,17 +408,19 @@ import {
   Youtube,
   Zap,
   ZapOff
-} from "./chunks/chunk-SUGCIPD7.js";
+} from "./chunks/chunk-ZGEHB27U.js";
 import {
   Activity,
   AppWindow,
   ArrowDown,
+  ArrowRight,
   ArrowUp,
   ArrowUpDown,
   Bell,
   Bike,
   Bold,
   BookOpen,
+  Bot,
   Calendar,
   Captions,
   ChartColumn,
@@ -531,7 +531,7 @@ import {
   X,
   ZoomIn,
   ZoomOut
-} from "./chunks/chunk-HMLQCKRL.js";
+} from "./chunks/chunk-FWL3NJYA.js";
 export {
   AArrowDown as AArrowDownIcon,
   AArrowUp as AArrowUpIcon,

package/dist/icons/registry.d.ts

@@ -8,6 +8,7 @@
 export declare const iconRegistry: {
     readonly "nav.chevronDown": import("./glyph").Glyph;
     readonly "nav.chevronLeft": import("./glyph").Glyph;
+    readonly "nav.arrowRight": import("./glyph").Glyph;
     readonly "nav.chevronRight": import("./glyph").Glyph;
     readonly "nav.chevronUp": import("./glyph").Glyph;
     readonly "nav.chevronsLeft": import("./glyph").Glyph;
@@ -94,6 +95,7 @@ export declare const iconRegistry: {
     readonly "object.fuel": import("./glyph").Glyph;
     readonly "object.funnel": import("./glyph").Glyph;
     readonly "object.globe": import("./glyph").Glyph;
+    readonly "object.bot": import("./glyph").Glyph;
     readonly "object.headset": import("./glyph").Glyph;
     readonly "object.image": import("./glyph").Glyph;
     readonly "object.inbox": import("./glyph").Glyph;