@crisp-ui-kit/crisp 0.56.0 → 0.57.1

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

@@ -39,13 +39,19 @@ export type MenuItemProps = {
     children: React.ReactNode;
     icon?: React.ReactNode;
     shortcut?: string;
+    /**
+     * A trailing count badge (crisp#875) — e.g. a saved-filter item showing
+     * how many rows match. Same measured neutral chip `ToolbarTool`'s own
+     * `count` prop uses, not bare text.
+     */
+    count?: React.ReactNode;
     danger?: boolean;
     disabled?: boolean;
     onSelect?: () => void;
     /** Keep the menu open after selecting (default closes). */
     closeOnSelect?: boolean;
 };
-export declare function MenuItem({ children, icon, shortcut, danger, disabled, onSelect, closeOnSelect, }: MenuItemProps): React.JSX.Element;
+export declare function MenuItem({ children, icon, shortcut, count, danger, disabled, onSelect, closeOnSelect, }: MenuItemProps): React.JSX.Element;
 export declare namespace MenuItem {
     var displayName: string;
 }

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

@@ -45,18 +45,37 @@ export type MultiSelectProps = Omit<React.ComponentPropsWithoutRef<"div">, "valu
     /** Shown when the search matches nothing. */
     emptyLabel?: string;
     disabled?: boolean;
-    /** Red ring + `aria-invalid`, matching `Input`'s and `Select`'s. */
+    /**
+     * Answered and locked, not editable — unlike `disabled`, the trigger stays
+     * focusable (crisp/#882, matching `Select`'s `readOnly`).
+     */
+    readOnly?: boolean;
+    /** 2px red border + `aria-invalid`, matching `Input`'s and `Select`'s. */
     invalid?: boolean;
+    /**
+     * `small` (default, crisp/#889) is Attio's own 32px trigger floor — lines
+     * up with `Input`'s own size. `medium`/`large` are seed-design's own
+     * 40px/52px floors (crisp/#882), opt-in. Purely visual.
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * `ghost` fills whatever row it's embedded in instead of the fixed
+     * trigger height — for inline table cell editors (crisp/#882, matching
+     * `Select`'s `variant`).
+     */
+    variant?: "default" | "ghost";
     className?: string;
     "aria-label"?: string;
 };
 /**
- * A multi-select / tag editor — measured from a cell tag picker. The
- * outlined trigger shows the selected values as coloured chips; it opens a
- * popover with a search field over rows of "[chip] … [checkbox]" that toggle on
- * click (the menu stays open). Keyboard: ↑/↓ move, Enter toggles, Esc closes.
+ * A multi-select / tag editor, its trigger/listbox/item chrome built to the
+ * same seed-design parity as `Select` (crisp/#882, following #867/#879) —
+ * its own chip/checkbox picker behaviour is unchanged. The outlined trigger
+ * shows the selected values as coloured chips; it opens a popover with a
+ * search field over rows of "[chip] … [checkbox]" that toggle on click (the
+ * menu stays open). Keyboard: ↑/↓ move, Enter/Space toggle, Esc closes.
  */
-export declare function MultiSelect({ options, value: valueProp, defaultValue, onValueChange, name, required, id, placeholder: placeholderProp, searchable, searchPlaceholder: searchPlaceholderProp, emptyLabel: emptyLabelProp, disabled, invalid, className, "aria-label": ariaLabel, ...rest }: MultiSelectProps): React.JSX.Element;
+export declare function MultiSelect({ options, value: valueProp, defaultValue, onValueChange, name, required, id, placeholder: placeholderProp, searchable, searchPlaceholder: searchPlaceholderProp, emptyLabel: emptyLabelProp, disabled, readOnly, invalid, size, variant, className, "aria-label": ariaLabel, ...rest }: MultiSelectProps): React.JSX.Element;
 export declare namespace MultiSelect {
     var displayName: string;
 }

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

@@ -1,20 +1,47 @@
 declare const config: import("../..").RecipeConfig<{
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
     invalid: {
         true: string;
         false: string;
     };
+    variant: {
+        default: string;
+        ghost: string;
+    };
 }>;
 export declare const multiselectRecipe: import("../..").RecipeFn<{
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
     invalid: {
         true: string;
         false: string;
     };
+    variant: {
+        default: string;
+        ghost: string;
+    };
 }> & {
     config: import("../..").RecipeConfig<{
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
         invalid: {
             true: string;
             false: string;
         };
+        variant: {
+            default: string;
+            ghost: string;
+        };
     }>;
 };
 export default config;

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

