@crisp-ui-kit/crisp 0.57.1 → 0.57.2

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/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/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/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
@@ -270,6 +299,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,7 +343,7 @@ 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;
 }
@@ -304,7 +355,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";

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

@@ -0,0 +1,48 @@
+import type * as React from "react";
+export type WorkspaceExportRow = {
+    id: string;
+    type: React.ReactNode;
+    date: React.ReactNode;
+};
+export type WorkspaceGeneralSettingsProps = Omit<React.ComponentPropsWithoutRef<"div">, "title"> & {
+    logoSrc?: string;
+    /** Shown in the logo tile when `logoSrc` is unset — the workspace's own initial. */
+    workspaceInitial: string;
+    onUploadLogo?: () => void;
+    name: string;
+    onNameChange: (value: string) => void;
+    slug: string;
+    onCopySlug?: () => void;
+    exports: WorkspaceExportRow[];
+    onStartExport?: () => void;
+    onDeleteWorkspace?: () => void;
+    /** Chrome strings, each overridable for non-English UIs. */
+    title?: string;
+    description?: string;
+    learnMoreLabel?: string;
+    learnMoreHref?: string;
+    logoHelpText?: string;
+    uploadLogoLabel?: string;
+    nameFieldLabel?: string;
+    slugFieldLabel?: string;
+    copySlugLabel?: string;
+    exportSectionTitle?: string;
+    exportSectionDescription?: string;
+    startExportLabel?: string;
+    typeColumnLabel?: string;
+    dateColumnLabel?: string;
+    noExportsLabel?: string;
+    dangerSectionTitle?: string;
+    deleteWorkspaceTitle?: string;
+    deleteWorkspaceWarning?: string;
+    deleteWorkspaceLabel?: string;
+};
+/**
+ * Attio's Settings → Workspace → General page (crisp#638, P-128), measured
+ * live: a logo + Name/Slug section, an "Export workspace data" table, and a
+ * "Danger zone" delete-workspace row.
+ */
+export declare function WorkspaceGeneralSettings({ logoSrc, workspaceInitial, onUploadLogo, name, onNameChange, slug, onCopySlug, exports: exportRows, onStartExport, onDeleteWorkspace, className, title, description, learnMoreLabel, learnMoreHref, logoHelpText, uploadLogoLabel, nameFieldLabel, slugFieldLabel, copySlugLabel, exportSectionTitle, exportSectionDescription, startExportLabel, typeColumnLabel, dateColumnLabel, noExportsLabel, dangerSectionTitle, deleteWorkspaceTitle, deleteWorkspaceWarning, deleteWorkspaceLabel, ...rest }: WorkspaceGeneralSettingsProps): React.JSX.Element;
+export declare namespace WorkspaceGeneralSettings {
+    var displayName: string;
+}

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

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

package/dist/types/tokens/contract.d.ts

