@arbidocs/blocks 0.3.185 → 0.4.1

package/dist/auth/SsoLoginButton.d.ts

@@ -0,0 +1,19 @@
+/** Every fixed string of the SSO button. `brandIconAlt` prop wins over `brandIconAlt` label. */
+export interface SsoLoginButtonLabels {
+    loginWith: string;
+    brandIconAlt: string;
+}
+export declare const DEFAULT_SSO_LOGIN_BUTTON_LABELS: SsoLoginButtonLabels;
+export interface SsoLoginButtonProps {
+    labels?: Partial<SsoLoginButtonLabels>;
+    onClick: () => void;
+    /** Source of the brand mark shown first. */
+    brandIconSrc?: string;
+    brandIconAlt?: string;
+    /** Button test id (default `login-with-arbi-button`). */
+    testId?: string;
+    /** Wrapper test id (default `sso-login-button-container`). */
+    containerTestId?: string;
+}
+/** "Login with" button showing the ARBI mark and the supported identity providers. */
+export declare function SsoLoginButton({ onClick, brandIconSrc, brandIconAlt, testId, containerTestId, labels, }: SsoLoginButtonProps): import("react").JSX.Element;

package/dist/auth/index.cjs

@@ -0,0 +1,123 @@
+"use client";
+'use strict';
+
+var chunkZORQ5M3W_cjs = require('../chunk-ZORQ5M3W.cjs');
+var chunkADOKTJHV_cjs = require('../chunk-ADOKTJHV.cjs');
+require('../chunk-MHVNT4J3.cjs');
+
+
+
+Object.defineProperty(exports, "AccountRecoveryDialog", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AccountRecoveryDialog; }
+});
+Object.defineProperty(exports, "AuthAlert", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthAlert; }
+});
+Object.defineProperty(exports, "AuthConsent", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthConsent; }
+});
+Object.defineProperty(exports, "AuthDivider", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthDivider; }
+});
+Object.defineProperty(exports, "AuthField", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthField; }
+});
+Object.defineProperty(exports, "AuthFieldBadge", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthFieldBadge; }
+});
+Object.defineProperty(exports, "AuthFooterLinks", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthFooterLinks; }
+});
+Object.defineProperty(exports, "AuthHeading", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthHeading; }
+});
+Object.defineProperty(exports, "AuthHero", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthHero; }
+});
+Object.defineProperty(exports, "AuthInput", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthInput; }
+});
+Object.defineProperty(exports, "AuthLayout", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthLayout; }
+});
+Object.defineProperty(exports, "AuthLink", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthLink; }
+});
+Object.defineProperty(exports, "AuthNote", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthNote; }
+});
+Object.defineProperty(exports, "AuthOfflineBadge", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthOfflineBadge; }
+});
+Object.defineProperty(exports, "AuthSubmitButton", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthSubmitButton; }
+});
+Object.defineProperty(exports, "AuthTabs", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.AuthTabs; }
+});
+Object.defineProperty(exports, "DEFAULT_ACCOUNT_RECOVERY_DIALOG_LABELS", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.DEFAULT_ACCOUNT_RECOVERY_DIALOG_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_AUTH_CONSENT_LABELS", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.DEFAULT_AUTH_CONSENT_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_AUTH_FOOTER_LINKS_LABELS", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.DEFAULT_AUTH_FOOTER_LINKS_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_AUTH_OFFLINE_BADGE_LABELS", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.DEFAULT_AUTH_OFFLINE_BADGE_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_RECOVERY_KEY_DIALOG_LABELS", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.DEFAULT_RECOVERY_KEY_DIALOG_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_REVEALABLE_PASSWORD_INPUT_LABELS", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.DEFAULT_REVEALABLE_PASSWORD_INPUT_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_SSO_LOGIN_BUTTON_LABELS", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.DEFAULT_SSO_LOGIN_BUTTON_LABELS; }
+});
+Object.defineProperty(exports, "RecoveryKeyDialog", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.RecoveryKeyDialog; }
+});
+Object.defineProperty(exports, "RevealablePasswordInput", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.RevealablePasswordInput; }
+});
+Object.defineProperty(exports, "SsoLoginButton", {
+  enumerable: true,
+  get: function () { return chunkZORQ5M3W_cjs.SsoLoginButton; }
+});
+Object.defineProperty(exports, "DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS", {
+  enumerable: true,
+  get: function () { return chunkADOKTJHV_cjs.DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS; }
+});
+Object.defineProperty(exports, "PasswordStrengthInput", {
+  enumerable: true,
+  get: function () { return chunkADOKTJHV_cjs.PasswordStrengthInput; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/auth/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/auth/index.d.ts

@@ -0,0 +1,6 @@
+export { AuthLayout, AuthHero, type AuthLayoutProps, type AuthHeroProps, type AuthHeroPillar, } from './AuthLayout';
+export { AuthHeading, AuthLink, AuthField, AuthInput, AuthFieldBadge, AuthNote, AuthAlert, AuthSubmitButton, AuthDivider, AuthTabs, AuthOfflineBadge, RevealablePasswordInput, type AuthFieldProps, type AuthSubmitButtonProps, type AuthTabOption, type RevealablePasswordInputProps, DEFAULT_REVEALABLE_PASSWORD_INPUT_LABELS, DEFAULT_AUTH_OFFLINE_BADGE_LABELS, type RevealablePasswordInputLabels, type AuthOfflineBadgeLabels, } from './AuthForm';
+export { SsoLoginButton, DEFAULT_SSO_LOGIN_BUTTON_LABELS, type SsoLoginButtonProps, type SsoLoginButtonLabels, } from './SsoLoginButton';
+export { AuthConsent, AuthFooterLinks, type AuthConsentProps, type AuthFooterLinksProps, type AuthInstallOption, type AuthLegalLink, DEFAULT_AUTH_CONSENT_LABELS, DEFAULT_AUTH_FOOTER_LINKS_LABELS, type AuthConsentLabels, type AuthFooterLinksLabels, } from './AuthFooter';
+export { PasswordStrengthInput, DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS, type PasswordStrengthInputProps, type PasswordStrengthInputLabels, } from './PasswordStrengthInput';
+export { RecoveryKeyDialog, AccountRecoveryDialog, type RecoveryKeyDialogProps, type AccountRecoveryDialogProps, DEFAULT_RECOVERY_KEY_DIALOG_LABELS, DEFAULT_ACCOUNT_RECOVERY_DIALOG_LABELS, type RecoveryKeyDialogLabels, type AccountRecoveryDialogLabels, } from './RecoveryDialogs';

package/dist/auth/index.js

@@ -0,0 +1,6 @@
+"use client";
+export { AccountRecoveryDialog, AuthAlert, AuthConsent, AuthDivider, AuthField, AuthFieldBadge, AuthFooterLinks, AuthHeading, AuthHero, AuthInput, AuthLayout, AuthLink, AuthNote, AuthOfflineBadge, AuthSubmitButton, AuthTabs, DEFAULT_ACCOUNT_RECOVERY_DIALOG_LABELS, DEFAULT_AUTH_CONSENT_LABELS, DEFAULT_AUTH_FOOTER_LINKS_LABELS, DEFAULT_AUTH_OFFLINE_BADGE_LABELS, DEFAULT_RECOVERY_KEY_DIALOG_LABELS, DEFAULT_REVEALABLE_PASSWORD_INPUT_LABELS, DEFAULT_SSO_LOGIN_BUTTON_LABELS, RecoveryKeyDialog, RevealablePasswordInput, SsoLoginButton } from '../chunk-QN42OA5J.js';
+export { DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS, PasswordStrengthInput } from '../chunk-VILAPTCB.js';
+import '../chunk-7F6CBP3Z.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/builder/AgentsPanel.d.ts

@@ -0,0 +1,9 @@
+import type { StoreApi, UseBoundStore } from 'zustand';
+import type { AgentSelectionStore } from './agents/store';
+type AgentStore = UseBoundStore<StoreApi<AgentSelectionStore>>;
+export interface AgentsPanelProps {
+    store: AgentStore;
+    testIdPrefix?: string;
+}
+export declare function AgentsPanel({ store, testIdPrefix }: AgentsPanelProps): import("react").JSX.Element;
+export {};

package/dist/builder/ModuleManager.d.ts

@@ -0,0 +1,6 @@
+import type { ModuleStoreBundle } from './modules/store';
+export interface ModuleManagerProps {
+    store: ModuleStoreBundle;
+    testIdPrefix?: string;
+}
+export declare function ModuleManager({ store, testIdPrefix }: ModuleManagerProps): import("react").JSX.Element;

package/dist/builder/VerticalBuilder.d.ts

@@ -0,0 +1,32 @@
+/**
+ * VerticalBuilder — the back-office surface that configures a host's vertical:
+ * theme tokens, which modules ship (and in what order) and which ARBI
+ * behaviours/agents are active. Not a page builder — it produces a
+ * vertical-config seed.
+ *
+ * Firm-agnostic: the theme bundle, module/agent stores and exporter arrive as
+ * props; the host supplies its own `header` (PageHeader + links + badges) so
+ * app-specific routing stays in the app.
+ */
+import { type ReactNode } from 'react';
+import type { StoreApi, UseBoundStore } from 'zustand';
+import type { ThemeBundle } from '../theme/store';
+import type { ModuleStoreBundle } from './modules/store';
+import type { AgentSelectionStore } from './agents/store';
+import type { VerticalExport } from './export';
+type AgentStore = UseBoundStore<StoreApi<AgentSelectionStore>>;
+export interface VerticalBuilderProps {
+    themeBundle: ThemeBundle;
+    moduleStore: ModuleStoreBundle;
+    agentStore: AgentStore;
+    exporter: VerticalExport;
+    themePreview: {
+        title: string;
+        subtitle?: string;
+    };
+    header?: ReactNode;
+    studioHref?: string;
+    testIdPrefix?: string;
+}
+export declare function VerticalBuilder({ themeBundle, moduleStore, agentStore, exporter, themePreview, header, testIdPrefix, }: VerticalBuilderProps): import("react").JSX.Element;
+export {};

package/dist/builder/agents/store.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Agent-selection store — which ARBI behaviour configurations and agents the
+ * host marks "active" for this vertical. Pure selection state (the configs and
+ * agents themselves come live from ARBI via React Query), persisted so the
+ * choice seeds the exported vertical config.
+ *
+ * Firm-agnostic: {@link createAgentSelectionStore} parameterises the persist key.
+ */
+import { type StoreApi, type UseBoundStore } from 'zustand';
+export interface AgentSelectionStore {
+    /** Configuration ext_ids marked active. */
+    configIds: string[];
+    /** Agent ext_ids marked active. */
+    agentIds: string[];
+    toggleConfig: (id: string) => void;
+    toggleAgent: (id: string) => void;
+    clear: () => void;
+}
+export declare function createAgentSelectionStore({ storageKey, }: {
+    storageKey: string;
+}): UseBoundStore<StoreApi<AgentSelectionStore>>;

package/dist/builder/export.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Vertical-config export — combine the configured theme, enabled/ordered
+ * modules and selected ARBI agent configs into one JSON document. This is the
+ * seed a generator would consume to stamp out a new vertical app.
+ *
+ * Firm-agnostic: {@link createVerticalExport} closes over the theme/module/agent
+ * stores and the module registry.
+ */
+import type { StoreApi, UseBoundStore } from 'zustand';
+import type { ThemeState } from '../theme/store';
+import type { ModuleRegistry } from './modules/types';
+import type { ModuleStoreBundle } from './modules/store';
+import type { AgentSelectionStore } from './agents/store';
+import type { VerticalConfig } from './types';
+export interface VerticalExportConfig {
+    vertical: {
+        name: string;
+        key: string;
+    };
+    themeStore: UseBoundStore<StoreApi<ThemeState>>;
+    moduleStore: ModuleStoreBundle;
+    agentStore: UseBoundStore<StoreApi<AgentSelectionStore>>;
+    registry: ModuleRegistry;
+}
+export interface VerticalExport {
+    buildVerticalConfig: () => VerticalConfig;
+    serialize: (cfg?: VerticalConfig) => string;
+    download: (cfg?: VerticalConfig) => void;
+}
+export declare function createVerticalExport(cfg: VerticalExportConfig): VerticalExport;

package/dist/builder/modules/registry.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Module registry — a typed model of the back-office modules derived from a
+ * host's canonical nav. We read the nav rather than re-declaring it so the
+ * registry can never drift from the shipped nav (DRY). The builder
+ * toggles/reorders these; the sidebar can consume the result via the module
+ * store's `useEnabledNav()` without any nav data being duplicated here.
+ */
+import type { AppNavSection } from '../../nav/types';
+import type { ModuleRegistry } from './types';
+/** Build a registry from a host's nav manifest. */
+export declare function createModuleRegistry(appNav: AppNavSection[]): ModuleRegistry;

package/dist/builder/modules/store.d.ts

@@ -0,0 +1,29 @@
+import { type StoreApi, type UseBoundStore } from 'zustand';
+import type { AppNavSection } from '../../nav/types';
+import type { ModuleRegistry, ResolvedModule } from './types';
+interface ModuleOverride {
+    enabled: boolean;
+    /** Effective order within the section. */
+    order: number;
+}
+interface ModuleStore {
+    /** Sparse overrides keyed by module id; absent → registry default. */
+    overrides: Record<string, ModuleOverride>;
+    toggle: (id: string) => void;
+    /** Move a module up/down among its enabled+disabled section siblings. */
+    move: (id: string, dir: 'up' | 'down') => void;
+    reset: () => void;
+}
+export interface ModuleStoreBundle {
+    useModuleStore: UseBoundStore<StoreApi<ModuleStore>>;
+    useResolvedModules: () => {
+        section: string;
+        modules: ResolvedModule[];
+    }[];
+    useEnabledNav: () => AppNavSection[];
+}
+export declare function createModuleStore({ registry, storageKey, }: {
+    registry: ModuleRegistry;
+    storageKey: string;
+}): ModuleStoreBundle;
+export {};

package/dist/builder/modules/types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Module registry types — a typed model of a host's back-office modules,
+ * derived from its canonical nav. The builder toggles/reorders these; the
+ * sidebar consumes the resolved result. Firm-agnostic: the nav manifest is
+ * supplied to {@link createModuleRegistry}.
+ */
+import type { LucideIcon } from 'lucide-react';
+import type { AppNavItem } from '../../nav/types';
+export interface BuilderModule {
+    id: string;
+    label: string;
+    /** Section heading it belongs to (Practice / Knowledge & AI / …). */
+    section: string;
+    icon: LucideIcon;
+    to: string;
+    arbi: boolean;
+    end: boolean;
+    /** Original position — global index across all sections. */
+    defaultOrder: number;
+}
+export interface ResolvedModule extends BuilderModule {
+    enabled: boolean;
+    order: number;
+}
+export interface ModuleRegistry {
+    DEFAULT_MODULES: BuilderModule[];
+    SECTION_ORDER: string[];
+    toNavItem: (m: BuilderModule) => AppNavItem;
+}

package/dist/builder/types.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Vertical-config export shapes — the JSON seed a generator consumes to stamp
+ * out a new vertical app (theme + enabled/ordered modules + selected agents).
+ */
+import type { ThemeTokens } from '../theme/tokens';
+export interface ExportedModule {
+    id: string;
+    label: string;
+    section: string;
+    to: string;
+    arbi: boolean;
+    enabled: boolean;
+    order: number;
+}
+export interface VerticalConfig {
+    version: 1;
+    generatedAt: string;
+    vertical: {
+        name: string;
+        key: string;
+    };
+    theme: ThemeTokens;
+    modules: ExportedModule[];
+    agents: {
+        configIds: string[];
+        agentIds: string[];
+    };
+}

package/dist/chat/BranchControls.d.ts

@@ -0,0 +1,33 @@
+/** Every fixed string of the branch controls. Pass a partial `labels` to translate or reword. */
+export interface BranchControlsLabels {
+    /** "Branch 2 of 3" (1-based `current`). */
+    branchOf: (current: number, total: number) => string;
+    previewHint: string;
+    previousBranch: string;
+    nextBranch: string;
+}
+export declare const DEFAULT_BRANCH_CONTROLS_LABELS: BranchControlsLabels;
+export interface BranchControlsProps {
+    /** 0-based index of the active branch. */
+    index: number;
+    /** Number of branches at this fork; nothing renders when there is only one. */
+    count: number;
+    onSwitch: (targetIndex: number) => void;
+    /** Makes the label a button that opens the side-by-side view. */
+    onPreview?: () => void;
+    /** Tooltip of the preview button; wins over `labels.previewHint`. */
+    previewHint?: string;
+    className?: string;
+    labels?: Partial<BranchControlsLabels>;
+    /** Per-part test ids; defaults are the current ids. */
+    testIds?: Partial<{
+        root: string;
+        preview: string;
+        icon: string;
+        indicator: string;
+        previous: string;
+        next: string;
+    }>;
+}
+/** "Branch 2 of 3" with previous/next arrows at a fork in the conversation. */
+export declare function BranchControls({ index, count, onSwitch, onPreview, previewHint, className, labels, testIds, }: BranchControlsProps): import("react").JSX.Element | null;

package/dist/chat/Composer.d.ts

@@ -0,0 +1,156 @@
+import { type ClipboardEvent, type FormEvent, type FormHTMLAttributes, type HTMLAttributes, type KeyboardEvent, type ReactNode, type Ref, type TextareaHTMLAttributes } from 'react';
+/** Every fixed string of the composer parts. Pass a partial `labels` to a part to translate or reword. */
+export interface ComposerLabels {
+    branchingNotice: string;
+    cancel: string;
+    inputAriaLabel: string;
+    pastedText: string;
+    /** Line/character summary of a collapsed paste. */
+    pasteSummary: (lines: number, characters: string) => string;
+    expand: string;
+    retryMessage: string;
+    sendMessage: string;
+    voiceButton: string;
+    jumpToBottom: string;
+}
+export declare const DEFAULT_COMPOSER_LABELS: ComposerLabels;
+export interface ComposerRootProps extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {
+    onSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    /** Banner above the frame (e.g. {@link ComposerBranchingNotice}). */
+    notice?: ReactNode;
+    /** Tints the whole composer while a message is being edited into a branch. */
+    isBranching?: boolean;
+    /** Ref to the `<form>` (hosts measure it to anchor popups). */
+    formRef?: Ref<HTMLFormElement>;
+    /** Test id of the outer dock. */
+    testId?: string;
+    /** Test id of the `<form>`. Wins over a `data-testid` passed through the rest props. */
+    formTestId?: string;
+}
+export declare function ComposerRoot({ onSubmit, notice, isBranching, formRef, testId, formTestId, className, children, ...rest }: ComposerRootProps): import("react").JSX.Element;
+export interface ComposerBranchingNoticeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    onCancel?: () => void;
+    /** Notice text; wins over `labels.branchingNotice`. */
+    children?: ReactNode;
+    labels?: Partial<ComposerLabels>;
+    testId?: string;
+    cancelTestId?: string;
+}
+export declare function ComposerBranchingNotice({ onCancel, children, labels, testId, cancelTestId, className, ...rest }: ComposerBranchingNoticeProps): import("react").JSX.Element;
+export declare function ComposerFrame({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export interface ComposerInputProps {
+    value: string;
+    onValueChange: (next: string) => void;
+    /** Runs first; call `preventDefault()` to claim a key (slash menu, ghost suggestion, ...). */
+    onKeyDown?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Enter submits the surrounding form and Shift+Enter inserts a newline. Ignored while an IME
+     * composition is in progress and when `onKeyDown` already handled the key. Default true.
+     */
+    submitOnEnter?: boolean;
+    onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    textareaRef?: Ref<HTMLTextAreaElement>;
+    /** Autocomplete-style suggestion shown in the placeholder slot. */
+    isSuggestion?: boolean;
+    /** Taller, more inviting resting height for a brand-new conversation. */
+    isRoomy?: boolean;
+    /** Show the "Pasted text" chip instead of the (huge) textarea. */
+    isPasteCollapsed?: boolean;
+    onExpandPaste?: () => void;
+    /** Textarea `aria-label`; wins over `labels.inputAriaLabel`. */
+    ariaLabel?: string;
+    /**
+     * Extra attributes for the textarea, e.g. the combobox props of `useListKeyNav` when a slash
+     * menu hangs off it. The composer's own value, key and focus handling always wins.
+     */
+    textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'>;
+    className?: string;
+    labels?: Partial<ComposerLabels>;
+    /** Test id of the textarea. */
+    testId?: string;
+    /** Test id of the collapsed-paste chip. */
+    pasteChipTestId?: string;
+}
+/**
+ * The prompt field. Rests at one line (or a few for a new chat), grows to 40vh when focused or
+ * hovered, puts the caret at the end on focus, and folds a long paste behind a chip.
+ */
+export declare const ComposerInput: import("react").ForwardRefExoticComponent<ComposerInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export interface ComposerToolbarProps {
+    /** Left cluster: attach, facts, mode badge. */
+    leading?: ReactNode;
+    /** Right cluster: model, settings, voice, send. */
+    trailing?: ReactNode;
+    className?: string;
+}
+export declare function ComposerToolbar({ leading, trailing, className }: ComposerToolbarProps): import("react").JSX.Element;
+export interface ComposerSendProps {
+    onSend: () => void;
+    /** Nothing to send (empty draft) or sending is blocked. */
+    disabled?: boolean;
+    /** Empty draft + a dangling prompt: the button resends it instead. */
+    isRetry?: boolean;
+    labels?: Partial<ComposerLabels>;
+    className?: string;
+    /** Test ids per state; defaults are the send / retry ids. */
+    testIds?: Partial<{
+        send: string;
+        retry: string;
+    }>;
+}
+/** The one filled primary of the chat view. */
+export declare function ComposerSend({ onSend, disabled, isRetry, labels, className, testIds, }: ComposerSendProps): import("react").JSX.Element;
+export interface ComposerVoiceButtonProps {
+    isRecording: boolean;
+    isBusy: boolean;
+    onPressStart: () => void;
+    onPressEnd: () => void;
+    /** Label and tooltip; wins over `labels.voiceButton`. */
+    label?: string;
+    labels?: Partial<ComposerLabels>;
+    className?: string;
+    /** Test ids per state; defaults are the start / recording ids. */
+    testIds?: Partial<{
+        start: string;
+        recording: string;
+    }>;
+}
+/** Press-and-hold microphone. Pointer events, so it works the same with a finger. */
+export declare function ComposerVoiceButton({ isRecording, isBusy, onPressStart, onPressEnd, label, labels, className, testIds, }: ComposerVoiceButtonProps): import("react").JSX.Element;
+/** Plain padded wrapper for composer-area content (alerts, bars, the composer itself). */
+export declare function ComposerContainer({ className, children, testId, ...rest }: HTMLAttributes<HTMLDivElement> & {
+    testId?: string;
+}): import("react").JSX.Element;
+export interface ComposerDockProps {
+    children: ReactNode;
+    /** Floating control above the dock (jump to latest). */
+    floating?: ReactNode;
+}
+/**
+ * Sticky bottom strip: fades scrolling messages out behind the composer. Children are laid out
+ * by the host (typically a centred {@link ComposerContainer} followed by optional sections).
+ */
+export declare function ComposerDock({ children, floating }: ComposerDockProps): import("react").JSX.Element;
+export interface ScrollToBottomProps {
+    show: boolean;
+    onClick: () => void;
+    /** Title and aria-label; wins over `labels.jumpToBottom`. */
+    label?: string;
+    labels?: Partial<ComposerLabels>;
+    className?: string;
+    testId?: string;
+}
+/** Jump-to-latest button that floats above the dock. */
+export declare function ScrollToBottom({ show, onClick, label, labels, className, testId, }: ScrollToBottomProps): import("react").JSX.Element | null;
+export declare const Composer: {
+    Root: typeof ComposerRoot;
+    Notice: typeof ComposerBranchingNotice;
+    Frame: typeof ComposerFrame;
+    Input: import("react").ForwardRefExoticComponent<ComposerInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Toolbar: typeof ComposerToolbar;
+    Send: typeof ComposerSend;
+    VoiceButton: typeof ComposerVoiceButton;
+    Container: typeof ComposerContainer;
+    Dock: typeof ComposerDock;
+};

package/dist/chat/ContextChip.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import { type ButtonProps } from '@arbidocs/react/ui';
+export interface ContextChipProps extends Omit<ButtonProps, 'children'> {
+    /** How many documents are attached to this chat. */
+    count: number;
+    /** Accessible name, e.g. "3 documents in this chat". */
+    label: string;
+    /** True while the panel the chip opens is showing: the chip stays in its "edit" state. */
+    isOpen?: boolean;
+    /** Extra content after the count (e.g. the pinned-document chip). */
+    children?: ReactNode;
+}
+/**
+ * The composer's single compact context chip: a document icon and the number of documents in the
+ * chat, nothing else. On hover (mouse) or keyboard focus, and while its panel is open, the icon
+ * swaps to a pencil to say "change what is attached". Touch devices never hover, so they keep the
+ * document icon and a tap opens the panel. Forwards its ref and props so it can be a Radix trigger.
+ */
+export declare const ContextChip: import("react").ForwardRefExoticComponent<ContextChipProps & import("react").RefAttributes<HTMLButtonElement>>;