@@ -5,15 +5,27 @@ export type ProgressProps = React.ComponentPropsWithoutRef<"div"> & {
     max?: number;
     /** Render as N discrete segments (a step bar) instead of a continuous fill. */
     segments?: number;
+    /**
+     * `"linear"` (default) or `"circular"` — a small ring, measured live on
+     * Attio's own Settings > Profile character-counter (crisp#634).
+     */
+    variant?: "linear" | "circular";
+    /**
+     * Circular only: outer diameter in px. Default 18 is Attio's own measured
+     * size; `strokeWidth` scales proportionally at other sizes (18px's own
+     * 1.6px ratio) since only the one size was ever measured.
+     */
+    size?: number;
     "aria-label"?: string;
     className?: string;
 };
 /**
- * A progress bar — a continuous brand fill, or a segmented row of pills when
- * `segments` is set (the "Getting started 3/6" pattern). Reports its state via
- * `role="progressbar"` and the ARIA value attributes.
+ * A progress bar — a continuous brand fill, a segmented row of pills when
+ * `segments` is set (the "Getting started 3/6" pattern), or a small ring
+ * (`variant="circular"`, a character-counter's own progress). Reports its
+ * state via `role="progressbar"` and the ARIA value attributes.
  */
-export declare function Progress({ value, max, segments, "aria-label": ariaLabel, className, ...rest }: ProgressProps): import("react").JSX.Element;
+export declare function Progress({ value, max, segments, variant, size, "aria-label": ariaLabel, className, ...rest }: ProgressProps): import("react").JSX.Element;
 export declare namespace Progress {
     var displayName: string;
 }

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

@@ -42,6 +42,28 @@ declare const spec: {
         readonly decls: {
             background: `var(--${string})`;
         };
+    }, {
+        readonly selector: "&[data-variant=\"circular\"]";
+        readonly decls: {
+            readonly display: "inline-flex";
+            readonly height: "auto";
+            readonly borderRadius: "0";
+            readonly background: "transparent";
+            readonly overflow: "visible";
+        };
+    }, {
+        readonly slot: "circleTrack";
+        readonly selector: "& .crisp-progress-circle-track";
+        readonly decls: {
+            readonly stroke: `color-mix(in srgb, var(--${string}) 14%, transparent)`;
+        };
+    }, {
+        readonly slot: "circleFill";
+        readonly selector: "& .crisp-progress-circle-fill";
+        readonly decls: {
+            readonly stroke: `var(--${string})`;
+            readonly transition: "stroke-dashoffset 0.25s ease";
+        };
     }];
 };
 declare const config: import("../..").RecipeConfig<Record<string, Record<string, string>>>;

package/dist/types/components/select/listbox-keyboard.d.ts

@@ -19,6 +19,15 @@ export type UseListboxKeyboardOptions = {
      * lands the user in the wrong place. Defaults to `close`.
      */
     dismiss?: () => void;
+    /**
+     * Space also commits the highlighted option, matching seed-design's
+     * Select (crisp/#867: Enter AND Space both commit) and native `<select>`.
+     * Defaults `false` because this same hook wires a `searchable` popup's own
+     * text input — there, Space must stay a normal character, never a commit.
+     * Pass `true` only when the element this hook is bound to is NOT a text
+     * field (the trigger itself, when not `searchable`).
+     */
+    commitOnSpace?: boolean;
 };
 /**
  * The WAI-ARIA listbox keyboard model for a POPUP listbox: ↑/↓ to move the
@@ -33,6 +42,6 @@ export type UseListboxKeyboardOptions = {
  * NOT for `WheelPicker`: that is an always-visible multi-column wheel that
  * commits on move, so Enter, Escape and Tab have no meaning in it.
  */
