@slotted/react 0.0.0-stage → 0.1.0-beta.1

package/dist/types/message/message-parts.d.ts

@@ -0,0 +1,40 @@
+import type { MessageActivityStepProps, MessagePartProps, MessageReceiptProps, MessageSpanProps, MessageTimeProps, MessageVersionsProps } from './message.types';
+/** The box the sender's avatar stands in: at the foot of a run, or beside the name in a thread. */
+export declare const MessageAvatar: ({ render, ...nativeProps }: MessagePartProps) => import("react").JSX.Element;
+/** The column of the words: the header, the bubbles, the attachments and the footer. */
+export declare const MessageBody: ({ render, ...nativeProps }: MessagePartProps) => import("react").JSX.Element;
+/** The name and, in a thread, the hour, over the words. */
+export declare const MessageHeader: ({ render, ...nativeProps }: MessagePartProps) => import("react").JSX.Element;
+/** What is said about the message under it: a receipt outside a bubble, the actions, the versions. */
+export declare const MessageFooter: ({ render, ...nativeProps }: MessagePartProps) => import("react").JSX.Element;
+/**
+ * The sender's name. While it is on the page the article is named by it, so a
+ * screen reader that moves from article to article hears who spoke.
+ */
+export declare function MessageAuthor({ id, render, ...nativeProps }: MessageSpanProps): import("react").JSX.Element;
+/** The hour, as a `time` element; `dateTime` is the machine-readable instant. */
+export declare function MessageTime({ render, ...nativeProps }: MessageTimeProps): import("react").JSX.Element;
+/**
+ * Where the message is in its delivery. Inside a bubble's meta it is a mark
+ * beside the hour with the word hidden for assistive technology; anywhere
+ * else it is the word alone, set in the meta type — a mark beside a word of
+ * twelve pixels is two voices saying one thing.
+ */
+export declare function MessageReceipt({ children, render, status, ...nativeProps }: MessageReceiptProps): import("react").JSX.Element;
+/** The message's own actions — copy, reply, rate — as a toolbar the row reveals. */
+export declare function MessageActions({ render, ...nativeProps }: MessagePartProps): import("react").JSX.Element;
+/**
+ * What a reply is doing before it has words, as a short log of steps. It is a
+ * status region: a step that becomes current is read once, in words.
+ */
+export declare function MessageActivity({ render, ...nativeProps }: MessagePartProps): import("react").JSX.Element;
+/** One step of an activity: done, in progress, or waiting. */
+export declare function MessageActivityStep({ children, render, status, ...nativeProps }: MessageActivityStepProps): import("react").JSX.Element;
+/**
+ * `2 de 3` between two controls that page through a reply's versions. It
+ * draws only while there are two or more; the controls stop at the ends
+ * rather than wrapping, so the first and the last are where the reader left
+ * them. `ArrowLeft` and `ArrowRight` on either control page as well.
+ */
+export declare function MessageVersions({ children, onKeyDown, render, ...nativeProps }: MessageVersionsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=message-parts.d.ts.map

package/dist/types/message/message-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-parts.d.ts","sourceRoot":"","sources":["../../../src/message/message-parts.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,mBAAmB,EAEnB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAYzB,mGAAmG;AACnG,eAAO,MAAM,aAAa,+EAA0C,CAAC;AAErE,wFAAwF;AACxF,eAAO,MAAM,WAAW,+EAAwC,CAAC;AAEjE,2DAA2D;AAC3D,eAAO,MAAM,aAAa,+EAA0C,CAAC;AAErE,sGAAsG;AACtG,eAAO,MAAM,aAAa,+EAA0C,CAAC;AAErE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,+BAa7E;AAED,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,+BAGvE;AASD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+BA0B/F;AAED,oFAAoF;AACpF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,+BAS1E;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,+BAG3E;AAED,8DAA8D;AAC9D,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,MAAM,EACN,MAAkB,EAClB,GAAG,WAAW,EACf,EAAE,wBAAwB,+BA2B1B;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,GAAG,WAAW,EACf,EAAE,oBAAoB,sCAsDtB"}

package/dist/types/message/message.d.ts

@@ -0,0 +1,43 @@
+
+import { type FamilyTranslator, type MessageMessages } from '@slotted/core/i18n';
+import type { SyntheticEvent } from 'react';
+import type { MessageChangeReason, MessageContextValue, MessageGroupProps, MessageProps } from './message.types';
+export declare const MessageContext: import("react").Context<MessageContextValue | null>;
+/** What the row around a part knows. A part outside a row is a mistake the page can see at once. */
+export declare function useMessage(): MessageContextValue;
+/** The row around a bubble, when there is one: a bubble stands alone as well. */
+export declare function useOptionalMessage(): MessageContextValue | null;
+/**
+ * The family's words: the row's, with its `messages` laid over the language
+ * in force, or the language alone for a bubble that stands outside a row.
+ */
+export declare function useMessageWords(): FamilyTranslator<MessageMessages>;
+/** Whether a click came from the keyboard: a synthetic click from Enter or Space has no detail. */
+export declare function reasonOf(event: SyntheticEvent): MessageChangeReason;
+/**
+ * A run of messages from one sender. The rows inside it stand two pixels
+ * apart, the corners that face each other on the sender's side are drawn in,
+ * and a row with no avatar still stands on the column the avatar of the run
+ * holds — read from the DOM by the stylesheet, so no row states its place in
+ * the run.
+ */
+export declare function MessageGroup({ layout, render, ...nativeProps }: MessageGroupProps): import("react").JSX.Element;
+/**
+ * One message of a conversation: an `article`, named by its author, holding
+ * the avatar, the words and what is said about them.
+ *
+ * **The side is asked once, here.** A bubble inside the row follows `align`
+ * and, when it states no painting, takes the reader's own for `end` — the
+ * accent's fill — and none for a thread.
+ *
+ * **The status is a fact about delivery.** `sending` and `streaming` are
+ * `aria-busy` and `data-loading`, `failed` is `data-invalid`, `read` is
+ * `data-read`; the receipt inside a bubble's meta, or in the footer, says it
+ * in a mark and a word.
+ *
+ * **Versions.** With `versionCount` of two or more, `MessageVersions` pages
+ * between them; the version on screen is `version` / `defaultVersion` /
+ * `onVersionChange`, and what each version says is the consumer's.
+ */
+export declare function Message({ actionsVisibility, align, defaultVersion, layout, messages, onRetry, onVersionChange, render, status, version, versionCount, ...nativeProps }: MessageProps): import("react").JSX.Element;
+//# sourceMappingURL=message.d.ts.map

package/dist/types/message/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAC;AAE7C,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAmB,MAAM,oBAAoB,CAAC;AAGlG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EAEjB,YAAY,EAEb,MAAM,iBAAiB,CAAC;AAGzB,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,oGAAoG;AACpG,wBAAgB,UAAU,IAAI,mBAAmB,CAIhD;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,IAAI,mBAAmB,GAAG,IAAI,CAE/D;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAGnE;AAED,mGAAmG;AACnG,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAEnE;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,iBAAiB,+BAYjF;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,OAAO,CAAC,EACtB,iBAAiB,EACjB,KAAe,EACf,cAAkB,EAClB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,eAAe,EACf,MAAM,EACN,MAAM,EACN,OAAO,EACP,YAAgB,EAChB,GAAG,WAAW,EACf,EAAE,YAAY,+BAgEd"}

package/dist/types/message/message.types.d.ts

@@ -0,0 +1,156 @@
+import type { FamilyTranslator, MessageMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeReason, ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactElement, ReactNode, SyntheticEvent } from 'react';
+export type MessageAlign = 'start' | 'end';
+export type MessageLayout = 'bubble' | 'thread';
+export type MessageActionsVisibility = 'always' | 'hover';
+export type MessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed' | 'streaming';
+export type BubbleVariant = 'solid' | 'soft' | 'outline' | 'plain';
+export type BubbleTone = 'accent' | 'secondary' | 'success' | 'warning' | 'danger';
+export type MessageActivityStepStatus = 'complete' | 'current' | 'pending';
+/** Why a version, a reaction or a clamp moved: the reader's pointer or keyboard. */
+export type MessageChangeReason = Extract<ChangeReason, 'pointer' | 'keyboard'>;
+export interface MessageDefaults {
+    layout: MessageLayout;
+    actionsVisibility: MessageActionsVisibility;
+    /** The painting of a bubble that states none and whose row infers none. */
+    variant: BubbleVariant;
+    tone: BubbleTone;
+}
+export interface MessageDefaultsProviderProps extends Partial<MessageDefaults> {
+    children?: ReactNode | undefined;
+}
+/** A request to send a message again, from its retry control. It carries no value. */
+export interface MessageRetryRequest {
+    readonly reason: MessageChangeReason;
+    readonly source: SyntheticEvent;
+}
+/** What a row hands its parts and the bubbles inside it. */
+export interface MessageContextValue {
+    align: MessageAlign;
+    layout: MessageLayout;
+    status: MessageStatus | undefined;
+    /** The family's words in the language in force, with this row's `messages` laid over them. */
+    t: FamilyTranslator<MessageMessages>;
+    authorId: string;
+    registerAuthor: (present: boolean) => void;
+    version: number;
+    versionCount: number;
+    requestVersion: (next: number, reason: MessageChangeReason, source: SyntheticEvent) => void;
+    onRetry: ((request: MessageRetryRequest) => void) | undefined;
+}
+type DataAttributes = {
+    [key: `data-${string}`]: string | number | undefined;
+};
+export type MessageRootProps = HTMLAttributes<HTMLElement> & DataAttributes & {
+    children?: ReactNode | undefined;
+};
+type RenderProp = ((props: MessageRootProps) => ReactElement) | undefined;
+export interface MessageProps extends ComponentPropsWithRef<'article'> {
+    /** The sender's side. `end` is the reader's own message. */
+    align?: MessageAlign | undefined;
+    /** Bubbles in a conversation, or rows of a comment thread. Falls back to the group, then the provider. */
+    layout?: MessageLayout | undefined;
+    /** Actions painted at rest, or revealed by the pointer, by focus and on a touch screen. */
+    actionsVisibility?: MessageActionsVisibility | undefined;
+    /**
+     * Where the message is in its delivery. `sending` and `streaming` put
+     * `aria-busy` on the article; `failed` is `data-invalid`; `read` is
+     * `data-read`.
+     */
+    status?: MessageStatus | undefined;
+    /** The version on screen, from 0. Controlled when present. */
+    version?: number | undefined;
+    /** The version an uncontrolled message starts on. */
+    defaultVersion?: number | undefined;
+    /** How many versions exist; the pager draws when there are two or more. */
+    versionCount?: number | undefined;
+    onVersionChange?: ((version: number, request: ChangeRequest<number>) => void) | undefined;
+    /** Asks to send the message again. `BubbleRetry` calls it. */
+    onRetry?: ((request: MessageRetryRequest) => void) | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key, for
+     * this row and every part and bubble inside it.
+     */
+    messages?: PartialMessages<MessageMessages> | undefined;
+    render?: RenderProp;
+}
+export interface MessageGroupProps extends ComponentPropsWithRef<'div'> {
+    /** The layout every row in the run takes unless it states its own. */
+    layout?: MessageLayout | undefined;
+    render?: RenderProp;
+}
+export interface MessagePartProps extends ComponentPropsWithRef<'div'> {
+    render?: RenderProp;
+}
+export interface MessageSpanProps extends ComponentPropsWithRef<'span'> {
+    render?: RenderProp;
+}
+export interface BubbleStreamProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {
+    /** The whole reply received so far. Text that extends it enters word by word. */
+    text: string;
+    /** Let arrivals enter. Falls back to whether the row is `streaming`. */
+    animate?: boolean | undefined;
+    render?: RenderProp;
+}
+export interface MessageTimeProps extends ComponentPropsWithRef<'time'> {
+    render?: RenderProp;
+}
+export interface MessageReceiptProps extends ComponentPropsWithRef<'span'> {
+    /** Falls back to the row's status. */
+    status?: Exclude<MessageStatus, 'streaming'> | undefined;
+    render?: RenderProp;
+}
+export interface MessageActivityStepProps extends ComponentPropsWithRef<'div'> {
+    status?: MessageActivityStepStatus | undefined;
+    render?: RenderProp;
+}
+export interface MessageVersionsProps extends ComponentPropsWithRef<'div'> {
+    render?: RenderProp;
+}
+export interface BubbleContextValue {
+    contentId: string;
+    clamped: boolean;
+    revealed: boolean;
+    overflowing: boolean;
+    setOverflowing: (value: boolean) => void;
+    requestRevealed: (next: boolean, reason: MessageChangeReason, source: SyntheticEvent) => void;
+    variant: BubbleVariant;
+}
+export interface BubbleProps extends ComponentPropsWithRef<'div'> {
+    /** The painting. Falls back to the row (`end` is `solid`, `thread` is `plain`), then the provider, then `soft`. */
+    variant?: BubbleVariant | undefined;
+    /** Falls back to the row (`end` is `accent`), then the provider, then `secondary`. */
+    tone?: BubbleTone | undefined;
+    /** Lines shown before the text is clamped behind a “show more” control. */
+    maxLines?: number | undefined;
+    revealed?: boolean | undefined;
+    defaultRevealed?: boolean | undefined;
+    onRevealedChange?: ((revealed: boolean, request: ChangeRequest<boolean>) => void) | undefined;
+    render?: RenderProp;
+}
+export interface BubbleContentProps extends ComponentPropsWithRef<'div'> {
+    /** Makes the surface itself a `button` or an `a`: `render={(props) => <button type="button" {...props} />}`. */
+    render?: RenderProp;
+}
+export interface BubbleQuoteProps extends ComponentPropsWithRef<'div'> {
+    /** The quoted message's author, set over its words. */
+    author?: ReactNode | undefined;
+    /** Makes the quote a button that asks the page to scroll to the quoted message. */
+    onJump?: ((event: SyntheticEvent) => void) | undefined;
+    render?: RenderProp;
+}
+/** The accessible name is the `typing` message; a consumer's `aria-label` wins. */
+export type BubbleTypingProps = ComponentPropsWithRef<'span'>;
+export interface BubbleRetryProps extends ComponentPropsWithRef<'button'> {
+    render?: RenderProp;
+}
+export interface BubbleReactionProps extends ComponentPropsWithRef<'button'> {
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((pressed: boolean, request: ChangeRequest<boolean>) => void) | undefined;
+    /** The count the consumer's store holds. */
+    count?: number | undefined;
+}
+export {};
+//# sourceMappingURL=message.types.d.ts.map

package/dist/types/message/message.types.d.ts.map

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

package/dist/types/message-scroller/index.d.ts

@@ -0,0 +1,4 @@
+export { MessageScroller, MessageScrollerContent, MessageScrollerItem, MessageScrollerJump, MessageScrollerLoader, MessageScrollerSeparator, MessageScrollerUnread, MessageScrollerViewport, useMessageScroller, } from './message-scroller';
+export { MessageScrollerDefaultsProvider, useMessageScrollerDefaults, } from './message-scroller-defaults';
+export type * from './message-scroller.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/message-scroller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/message-scroller/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,+BAA+B,EAC/B,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,mBAAmB,0BAA0B,CAAC"}

package/dist/types/message-scroller/message-scroller-defaults.d.ts

@@ -0,0 +1,10 @@
+import type { MessageScrollerDefaults, MessageScrollerDefaultsProviderProps } from './message-scroller.types';
+export declare function useMessageScrollerDefaults(): MessageScrollerDefaults;
+/**
+ * An application decides once whether its conversations follow a reply,
+ * where a saved one opens, and how much of the previous turn stays in view.
+ * A scroller that states any of them wins. Its words come from the language in
+ * force (`SlottedProvider`).
+ */
+export declare function MessageScrollerDefaultsProvider({ children, ...defaults }: MessageScrollerDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=message-scroller-defaults.d.ts.map

package/dist/types/message-scroller/message-scroller-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller-defaults.d.ts","sourceRoot":"","sources":["../../../src/message-scroller/message-scroller-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,oCAAoC,EACrC,MAAM,0BAA0B,CAAC;AAWlC,wBAAgB,0BAA0B,IAAI,uBAAuB,CAEpE;AAED;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,oCAAoC,+BActC"}

package/dist/types/message-scroller/message-scroller.d.ts

@@ -0,0 +1,49 @@
+
+import type { MessageScrollerContextValue, MessageScrollerItemProps, MessageScrollerJumpProps, MessageScrollerPartProps, MessageScrollerProps, MessageScrollerSeparatorProps } from './message-scroller.types';
+/**
+ * The scroller around a control: its commands and its state. A control
+ * outside the frame — a header chip, a turn navigator in a footer — reaches
+ * the same commands through the scroller's `ref`.
+ */
+export declare function useMessageScroller(): MessageScrollerContextValue;
+/**
+ * The region a conversation scrolls in. It fills a parent whose height is
+ * bounded; the viewport inside it scrolls and the jump control stands over
+ * it.
+ *
+ * The behaviour is `@slotted/core/message-scroller`: where a saved
+ * conversation opens (`defaultPosition`), whether new words pull the view
+ * (`follow`), where a turn the reader sends stands (`anchor` on the item,
+ * `peek`, `scrollMargin`), older rows arriving above without moving the
+ * reader, and jumps (`ref.current.scrollToMessage`). The engine writes the
+ * scroll state on the DOM itself, so scrolling and streaming re-render no row.
+ */
+export declare function MessageScroller({ busy, children, defaultPosition, edgeThreshold, follow, messages, onAnchorChange, onReachStart, onScrollableChange, peek, preserveOnPrepend, ref, render, scrollMargin, ...nativeProps }: MessageScrollerProps): import("react").JSX.Element;
+/**
+ * The element that scrolls: a labelled region that takes focus, so the
+ * keyboard scrolls it. It is hidden, laid out, until the opening position is
+ * applied, so a conversation opened at its end never shows its oldest rows
+ * first.
+ */
+export declare function MessageScrollerViewport({ ref, render, ...nativeProps }: MessageScrollerPartProps): import("react").JSX.Element;
+/**
+ * The rows: a WAI-ARIA `log`, so a row that arrives is read and a row that
+ * grows is not; `busy` holds even the arrival back until a reply is whole.
+ */
+export declare function MessageScrollerContent({ ref, render, ...nativeProps }: MessageScrollerPartProps): import("react").JSX.Element;
+/** One row — a message, a separator, a line the system writes. */
+export declare function MessageScrollerItem({ anchor, messageId, render, ...nativeProps }: MessageScrollerItemProps): import("react").JSX.Element;
+/** A day, or a line the system writes, between two rules; `sticky` keeps it at the top while its rows are in view. */
+export declare function MessageScrollerSeparator({ children, render, sticky, ...nativeProps }: MessageScrollerSeparatorProps): import("react").JSX.Element;
+/** The line above the first message the reader has not seen. */
+export declare function MessageScrollerUnread({ children, render, ...nativeProps }: MessageScrollerPartProps): import("react").JSX.Element;
+/** Older rows on their way: the shared ring and a line of text, read once as a status. */
+export declare function MessageScrollerLoader({ children, render, ...nativeProps }: MessageScrollerPartProps): import("react").JSX.Element;
+/**
+ * The control that takes the reader to the latest row — or, with
+ * `direction="start"`, to the first. With nowhere to go it is inert and out
+ * of the tab order; when rows arrived out of view it says how many, in its
+ * name and on its face.
+ */
+export declare function MessageScrollerJump({ 'aria-label': ariaLabel, behavior, children, direction, onClick, ...nativeProps }: MessageScrollerJumpProps): import("react").JSX.Element;
+//# sourceMappingURL=message-scroller.d.ts.map

package/dist/types/message-scroller/message-scroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller.d.ts","sourceRoot":"","sources":["../../../src/message-scroller/message-scroller.tsx"],"names":[],"mappings":"AAAA,OAAO,uDAAuD,CAAC;AAqB/D,OAAO,KAAK,EACV,2BAA2B,EAE3B,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,oBAAoB,EAEpB,6BAA6B,EAC9B,MAAM,0BAA0B,CAAC;AAIlC;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,2BAA2B,CAKhE;AAOD;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAY,EACZ,QAAQ,EACR,eAAe,EACf,aAAa,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,IAAI,EACJ,iBAAiB,EACjB,GAAG,EACH,MAAM,EACN,YAAY,EACZ,GAAG,WAAW,EACf,EAAE,oBAAoB,+BA8FtB;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,wBAAwB,+BAoBhG;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,wBAAwB,+BAmB/F;AAED,kEAAkE;AAClE,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,WAAW,EACf,EAAE,wBAAwB,+BAQ1B;AAED,sHAAsH;AACtH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAM,EACN,MAAM,EACN,GAAG,WAAW,EACf,EAAE,6BAA6B,+BAQ/B;AAED,gEAAgE;AAChE,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,GAAG,WAAW,EACf,EAAE,wBAAwB,+BAQ1B;AAED,0FAA0F;AAC1F,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,GAAG,WAAW,EACf,EAAE,wBAAwB,+BAc1B;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EAAE,SAAS,EACvB,QAAmB,EACnB,QAAQ,EACR,SAAiB,EACjB,OAAO,EACP,GAAG,WAAW,EACf,EAAE,wBAAwB,+BAwC1B"}

package/dist/types/message-scroller/message-scroller.types.d.ts

@@ -0,0 +1,90 @@
+import type { FamilyTranslator, MessageScrollerMessages, PartialMessages } from '@slotted/core/i18n';
+import type { MessageScrollerEdges, MessageScrollerPosition, MessageScrollerState, ScrollCommandOptions, ScrollToMessageOptions } from '@slotted/core/message-scroller';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
+export type { MessageScrollerEdges, MessageScrollerPosition, MessageScrollerState, ScrollCommandOptions, ScrollToMessageOptions, };
+export interface MessageScrollerDefaults {
+    follow: boolean;
+    defaultPosition: MessageScrollerPosition;
+    peek: number;
+    scrollMargin: number;
+}
+export interface MessageScrollerDefaultsProviderProps extends Partial<MessageScrollerDefaults> {
+    children?: ReactNode | undefined;
+}
+/** The commands a consumer cannot express declaratively, and the frame itself. */
+export interface MessageScrollerHandle {
+    scrollToMessage: (id: string, options?: ScrollToMessageOptions) => boolean;
+    scrollToEnd: (options?: ScrollCommandOptions) => boolean;
+    scrollToStart: (options?: ScrollCommandOptions) => boolean;
+    /** Moves focus to the viewport, which scrolls from the keyboard. */
+    focus: () => void;
+    readonly root: HTMLElement | null;
+}
+export interface MessageScrollerContextValue extends Omit<MessageScrollerHandle, 'root' | 'focus'> {
+    state: MessageScrollerState;
+    /** The family's words in the language in force, with this scroller's `messages` laid over them. */
+    t: FamilyTranslator<MessageScrollerMessages>;
+    defaultPosition: MessageScrollerPosition;
+    busy: boolean;
+    registerViewport: (node: HTMLElement | null) => void;
+    registerContent: (node: HTMLElement | null) => void;
+}
+type DataAttributes = {
+    [key: `data-${string}`]: string | number | undefined;
+};
+export type MessageScrollerRootProps = HTMLAttributes<HTMLElement> & DataAttributes & {
+    children?: ReactNode | undefined;
+};
+type RenderProp = ((props: MessageScrollerRootProps) => ReactElement) | undefined;
+export interface MessageScrollerProps extends Omit<ComponentPropsWithRef<'div'>, 'ref'> {
+    /** Follow new content while the reader is at the live edge. Falls back to the provider, then `false`. */
+    follow?: boolean | undefined;
+    /** Where the conversation opens, applied once. Falls back to the provider, then `last-anchor`. */
+    defaultPosition?: MessageScrollerPosition | undefined;
+    /** Pixels from an edge that still count as at it. Default 8. */
+    edgeThreshold?: number | undefined;
+    /** Pixels kept above a row the scroller scrolls to. Falls back to the provider, then 0. */
+    scrollMargin?: number | undefined;
+    /** Pixels of the previous row kept above a newly anchored turn. Falls back to the provider, then 64. */
+    peek?: number | undefined;
+    /** Keep the reader's row in place when older rows arrive above. Default `true`. */
+    preserveOnPrepend?: boolean | undefined;
+    /**
+     * A reply is streaming: the log is `aria-busy`, so its words are not read
+     * as they arrive, and the change is announced once in each direction.
+     */
+    busy?: boolean | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * region's name, the jump controls, the unread line, the loader and the
+     * two announcements of a streaming reply.
+     */
+    messages?: PartialMessages<MessageScrollerMessages> | undefined;
+    /** The reader reached the top — the moment to ask for older messages. */
+    onReachStart?: ((reason: 'scroll') => void) | undefined;
+    /** The anchored turn the reader is at changed. */
+    onAnchorChange?: ((id: string | null, reason: 'scroll' | 'programmatic') => void) | undefined;
+    onScrollableChange?: ((edges: MessageScrollerEdges) => void) | undefined;
+    ref?: RefObject<MessageScrollerHandle | null> | ((handle: MessageScrollerHandle | null) => void) | undefined;
+    render?: RenderProp;
+}
+export interface MessageScrollerPartProps extends ComponentPropsWithRef<'div'> {
+    render?: RenderProp;
+}
+export interface MessageScrollerItemProps extends ComponentPropsWithRef<'div'> {
+    /** The stable id the scroller addresses the row by. */
+    messageId?: string | undefined;
+    /** The row starts a turn: an appended anchor stands near the top. */
+    anchor?: boolean | undefined;
+    render?: RenderProp;
+}
+export interface MessageScrollerSeparatorProps extends ComponentPropsWithRef<'div'> {
+    /** Keep the separator at the top of the frame while the rows after it are in view. */
+    sticky?: boolean | undefined;
+    render?: RenderProp;
+}
+export interface MessageScrollerJumpProps extends ComponentPropsWithRef<'button'> {
+    direction?: 'end' | 'start' | undefined;
+    behavior?: ScrollBehavior | undefined;
+}
+//# sourceMappingURL=message-scroller.types.d.ts.map

package/dist/types/message-scroller/message-scroller.types.d.ts.map

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

package/dist/types/multi-select/index.d.ts

@@ -0,0 +1,7 @@
+export { MultiSelect, useMultiSelect } from './multi-select';
+export type { MultiSelectContextValue, MultiSelectEntry } from './multi-select';
+export { MULTI_SELECT_FALLBACK, MultiSelectDefaultsProvider, useMultiSelectDefaults, } from './multi-select-defaults';
+export { MultiSelectContent, MultiSelectControl, NARROW_WIDTH } from './multi-select-parts';
+export { MultiSelectGroup, MultiSelectItem, MultiSelectSeparator } from './multi-select-items';
+export type { MultiSelectAlign, MultiSelectChosenOptions, MultiSelectContentProps, MultiSelectControlProps, MultiSelectDefaults, MultiSelectDefaultsProviderProps, MultiSelectFilter, MultiSelectGroupProps, MultiSelectHandle, MultiSelectHighlightReason, MultiSelectInputReason, MultiSelectItemProps, MultiSelectItems, MultiSelectMount, MultiSelectOpenOn, MultiSelectOpenReason, MultiSelectOption, MultiSelectOptionGroup, MultiSelectOptionValue, MultiSelectOverflow, MultiSelectPositionerProps, MultiSelectProps, MultiSelectRefuseCause, MultiSelectRootProps, MultiSelectSide, MultiSelectSize, MultiSelectStrategy, MultiSelectValueReason, MultiSelectVariant, MultiSelectWidth, } from './multi-select.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/multi-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC/F,YAAY,EACV,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,gCAAgC,EAChC,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,0BAA0B,EAC1B,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}

package/dist/types/multi-select/multi-select-chips.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export interface ChipRowProps {
+    /** The field cell, which is the last cell of the row. */
+    children: ReactNode;
+}
+/**
+ * The row: one `role="row"` holding one cell per value and the field at the
+ * end.
+ *
+ * **One DOM row, however many lines it draws.** The wrap is CSS, so the reading
+ * order stays linear and "previous" and "next" have one meaning each — which is
+ * what leaves `ArrowDown` and `ArrowUp` free for the popup. A second DOM row
+ * would put two grids under the same four arrows.
+ */
+export declare function ChipRow({ children }: ChipRowProps): import("react").JSX.Element;
+//# sourceMappingURL=multi-select-chips.d.ts.map

package/dist/types/multi-select/multi-select-chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-chips.d.ts","sourceRoot":"","sources":["../../../src/multi-select/multi-select-chips.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAsMlE,MAAM,WAAW,YAAY;IAC3B,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAwHjD"}

package/dist/types/multi-select/multi-select-collection.d.ts

@@ -0,0 +1,47 @@
+import type { MoveIntent } from '@slotted/core/collection';
+import type { MultiSelectOptionValue } from './multi-select.types';
+/**
+ * The collection, read from the DOM of the open popup, for the reason
+ * `combobox` reads it there: each option judges itself against the query, so
+ * the rendered list *is* the result set and nothing else in the family knows
+ * what matched.
+ *
+ * The same shape `select` and `combobox` use, deliberately. `moveIndex` in
+ * `packages/core/src/collection` does the arithmetic; this module only says
+ * what the arithmetic is about.
+ */
+export declare const OPTION_SELECTOR = "[data-part='item']";
+export declare function options(content: HTMLElement | null): HTMLElement[];
+export declare const valueOf: (option: HTMLElement) => MultiSelectOptionValue;
+/**
+ * Whether the highlight may land on an option. A disabled one is out, and so
+ * is any unchosen one while the set is full: the control refuses it, and a
+ * highlight that could not be taken is a cursor pointing at nothing.
+ */
+export declare const isEnabled: (option: HTMLElement) => boolean;
+export declare const labelOf: (option: HTMLElement) => string;
+/** Whether the option holding `value` is the offer to add it rather than a member. */
+export declare function isCreateRow(content: HTMLElement | null, value: string): boolean;
+/**
+ * The value the highlight moves to, or `null` when nothing is reachable. An
+ * empty result set, a list still loading, a list whose every option is
+ * disabled and a full control all answer the same way, and the caller writes
+ * no `aria-activedescendant` for any of them.
+ */
+export declare function moveHighlight(content: HTMLElement | null, from: MultiSelectOptionValue | null, intent: MoveIntent, loop: boolean): MultiSelectOptionValue | null;
+/** Where the highlight lands when the popup opens. */
+export declare function entryHighlight(content: HTMLElement | null, entry: 'first' | 'last' | 'none', loop: boolean): MultiSelectOptionValue | null;
+/**
+ * Brings the highlighted option into view without moving the page: the nearest
+ * scrolling box between the option and the popup is scrolled, by the least
+ * distance that shows the whole row, and nothing past it. `scrollIntoView`
+ * would scroll every ancestor too, and on the first open it runs before the
+ * popup is positioned — a control far down a page sent the page to its top.
+ */
+export declare function revealOption(content: HTMLElement | null, value: MultiSelectOptionValue | null): void;
+/** Scrolls the nearest scrolling box between `option` and `surface` to show the row. */
+export declare function revealWithin(option: HTMLElement, surface: HTMLElement): void;
+/** The chips in the control, in the order the row holds them. */
+export declare const CHIP_SELECTOR = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])";
+export declare function chips(control: HTMLElement | null): HTMLElement[];
+//# sourceMappingURL=multi-select-collection.d.ts.map

