@arbidocs/blocks 0.3.185 → 0.4.1

package/dist/collaboration/direct-messages/DmParts.d.ts

@@ -0,0 +1,139 @@
+import { type ReactNode, type Ref } from 'react';
+/** Every fixed string of the access-request banner. */
+export interface DmAccessRequestBannerLabels {
+    /** Text after the bold peer name (keep the leading space). */
+    requestedAccess: string;
+    review: string;
+}
+export declare const DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS: DmAccessRequestBannerLabels;
+/** Every fixed string of the thread frame. */
+export interface DmThreadFrameLabels {
+    noMessages: string;
+}
+export declare const DEFAULT_DM_THREAD_FRAME_LABELS: DmThreadFrameLabels;
+/** Every fixed string of the grant-access dialog. */
+export interface DmGrantAccessDialogLabels {
+    title: string;
+    description: (peerName: string) => string;
+    noWorkspace: string;
+    workspace: string;
+    role: string;
+    cancel: string;
+    grantAccess: string;
+}
+export declare const DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS: DmGrantAccessDialogLabels;
+/** Every fixed string of the recipient picker. */
+export interface RecipientPickerLabels {
+    to: string;
+    unmuteNotifications: string;
+    muteNotifications: string;
+    removeRecipient: string;
+    selectRecipient: string;
+    addRecipient: string;
+    searchUsers: string;
+    noKnownUsers: string;
+    noMatchingUsers: string;
+    addContactsHint: string;
+}
+export declare const DEFAULT_RECIPIENT_PICKER_LABELS: RecipientPickerLabels;
+export type ActionMenuEntry = {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    onSelect: () => void;
+    testId?: string;
+    destructive?: boolean;
+} | {
+    id: string;
+    separator: true;
+};
+export interface ActionMenuProps {
+    /** Accessible name of the trigger. */
+    label: string;
+    testId?: string;
+    entries: ActionMenuEntry[];
+    /** Width class of the menu. */
+    contentClassName?: string;
+}
+/** A single ⋮ overflow menu: the occasional actions on a row or header. */
+export declare function ActionMenu({ label, testId, entries, contentClassName }: ActionMenuProps): import("react").JSX.Element;
+/** Round "@" mark standing in for the face of a pending invitation. */
+export declare function DmInviteAvatar(): import("react").JSX.Element;
+/** Round "+" tab icon of a new (compose) conversation. */
+export declare function DmNewTabIcon(): import("react").JSX.Element;
+/** Banner at the top of a thread: the peer asked for workspace access; Review opens the grant flow. */
+export declare function DmAccessRequestBanner({ name, onReview, labels, }: {
+    name: string;
+    onReview: () => void;
+    labels?: Partial<DmAccessRequestBannerLabels>;
+}): import("react").JSX.Element;
+export interface DmThreadFrameProps {
+    /** Recipient picker, shown above everything in compose mode. */
+    recipientPicker?: ReactNode;
+    accessBanner?: ReactNode;
+    /** A recipient is chosen: the history area shows. */
+    hasRecipient: boolean;
+    /** The history is still decrypting. */
+    isLoading: boolean;
+    /** Messages (and the typing indicator), rendered inside the scroll area. */
+    history: ReactNode;
+    /** No messages yet. */
+    isEmpty: boolean;
+    /** Prompt shown when there is no recipient and users exist to pick from. */
+    noRecipientPrompt?: ReactNode;
+    /** Ref to the history wrapper (the host scrolls its viewport). */
+    historyRef?: Ref<HTMLDivElement>;
+    composer: ReactNode;
+    labels?: Partial<DmThreadFrameLabels>;
+}
+/** Layout of one direct-message thread: picker, banner, scrolling history, composer. */
+export declare function DmThreadFrame({ recipientPicker, accessBanner, hasRecipient, isLoading, history, isEmpty, noRecipientPrompt, historyRef, composer, labels, }: DmThreadFrameProps): import("react").JSX.Element;
+export interface DmGrantAccessDialogViewProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    peerName: string;
+    /** The one workspace that can be shared; `null` when none is eligible. */
+    workspaceName: string | null;
+    role: string;
+    onRoleChange: (role: string) => void;
+    roles: {
+        value: string;
+        label: string;
+        hint: string;
+    }[];
+    isGranting: boolean;
+    onGrant: () => void;
+    labels?: Partial<DmGrantAccessDialogLabels>;
+}
+/** Offer a person access to the open workspace: the workspace, a role, a grant button. */
+export declare function DmGrantAccessDialogView({ open, onOpenChange, peerName, workspaceName, role, onRoleChange, roles, isGranting, onGrant, labels, }: DmGrantAccessDialogViewProps): import("react").JSX.Element;
+export interface RecipientView {
+    id: string;
+    /** Avatar + name pill. */
+    identity: ReactNode;
+    isMuted: boolean;
+    muteTooltip: string;
+    onToggleMute: () => void;
+    isMuteBusy?: boolean;
+}
+export interface RecipientCandidate {
+    id: string;
+    identity: ReactNode;
+}
+export interface RecipientPickerProps {
+    selected: RecipientView[];
+    onRemove: (id: string) => void;
+    candidates: RecipientCandidate[];
+    onPick: (id: string) => void;
+    /** Hide the add control (the maximum is reached). */
+    canAdd: boolean;
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    search: string;
+    onSearchChange: (value: string) => void;
+    /** There is nobody at all to pick from (vs. no search match). */
+    hasNoKnownUsers: boolean;
+    labels?: Partial<RecipientPickerLabels>;
+}
+/** "To:" row of the compose view: chosen recipients (mutable) and a searchable add control. */
+export declare function RecipientPicker({ selected, onRemove, candidates, onPick, canAdd, isOpen, onOpenChange, search, onSearchChange, hasNoKnownUsers, labels, }: RecipientPickerProps): import("react").JSX.Element;