-export declare function useListboxKeyboard({ enabledIndexes, highlight, setHighlight, commit, close, dismiss, }: UseListboxKeyboardOptions): {
+export declare function useListboxKeyboard({ enabledIndexes, highlight, setHighlight, commit, close, dismiss, commitOnSpace, }: UseListboxKeyboardOptions): {
     onKeyDown: (e: React.KeyboardEvent) => void;
 };

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

@@ -20,6 +20,12 @@ export type SelectOption = {
      * with no `group` render exactly as before this existed.
      */
     group?: string;
+    /**
+     * A second line under `label` (crisp/#867, seed-design's `SelectItem`
+     * label + description). Omit for the plain single-line row every existing
+     * consumer already renders.
+     */
+    description?: React.ReactNode;
 };
 export type SelectProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" | "defaultValue" | "onChange"> & {
     options: SelectOption[];
@@ -49,6 +55,20 @@ export type SelectProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" |
     variant?: "default" | "ghost";
     /** `full` (default) fills its container; `auto` sizes to content. */
     width?: "full" | "auto";
+    /**
+     * `small` (default, crisp/#889) is Attio's own 32px trigger height — lines
+     * up with `Input`'s own size, since the two sit side by side in every
+     * form. `medium`/`large` are seed-design's own 40px/52px (crisp/#867),
+     * opt-in where the surrounding layout calls for a bigger control. Purely
+     * visual — the listbox/item chrome is identical across all three.
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Answered and locked, not editable — unlike `disabled`, the trigger stays
+     * focusable and its text stays full-strength ink (crisp/#867, seed-design's
+     * `readonly` state: the fill greys like `disabled`, the text doesn't).
+     */
+    readOnly?: boolean;
     /** Show a search field at the top of the list that filters options (Linear/cmdk style). */
     searchable?: boolean;
     searchPlaceholder?: string;
@@ -68,13 +88,16 @@ export type SelectProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" |
     id?: string;
 };
 /**
- * A select / dropdown — the settings control, measured live, with an
- * optional Linear-style search. A `role="combobox"` trigger opens a
- * `role="listbox"`; pass `searchable` to add a filter field at the top (with a
- * "No results" empty state). Full keyboard model — ↑/↓ move, Enter/Space pick,
- * Esc close, Home/End jump, opens upward when tight. Controlled or uncontrolled.
+ * A select / dropdown, built to seed-design's Select (crisp/#867) rather than
+ * measured from Attio — a deliberate one-component exception, the same way
+ * `DatePicker` follows seed's calendar structure — with an optional
+ * Linear-style search seed itself has no equivalent of. A `role="combobox"`
+ * trigger opens a `role="listbox"`; pass `searchable` to add a filter field
+ * at the top (with a "No results" empty state). Full keyboard model — ↑/↓
+ * move, Enter/Space pick, Esc close, Home/End jump, opens upward when tight.
+ * Controlled or uncontrolled.
  */
-export declare function Select({ options, value, defaultValue, onValueChange, name, required, placeholder: placeholderProp, variant, width, searchable, searchPlaceholder: searchPlaceholderProp, onSearchChange, emptyLabel: emptyLabelProp, disabled, invalid, className, "aria-label": ariaLabel, id, ...rest }: SelectProps): React.JSX.Element;
+export declare function Select({ options, value, defaultValue, onValueChange, name, required, placeholder: placeholderProp, variant, width, size, searchable, searchPlaceholder: searchPlaceholderProp, onSearchChange, emptyLabel: emptyLabelProp, disabled, readOnly, invalid, className, "aria-label": ariaLabel, id, ...rest }: SelectProps): React.JSX.Element;
 export declare namespace Select {
     var displayName: string;
 }

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

@@ -1,44 +1,59 @@
 declare const config: import("../..").RecipeConfig<{
-    variant: {
-        default: string;
-        ghost: string;
-    };
     width: {
         full: string;
         auto: string;
     };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
     invalid: {
         true: string;
         false: string;
     };
-}>;
-export declare const selectRecipe: import("../..").RecipeFn<{
     variant: {
         default: string;
         ghost: string;
     };
+}>;
+export declare const selectRecipe: import("../..").RecipeFn<{
     width: {
         full: string;
         auto: string;
     };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
     invalid: {
         true: string;
         false: string;
     };
+    variant: {
+        default: string;
+        ghost: string;
+    };
 }> & {
     config: import("../..").RecipeConfig<{
-        variant: {
-            default: string;
-            ghost: string;
-        };
         width: {
             full: string;
             auto: string;
         };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
         invalid: {
             true: string;
             false: string;
         };
+        variant: {
+            default: string;
+            ghost: string;
+        };
     }>;
 };
 export default config;

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