package/dist/types/multi-select/multi-select-collection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-collection.d.ts","sourceRoot":"","sources":["../../../src/multi-select/multi-select-collection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE;;;;;;;;;GASG;AAEH,eAAO,MAAM,eAAe,uBAAuB,CAAC;AAEpD,wBAAgB,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,EAAE,CAElE;AAED,eAAO,MAAM,OAAO,GAAI,QAAQ,WAAW,KAAG,sBACf,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,QAAQ,WAAW,YACgD,CAAC;AAE9F,eAAO,MAAM,OAAO,GAAI,QAAQ,WAAW,KAAG,MAI1C,CAAC;AAEL,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,WAIrE;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,IAAI,EAAE,sBAAsB,GAAG,IAAI,EACnC,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,OAAO,GACZ,sBAAsB,GAAG,IAAI,CAW/B;AAED,sDAAsD;AACtD,wBAAgB,cAAc,CAC5B,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,EAChC,IAAI,EAAE,OAAO,GACZ,sBAAsB,GAAG,IAAI,CAG/B;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,sBAAsB,GAAG,IAAI,QAI7F;AAED,wFAAwF;AACxF,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,QAkBrE;AAED,iEAAiE;AACjE,eAAO,MAAM,aAAa,qEAAqE,CAAC;AAEhG,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,EAAE,CAEhE"}

