@crisp-ui-kit/crisp 0.57.1 → 0.57.3

package/dist/types/components/menusheet/menusheet.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+export type MenuSheetProps = Omit<React.ComponentPropsWithoutRef<"div">, "title" | "children"> & {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    "aria-label"?: string;
+    children?: React.ReactNode;
+};
+/**
+ * A mobile menu sheet -- a focus-trapped bottom sheet (same Zag dialog
+ * machine as BottomSheet) whose body is a role=menu list, with the identical
+ * keyboard model Menu already uses: arrow keys move, Home/End jump,
+ * typeahead, Enter/Space select, Escape closes. Compose items with
+ * MenuSheetItem, and group a run of them in one rounded card with
+ * MenuSheetGroup.
+ */
+export declare function MenuSheet({ open, onOpenChange, title, description, footer, "aria-label": ariaLabel, children, className, "aria-describedby": describedBy, ...rest }: MenuSheetProps): React.JSX.Element | null;
+export declare namespace MenuSheet {
+    var displayName: string;
+}
+export declare function MenuSheetGroup({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export declare namespace MenuSheetGroup {
+    var displayName: string;
+}
+export type MenuSheetItemProps = {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    description?: React.ReactNode;
+    tone?: "neutral" | "critical";
+    disabled?: boolean;
+    onSelect?: () => void;
+    /** Keep the sheet open after selecting (default closes). */
+    closeOnSelect?: boolean;
+};
+export declare function MenuSheetItem({ children, icon, description, tone, disabled, onSelect, closeOnSelect, }: MenuSheetItemProps): React.JSX.Element;
+export declare namespace MenuSheetItem {
+    var displayName: string;
+}

package/dist/types/components/menusheet/menusheet.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const menusheetRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { type SnackbarOptions, SnackbarProvider, type SnackbarVariant, useSnackbar, } from "./snackbar";
+export { snackbarRecipe } from "./snackbar.recipe";

package/dist/types/components/snackbar/snackbar.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+export type SnackbarVariant = "default" | "positive" | "critical";
+export type SnackbarOptions = {
+    message: React.ReactNode;
+    variant?: SnackbarVariant;
+    /** Auto-dismiss after this many ms (0 = sticky). Defaults to the provider's. */
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+};
+type SnackbarApi = {
+    show: (o: SnackbarOptions) => number;
+    dismiss: (id: number) => void;
+};
+/**
+ * Wrap your app in a `SnackbarProvider`, then call `useSnackbar().show({...})`
+ * from anywhere to queue a bottom-anchored snackbar. Only one shows at a time
+ * (seed-design's mobile pattern, crisp#911) -- a second call queues behind the
+ * first and shows once it dismisses. Auto-dismisses after `duration` (default
+ * 4s; 0 keeps it until `dismiss()` or its action fires -- there is no close
+ * button, matching seed's own anatomy, which has none).
+ */
+export declare function SnackbarProvider({ children, duration, regionLabel: regionLabelProp, }: {
+    children: React.ReactNode;
+    duration?: number;
+    /** aria-label on the always-mounted notifications region (default
+     * "Notifications"). */
+    regionLabel?: string;
+}): React.JSX.Element;
+export declare namespace SnackbarProvider {
+    var displayName: string;
+}
+export declare function useSnackbar(): SnackbarApi;
+export {};

package/dist/types/components/snackbar/snackbar.recipe.d.ts

@@ -0,0 +1,5 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const snackbarRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+};
+export default config;

package/dist/types/components/tabletoolbar/tabletoolbar.d.ts

@@ -152,6 +152,26 @@ export type TableToolbarProps = Omit<React.ComponentPropsWithoutRef<"div">, "chi
      *  "Delete filter" (this prop's original default) after a re-measurement
      *  caught the wrong word. */
     deleteFilterLabel?: string;
+    /**
+     * Overrides for the filter chip's operator words ("contains", "is any
+     * of", …) — crisp/#962: these came from a plain internal lookup table
+     * with no prop of their own, so a consumer's own non-English UI (GRC's
+     * Mongolian locale) had no discoverable way to translate them short of
+     * adding entries to a `CrispMessagesProvider` dictionary keyed by the
+     * exact English string, undocumented and easy to miss. Partial, same as
+     * `RecordPage`'s/`RecordsTable`'s own `labels` object (`core/i18n.tsx`'s
+     * own doc comment: "a handful of product components already take their
+     * own translatable text as one big labels object rather than a prop per
+     * string") — this is the one TableToolbar string that's a lookup table
+     * keyed by an enum rather than a single piece of text, so it gets that
+     * treatment instead of thirteen new individual `xLabel` props. A
+     * `CrispMessagesProvider`'s `componentDefaults.tableToolbar` (see
+     * `useToolbarOperatorLabels` below) sits between the built-in English
+     * words and this prop; the OLD whole-dictionary-by-English-string path
+     * still works underneath both, unchanged, for any consumer already
+     * relying on it.
+     */
+    operatorLabels?: Partial<ToolbarOperatorLabels>;
     /** Label on the "ascending" sort-direction option (default "Ascending"). */
     ascendingLabel?: string;
     /** Label on the "descending" sort-direction option (default "Descending"). */
@@ -288,6 +308,13 @@ export type TableToolbarProps = Omit<React.ComponentPropsWithoutRef<"div">, "chi
      */
     nestedFieldPlaceholder?: (noun: string) => string;
 };
+/** crisp/#962: the canonical English operator words, keyed the same way
+ *  `RecordPageLabels` keys its own defaults — exported so a consumer's
+ *  `CrispMessagesProvider` or `operatorLabels` override can be typed
+ *  against the real key set instead of guessing `ToolbarFilterOp`'s
+ *  strings by hand. */
+export type ToolbarOperatorLabels = Record<ToolbarFilterOp, string>;
+export declare const toolbarOperatorLabels: ToolbarOperatorLabels;
 /**
  * Applies a toolbar's filter conditions to any row array. Reads the raw value
  * at `row[key]` (override with `get` for derived fields) — never a formatted
@@ -313,7 +340,7 @@ export declare function applySorts<T>(rows: T[], sorts: ToolbarSort[], get?: (ro
  * this (Sort: Due date/Assignee/Creation date; Filter: Assignee/Record/
  * Created by), which one shared list can't reproduce.
  */
-export declare function TableToolbar({ columns, sortColumns: sortColumnsProp, filterColumns: filterColumnsProp, sorts: sortsProp, defaultSorts, onSortsChange, filters: filtersProp, defaultFilters, onFiltersChange, count, children, helpHref, className, sortLabel: sortLabelProp, filterLabel: filterLabelProp, reorderSortLabel: reorderSortLabelProp, noSortsLabel: noSortsLabelProp, addSortLabel: addSortLabelProp, learnSortingLabel: learnSortingLabelProp, selectConditionLabel: selectConditionLabelProp, sortFieldLabel: sortFieldLabelProp, sortDirectionLabel: sortDirectionLabelProp, removeSortLabel: removeSortLabelProp, filterFieldLabel: filterFieldLabelProp, filterFieldPlaceholder: filterFieldPlaceholderProp, filterValuePlaceholder: filterValuePlaceholderProp, filterOptionsLabel: filterOptionsLabelProp, deleteFilterLabel: deleteFilterLabelProp, ascendingLabel: ascendingLabelProp, descendingLabel: descendingLabelProp, sortTriggerLabel, filterTriggerLabel, inline, showSort, showViewSettings, viewSettingsRef, importExportRef, viewColumns: viewColumnsProp, shownKeys: shownKeysProp, defaultShownKeys, onShownKeysChange, viewSettingsLabel: viewSettingsLabelProp, reorderAttributeLabel: reorderAttributeLabelProp, hideAttributeLabel, addAttributeToViewLabel: addAttributeToViewLabelProp, searchAttributesPlaceholder: searchAttributesPlaceholderProp, importExportLabel: importExportLabelProp, onImportCsv, onExportCsv, onExportExcel, importExportHelpHref, importCsvLabel: importCsvLabelProp, exportCsvLabel: exportCsvLabelProp, exportExcelLabel: exportExcelLabelProp, learnImportExportLabel: learnImportExportLabelProp, backLabel: backLabelProp, nestedFieldPlaceholder, ...rest }: TableToolbarProps): React.JSX.Element;
+export declare function TableToolbar({ columns, sortColumns: sortColumnsProp, filterColumns: filterColumnsProp, sorts: sortsProp, defaultSorts, onSortsChange, filters: filtersProp, defaultFilters, onFiltersChange, count, children, helpHref, className, sortLabel: sortLabelProp, filterLabel: filterLabelProp, reorderSortLabel: reorderSortLabelProp, noSortsLabel: noSortsLabelProp, addSortLabel: addSortLabelProp, learnSortingLabel: learnSortingLabelProp, selectConditionLabel: selectConditionLabelProp, sortFieldLabel: sortFieldLabelProp, sortDirectionLabel: sortDirectionLabelProp, removeSortLabel: removeSortLabelProp, filterFieldLabel: filterFieldLabelProp, filterFieldPlaceholder: filterFieldPlaceholderProp, filterValuePlaceholder: filterValuePlaceholderProp, filterOptionsLabel: filterOptionsLabelProp, deleteFilterLabel: deleteFilterLabelProp, operatorLabels, ascendingLabel: ascendingLabelProp, descendingLabel: descendingLabelProp, sortTriggerLabel, filterTriggerLabel, inline, showSort, showViewSettings, viewSettingsRef, importExportRef, viewColumns: viewColumnsProp, shownKeys: shownKeysProp, defaultShownKeys, onShownKeysChange, viewSettingsLabel: viewSettingsLabelProp, reorderAttributeLabel: reorderAttributeLabelProp, hideAttributeLabel, addAttributeToViewLabel: addAttributeToViewLabelProp, searchAttributesPlaceholder: searchAttributesPlaceholderProp, importExportLabel: importExportLabelProp, onImportCsv, onExportCsv, onExportExcel, importExportHelpHref, importCsvLabel: importCsvLabelProp, exportCsvLabel: exportCsvLabelProp, exportExcelLabel: exportExcelLabelProp, learnImportExportLabel: learnImportExportLabelProp, backLabel: backLabelProp, nestedFieldPlaceholder, ...rest }: TableToolbarProps): React.JSX.Element;
 export type ToolbarToolProps = React.ComponentPropsWithoutRef<"button"> & {
     /** Drawn the way Sort/Filter are once a condition is set (#399). */
     active?: boolean;

package/dist/types/components/tabs/tabs.d.ts

@@ -28,6 +28,16 @@ export type TabsProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" | "d
     moreLabel?: (count: number) => React.ReactNode;
     /** aria-label on the overflow trigger/menu (default "More tabs"). */
     moreMenuLabel?: string;
+    /**
+     * How the tab row handles running out of width. `"collapse"` (default,
+     * crisp#863) hides trailing tabs behind a "+N more" menu, matching
+     * Attio's own record-view tabs. `"scroll"` (crisp#908) never hides a
+     * tab — the row scrolls horizontally instead, snapping each tab to the
+     * left edge, the pattern Naver/Kakao's own tab rows use
+     * (`docs/study/korean/`). Mutually exclusive: `"scroll"` never computes
+     * or renders the "+N more" trigger.
+     */
+    overflow?: "collapse" | "scroll";
     className?: string;
     "aria-label"?: string;
 };
@@ -37,7 +47,7 @@ export type TabsProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" | "d
  * Home/End jump); activation follows focus. Controlled via
  * `value`/`onValueChange`, or uncontrolled from `defaultValue`.
  */