@@ -320,6 +320,13 @@ export type ToolbarToolProps = React.ComponentPropsWithoutRef<"button"> & {
     /** The quieter, no-ring variant Sort/Filter never use themselves, for a
      * chip whose "on" state should read as less committed than a real filter. */
     ghost?: boolean;
+    /**
+     * A trailing count badge (crisp#875) — a screen's own quick filter
+     * showing how many rows match, e.g. "My tasks 5". Measured live on two
+     * independent Attio surfaces (the Sort tool's own "+N" overflow, a Kanban
+     * board's stage-column count): a small neutral chip, not bare text.
+     */
+    count?: React.ReactNode;
 };
 /**
  * The Sort/Filter chip's own chrome (`.crisp-tabletoolbar-tool`), standalone
@@ -337,5 +344,12 @@ export declare const ToolbarTool: React.ForwardRefExoticComponent<Omit<React.Det
     /** The quieter, no-ring variant Sort/Filter never use themselves, for a
      * chip whose "on" state should read as less committed than a real filter. */
     ghost?: boolean;
+    /**
+     * A trailing count badge (crisp#875) — a screen's own quick filter
+     * showing how many rows match, e.g. "My tasks 5". Measured live on two
+     * independent Attio surfaces (the Sort tool's own "+N" overflow, a Kanban
+     * board's stage-column count): a small neutral chip, not bare text.
+     */
+    count?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -20,6 +20,14 @@ export type TabsProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" | "d
     leading?: React.ReactNode;
     /** Rendered for the active tab. Receives the active value. */
     children?: (value: string) => React.ReactNode;
+    /**
+     * The "+N more" overflow trigger's own label (crisp#863, confirmed live:
+     * Attio's own copy is exactly "+N more", a chevron after it). Receives
+     * the hidden-tab count. Defaults to that measured copy.
+     */
+    moreLabel?: (count: number) => React.ReactNode;
+    /** aria-label on the overflow trigger/menu (default "More tabs"). */
+    moreMenuLabel?: string;
     className?: string;
     "aria-label"?: string;
 };
@@ -29,7 +37,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, className, fill, "aria-label": ariaLabel, ...rest }: TabsProps): React.JSX.Element;
+export declare function Tabs({ tabs, value, defaultValue, onValueChange, leading, children, moreLabel, moreMenuLabel, className, fill, "aria-label": ariaLabel, ...rest }: TabsProps): React.JSX.Element;
 export declare namespace Tabs {
     var displayName: string;
 }

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

@@ -2,6 +2,14 @@ import * as React from "react";
 export type TextareaProps = React.ComponentPropsWithoutRef<"textarea"> & {
     /** Show a "N / maxLength" counter bottom-right (also caps input at maxLength). */
     showCount?: boolean;
+    /**
+     * Pair the counter with a small circular progress ring (crisp#634),
+     * measured live on Attio's own Settings > Profile "Personal context"
+     * field. Only meaningful alongside `showCount`+`maxLength` — not every
+     * counted textarea in Attio has one, so this is opt-in rather than tied
+     * to `showCount` itself.
+     */
+    showProgress?: boolean;
     /** Extra class on the wrapper. */
     wrapperClassName?: string;
 };
