@crisp-ui-kit/crisp 0.57.3 → 0.57.4

package/dist/tokens.css

@@ -97,6 +97,19 @@
   --crisp-stroke-select-divider: #00000010;
   --crisp-fg-select-placeholder: #b0b3ba;
   --crisp-shadow-select: #0000001f;
+  --crisp-bg-tag-swatch1: #fff3cc;
+  --crisp-bg-tag-swatch2: #f4fbcb;
+  --crisp-bg-tag-swatch3: #fdf7c4;
+  --crisp-bg-tag-swatch4: #feecf3;
+  --crisp-bg-tag-swatch5: #e0fced;
+  --crisp-bg-tag-swatch6: #ddf7ff;
+  --crisp-bg-tag-swatch7: #f6f7f7;
+  --crisp-bg-tag-swatch8: #ffebeb;
+  --crisp-bg-tag-swatch9: #feeee1;
+  --crisp-bg-tag-swatch10: #e5eeff;
+  --crisp-bg-tag-swatch11: #f5f0ff;
+  --crisp-bg-tag-swatch12: #fdedff;
+  --crisp-fg-tag-swatch: #000000;
 }
 
 [data-theme="dark"] {
@@ -170,6 +183,19 @@
   --crisp-stroke-select-divider: #ffffff17;
   --crisp-fg-select-placeholder: #868b94;
   --crisp-shadow-select: #000000cc;
+  --crisp-bg-tag-swatch1: #fff3cc;
+  --crisp-bg-tag-swatch2: #f4fbcb;
+  --crisp-bg-tag-swatch3: #fdf7c4;
+  --crisp-bg-tag-swatch4: #feecf3;
+  --crisp-bg-tag-swatch5: #e0fced;
+  --crisp-bg-tag-swatch6: #ddf7ff;
+  --crisp-bg-tag-swatch7: #f6f7f7;
+  --crisp-bg-tag-swatch8: #ffebeb;
+  --crisp-bg-tag-swatch9: #feeee1;
+  --crisp-bg-tag-swatch10: #e5eeff;
+  --crisp-bg-tag-swatch11: #f5f0ff;
+  --crisp-bg-tag-swatch12: #fdedff;
+  --crisp-fg-tag-swatch: #000000;
 }
 
 :root {

package/dist/tokens.json

@@ -70,7 +70,20 @@
       "strokeSelectInvalid": "#fa342c",
       "strokeSelectDivider": "#00000010",
       "fgSelectPlaceholder": "#b0b3ba",
-      "shadowSelect": "#0000001f"
+      "shadowSelect": "#0000001f",
+      "bgTagSwatch1": "#fff3cc",
+      "bgTagSwatch2": "#f4fbcb",
+      "bgTagSwatch3": "#fdf7c4",
+      "bgTagSwatch4": "#feecf3",
+      "bgTagSwatch5": "#e0fced",
+      "bgTagSwatch6": "#ddf7ff",
+      "bgTagSwatch7": "#f6f7f7",
+      "bgTagSwatch8": "#ffebeb",
+      "bgTagSwatch9": "#feeee1",
+      "bgTagSwatch10": "#e5eeff",
+      "bgTagSwatch11": "#f5f0ff",
+      "bgTagSwatch12": "#fdedff",
+      "fgTagSwatch": "#000000"
     },
     "dark": {
       "bgBrandSolid": "#0298d9",
@@ -142,7 +155,20 @@
       "strokeSelectInvalid": "#ff6e60",
       "strokeSelectDivider": "#ffffff17",
       "fgSelectPlaceholder": "#868b94",
-      "shadowSelect": "#000000cc"
+      "shadowSelect": "#000000cc",
+      "bgTagSwatch1": "#fff3cc",
+      "bgTagSwatch2": "#f4fbcb",
+      "bgTagSwatch3": "#fdf7c4",
+      "bgTagSwatch4": "#feecf3",
+      "bgTagSwatch5": "#e0fced",
+      "bgTagSwatch6": "#ddf7ff",
+      "bgTagSwatch7": "#f6f7f7",
+      "bgTagSwatch8": "#ffebeb",
+      "bgTagSwatch9": "#feeee1",
+      "bgTagSwatch10": "#e5eeff",
+      "bgTagSwatch11": "#f5f0ff",
+      "bgTagSwatch12": "#fdedff",
+      "fgTagSwatch": "#000000"
     }
   },
   "palette": {
@@ -212,7 +238,20 @@
       "selectInvalidStroke": "#fa342c",
       "selectDivider": "#00000010",
       "selectPlaceholder": "#b0b3ba",
-      "selectShadow": "#0000001f"
+      "selectShadow": "#0000001f",
+      "tagSwatch1": "#fff3cc",
+      "tagSwatch2": "#f4fbcb",
+      "tagSwatch3": "#fdf7c4",
+      "tagSwatch4": "#feecf3",
+      "tagSwatch5": "#e0fced",
+      "tagSwatch6": "#ddf7ff",
+      "tagSwatch7": "#f6f7f7",
+      "tagSwatch8": "#ffebeb",
+      "tagSwatch9": "#feeee1",
+      "tagSwatch10": "#e5eeff",
+      "tagSwatch11": "#f5f0ff",
+      "tagSwatch12": "#fdedff",
+      "tagSwatchInk": "#000000"
     },
     "dark": {
       "gray00": "#0a0a0a",
@@ -280,7 +319,20 @@
       "selectInvalidStroke": "#ff6e60",
       "selectDivider": "#ffffff17",
       "selectPlaceholder": "#868b94",
-      "selectShadow": "#000000cc"
+      "selectShadow": "#000000cc",
+      "tagSwatch1": "#fff3cc",
+      "tagSwatch2": "#f4fbcb",
+      "tagSwatch3": "#fdf7c4",
+      "tagSwatch4": "#feecf3",
+      "tagSwatch5": "#e0fced",
+      "tagSwatch6": "#ddf7ff",
+      "tagSwatch7": "#f6f7f7",
+      "tagSwatch8": "#ffebeb",
+      "tagSwatch9": "#feeee1",
+      "tagSwatch10": "#e5eeff",
+      "tagSwatch11": "#f5f0ff",
+      "tagSwatch12": "#fdedff",
+      "tagSwatchInk": "#000000"
     }
   },
   "space": {

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

@@ -102,9 +102,8 @@ declare const spec: {
             readonly xs: {
                 readonly height: "20px";
                 readonly paddingInline: `var(--${string})`;
-                readonly fontSize: "10px";
-                readonly fontWeight: `var(--${string})`;
-                readonly lineHeight: "15px";
+                readonly fontSize: `var(--${string})`;
+                readonly lineHeight: "16px";
                 readonly letterSpacing: "normal";
                 readonly borderRadius: `var(--${string})`;
                 readonly gap: `var(--${string})`;

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

@@ -87,6 +87,14 @@ export type DataTableColumn<T> = {
     resizable?: boolean;
     /** Tone overrides for `status`/`tags` values (else a stable colour per value). */
     tones?: Record<string, string>;
+    /**
+     * One of Attio's 12 fixed tag/option colours (your-moon/crisp#998), 1-12,
+     * per `status`/`tags` value -- renders that value's chip as a filled
+     * pill from Attio's own enumerable palette (measured: flat black text,
+     * no ring) instead of `tones`'/`toneFor`'s semantic 7-tone family. Wins
+     * over `tones` for a value present in both.
+     */
+    swatches?: Record<string, 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
     /** `type: "date"`/`"datetime"` only: render this cell in Attio's own
      * measured overdue/danger red (`fgDanger`, `#eb3b3b` — the same token
      * `TasksTable`'s own overdue due-date already uses, crisp#462) when the

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

@@ -4,8 +4,19 @@ export type MenuProps = {
     trigger: React.ReactElement;
     children: React.ReactNode;
     /** Align the menu to the trigger's inline `start` or `end` edge — the left
-     *  edge in an LTR document, the right one in RTL. */
+     *  edge in an LTR document, the right one in RTL. Ignored when
+     *  `placement="submenu"`, which decides its own side (see there). */
     align?: "start" | "end";
+    /**
+     * `"menu"` (default): a dropdown below/above the trigger, `placeFloating`'s
+     * own placement. `"submenu"` (crisp#616): a cascade BESIDE the trigger —
+     * give it a `MenuItem` (with a `trailingIcon` chevron) as `trigger`, nested
+     * inside an outer `Menu`'s children, the way Attio's own "Notifications ›"
+     * row opens "Connect Slack workspace". Reuses the same outside-click/Escape
+     * machinery below (registered as its own floating layer), so it composes
+     * with the outer Menu for free.
+     */
+    placement?: "menu" | "submenu";
     /** Controlled open state. Omit to let Menu manage it (see defaultOpen). */
     open?: boolean;
     /** Initially open, when uncontrolled. */
@@ -31,11 +42,11 @@ export type MenuProps = {
  * typeahead, Enter/Space select, Esc closes and returns focus to the trigger);
  * closes on outside click. Flips up / right-aligns when space is tight.
  */
-export declare function Menu({ trigger, children, align, open: openProp, defaultOpen, onOpenChange, className, contentClassName, "aria-label": ariaLabel, }: MenuProps): React.JSX.Element;
+export declare function Menu({ trigger, children, align, placement, open: openProp, defaultOpen, onOpenChange, className, contentClassName, "aria-label": ariaLabel, }: MenuProps): React.JSX.Element;
 export declare namespace Menu {
     var displayName: string;
 }
-export type MenuItemProps = {
+export type MenuItemProps = Omit<React.ComponentPropsWithoutRef<"button">, "children" | "disabled" | "onSelect"> & {
     children: React.ReactNode;
     icon?: React.ReactNode;
     shortcut?: string;
@@ -45,16 +56,48 @@ export type MenuItemProps = {
      * `count` prop uses, not bare text.
      */
     count?: React.ReactNode;
+    /**
+     * A trailing indicator after everything else — a submenu chevron
+     * (crisp#616: give this item a nested `<Menu placement="submenu">` as its
+     * `trigger`, with a `ChevronRight` here). Plain content, not a second
+     * `icon` slot — nothing else currently needs two.
+     */
+    trailingIcon?: 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, count, danger, disabled, onSelect, closeOnSelect, }: MenuItemProps): React.JSX.Element;
-export declare namespace MenuItem {
-    var displayName: string;
-}
+/**
+ * A row inside a `Menu`. Forwards its ref and spreads unrecognised button
+ * props (crisp#616) so it can double as another `Menu`'s own `trigger` —
+ * `Menu` clones its trigger with `ref`/`onClick`/`aria-*`, which a plain
+ * function component would silently drop.
+ */
+export declare const MenuItem: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "onSelect"> & {
+    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;
+    /**
+     * A trailing indicator after everything else — a submenu chevron
+     * (crisp#616: give this item a nested `<Menu placement="submenu">` as its
+     * `trigger`, with a `ChevronRight` here). Plain content, not a second
+     * `icon` slot — nothing else currently needs two.
+     */
+    trailingIcon?: React.ReactNode;
+    danger?: boolean;
+    disabled?: boolean;
+    onSelect?: () => void;
+    /** Keep the menu open after selecting (default closes). */
+    closeOnSelect?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 export type MenuCheckboxItemProps = {
     children: React.ReactNode;
     checked?: boolean;

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

@@ -4,6 +4,15 @@ export type MultiSelectOption = {
     label: string;
     /** Chip colour tone; falls back to a deterministic pastel per value. */
     tone?: string;
+    /**
+     * One of Attio's 12 fixed tag/option colours (your-moon/crisp#998), 1-12
+     * -- measured off Attio's own multi-select field option pills (flat
+     * black text, no ring, 7px radius). Wins over `tone` when both are set:
+     * `tone` is crisp's own semantic 7-tone chip family (with a ring), this
+     * is Attio's separate, workspace-admin-assigned enumerable palette,
+     * reproduced verbatim rather than mapped onto the existing tones.
+     */
+    swatch?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     /**
      * Group heading, rendered above this option (#343). A header renders once
      * per run of consecutive options sharing the same `group` — like native

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

@@ -11,6 +11,16 @@ export type SelectOption = {
     keywords?: string;
     /** A status colour dot shown before the label (status/select fields). */
     color?: string;
+    /**
+     * One of Attio's 12 fixed tag/option colours (your-moon/crisp#998),
+     * 1-12 -- renders the label itself as a filled pill (measured: 22px,
+     * 7px radius, flat black text) rather than the small `color` dot beside
+     * it. The two are mutually exclusive; `swatch` wins if both are set.
+     * Distinct from `color`: that one is an arbitrary CSS value for a
+     * status-style dot, this is Attio's own enumerable, workspace-admin-
+     * assigned palette, reproduced verbatim.
+     */
+    swatch?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     disabled?: boolean;
     /**
      * Group heading, rendered above this option (#343). A header renders once

package/dist/types/core/index.d.ts

@@ -9,7 +9,7 @@ export { hasNestedFloatingLayer, hasOpenFloatingLayer, isInsideLaterFloatingLaye
 export { formValueStyle } from "./form-value";
 export { type CrispComponentDefaults, type CrispMessages, CrispMessagesProvider, useCrispComponentDefaults, useCrispMessage, useCrispMessages, } from "./i18n";
 export { type MentionAnchor, type MentionMatch, matchMentionTrigger, } from "./mention";
-export { type FloatingAlign, type PlaceFloatingOptions, placeFloating, } from "./place-floating";
+export { type FloatingAlign, type PlacedSubmenu, type PlaceFloatingOptions, type PlaceSubmenuOptions, placeFloating, placeSubmenu, } from "./place-floating";
 export { Primitive } from "./primitive";
 export { resolveRecipe } from "./resolve";
 export * from "./rtl";

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

@@ -38,3 +38,40 @@ export type PlacedFloating = {
  * against would still be physical.
  */
 export declare function placeFloating({ rect, align, gap, flipBelow, anchor, }: PlaceFloatingOptions): PlacedFloating;
+export type PlaceSubmenuOptions = {
+    /** The item's own box that opens the submenu (already shifted up by the
+     *  surface's own top padding, so the FIRST row of the submenu lines up
+     *  with the item rather than the submenu's outer edge). */
+    rect: DOMRect;
+    /** The submenu surface's own rendered size (it's already in the DOM,
+     *  just not yet positioned, when `Menu` calls this — a real measurement,
+     *  not a guessed threshold). */
+    size: {
+        width: number;
+        height: number;
+    };
+    /** Gap between the item and the submenu. */
+    gap: number;
+    anchor?: Element | null;
+};
+export type PlacedSubmenu = {
+    style: React.CSSProperties;
+    /** Which side it opened on, in logical terms — for the caller's own
+     *  animation-origin hint (reuses the same vocabulary `align` does). */
+    align: FloatingAlign;
+    /** True when it flipped to a bottom anchor instead of the item's top. */
+    up: boolean;
+};
+/**
+ * Where a cascading submenu goes, BESIDE the item that opens it — not below
+ * it, the way `placeFloating`'s own dropdown does. Opens toward the inline
+ * end by default (further into the reading direction) and flips to the
+ * inline start when the surface's measured width doesn't fit there.
+ *
+ * Live-measured on Attio's own object-page "…" menu (crisp#616): the
+ * Notifications submenu sits with NO gap against the item's opposite edge
+ * (its own edge lines up exactly with the item's), so callers pass `gap: 0`
+ * for this specific cascade rather than the 4px a dropdown uses against its
+ * trigger.
+ */
+export declare function placeSubmenu({ rect, size, gap, anchor, }: PlaceSubmenuOptions): PlacedSubmenu;

package/dist/types/index.d.ts

@@ -68,6 +68,7 @@ export * from "./components/wheelpicker";
 export * from "./core";
 export * from "./product/activityfeed";
 export * from "./product/appshell";
+export * from "./product/assigneepicker";
 export * from "./product/authshell";
 export * from "./product/board";
 export * from "./product/command";
@@ -81,20 +82,27 @@ export * from "./product/inbox";
 export * from "./product/listpage";
 export * from "./product/memberssettings";
 export * from "./product/navitem";
+export * from "./product/notesgallery";
 export * from "./product/notificationssettings";
+export * from "./product/objectpagemenu";
 export * from "./product/objectsettings";
 export * from "./product/onboarding";
 export * from "./product/recordpage";
 export * from "./product/recordpanel";
+export * from "./product/recordpicker";
 export * from "./product/richtext";
 export * from "./product/savedviews";
 export * from "./product/settingssection";
 export * from "./product/settingsshell";
+export * from "./product/share";
+export * from "./product/shortcutssheet";
 export * from "./product/sidebar";
 export * from "./product/statlist";
+export * from "./product/taskeditpopover";
 export * from "./product/tasklist";
 export * from "./product/themepicker";
 export * from "./product/trialbanner";
 export * from "./product/viewtoggle";
 export * from "./product/workspacegeneralsettings";
+export * from "./product/workspaceswitchermenu";
 export * from "./tokens";

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

@@ -0,0 +1,36 @@
+import * as React from "react";
+export type AssigneePickerUser = {
+    id: string;
+    name: string;
+    /** A photo URL; falls back to a per-name hashed-colour initials tile,
+     *  same as `PersonChip`'s own. */
+    avatar?: string;
+};
+export type AssigneePickerProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
+    /** Candidate users, already excluding nobody in particular -- the
+     *  current `assignee` is filtered out of the list automatically. */
+    users: AssigneePickerUser[];
+    /** The task's current single assignee, or `null`/omitted for none. */
+    assignee?: AssigneePickerUser | null;
+    onAssigneeChange?: (user: AssigneePickerUser | null) => void;
+    /** Controlled search query. Omit to let the picker manage it. */
+    query?: string;
+    onQueryChange?: (query: string) => void;
+    searchLabel?: string;
+    removeLabel?: string;
+    emptyLabel?: React.ReactNode;
+    className?: string;
+};
+/**
+ * The picker behind a task's "Assigned to" chip -- measured live on
+ * app.attio.com's Tasks page ("Edit task" -> "Assigned to You" -> its own
+ * sub-popover, `Popover`-sized at the same measured 350px): a "Find a
+ * user..." search, the current assignee as a removable pill, then a plain
+ * option list, or "No users" when nothing matches. Attio's task assignment
+ * is single-user (one pill, replaced by picking another), unlike a
+ * multi-value field.
+ */
+export declare function AssigneePicker({ users, assignee, onAssigneeChange, query: queryProp, onQueryChange, searchLabel: searchLabelProp, removeLabel: removeLabelProp, emptyLabel: emptyLabelProp, className, ...rest }: AssigneePickerProps): React.JSX.Element;
+export declare namespace AssigneePicker {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+export { AssigneePicker, type AssigneePickerProps, type AssigneePickerUser, } from "./assigneepicker";
+export { assigneepickerRecipe } from "./assigneepicker.recipe";

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

@@ -0,0 +1,2 @@
+export { NotesGallery, type NotesGalleryGroup, type NotesGalleryNote, type NotesGalleryProps, } from "./notesgallery";
+export { notesgalleryRecipe } from "./notesgallery.recipe";

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

@@ -0,0 +1,54 @@
+import * as React from "react";
+export type NotesGalleryNote = {
+    id: string;
+    /** Rendered in the card's leading author-row slot — Attio's own is a
+     *  linked-record icon+name, not the note's author (that's the footer). */
+    linkedRecord?: React.ReactNode;
+    title: React.ReactNode;
+    excerpt?: React.ReactNode;
+    /** Footer row content, e.g. an avatar+name. */
+    author?: React.ReactNode;
+    date?: React.ReactNode;
+    onClick?: () => void;
+};
+export type NotesGalleryGroup = {
+    id: string;
+    /** e.g. "Created last month". */
+    label: React.ReactNode;
+    count: number;
+    notes: NotesGalleryNote[];
+};
+export type NotesGalleryProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
+    notesCount: number;
+    templatesCount: number;
+    /** "notes" | "templates" (or any consumer-chosen values via `tabValues`). */
+    activeTab?: string;
+    defaultActiveTab?: string;
+    onActiveTabChange?: (value: string) => void;
+    notesLabel?: string;
+    templatesLabel?: string;
+    /** e.g. a "Sorted by Creation date" trigger. */
+    leading?: React.ReactNode;
+    /** e.g. a list/grid `ViewToggle`, "View settings", "+ New note". */
+    trailing?: React.ReactNode;
+    favoritesLabel?: string;
+    /** Favorited note cards. Omit (or pass an empty array) for the measured
+     *  dashed empty panel. */
+    favorites?: NotesGalleryNote[];
+    favoritesEmptyLabel?: string;
+    groups: NotesGalleryGroup[];
+    emptyLabel?: React.ReactNode;
+    className?: string;
+};
+/**
+ * The standalone Notes gallery -- measured live on app.attio.com's Notes
+ * page: "Notes N"/"Templates N" sub-tabs, a toolbar (Sort/View
+ * toggle/settings/New note, all consumer-composed), a dashed "Favorites"
+ * region, and date-grouped card sections. The card itself is `EntityCard`
+ * (crisp#474's own "measured from a Notes grid" component) — this shell
+ * only adds the gallery chrome around it.
+ */
+export declare function NotesGallery({ notesCount, templatesCount, activeTab: activeTabProp, defaultActiveTab, onActiveTabChange, notesLabel: notesLabelProp, templatesLabel: templatesLabelProp, leading, trailing, favoritesLabel: favoritesLabelProp, favorites, favoritesEmptyLabel: favoritesEmptyLabelProp, groups, emptyLabel: emptyLabelProp, className, ...rest }: NotesGalleryProps): React.JSX.Element;
+export declare namespace NotesGallery {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1 @@
+export * from "./objectpagemenu";

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

@@ -0,0 +1,40 @@
+import type * as React from "react";
+export type ObjectPageMenuProps = {
+    /** The element that opens the menu. Default: the measured 28px ghost
+     *  icon button Attio uses for its own "…" — pass one only to change the
+     *  trigger itself; the menu content below is fixed (Attio's own chrome,
+     *  not app-specific data — the same reasoning `defaultCommandItems`
+     *  already ships on). */
+    trigger?: React.ReactElement;
+    /** Fires when "Object settings" is selected. */
+    onObjectSettings?: () => void;
+    /** Fires when "Manage attributes" is selected. */
+    onManageAttributes?: () => void;
+    /** Fires when "Connect Slack workspace" is selected, inside the
+     *  Notifications submenu. */
+    onConnectSlack?: () => void;
+    objectSettingsLabel?: string;
+    manageAttributesLabel?: string;
+    notificationsLabel?: string;
+    connectSlackLabel?: string;
+    /** Accessible name for the trigger button (unused when a custom
+     *  `trigger` is given). */
+    "aria-label"?: string;
+    /** Which of the trigger's edges the menu lines up with (default `"end"`,
+     *  matching Attio's own right-aligned placement under the "…" button at
+     *  the far right of the page header). */
+    align?: "start" | "end";
+};
+/**
+ * The page-level "…" menu on Attio's object page: Object settings / Manage
+ * attributes / a Notifications submenu ("Connect Slack workspace") — crisp
+ * parity checklist rows G-020/P-005 (crisp#616). Live-measured on
+ * app.attio.com/techpartners/companies: 208×114 popover (12px radius, 4px
+ * padding, 32px rows), a hairline separator before Notifications, and its
+ * submenu opening flush against the item with no gap, flipping side when
+ * the measured width doesn't fit (`placeSubmenu`, core/place-floating.ts).
+ */
+export declare function ObjectPageMenu({ trigger, onObjectSettings, onManageAttributes, onConnectSlack, objectSettingsLabel, manageAttributesLabel, notificationsLabel, connectSlackLabel, "aria-label": ariaLabelProp, align, }: ObjectPageMenuProps): React.JSX.Element;
+export declare namespace ObjectPageMenu {
+    var displayName: string;
+}

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

@@ -0,0 +1,17 @@
+/**
+ * `ObjectPageMenu` owns no styling of its own — every visible pixel is
+ * `Menu`/`MenuItem`'s own already-measured recipe. The one thing it DOES
+ * need is the RTL mirror for its Notifications submenu chevron (crisp#616):
+ * that icon is the first direction-bearing one ever passed as a `MenuItem`
+ * `trailingIcon`, so nothing already mirrors it.
+ *
+ * Not written as `${rtlFlipCss}` (core/rtl.ts): that string relies on native
+ * CSS nesting's `&` resolving to an ENCLOSING rule, which is exactly what
+ * `Menu`'s own recipe deliberately avoids for its portaled content (see its
+ * own doc comment) — nesting this under a `.crisp-objectpagemenu` root would
+ * need a root class this component doesn't have. A plain absolute selector,
+ * matching `Menu`'s own pattern for the identical reason.
+ */
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const objectpagemenuRecipe: import("../..").RecipeFn<{}>;
+export default config;