-export declare function Tabs({ tabs, value, defaultValue, onValueChange, leading, children, moreLabel, moreMenuLabel, className, fill, "aria-label": ariaLabel, ...rest }: TabsProps): React.JSX.Element;
+export declare function Tabs({ tabs, value, defaultValue, onValueChange, leading, children, moreLabel, moreMenuLabel, overflow, className, fill, "aria-label": ariaLabel, ...rest }: TabsProps): React.JSX.Element;
 export declare namespace Tabs {
     var displayName: string;
 }

package/dist/types/core/floating-portal.d.ts

@@ -15,10 +15,11 @@ import * as React from "react";
  * `Dialog` was rendering offset by the dialog's own box instead of anchored
  * to its trigger.
  *
- * Every caller renders this conditionally on its own `open` state, which
- * starts `false` and is driven only by client interaction — never a prop a
- * fixture sets true at mount (unlike Dialog/Drawer/Command) — so this never
- * touches `document` during SSR, the same safety Tooltip already had.
+ * Every caller renders this conditionally on its own `open` state. A fixture
+ * CAN set that true at mount (crisp#964 needs exactly that, to give Menu's
+ * roving-tabindex guard something to inspect), so this checks for `window`
+ * itself rather than assuming the caller never does — the same guard
+ * `@zag-js/react`'s own `Portal` uses for the identical reason.
  *
  * `sourceRef` is the caller's own root — still in its original DOM position,
  * never portaled — used to carry a `data-theme` set on some ancestor of it