@@ -13,6 +21,14 @@ export type TextareaProps = React.ComponentPropsWithoutRef<"textarea"> & {
 export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
     /** Show a "N / maxLength" counter bottom-right (also caps input at maxLength). */
     showCount?: boolean;
+    /**
+     * Pair the counter with a small circular progress ring (crisp#634),
+     * measured live on Attio's own Settings > Profile "Personal context"
+     * field. Only meaningful alongside `showCount`+`maxLength` — not every
+     * counted textarea in Attio has one, so this is opt-in rather than tied
+     * to `showCount` itself.
+     */
+    showProgress?: boolean;
     /** Extra class on the wrapper. */
     wrapperClassName?: string;
 } & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -4,6 +4,13 @@ export type TextLinkProps = React.ComponentPropsWithoutRef<"a"> & {
      *  `"muted"` (default) — quiet until hover, then brand-coloured (an
      *  in-context reference link, e.g. a sample record under a finding). */
     tone?: "brand" | "muted";
+    /**
+     * Overrides the tone's own font-size only (colour/weight/hover stay
+     * whatever `tone` gives). Omit it and each tone keeps its existing size
+     * unchanged — `brand`'s 12px, `muted`'s 13px. `"lg"` (14px) matches a
+     * `DataTable` primary-column's own ambient size (crisp#874).
+     */
+    size?: "sm" | "md" | "lg";
     className?: string;
 };
 /**
@@ -13,7 +20,7 @@ export type TextLinkProps = React.ComponentPropsWithoutRef<"a"> & {
  * `event.preventDefault()` pairs it with client-side routing (e.g.
  * react-router's own `Link`).
  */
-export declare function TextLink({ tone, className, ...rest }: TextLinkProps): React.JSX.Element;
+export declare function TextLink({ tone, size, className, ...rest }: TextLinkProps): React.JSX.Element;
 export declare namespace TextLink {
     var displayName: string;
 }

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

@@ -3,11 +3,21 @@ declare const config: import("../..").RecipeConfig<{
         brand: string;
         muted: string;
     };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }>;
 export declare const textlinkRecipe: import("../..").RecipeFn<{
     tone: {
         brand: string;
         muted: string;
     };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }>;
 export default config;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/accentpicker";
 export * from "./components/accordion";
 export * from "./components/avatar";
 export * from "./components/avatargroup";

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

@@ -1,5 +1,6 @@
 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";
 export type RecordPageNote = {
     id: string;
@@ -57,6 +58,17 @@ export type RecordPageHighlight = {
     value: React.ReactNode | null;
     empty?: React.ReactNode;
 };
+/**
+ * One icon button in the quick-action row (#865) — "New note"/"Run
+ * workflow"/"New task" in the built-in CRM set. `label` doubles as the
+ * button's `aria-label`, since these render icon-only (measured live: no
+ * visible text next to any of the three, only a native-title tooltip).
+ */
+export type RecordPageQuickAction = {
+    label: string;
+    icon: LucideIcon;
+    onSelect?: () => void;
+};
 export type RecordPageProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
     record: Row;
     columns: Column[];
@@ -90,6 +102,18 @@ export type RecordPageProps = Omit<React.ComponentPropsWithoutRef<"div">, "child
     tabs?: RecordPageTab[];
     /** Active tab id on first render, when `tabs` is supplied. Defaults to the first tab. Ignored for the built-in tab set (Overview is always first there). */
     defaultTab?: string;
+    /**
+     * Replaces the quick-action row's icon buttons (New note / Run workflow /
+     * New task) — the same "caller's own list, not a merge" choice `tabs`
+     * (#379) and `highlights` (#528) already make. Confirmed live this set
+     * varies by object type (#865): a Person record carries a 4th,
+     * unidentified icon that Company and Deal records don't, so a consumer
+     * targeting a non-CRM object supplies its own icons rather than crisp
+     * guessing at a superset. The row's two text buttons ("Compose email",
+     * "Add to list") aren't part of this override — discovery found no
+     * variance there, only in the icon set. Omit to keep the built-in three.
+     */
+    quickActions?: RecordPageQuickAction[];
     /**
      * Controlled Notes: when supplied (even as `[]`), RecordPage renders
      * this list instead of managing its own, and the composer calls
@@ -120,6 +144,29 @@ export type RecordPageProps = Omit<React.ComponentPropsWithoutRef<"div">, "child
      * the built-in CRM set.
      */
     highlights?: RecordPageHighlight[] | false;
+    /**
+     * Wires the header's Comments entry point (#864) to crisp's own,
+     * already-closed `product/comments` panel (#625) — the gap #864 found
+     * wasn't the comments feature itself, only that `RecordPage` never
+     * opened it. Controlled the same way `notes`/`tasks` are: supply this
+     * (even `[]`) and `onPostComment` to own the data yourself; omit both to
+     * let `RecordPage` keep a small self-contained thread list, same as its
+     * default Notes/Tasks behaviour.
+     */
+    comments?: CommentThread[];
+    onPostComment?: (text: string, threadId: string | null) => void;
+    /**
+     * Attributes a self-managed comment's `author` (id/name/avatar) — has no
+     * effect when `comments` is controlled, since then every thread's author
+     * is already the caller's own data. Defaults to a synthetic "You", same
+     * as Notes/Tasks already show for a comment-less consumer.
+     */
+    currentUser?: CommentAuthor;
+    /** Called when the header's Share button is clicked. Renders regardless
+     *  (matching Compose email/Add to list's own no-op-until-wired
+     *  convention) — Attio's own Share opens a dialog crisp has no measured
+     *  content for; only the entry point is in scope here (#864). */
+    onShare?: () => void;
 };
 /**
  * Every chrome string RecordPage renders. Supplied as a PARTIAL map, so
@@ -138,16 +185,29 @@ export type RecordPageLabels = {
     addToFavourites: string;
     removeFromFavourites: string;
     copyRecordLink: string;
+    /** "…" record actions menu (#621): configure the record page's layout. */
+    configurePage: string;
+    /** "…" record actions menu (#621): copy this page's own URL. */
+    copyPageUrl: string;
+    /** "…" record actions menu (#621): copy the record's raw id. */
+    copyRecordId: string;
+    /** "…" record actions menu (#621): merge this record into another. */
+    mergeRecords: string;
     deleteRecord: string;
     linkRecords: string;
     logANote: string;
     createATask: string;