package/dist/types/multi-select/multi-select-defaults.d.ts

@@ -0,0 +1,42 @@
+import type { MultiSelectDefaults, MultiSelectDefaultsProviderProps } from './multi-select.types';
+/**
+ * The numbers, and why they are these numbers.
+ *
+ * `closeOnSelect` is `false`, which is the opposite of `select`'s and
+ * `combobox`'s. The set is built by several presses, and the pattern's own
+ * `Enter` clause describes this family: "add the accepted value to a list of
+ * message recipients and then clear the combobox so the user can add another
+ * recipient".
+ *
+ * `creatable` is `false`. A control that turns anything typed into a value is
+ * a different promise from one that offers a known set, and a consumer who
+ * wants the first says so.
+ *
+ * `commitOnBlur` is `true` and `addOnPaste` is `true`: both are what a reader
+ * who typed or pasted something and then left expects to have happened. The
+ * field's three surveyed answers to the first disagree, so it is an axis.
+ *
+ * `delimiters` is the comma alone. It is the one separator every surveyed
+ * implementation ships, and a space would make a two-word value impossible to
+ * type.
+ *
+ * `overflow` is `wrap`: the control grows by rows to three, then scrolls. The
+ * one-line `collapse` is for a control in a table row, where the frame cannot
+ * be allowed to grow.
+ *
+ * `openOn` is `input`: typing and a press on the input open the popup, and a
+ * Tab into it does not, because a reader tabbing through a form is passing it.
+ *
+ * `max` is `null`. A limit is a rule about the consumer's data, and a family
+ * that invented one would refuse a value for a reason nobody wrote.
+ */
+export declare const MULTI_SELECT_FALLBACK: MultiSelectDefaults;
+/** The defaults in force here. The family reads it; a consumer rarely needs to. */
+export declare function useMultiSelectDefaults(): MultiSelectDefaults;
+/**
+ * The decisions an application takes once, in its bootstrap, rather than on
+ * every control it renders. Its words come from the language in force
+ * (`SlottedProvider`).
+ */
+export declare function MultiSelectDefaultsProvider({ children, container, ...overrides }: MultiSelectDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=multi-select-defaults.d.ts.map

package/dist/types/multi-select/multi-select-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-defaults.d.ts","sourceRoot":"","sources":["../../../src/multi-select/multi-select-defaults.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,qBAAqB,EAAE,mBAsCnC,CAAC;AAIF,mFAAmF;AACnF,wBAAgB,sBAAsB,IAAI,mBAAmB,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gCAAgC,+BAsDlC"}

package/dist/types/multi-select/multi-select-items.d.ts

@@ -0,0 +1,28 @@
+import type { Ref } from 'react';
+import type { MultiSelectGroupProps, MultiSelectItemProps } from './multi-select.types';
+/**
+ * One option, and the one that decides whether it belongs in the results.
+ *
+ * **Each option filters itself**, as `combobox`'s does: the family holds the
+ * query and the comparison, the option holds its own label, and the popup's DOM
+ * is therefore the result set — which is what makes the count, the keyboard and
+ * the empty row all read the same answer.
+ *
+ * **An option the set already holds is still an option.** It carries
+ * `aria-selected="true"` and the check, and pressing it takes the value back
+ * out; `chosenOptions="hide"` is the other answer, for a list long enough that
+ * a reader would rather see only what is left.
+ */
+export declare function MultiSelectItem({ children, description, disabled, icon, position, ref, textValue, value, ...nativeProps }: MultiSelectItemProps): import("react").JSX.Element | null;
+/**
+ * A set of options under a heading, named by `aria-labelledby` pointing at its
+ * own label — which the listbox pattern requires of every option group.
+ *
+ * A group whose every option was filtered away renders nothing at all: a
+ * heading with no options under it says a category matched when none did.
+ */
+export declare function MultiSelectGroup({ children, label, ...nativeProps }: MultiSelectGroupProps): import("react").JSX.Element;
+export declare function MultiSelectSeparator(props: {
+    ref?: Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=multi-select-items.d.ts.map

package/dist/types/multi-select/multi-select-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-items.d.ts","sourceRoot":"","sources":["../../../src/multi-select/multi-select-items.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuC,GAAG,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAExF;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,SAAS,EACT,KAAK,EACL,GAAG,WAAW,EACf,EAAE,oBAAoB,sCAmGtB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EAAE,qBAAqB,+BA6B1F;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,+BAExE"}