@@ -20,6 +20,8 @@ export declare const contract: MapLeafNodes<{
     bgTileActive: "tileActive";
     shadowTileActive: "tileActiveShadow";
     bgScrim: "bgScrim";
+    bgOverlayStrong: "bgOverlayStrong";
+    strokeGroupDivider: "strokeGroupDivider";
     fgAlertDescription: "fgAlertDescription";
     bgOverlayFrost: "overlayFrost";
     shadowOverlay1: "shadowOverlay1";
@@ -71,9 +73,10 @@ export declare const contract: MapLeafNodes<{
     shadowSelect: "selectShadow";
 }, `var(--${string})`> & {
     space: Record<"0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "8" | "px", `var(--${string})`>;
-    radius: Record<"2xl" | "3xl" | "chip" | "full" | "lg" | "md" | "sm" | "xl" | "xs", `var(--${string})`>;
+    radius: Record<"2xl" | "3xl" | "4xl" | "chip" | "full" | "lg" | "md" | "sm" | "xl" | "xs", `var(--${string})`>;
     size: Record<"calendarCell" | "calendarPill" | "chip" | "header" | "icon" | "menuRow" | "row" | "selectIconLg" | "selectTriggerLg" | "selectTriggerMd" | "tableHeader" | "tableRow", `var(--${string})`>;
     font: Record<"sans", `var(--${string})`>;
     text: Record<"lg" | "md" | "sm" | "xl" | "xs", `var(--${string})`>;
     weight: Record<"bold" | "medium" | "regular" | "semibold", `var(--${string})`>;
+    tracking: Record<"18" | "20" | "24" | "26" | "28" | "32", `var(--${string})`>;
 };

package/dist/types/tokens/elevation.d.ts

@@ -11,9 +11,11 @@
  */
 export declare const elevation: {
     /**
-     * Tier 1 — anything floating and *attached*: menus, popovers, dropdowns,
+     * Tier 1 — anything floating and *attached*: popovers, dropdowns,
      * hover-preview cards, the floating sidebar, the record peek, drawers, the
      * bulk bar. Pairs with a 10–12px radius and, for panels, an 8px gutter.
+     * NOT `Menu` (your-moon/crisp#934) -- that moved to
+     * `selectFloating`, seed-design's own flat shadow, below.
      */
     readonly floating: `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}), 0 4px 8px -4px var(--${string}), 0 4px 12px -2px var(--${string})`;
     /**
@@ -56,10 +58,11 @@ export declare const elevation: {
      */
     readonly fieldNoRing: `0 0 2px rgba(28,40,64,0.18), 0 1px 3px rgba(0,0,0,0.04)`;
     /**
-     * Select's own listbox shadow (crisp/#867) — seed-design's `$shadow.s3`, a
-     * single layer, NOT `floating` above. This component follows seed, not
-     * Attio, for the same reason `DatePicker` follows seed's calendar
-     * structure: an explicit owner request to match seed-design exactly.
+     * Seed-design's own `$shadow.s3`, a single flat layer, NOT `floating`
+     * above. Originally Select's own listbox shadow (crisp/#867); also `Menu`'s
+     * (your-moon/crisp#934) -- the raw seed dump confirms Menu
+     * is the one component seed's own spec gives a shadow to at all, and it's
+     * this exact value. Despite the name, not exclusive to Select.
      */
     readonly selectFloating: `0 4px 16px var(--${string})`;
 };

package/dist/types/tokens/palette.d.ts

@@ -60,9 +60,17 @@ export declare const palette: {
         readonly dark: "rgba(0,0,0,0)";
     };
     readonly bgScrim: {
-        readonly light: "rgba(0,0,0,0.25)";
+        readonly light: "rgba(0,0,0,0.45)";
         readonly dark: "rgba(0,0,0,0.55)";
     };
+    readonly bgOverlayStrong: {
+        readonly light: "#00000074";
+        readonly dark: "#00000074";
+    };
+    readonly strokeGroupDivider: {
+        readonly light: "#00000010";
+        readonly dark: "#ffffff17";
+    };
     readonly fgAlertDescription: {
         readonly light: "rgba(0,0,0,0.63)";
         readonly dark: "rgba(255,255,255,0.6)";

package/dist/types/tokens/scale.d.ts

@@ -14,13 +14,14 @@ export declare const space: {
 };
 export declare const radius: {
     readonly xs: "4px";
-    readonly chip: "7px";
+    readonly chip: "999px";
     readonly sm: "6px";
     readonly md: "8px";
     readonly lg: "9px";
     readonly xl: "12px";
     readonly "2xl": "16px";
     readonly "3xl": "20px";
+    readonly "4xl": "24px";
     readonly full: "999px";
 };
 export declare const size: {
@@ -53,9 +54,18 @@ export declare const weight: {
     readonly semibold: "600";
     readonly bold: "700";
 };
+export declare const tracking: {
+    readonly "18": "-0.36px";
+    readonly "20": "-0.4px";
+    readonly "24": "-0.48px";
+    readonly "26": "-0.52px";
+    readonly "28": "-0.56px";
+    readonly "32": "-0.64px";
+};
 export type SpaceKey = keyof typeof space;
 export type RadiusKey = keyof typeof radius;
 export type SizeKey = keyof typeof size;
 export type FontKey = keyof typeof font;
 export type TextKey = keyof typeof text;
 export type WeightKey = keyof typeof weight;
+export type TrackingKey = keyof typeof tracking;

package/dist/types/tokens/semantic.d.ts

@@ -35,6 +35,8 @@ export declare const semantic: {
     bgTileActive: "tileActive";
     shadowTileActive: "tileActiveShadow";
     bgScrim: "bgScrim";
+    bgOverlayStrong: "bgOverlayStrong";
+    strokeGroupDivider: "strokeGroupDivider";
     fgAlertDescription: "fgAlertDescription";
     bgOverlayFrost: "overlayFrost";
     shadowOverlay1: "shadowOverlay1";

package/dist/wheelpicker.css

@@ -1,14 +1,16 @@
 .crisp-wheelpicker {
   position: relative; box-sizing: border-box; width: 100%; overflow: hidden; background: var(--crisp-bg-surface); font-family: var(--crisp-font-sans); /* the band the selected row sits in; behind the items, never hit-tested */
     & .crisp-wheelpicker-indicator { position: absolute; z-index: 0; inset-inline: var(--crisp-space-4); top: 50%; transform: translateY(-50%); border-radius: var(--crisp-radius-md); background: var(--crisp-bg-neutral-weak); pointer-events: none; }
-    /* fades the rows furthest from the centre, so the column reads as a wheel rather than a list. 40% of the viewport, capped, top and bottom. */
+    /* fades the rows furthest from the centre, so the column reads as a wheel
+       rather than a list. 40% of the viewport, capped, top and bottom. */
     & .crisp-wheelpicker-fog { position: relative; z-index: 1; height: 100%; overflow: hidden; mask-image: linear-gradient( to bottom, transparent 0, #000 var(--crisp-wheelpicker-fog), #000 calc(100% - var(--crisp-wheelpicker-fog)), transparent 100% ); }
     & .crisp-wheelpicker-columns { display: flex; width: 100%; height: 100%; justify-content: center; }
     & .crisp-wheelpicker-column { box-sizing: border-box; flex: 0 0 auto; width: max-content; height: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; overscroll-behavior-x: none; scroll-snap-type: y mandatory; touch-action: pan-y; scrollbar-width: none; -ms-overflow-style: none; outline: none; padding-block: var(--crisp-wheelpicker-offset); }
     & .crisp-wheelpicker-column::-webkit-scrollbar { display: none; }
     & .crisp-wheelpicker-item { display: flex; align-items: center; justify-content: center; scroll-snap-align: center; user-select: none; white-space: nowrap; padding-inline: var(--crisp-space-4); color: var(--crisp-fg-disabled); background: none; border: none; font: inherit; cursor: pointer; }
     & .crisp-wheelpicker-item[data-selected] { color: var(--crisp-fg-primary); }
-    /* the ring is drawn on the SELECTED row, and only for keyboard focus: a pointer user has just tapped the row they meant and does not need it */
+    /* the ring is drawn on the SELECTED row, and only for keyboard focus:
+       a pointer user has just tapped the row they meant and does not need it */
     & .crisp-wheelpicker-column:focus-visible .crisp-wheelpicker-item[data-selected] { outline: 2px solid var(--crisp-stroke-focus-ring); outline-offset: -2px; border-radius: var(--crisp-radius-md); }
 }
 .crisp-wheelpicker--size_small {

package/dist/wheelpicker.layered.css

@@ -2,14 +2,16 @@
 .crisp-wheelpicker {
   position: relative; box-sizing: border-box; width: 100%; overflow: hidden; background: var(--crisp-bg-surface); font-family: var(--crisp-font-sans); /* the band the selected row sits in; behind the items, never hit-tested */
     & .crisp-wheelpicker-indicator { position: absolute; z-index: 0; inset-inline: var(--crisp-space-4); top: 50%; transform: translateY(-50%); border-radius: var(--crisp-radius-md); background: var(--crisp-bg-neutral-weak); pointer-events: none; }
-    /* fades the rows furthest from the centre, so the column reads as a wheel rather than a list. 40% of the viewport, capped, top and bottom. */
+    /* fades the rows furthest from the centre, so the column reads as a wheel
+       rather than a list. 40% of the viewport, capped, top and bottom. */
     & .crisp-wheelpicker-fog { position: relative; z-index: 1; height: 100%; overflow: hidden; mask-image: linear-gradient( to bottom, transparent 0, #000 var(--crisp-wheelpicker-fog), #000 calc(100% - var(--crisp-wheelpicker-fog)), transparent 100% ); }
     & .crisp-wheelpicker-columns { display: flex; width: 100%; height: 100%; justify-content: center; }
     & .crisp-wheelpicker-column { box-sizing: border-box; flex: 0 0 auto; width: max-content; height: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; overscroll-behavior-x: none; scroll-snap-type: y mandatory; touch-action: pan-y; scrollbar-width: none; -ms-overflow-style: none; outline: none; padding-block: var(--crisp-wheelpicker-offset); }
     & .crisp-wheelpicker-column::-webkit-scrollbar { display: none; }
     & .crisp-wheelpicker-item { display: flex; align-items: center; justify-content: center; scroll-snap-align: center; user-select: none; white-space: nowrap; padding-inline: var(--crisp-space-4); color: var(--crisp-fg-disabled); background: none; border: none; font: inherit; cursor: pointer; }
     & .crisp-wheelpicker-item[data-selected] { color: var(--crisp-fg-primary); }
-    /* the ring is drawn on the SELECTED row, and only for keyboard focus: a pointer user has just tapped the row they meant and does not need it */
+    /* the ring is drawn on the SELECTED row, and only for keyboard focus:
+       a pointer user has just tapped the row they meant and does not need it */
     & .crisp-wheelpicker-column:focus-visible .crisp-wheelpicker-item[data-selected] { outline: 2px solid var(--crisp-stroke-focus-ring); outline-offset: -2px; border-radius: var(--crisp-radius-md); }
 }
 .crisp-wheelpicker--size_small {