+    runWorkflow: string;
     fullScreen: string;
     exitFullScreen: string;
     resizeDetails: string;
     composeEmail: string;
     askAttio: string;
     addToList: string;
+    /** The header's text-only Share button (#864, measured: no icon). */
+    share: string;
+    /** aria-label on the header's Comments icon button (#864). */
+    comments: string;
     /** Empty state under the Lists panel. */
     noLists: string;
     highlights: string;
@@ -244,7 +304,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, ...rest }: RecordPageProps): React.JSX.Element;
+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 namespace RecordPage {
     var displayName: string;
 }

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

@@ -3,6 +3,8 @@ export type Theme = "light" | "dark";
 export declare const contract: MapLeafNodes<{
     bgBrandSolid: "brand600";
     bgBrandSolidPressed: "brand700";
+    bgBrandContrast: "brandContrast";
+    fgBrandContrast: "brandContrast";
     fgOnBrand: "white";
     fgOnTone: "ink";
     bgSurface: "gray00";
@@ -43,6 +45,7 @@ export declare const contract: MapLeafNodes<{
     strokeFocusRing: "focusRing";
     bgSuccess: "green600";
     bgWarning: "amber600";
+    bgWarningSolid: "amberSolid";
     bgOrange: "orange600";
     bgCyan: "cyan600";
     bgPurple: "purple600";
@@ -56,10 +59,20 @@ export declare const contract: MapLeafNodes<{
     bgPurpleSoft: "purpleTint";
     fgPurpleSoft: "softPurpleText";
     ringPurpleSoft: "purpleRing";
+    ringBrandSoft: "ringBrandSoft";
+    fgSelectNeutral: "fieldFocus";
+    bgSelectListbox: "selectListboxBg";
+    strokeSelectTrigger: "selectTriggerStroke";
+    bgSelectPressed: "selectPressedTint";
+    bgSelectDisabled: "selectDisabledBg";
+    strokeSelectInvalid: "selectInvalidStroke";
+    strokeSelectDivider: "selectDivider";
+    fgSelectPlaceholder: "selectPlaceholder";
+    shadowSelect: "selectShadow";
 }, `var(--${string})`> & {
-    space: Record<"0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "4" | "5" | "6" | "8" | "px", `var(--${string})`>;
-    radius: Record<"2xl" | "chip" | "full" | "lg" | "md" | "sm" | "xl", `var(--${string})`>;
-    size: Record<"calendarCell" | "calendarPill" | "chip" | "header" | "icon" | "menuRow" | "row" | "tableHeader" | "tableRow", `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})`>;
+    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})`>;

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

@@ -55,5 +55,12 @@ export declare const elevation: {
      * nobody measured for them.
      */
     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.
+     */
+    readonly selectFloating: `0 4px 16px var(--${string})`;
 };
 export type ElevationKey = keyof typeof elevation;