@@ -36,4 +37,4 @@ import * as React from "react";
 export declare function FloatingPortal({ children, sourceRef, }: {
     children: React.ReactElement;
     sourceRef: React.RefObject<HTMLElement | null>;
-}): React.ReactPortal;
+}): React.ReactElement;

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ export * from "./components/avatar";
 export * from "./components/avatargroup";
 export * from "./components/badge";
 export * from "./components/barchart";
+export * from "./components/bottomsheet";
 export * from "./components/breadcrumb";
 export * from "./components/bulkbar";
 export * from "./components/button";
@@ -11,6 +12,7 @@ export * from "./components/callout";
 export * from "./components/card";
 export * from "./components/checkbox";
 export * from "./components/chip";
+export * from "./components/chipgroup";
 export * from "./components/columncalc";
 export * from "./components/composewindow";
 export * from "./components/contextmenu";
@@ -32,6 +34,7 @@ export * from "./components/kbd";
 export * from "./components/linechart";
 export * from "./components/mentionchip";
 export * from "./components/menu";
+export * from "./components/menusheet";
 export * from "./components/middletruncate";
 export * from "./components/multiselect";
 export * from "./components/personchip";
@@ -45,6 +48,7 @@ export * from "./components/select";
 export * from "./components/skeleton";
 export * from "./components/skiplink";
 export * from "./components/slider";