package/dist/collaboration/direct-messages/index.d.ts

@@ -0,0 +1,2 @@
+export { DmInviteChip, DmThreadHeader, type DmThreadHeaderProps, DEFAULT_DM_INVITE_CHIP_LABELS, type DmInviteChipLabels, } from './DirectMessages';
+export { ActionMenu, DmInviteAvatar, DmNewTabIcon, DmAccessRequestBanner, DmThreadFrame, DmGrantAccessDialogView, RecipientPicker, type ActionMenuEntry, type ActionMenuProps, type DmThreadFrameProps, type DmGrantAccessDialogViewProps, type RecipientView, type RecipientCandidate, type RecipientPickerProps, DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, DEFAULT_DM_THREAD_FRAME_LABELS, DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, DEFAULT_RECIPIENT_PICKER_LABELS, type DmAccessRequestBannerLabels, type DmThreadFrameLabels, type DmGrantAccessDialogLabels, type RecipientPickerLabels, } from './DmParts';

package/dist/collaboration/index.cjs

@@ -0,0 +1,141 @@
+"use client";
+'use strict';
+
+var chunkSYDHKKRZ_cjs = require('../chunk-SYDHKKRZ.cjs');
+require('../chunk-7G2LJMUG.cjs');
+var chunkVLCY46K6_cjs = require('../chunk-VLCY46K6.cjs');
+require('../chunk-ULWRNGGE.cjs');
+require('../chunk-MHVNT4J3.cjs');
+
+
+
+Object.defineProperty(exports, "ActionMenu", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.ActionMenu; }
+});
+Object.defineProperty(exports, "AddContactsForm", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.AddContactsForm; }
+});
+Object.defineProperty(exports, "AddContactsResults", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.AddContactsResults; }
+});
+Object.defineProperty(exports, "DEFAULT_ADD_CONTACTS_LABELS", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DEFAULT_ADD_CONTACTS_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_DM_INVITE_CHIP_LABELS", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DEFAULT_DM_INVITE_CHIP_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_DM_THREAD_FRAME_LABELS", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DEFAULT_DM_THREAD_FRAME_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_MAIL_FOLDER_TREE_LABELS", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DEFAULT_MAIL_FOLDER_TREE_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_RECIPIENT_PICKER_LABELS", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DEFAULT_RECIPIENT_PICKER_LABELS; }
+});
+Object.defineProperty(exports, "DmAccessRequestBanner", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DmAccessRequestBanner; }
+});
+Object.defineProperty(exports, "DmGrantAccessDialogView", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DmGrantAccessDialogView; }
+});
+Object.defineProperty(exports, "DmInviteAvatar", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DmInviteAvatar; }
+});
+Object.defineProperty(exports, "DmInviteChip", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DmInviteChip; }
+});
+Object.defineProperty(exports, "DmNewTabIcon", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DmNewTabIcon; }
+});
+Object.defineProperty(exports, "DmThreadFrame", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DmThreadFrame; }
+});
+Object.defineProperty(exports, "DmThreadHeader", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.DmThreadHeader; }
+});
+Object.defineProperty(exports, "MailFolderTree", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.MailFolderTree; }
+});
+Object.defineProperty(exports, "MemberBulkActions", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.MemberBulkActions; }
+});
+Object.defineProperty(exports, "MemberListLoading", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.MemberListLoading; }
+});
+Object.defineProperty(exports, "MemberMutedText", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.MemberMutedText; }
+});
+Object.defineProperty(exports, "MemberNameCell", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.MemberNameCell; }
+});
+Object.defineProperty(exports, "MemberRoleCell", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.MemberRoleCell; }
+});
+Object.defineProperty(exports, "RecipientPicker", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.RecipientPicker; }
+});
+Object.defineProperty(exports, "RoleSelect", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.RoleSelect; }
+});
+Object.defineProperty(exports, "WorkspaceDeleteButton", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.WorkspaceDeleteButton; }
+});
+Object.defineProperty(exports, "buildMailFolderTree", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.buildMailFolderTree; }
+});
+Object.defineProperty(exports, "descendantFolderIds", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.descendantFolderIds; }
+});
+Object.defineProperty(exports, "isInboxFolder", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.isInboxFolder; }
+});
+Object.defineProperty(exports, "toggleMailFolder", {
+  enumerable: true,
+  get: function () { return chunkSYDHKKRZ_cjs.toggleMailFolder; }
+});
+Object.defineProperty(exports, "DEFAULT_SHARE_CONTROL_LABELS", {
+  enumerable: true,
+  get: function () { return chunkVLCY46K6_cjs.DEFAULT_SHARE_CONTROL_LABELS; }
+});
+Object.defineProperty(exports, "ShareControl", {
+  enumerable: true,
+  get: function () { return chunkVLCY46K6_cjs.ShareControl; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/collaboration/index.cjs.map

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

package/dist/collaboration/index.d.ts

@@ -0,0 +1,5 @@
+export * from './members';
+export * from './sharing';
+export * from './contacts';
+export * from './direct-messages';
+export * from './mail';

package/dist/collaboration/index.js

@@ -0,0 +1,8 @@
+"use client";
+export { ActionMenu, AddContactsForm, AddContactsResults, DEFAULT_ADD_CONTACTS_LABELS, DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, DEFAULT_DM_INVITE_CHIP_LABELS, DEFAULT_DM_THREAD_FRAME_LABELS, DEFAULT_MAIL_FOLDER_TREE_LABELS, DEFAULT_RECIPIENT_PICKER_LABELS, DmAccessRequestBanner, DmGrantAccessDialogView, DmInviteAvatar, DmInviteChip, DmNewTabIcon, DmThreadFrame, DmThreadHeader, MailFolderTree, MemberBulkActions, MemberListLoading, MemberMutedText, MemberNameCell, MemberRoleCell, RecipientPicker, RoleSelect, WorkspaceDeleteButton, buildMailFolderTree, descendantFolderIds, isInboxFolder, toggleMailFolder } from '../chunk-TYZUCAT7.js';
+import '../chunk-NBV56SGU.js';
+export { DEFAULT_SHARE_CONTROL_LABELS, ShareControl } from '../chunk-K4BGOPGG.js';
+import '../chunk-TX2ZICS7.js';
+import '../chunk-7F6CBP3Z.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/collaboration/index.js.map

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

package/dist/collaboration/mail/MailFolderTree.d.ts

@@ -0,0 +1,34 @@
+import { type MailFolderNode } from './mailFolders';
+export interface MailFolderTreeLabels {
+    collapse: string;
+    expand: string;
+    recommended: string;
+}
+export declare const DEFAULT_MAIL_FOLDER_TREE_LABELS: MailFolderTreeLabels;
+export interface MailFolderTreeTestIds {
+    /** Builds the id of a node's expand toggle from its key. */
+    toggle: (nodeKey: string) => string;
+    /** Builds the id of a folder checkbox from its folder id. */
+    checkbox: (folderId: string) => string;
+}
+export interface MailFolderTreeProps {
+    nodes: MailFolderNode[];
+    /** Selected folder ids. */
+    selected: string[];
+    onChange: (selected: string[]) => void;
+    /** Selecting a folder includes its subfolders (default). Descendants show checked + locked. */
+    cascade?: boolean;
+    /** Bump to open every node. */
+    expandAllNonce?: number;
+    /** Bump to close every node. */
+    collapseAllNonce?: number;
+    labels?: Partial<MailFolderTreeLabels>;
+    testIds?: Partial<MailFolderTreeTestIds>;
+    className?: string;
+}
+/**
+ * A mailbox's folders / labels as an expandable checkbox tree. Build `nodes` with
+ * `buildMailFolderTree`. With `cascade` only the top-most selected folder is stored; the server
+ * expands it at sync time so new subfolders are picked up too.
+ */
+export declare function MailFolderTree({ nodes, selected, onChange, cascade, expandAllNonce, collapseAllNonce, labels, testIds, className, }: MailFolderTreeProps): import("react").JSX.Element;

package/dist/collaboration/mail/index.d.ts

@@ -0,0 +1,2 @@
+export { MailFolderTree, DEFAULT_MAIL_FOLDER_TREE_LABELS, type MailFolderTreeProps, type MailFolderTreeLabels, type MailFolderTreeTestIds, } from './MailFolderTree';
+export { buildMailFolderTree, isInboxFolder, toggleMailFolder, descendantFolderIds, type MailFolder, type MailFolderNode, } from './mailFolders';

package/dist/collaboration/mail/mailFolders.d.ts

@@ -0,0 +1,25 @@
+/** A selectable mail folder (Outlook) or label (Gmail). */
+export interface MailFolder {
+    id: string;
+    /** Full path, e.g. "Inbox/Clients/Acme". */
+    name: string;
+    /** Total messages (null/undefined when unavailable). */
+    count?: number | null;
+}
+export interface MailFolderNode {
+    key: string;
+    label: string;
+    /** null for a path segment with no folder of its own (a grouping row). */
+    folder: MailFolder | null;
+    children: MailFolderNode[];
+}
+export declare const isInboxFolder: (f: MailFolder) => boolean;
+/** Build the folder tree from full-path names; Inbox first, then alphabetical. */
+export declare function buildMailFolderTree(folders: MailFolder[]): MailFolderNode[];
+/** Ids of every real folder beneath `node`. */
+export declare function descendantFolderIds(node: MailFolderNode): string[];
+/**
+ * Selection after toggling `node`: untick removes it; tick adds it and, when `cascade`, drops any
+ * selected descendants (the parent already covers its subtree, so only the top-most is kept).
+ */
+export declare function toggleMailFolder(selected: string[], node: MailFolderNode, cascade: boolean): string[];

package/dist/collaboration/members/WorkspaceMembers.d.ts

@@ -0,0 +1,74 @@
+import type { ReactNode } from 'react';
+/** One assignable role. `badgeClass` is the host's palette for the role. */
+export interface MemberRoleOption {
+    value: string;
+    label: string;
+    badgeClass: string;
+}
+/** Tooltip + grid-cell text of the members table, kept in one place. */
+export declare function MemberMutedText({ children, title, className, }: {
+    children: ReactNode;
+    title?: string;
+    className?: string;
+}): import("react").JSX.Element;
+/** Layout of the Name cell: identity chip followed by optional contact toggle. */
+export declare function MemberNameCell({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export interface MemberRoleCellProps {
+    role: string;
+    roles: MemberRoleOption[];
+    /** Tooltip: why the role is locked, or what the role means. */
+    tooltip: string;
+    canChange: boolean;
+    isPending: boolean;
+    onChange: (role: string) => void;
+    /** Session-scoped (temporary) grant: adds a clock with its explanation. */
+    temporaryHint?: string;
+}
+/** Inline role dropdown of a member row (always rendered so chevrons align). */
+export declare function MemberRoleCell({ role, roles, tooltip, canChange, isPending, onChange, temporaryHint, }: MemberRoleCellProps): import("react").JSX.Element;
+/** Loading strip of the members list. */
+export declare function MemberListLoading({ label }: {
+    label?: string;
+}): import("react").JSX.Element;
+export interface MemberBulkActionsProps {
+    /** Roles a bulk change may assign. */
+    roles: {
+        value: string;
+        label: string;
+    }[];
+    onChangeRole: (role: string) => void;
+    isRoleDisabled: boolean;
+    roleTooltip: string;
+    /** Only the workspace owner can use either control (also styles them muted). */
+    isOwner: boolean;
+    onRemove: () => void;
+    isRemoveDisabled: boolean;
+    removeTooltip: string;
+    changeRolePlaceholder?: string;
+}
+/** Role change dropdown + remove button inside the selection bar of the members table. */
+export declare function MemberBulkActions({ roles, onChangeRole, isRoleDisabled, roleTooltip, isOwner, onRemove, isRemoveDisabled, removeTooltip, changeRolePlaceholder, }: MemberBulkActionsProps): import("react").JSX.Element;
+export interface WorkspaceDeleteButtonProps {
+    canDelete: boolean;
+    /** Why deletion is not allowed (tooltip on the disabled button). */
+    disabledReason?: string;
+    isDeleting?: boolean;
+    onDelete: () => void;
+    labels?: {
+        delete: string;
+        deleting: string;
+    };
+}
+/** Destructive "Delete" of a workspace; disabled with an explanation when not allowed. */
+export declare function WorkspaceDeleteButton({ canDelete, disabledReason, isDeleting, onDelete, labels, }: WorkspaceDeleteButtonProps): import("react").JSX.Element;
+export interface RoleSelectProps {
+    value: string;
+    roles: MemberRoleOption[];
+    onChange: (role: string) => void;
+    /** Tooltip: what the selected role allows. */
+    description: string;
+}
+/** Role picker shown beside a user selector (e.g. when sharing a workspace). */
+export declare function RoleSelect({ value, roles, onChange, description }: RoleSelectProps): import("react").JSX.Element;

package/dist/collaboration/members/index.d.ts

@@ -0,0 +1 @@
+export { MemberMutedText, MemberNameCell, MemberRoleCell, MemberListLoading, MemberBulkActions, WorkspaceDeleteButton, RoleSelect, type RoleSelectProps, type MemberRoleOption, type MemberRoleCellProps, type MemberBulkActionsProps, type WorkspaceDeleteButtonProps, } from './WorkspaceMembers';

package/dist/collaboration/sharing/ShareControl.d.ts

@@ -0,0 +1,38 @@
+/** Visibility of the selection: every item shared, none shared, or a mix. */
+export type ShareState = 'shared' | 'private' | 'mixed';
+/** Every fixed string of the share control. Pass a partial `labels` to translate or reword. */
+export interface ShareControlLabels {
+    share: string;
+    shared: string;
+    private: string;
+    mixed: string;
+}
+export declare const DEFAULT_SHARE_CONTROL_LABELS: ShareControlLabels;
+export interface ShareControlProps {
+    state: ShareState;
+    /** `true` = make visible to the workspace, `false` = make private again. */
+    onToggle: (shouldShare: boolean) => void;
+    disabled?: boolean;
+    /** Tooltip while disabled (why the user cannot change visibility). */
+    disabledTooltip?: string;
+    /** What a click does in the current state (tooltip). Falls back to the label. */
+    tooltip?: string;
+    /** `outline` for a header, `ghost` inside a floating bar. */
+    variant?: 'outline' | 'ghost';
+    /** Icon-only button (narrow headers); the accessible name stays "Share". */
+    compact?: boolean;
+    /** Show the muted state pill ("Shared" / "Private") after the button. */
+    showState?: boolean;
+    className?: string;
+    labels?: Partial<ShareControlLabels>;
+    /** Test id of the button (the app passes the current id). */
+    testId?: string;
+    /** Test id of the state pill. */
+    stateTestId?: string;
+}
+/**
+ * Share control: an outline (or ghost) "Share" button that flips visibility, with the current
+ * state spelled out in a muted pill. Neutral tones only: sharing is a plain state, not an AI
+ * moment, so there is no accent or cyan switch that could read as "on" while its label reads "off".
+ */
+export declare function ShareControl({ state, onToggle, disabled, disabledTooltip, tooltip, variant, compact, showState, className, labels, testId, stateTestId, }: ShareControlProps): import("react").JSX.Element;

package/dist/collaboration/sharing/index.d.ts

@@ -0,0 +1 @@
+export { ShareControl, DEFAULT_SHARE_CONTROL_LABELS, type ShareControlLabels, type ShareControlProps, type ShareState, } from './ShareControl';

package/dist/components/Accordion.d.ts

@@ -0,0 +1,12 @@
+export interface AccordionItem {
+    title: string;
+    content: string;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    /** Allow multiple panels open at once. Default false (single-open). */
+    allowMultiple?: boolean;
+    testId?: string;
+}
+/** A stack of collapsible title/content panels. */
+export declare function Accordion({ items, allowMultiple, testId }: AccordionProps): import("react").JSX.Element;

package/dist/components/ActionLink.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface ActionLinkProps extends Omit<ComponentPropsWithoutRef<'button'>, 'onClick' | 'type' | 'children'> {
+    /**
+     * Destination. When set (and not `disabled`) the control is a real anchor, rendered through
+     * `BlocksProvider`'s `linkComponent` (plain `<a>` by default), so ctrl/cmd-click and "open in new
+     * tab" work. Without `onSelect` a plain click navigates through the link; with `onSelect`, a plain
+     * click calls it instead (it owns navigation) and modified clicks still use the link.
+     */
+    href?: string;
+    onSelect?: () => void;
+    children?: ReactNode;
+}
+/**
+ * The one "go somewhere / do something" control of the link-like blocks: a `<button>` without an
+ * `href`, an anchor with one. Forwards its ref and any extra props so it can sit under a
+ * tooltip or popover trigger `asChild`.
+ */
+export declare const ActionLink: import("react").ForwardRefExoticComponent<ActionLinkProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/AskBar.d.ts

@@ -0,0 +1,48 @@
+/**
+ * A question box that IS the product's front door, not a link to one.
+ *
+ * One input, two destinations: Enter (or the arrow) ASKS — hands the trimmed
+ * text to `onAsk`, the conversational answer — while the Search button beside
+ * it hands the same text to `onSearch`, the retrieval experience. The split
+ * matters because queries come in both registers ("what does
+ * this term mean" vs "find every mention of it") and making them choose a
+ * page before typing kills the impulse. Omit `onSearch` and the bar is a plain
+ * ask composer.
+ *
+ * The consumer owns what asking and searching mean (start a chat, run smart
+ * search, open a record). Suggestion chips prefill the input rather than
+ * firing immediately: a suggestion is a starting point you edit, not a button
+ * you regret.
+ *
+ * Styled with SEMANTIC tokens only (card, border, foreground, muted-foreground,
+ * primary), so every host gets it in its own colours.
+ */
+import { type KeyboardEventHandler, type ReactNode, type RefObject } from 'react';
+export interface AskBarProps {
+    /** Receives the trimmed question; the caller owns what asking means. */
+    onAsk: (text: string) => void;
+    /** Second destination for the same text — retrieval. Omit to hide. */
+    onSearch?: (text: string) => void;
+    /** Prefill-on-click starter questions, shown under the input. */
+    suggestions?: string[];
+    placeholder?: string;
+    askLabel?: string;
+    searchLabel?: string;
+    /** Controlled value. Omit for the bar to own its own text. */
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /** Raw keydown on the input — lets a consumer run an autocomplete
+     *  (arrow/Enter/Tab/Escape) before the form's own submit handling.
+     *  preventDefault() on Enter suppresses the submit. */
+    onInputKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    /** Popover anchored to the pill (e.g. a slash-command menu). Rendered in a
+     *  relative wrapper around the form, so absolute children position against
+     *  the pill. */
+    menu?: ReactNode;
+    /** External input ref, for consumers that refocus after menu selection. */
+    inputRef?: RefObject<HTMLInputElement | null>;
+    className?: string;
+    /** Root test id; children derive `-input`, `-submit`, `-search`, `-suggestion`. */
+    testId?: string;
+}
+export declare function AskBar({ onAsk, onSearch, suggestions, placeholder, askLabel, searchLabel, value, onValueChange, onInputKeyDown, menu, inputRef: externalInputRef, className, testId, }: AskBarProps): import("react").JSX.Element;

package/dist/components/AvatarBlock.d.ts

@@ -0,0 +1,9 @@
+export type AvatarBlockSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarBlockProps {
+    src?: string;
+    name?: string;
+    size?: AvatarBlockSize;
+    testId?: string;
+}
+/** Avatar with an initials fallback when no image is supplied. */
+export declare function AvatarBlock({ src, name, size, testId }: AvatarBlockProps): import("react").JSX.Element;

package/dist/components/Banner.d.ts

@@ -0,0 +1,12 @@
+export type BannerTone = 'primary' | 'muted' | 'ink';
+export interface BannerProps {
+    text: string;
+    cta?: {
+        label?: string;
+        href?: string;
+    };
+    tone?: BannerTone;
+    testId?: string;
+}
+/** A slim full-width announcement strip with optional inline CTA. */
+export declare function Banner({ text, cta, tone, testId }: BannerProps): import("react").JSX.Element;

package/dist/components/BlockImage.d.ts

@@ -0,0 +1,18 @@
+export type BlockImageAspect = '16:9' | '4:3' | '1:1' | '21:9' | '4:5';
+export type BlockImageRounded = 'none' | 'md' | 'lg' | 'full';
+export interface BlockImageProps {
+    src?: string;
+    alt?: string;
+    aspect?: BlockImageAspect;
+    rounded?: BlockImageRounded;
+    /** Editorial "photo frame" treatment: a matte border ring + soft shadow. */
+    framed?: boolean;
+    className?: string;
+    testId?: string;
+}
+/**
+ * Image with a graceful, self-contained fallback: when `src` is empty it renders a
+ * token-clean gradient placeholder (no network needed) so the palette always looks
+ * good in the editor and in demos. Token-only classes so it themes per host.
+ */
+export declare function BlockImage({ src, alt, aspect, rounded, framed, className, testId, }: BlockImageProps): import("react").JSX.Element;

package/dist/components/CTABanner.d.ts

@@ -0,0 +1,17 @@
+export type CTABannerTone = 'default' | 'muted' | 'ink';
+export interface CTABannerProps {
+    title: string;
+    subtitle?: string;
+    cta?: {
+        label?: string;
+        href?: string;
+    };
+    tone?: CTABannerTone;
+    /** Full-bleed background image URL/data-URI. Overrides the tone surface. */
+    backgroundImage?: string;
+    /** Darkening scrim over the background image. Default true. */
+    overlay?: boolean;
+    testId?: string;
+}
+/** Full-width call-to-action banner. */
+export declare function CTABanner({ title, subtitle, cta, tone, backgroundImage, overlay, testId, }: CTABannerProps): import("react").JSX.Element;

package/dist/components/Callout.d.ts

@@ -0,0 +1,9 @@
+export type CalloutVariant = 'info' | 'success' | 'warning' | 'danger';
+export interface CalloutProps {
+    variant?: CalloutVariant;
+    title?: string;
+    body?: string;
+    testId?: string;
+}
+/** Inline notice box in one of four semantic tones. */
+export declare function Callout({ variant, title, body, testId }: CalloutProps): import("react").JSX.Element;