+export * from "./components/snackbar";
 export * from "./components/spinner";
 export * from "./components/stagebar";
 export * from "./components/statcard";
@@ -75,7 +79,9 @@ export * from "./product/headerbar";
 export * from "./product/importdialog";
 export * from "./product/inbox";
 export * from "./product/listpage";
+export * from "./product/memberssettings";
 export * from "./product/navitem";
+export * from "./product/notificationssettings";
 export * from "./product/objectsettings";
 export * from "./product/onboarding";
 export * from "./product/recordpage";
@@ -90,4 +96,5 @@ export * from "./product/tasklist";
 export * from "./product/themepicker";
 export * from "./product/trialbanner";
 export * from "./product/viewtoggle";
+export * from "./product/workspacegeneralsettings";
 export * from "./tokens";

package/dist/types/product/comments/comments.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
-import { type MentionAnchor } from "../../core";
+import { type MentionAnchor, type VariantProps } from "../../core";
+import { commentsRecipe } from "./comments.recipe";
 /** One participant — crisp has no user model of its own, so every field
  * beyond `id`/`name` (avatar image, colour) is fully consumer-supplied, the
  * same split `Inbox`'s own `avatar` prop already draws. */
@@ -76,7 +77,7 @@ export type CommentMentionTriggerState = {
  * never read from the part that changed.
  */
 export declare function serializeComposerField(field: HTMLElement): string;
-export type CommentsPanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "children" | "title" | "onCopy"> & {
+export type CommentsPanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "children" | "title" | "onCopy"> & VariantProps<typeof commentsRecipe> & {
     threads: CommentThread[];
     currentUserId: string;
     /** The record/page these comments belong to -- shown in the single-thread
@@ -168,8 +169,13 @@ export type CommentsPanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "ch
  * nothing on its own beyond that data. See `CommentCountBadge` for the
  * separate row affordance (P-051) — deliberately NOT part of this
  * component, since it lives in a table cell this component doesn't own.
+ *
+ * `variant="drawer"` (default) is today's measured 320px + left-border
+ * look; `variant="pane"` (crisp#960) fills its container's width instead,
+ * for a consumer embedding this in a full-width tab pane rather than a
+ * true slide-over/drawer.
  */
-export declare function CommentsPanel({ threads, currentUserId, subject, subjectIcon, showResolved, onShowResolvedChange, onlyMine, onOnlyMineChange, activeThreadId: activeThreadIdProp, onActiveThreadChange, onPost, onReact, onResolve, onDelete, onCopyLink, emojiOptions, mentionTrigger, renderMentionPicker, onClose, closeLabel: closeLabelProp, backLabel: backLabelProp, title: titleProp, threadTitle: threadTitleProp, breadcrumbPrefix: breadcrumbPrefixProp, composerPlaceholder: composerPlaceholderProp, replyPlaceholder: replyPlaceholderProp, postLabel: postLabelProp, replyPostLabel: replyPostLabelProp, emptyLabel, filterLabel: filterLabelProp, showResolvedLabel: showResolvedLabelProp, onlyMineLabel: onlyMineLabelProp, replyActionLabel: replyActionLabelProp, reactActionLabel: reactActionLabelProp, resolveActionLabel: resolveActionLabelProp, resolvedByYouLabel: resolvedByYouLabelProp, resolvedByLabel, moreActionsLabel: moreActionsLabelProp, copyLinkLabel: copyLinkLabelProp, deleteLabel: deleteLabelProp, addReactionLabel: addReactionLabelProp, reactionSearchLabel: reactionSearchLabelProp, deleteConfirmTitle: deleteConfirmTitleProp, deleteConfirmBody: deleteConfirmBodyProp, deleteConfirmActionLabel: deleteConfirmActionLabelProp, cancelLabel: cancelLabelProp, composerMentionToolLabel: composerMentionToolLabelProp, className, ...rest }: CommentsPanelProps): React.JSX.Element;
+export declare function CommentsPanel({ threads, currentUserId, subject, subjectIcon, showResolved, onShowResolvedChange, onlyMine, onOnlyMineChange, activeThreadId: activeThreadIdProp, onActiveThreadChange, onPost, onReact, onResolve, onDelete, onCopyLink, emojiOptions, mentionTrigger, renderMentionPicker, onClose, closeLabel: closeLabelProp, backLabel: backLabelProp, title: titleProp, threadTitle: threadTitleProp, breadcrumbPrefix: breadcrumbPrefixProp, composerPlaceholder: composerPlaceholderProp, replyPlaceholder: replyPlaceholderProp, postLabel: postLabelProp, replyPostLabel: replyPostLabelProp, emptyLabel, filterLabel: filterLabelProp, showResolvedLabel: showResolvedLabelProp, onlyMineLabel: onlyMineLabelProp, replyActionLabel: replyActionLabelProp, reactActionLabel: reactActionLabelProp, resolveActionLabel: resolveActionLabelProp, resolvedByYouLabel: resolvedByYouLabelProp, resolvedByLabel, moreActionsLabel: moreActionsLabelProp, copyLinkLabel: copyLinkLabelProp, deleteLabel: deleteLabelProp, addReactionLabel: addReactionLabelProp, reactionSearchLabel: reactionSearchLabelProp, deleteConfirmTitle: deleteConfirmTitleProp, deleteConfirmBody: deleteConfirmBodyProp, deleteConfirmActionLabel: deleteConfirmActionLabelProp, cancelLabel: cancelLabelProp, composerMentionToolLabel: composerMentionToolLabelProp, variant, className, ...rest }: CommentsPanelProps): React.JSX.Element;
 export declare namespace CommentsPanel {
     var displayName: string;
 }

package/dist/types/product/comments/comments.recipe.d.ts

@@ -1,3 +1,13 @@
-declare const config: import("../..").RecipeConfig<{}>;
-export declare const commentsRecipe: import("../..").RecipeFn<{}>;
+declare const config: import("../..").RecipeConfig<{
+    variant: {
+        drawer: string;
+        pane: string;
+    };
+}>;
+export declare const commentsRecipe: import("../..").RecipeFn<{
+    variant: {
+        drawer: string;
+        pane: string;
+    };
+}>;
 export default config;

package/dist/types/product/inbox/inbox.d.ts

@@ -15,6 +15,14 @@ export type InboxTab = {
     label: React.ReactNode;
     count?: number;
     disabled?: boolean;
+    /**
+     * Empty-state copy for this tab only, e.g. Notifications vs. Requests
+     * ("Requests from other users will be displayed here."). Falls back to
+     * the instance-level `emptyTitle`/`emptySubtitle`/`emptyAction` when unset.
+     */
+    emptyTitle?: React.ReactNode;
+    emptySubtitle?: React.ReactNode;
+    emptyAction?: React.ReactNode;
 };
 export type InboxProps = Omit<React.ComponentPropsWithoutRef<"div">, "children" | "title"> & {
     notifications?: InboxNotification[];
@@ -23,7 +31,11 @@ export type InboxProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"
     tabs?: InboxTab[];
     activeTab?: string;
     onTabChange?: (id: string) => void;
-    /** Empty-state text (shown when there are no notifications). */
+    /**
+     * Empty-state text (shown when there are no notifications). A tab in
+     * `tabs` that sets its own `emptyTitle`/`emptySubtitle` overrides this
+     * for that tab only.
+     */
     emptyTitle?: React.ReactNode;
     emptySubtitle?: React.ReactNode;
     /** Optional action under the empty state (e.g. a Settings button). */

package/dist/types/product/memberssettings/index.d.ts

@@ -0,0 +1 @@
+export { InviteMembersDialog, type InviteMembersDialogProps, type MemberRow, MembersSettings, type MembersSettingsProps, } from "./memberssettings";

package/dist/types/product/memberssettings/memberssettings.d.ts

@@ -0,0 +1,85 @@
+import * as React from "react";
+import type { SelectOption } from "../../components/select";
+export type MemberRow = {
+    id: string;
+    name: React.ReactNode;
+    isYou?: boolean;
+    email: string;
+    /** "Admin" renders Attio's measured purple role badge; any other value
+     *  renders as plain text (Attio's own Member role has no pill). */
+    role: "Admin" | React.ReactNode;
+    teams?: React.ReactNode;
+    avatarSrc?: string;
+};
+export type MembersSettingsProps = Omit<React.ComponentPropsWithoutRef<"div">, "title"> & {
+    members: MemberRow[];
+    /** Search box value (controlled). */
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    onFilterClick?: () => void;
+    onInviteClick?: () => void;
+    onRowMenuClick?: (member: MemberRow) => void;
+    /** Which pill is active — Members is the only tab with a built shape
+     *  (P-119/P-120); Teams renders `teamsContent` or a muted placeholder,
+     *  since Attio's Teams tab body wasn't part of this issue's measurement. */
+    tab?: "members" | "teams";
+    onTabChange?: (tab: "members" | "teams") => void;
+    teamsContent?: React.ReactNode;
+    className?: string;
+    /** Chrome strings, each overridable for non-English UIs. */
+    title?: string;
+    description?: string;
+    learnMoreLabel?: string;
+    learnMoreHref?: string;
+    membersTabLabel?: string;
+    teamsTabLabel?: string;
+    tablistLabel?: string;
+    searchPlaceholder?: string;
+    filterLabel?: string;
+    inviteLabel?: string;
+    userColumnLabel?: string;
+    roleColumnLabel?: string;
+    teamsColumnLabel?: string;
+    memberActionsLabel?: string;
+    noTeamsLabel?: string;
+};
+/**
+ * Attio's "Members and teams" settings page (crisp#636, P-119/P-120):
+ * title + description, a Members/Teams segmented switcher, a
+ * search+Filter+Invite toolbar, and the members table (User/Role/Teams).
+ * Compose `InviteMembersDialog` alongside for the "Invite members" flow.
+ */
+export declare function MembersSettings({ members, searchValue, onSearchChange, onFilterClick, onInviteClick, onRowMenuClick, tab: tabProp, onTabChange, teamsContent, className, title, description, learnMoreLabel, learnMoreHref, membersTabLabel, teamsTabLabel, tablistLabel, searchPlaceholder, filterLabel, inviteLabel, userColumnLabel, roleColumnLabel, teamsColumnLabel, memberActionsLabel, noTeamsLabel, ...rest }: MembersSettingsProps): React.JSX.Element;
+export declare namespace MembersSettings {
+    var displayName: string;
+}
+export type InviteMembersDialogProps = Omit<React.ComponentPropsWithoutRef<"div">, "title" | "onSend" | "children"> & {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Comma/newline-separated email list, as typed into the composer. */
+    emails: string;
+    onEmailsChange: (value: string) => void;
+    inviteAs: "member" | "admin";
+    onInviteAsChange: (value: "member" | "admin") => void;
+    team: string;
+    onTeamChange: (value: string) => void;
+    teamOptions?: SelectOption[];
+    onSend: () => void;
+    title?: string;
+    emailsPlaceholder?: string;
+    inviteAsFieldLabel?: string;
+    memberOptionLabel?: string;
+    adminOptionLabel?: string;
+    addToTeamFieldLabel?: string;
+    addToTeamPlaceholder?: string;
+    sendLabel?: string;
+};
+/**
+ * Attio's "Invite members" modal (crisp#636, P-120), measured live: 708px
+ * wide, a multi-email composer, an "Invite as" select (default Member) and
+ * an optional "Add to team" search-or-create select, footer "Send Invites".
+ */
+export declare function InviteMembersDialog({ open, onOpenChange, emails, onEmailsChange, inviteAs, onInviteAsChange, team, onTeamChange, teamOptions, onSend, title, emailsPlaceholder, inviteAsFieldLabel, memberOptionLabel, adminOptionLabel, addToTeamFieldLabel, addToTeamPlaceholder, sendLabel, ...rest }: InviteMembersDialogProps): React.JSX.Element;
+export declare namespace InviteMembersDialog {
+    var displayName: string;
+}

package/dist/types/product/memberssettings/memberssettings.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const memberssettingsRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/product/notificationssettings/index.d.ts

@@ -0,0 +1 @@
+export { type NotificationMatrixRow, NotificationsSettings, type NotificationsSettingsProps, } from "./notificationssettings";

package/dist/types/product/notificationssettings/notificationssettings.d.ts

@@ -0,0 +1,37 @@
+import type * as React from "react";
+export type NotificationMatrixRow = {
+    id: string;
+    title: React.ReactNode;
+    description: React.ReactNode;
+    email: boolean;
+    app: boolean;
+};
+export type NotificationsSettingsProps = Omit<React.ComponentPropsWithoutRef<"div">, "title"> & {
+    dailyDigestEnabled: boolean;
+    onDailyDigestChange: (enabled: boolean) => void;
+    rows: NotificationMatrixRow[];
+    onEmailChange: (id: string, checked: boolean) => void;
+    onAppChange: (id: string, checked: boolean) => void;
+    /** Chrome strings, each overridable for non-English UIs. */
+    title?: string;
+    description?: string;
+    learnMoreLabel?: string;
+    learnMoreHref?: string;
+    dailyDigestSectionTitle?: string;
+    dailyDigestRowTitle?: string;
+    dailyDigestRowDescription?: string;
+    collaborationSectionTitle?: string;
+    notifyMeAboutLabel?: string;
+    emailColumnLabel?: string;
+    appColumnLabel?: string;
+};
+/**
+ * Attio's "Notifications" settings page (crisp#630, P-083): title +
+ * description, a "Daily digest" card (a single toggle row), and a
+ * "Collaboration notifications" matrix — a header row plus one row per
+ * event, each with an Email and an App checkbox. Measured live.
+ */
+export declare function NotificationsSettings({ dailyDigestEnabled, onDailyDigestChange, rows, onEmailChange, onAppChange, className, title, description, learnMoreLabel, learnMoreHref, dailyDigestSectionTitle, dailyDigestRowTitle, dailyDigestRowDescription, collaborationSectionTitle, notifyMeAboutLabel, emailColumnLabel, appColumnLabel, ...rest }: NotificationsSettingsProps): React.JSX.Element;
+export declare namespace NotificationsSettings {
+    var displayName: string;
+}

package/dist/types/product/notificationssettings/notificationssettings.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const notificationssettingsRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/product/recordpage/index.d.ts

@@ -1,4 +1,4 @@
 export { type Column, type ColumnType, type EntityValue, type ReferenceOption, type Row, type StatusOption, tagTone, } from "./column";
 export { type EditableOption, editableInputType, useEditableField, } from "./editable-field";
-export { RecordDetails, type RecordDetailsProps, RecordPage, type RecordPageHighlight, type RecordPageLabels, type RecordPageLabelsInput, type RecordPageNote, type RecordPageProps, type RecordPageSection, type RecordPageTab, type RecordPageTask, recordPageLabels, } from "./recordpage";
+export { RecordDetails, type RecordDetailsProps, RecordPage, type RecordPageHighlight, type RecordPageLabels, type RecordPageLabelsInput, RecordPageMain, type RecordPageMainProps, type RecordPageNote, type RecordPageProps, type RecordPageSection, type RecordPageTab, type RecordPageTask, recordPageLabels, } from "./recordpage";
 export { recordpageRecipe } from "./recordpage.recipe";

package/dist/types/product/recordpage/recordpage.d.ts

@@ -2,8 +2,17 @@ import { type LucideIcon } from "lucide-react";
 import * as React from "react";
 import { type CommentAuthor, type CommentThread } from "../comments";
 import { type Column, type Row } from "./column";
+/**
+ * `title` is optional (#871) — Attio's own note preview always has one (a
+ * real note defaults to "Untitled note" until renamed, confirmed live), but
+ * crisp's own data model has never carried a separate note title, only
+ * `text`, and no existing consumer supplies one. Adding it as optional
+ * rather than required keeps every existing `notes` array valid; a consumer
+ * with no title concept just gets the single remaining string inline.
+ */
 export type RecordPageNote = {
     id: string;
+    title?: string;
     text: string;
     time: string;
 };
@@ -91,6 +100,26 @@ export type RecordPageProps = Omit<React.ComponentPropsWithoutRef<"div">, "child
     /** When provided, shows a maximise/minimise button in the top bar. */
     onToggleFull?: () => void;
     full?: boolean;
+    /**
+     * The peek-style header (#624) — measured live: expanding a peek to its
+     * full record does NOT revert to the plain breadcrumb, it keeps a hybrid
+     * header (Close, Previous/Next, "N of M in <view>" counter), replacing the
+     * breadcrumb entirely rather than adding to it. Naming mirrors
+     * `RecordPanel`'s own identical props exactly (`onClose`/`closeLabel`,
+     * `onPrevious`/`previousRecordLabel`, `onNext`/`nextRecordLabel`,
+     * `counterLabel`) — a consumer wiring both components together (a list
+     * whose peek expands to this page) reuses the same handlers and state,
+     * not a second parallel API. `onClose` alone is enough to switch the
+     * topbar into this mode; Previous/Next/counter are each independently
+     * optional, same as `RecordPanel`'s own toolbar.
+     */
+    onClose?: () => void;
+    closeLabel?: string;
+    onPrevious?: () => void;
+    previousRecordLabel?: string;
+    onNext?: () => void;
+    nextRecordLabel?: string;
+    counterLabel?: React.ReactNode;
     className?: string;
     /**
      * Replaces the built-in CRM tab set. An app with a non-CRM domain (a
@@ -210,6 +239,29 @@ export type RecordPageLabels = {
     comments: string;
     /** Empty state under the Lists panel. */
     noLists: string;
+    /** Activity tab toolbar (#622). */
+    filters: string;
+    addMeeting: string;
+    /** Files tab empty state (#622): title, hint body, and its two actions. */
+    noFiles: string;
+    filesHint: string;
+    newFolder: string;
+    uploadFile: string;
+    /** aria-label on the Files tab empty state's "⋮" overflow button (#622). */
+    fileMoreActions: string;
+    /** Associated deals tab empty state (#622). */
+    noDealsFound: string;
+    noDealsHint: string;
+    newDeal: string;
+    /** Emails tab empty state (#987): the dedicated tab's own illustrated
+     *  state, distinct from `noEmailsWith` (Overview's condensed embed). */
+    noEmails: string;
+    noEmailsHint: string;
+    configureMailbox: string;
+    /** Calls tab empty state (#988): chrome only, no real gating. */
+    upgradeToViewCalls: string;
+    callsUpgradeHint: string;
+    upgrade: string;
     highlights: string;
     recordDetails: string;
     searchFields: string;
@@ -270,6 +322,28 @@ export type RecordDetailsProps = Omit<React.ComponentPropsWithoutRef<"div">, "ch
     onEdit?: (id: string, key: string, value: string) => Promise<void> | void;
     labels?: RecordPageLabelsInput;
     className?: string;
+    /**
+     * Drag-to-resize (#930) — the same shape `RecordPanel`'s own resize props
+     * already have (`resizable`/`width`/`defaultWidth`/`onWidthChange`/
+     * `minWidth`/`maxWidth`), so a consumer composing `RecordDetails`
+     * standalone (GRC's own record-page rail: its own header/tabs, this
+     * component for the details column only) gets Attio's real record-page
+     * details-column resize without reimplementing the drag math `RecordPage`
+     * already has internally for its own aside. Uncontrolled by default
+     * (`defaultWidth`); pass `width`/`onWidthChange` together to own it
+     * instead — same controlled/uncontrolled split as `RecordPanel`'s.
+     * `minWidth`/`maxWidth`/`defaultWidth` default to the exact clamp
+     * `RecordPage`'s own resizer already uses (#798, live-measured: 619/1170,
+     * 734 default) — reused, not re-measured. Omit `resizable` (the default)
+     * to keep rendering the plain, non-resizing block this component has
+     * always been.
+     */
+    resizable?: boolean;
+    width?: number;
+    defaultWidth?: number;
+    onWidthChange?: (width: number) => void;
+    minWidth?: number;
+    maxWidth?: number;
 };
 /**
  * The Details column's own field list, on its own (#528) — `RecordPage`'s
@@ -292,10 +366,33 @@ export type RecordDetailsProps = Omit<React.ComponentPropsWithoutRef<"div">, "ch
  * `RecordPage`'s own root does: `<div className={recordpageRecipe()}>`
  * (also exported from this package).
  */
-export declare function RecordDetails({ record, columns, sections, onEdit, labels, className, ...rest }: RecordDetailsProps): React.JSX.Element;
+export declare function RecordDetails({ record, columns, sections, onEdit, labels, className, resizable, width: controlledWidth, defaultWidth, onWidthChange, minWidth, maxWidth, ...rest }: RecordDetailsProps): React.JSX.Element;
 export declare namespace RecordDetails {
     var displayName: string;
 }
+export type RecordPageMainProps = React.ComponentPropsWithoutRef<"main">;
+/**
+ * The main/tab-content column's own box, on its own (#750) — the same
+ * "standalone piece" `RecordDetails` already is for the Details column,
+ * mirrored to the other side of the layout. `RecordPage` composes this
+ * internally for its own tabbed body (below) — this exact box, not a second
+ * copy — so a consumer building a custom record page (its own tab set, its
+ * own menu, `RecordDetails` for the left column, but not the full
+ * `RecordPage`, which hardcodes the CRM tab set) gets the same
+ * Attio-measured inset: `flex: 1; min-width: 0; display: flex;
+ * flex-direction: column; min-height: 0; overflow-y: auto; padding: 12px
+ * 20px` (`recordpage.recipe.ts`'s own `.crisp-recordpage-main`) — without
+ * reaching for that internal class name directly, the only option before
+ * this existed.
+ *
+ * Needs the same single `.crisp-recordpage`-scoped ancestor `RecordDetails`
+ * already documents — wrap both in `recordpageRecipe()`, the way
+ * `RecordPage`'s own root does.
+ */
+export declare function RecordPageMain({ className, children, ...rest }: RecordPageMainProps): React.JSX.Element;
+export declare namespace RecordPageMain {
+    var displayName: string;
+}
 /**
  * The full-page company record view — the page that opens when you click into a
  * record (as opposed to the peek [RecordPanel]). A top breadcrumb bar with
@@ -304,7 +401,7 @@ export declare namespace RecordDetails {
  * Emails sections (Notes & Tasks are live — add and check things off). Drop it
  * into the app's main content area.
  */
-export declare function RecordPage({ record, columns, collection, labels, onBack, onToggleFull, full, className, onEdit, tabs: tabsProp, defaultTab, notes: notesProp, onAddNote, tasks: tasksProp, onAddTask, onToggleTask, sections, highlights: highlightsProp, quickActions: quickActionsProp, comments: commentsProp, onPostComment, currentUser, onShare, ...rest }: RecordPageProps): React.JSX.Element;
+export declare function RecordPage({ record, columns, collection, labels, onBack, onToggleFull, full, onClose, closeLabel, onPrevious, previousRecordLabel, onNext, nextRecordLabel, counterLabel, className, onEdit, tabs: tabsProp, defaultTab, notes: notesProp, onAddNote, tasks: tasksProp, onAddTask, onToggleTask, sections, highlights: highlightsProp, quickActions: quickActionsProp, comments: commentsProp, onPostComment, currentUser, onShare, ...rest }: RecordPageProps): React.JSX.Element;
 export declare namespace RecordPage {
     var displayName: string;
 }

package/dist/types/product/workspacegeneralsettings/index.d.ts

@@ -0,0 +1 @@
+export { type WorkspaceExportRow, WorkspaceGeneralSettings, type WorkspaceGeneralSettingsProps, } from "./workspacegeneralsettings";