@crisp-ui-kit/crisp 0.54.7 → 0.54.8

package/dist/tokens.css

@@ -5,14 +5,18 @@
   --crisp-fg-on-tone: #101112;
   --crisp-bg-surface: #ffffff;
   --crisp-bg-raised: #f4f4f5;
+  --crisp-bg-surface-muted: #f6f7f7;
   --crisp-border-default: #e4e4e7;
   --crisp-border-subtle: #eeeff1;
   --crisp-border-dropzone: #e6e7ea;
+  --crisp-border-divider: #e6e7ea;
   --crisp-ring-neutral: transparent;
   --crisp-ring-field: rgba(0,0,0,0.06);
   --crisp-ring-switch: #d9dade;
   --crisp-bg-tile-active: #ffffff;
   --crisp-shadow-tile-active: rgba(0,0,0,0.04);
+  --crisp-bg-scrim: rgba(0,0,0,0.25);
+  --crisp-fg-alert-description: rgba(0,0,0,0.63);
   --crisp-bg-overlay-frost: #ffffff;
   --crisp-shadow-overlay1: rgba(28,40,64,0.12);
   --crisp-shadow-overlay2: rgba(28,40,64,0.16);
@@ -46,7 +50,7 @@
   --crisp-fg-success-soft: #186b3d;
   --crisp-fg-warning-soft: #80520d;
   --crisp-fg-danger-soft: #a33539;
-  --crisp-fg-neutral-soft: #686870;
+  --crisp-fg-neutral-soft: #505155;
   --crisp-bg-purple-soft: #f5f0ff;
   --crisp-fg-purple-soft: #6238b5;
   --crisp-ring-purple-soft: #e8ddfe;
@@ -59,14 +63,18 @@
   --crisp-fg-on-tone: #101112;
   --crisp-bg-surface: #0a0a0a;
   --crisp-bg-raised: #101112;
+  --crisp-bg-surface-muted: #101112;
   --crisp-border-default: #212224;
   --crisp-border-subtle: #1c1d1f;
   --crisp-border-dropzone: #212224;
+  --crisp-border-divider: #212224;
   --crisp-ring-neutral: #212224;
   --crisp-ring-field: #212224;
   --crisp-ring-switch: #212224;
   --crisp-bg-tile-active: #101112;
   --crisp-shadow-tile-active: rgba(0,0,0,0);
+  --crisp-bg-scrim: rgba(0,0,0,0.55);
+  --crisp-fg-alert-description: rgba(255,255,255,0.6);
   --crisp-bg-overlay-frost: #1c1d1f;
   --crisp-shadow-overlay1: rgba(0,0,0,0.48);
   --crisp-shadow-overlay2: rgba(0,0,0,0.64);

package/dist/tokens.json

@@ -7,14 +7,18 @@
       "fgOnTone": "#101112",
       "bgSurface": "#ffffff",
       "bgRaised": "#f4f4f5",
+      "bgSurfaceMuted": "#f6f7f7",
       "borderDefault": "#e4e4e7",
       "borderSubtle": "#eeeff1",
       "borderDropzone": "#e6e7ea",
+      "borderDivider": "#e6e7ea",
       "ringNeutral": "transparent",
       "ringField": "rgba(0,0,0,0.06)",
       "ringSwitch": "#d9dade",
       "bgTileActive": "#ffffff",
       "shadowTileActive": "rgba(0,0,0,0.04)",
+      "bgScrim": "rgba(0,0,0,0.25)",
+      "fgAlertDescription": "rgba(0,0,0,0.63)",
       "bgOverlayFrost": "#ffffff",
       "shadowOverlay1": "rgba(28,40,64,0.12)",
       "shadowOverlay2": "rgba(28,40,64,0.16)",
@@ -48,7 +52,7 @@
       "fgSuccessSoft": "#186b3d",
       "fgWarningSoft": "#80520d",
       "fgDangerSoft": "#a33539",
-      "fgNeutralSoft": "#686870",
+      "fgNeutralSoft": "#505155",
       "bgPurpleSoft": "#f5f0ff",
       "fgPurpleSoft": "#6238b5",
       "ringPurpleSoft": "#e8ddfe"
@@ -60,14 +64,18 @@
       "fgOnTone": "#101112",
       "bgSurface": "#0a0a0a",
       "bgRaised": "#101112",
+      "bgSurfaceMuted": "#101112",
       "borderDefault": "#212224",
       "borderSubtle": "#1c1d1f",
       "borderDropzone": "#212224",
+      "borderDivider": "#212224",
       "ringNeutral": "#212224",
       "ringField": "#212224",
       "ringSwitch": "#212224",
       "bgTileActive": "#101112",
       "shadowTileActive": "rgba(0,0,0,0)",
+      "bgScrim": "rgba(0,0,0,0.55)",
+      "fgAlertDescription": "rgba(255,255,255,0.6)",
       "bgOverlayFrost": "#1c1d1f",
       "shadowOverlay1": "rgba(0,0,0,0.48)",
       "shadowOverlay2": "rgba(0,0,0,0.64)",
@@ -117,11 +125,14 @@
       "line200": "#e4e4e7",
       "line100": "#eeeff1",
       "line150": "#e6e7ea",
+      "gray25": "#f6f7f7",
       "ringNeutral": "transparent",
       "ringField": "rgba(0,0,0,0.06)",
       "ringSwitch": "#d9dade",
       "tileActive": "#ffffff",
       "tileActiveShadow": "rgba(0,0,0,0.04)",
+      "bgScrim": "rgba(0,0,0,0.25)",
+      "fgAlertDescription": "rgba(0,0,0,0.63)",
       "overlayFrost": "#ffffff",
       "shadowOverlay1": "rgba(28,40,64,0.12)",
       "shadowOverlay2": "rgba(28,40,64,0.16)",
@@ -155,7 +166,7 @@
       "softSuccessText": "#186b3d",
       "softWarningText": "#80520d",
       "softDangerText": "#a33539",
-      "softNeutralText": "#686870",
+      "softNeutralText": "#505155",
       "purpleTint": "#f5f0ff",
       "softPurpleText": "#6238b5",
       "purpleRing": "#e8ddfe"
@@ -169,11 +180,14 @@
       "line200": "#212224",
       "line100": "#1c1d1f",
       "line150": "#212224",
+      "gray25": "#101112",
       "ringNeutral": "#212224",
       "ringField": "#212224",
       "ringSwitch": "#212224",
       "tileActive": "#101112",
       "tileActiveShadow": "rgba(0,0,0,0)",
+      "bgScrim": "rgba(0,0,0,0.55)",
+      "fgAlertDescription": "rgba(255,255,255,0.6)",
       "overlayFrost": "#1c1d1f",
       "shadowOverlay1": "rgba(0,0,0,0.48)",
       "shadowOverlay2": "rgba(0,0,0,0.64)",

package/dist/tooltip.css

@@ -1,5 +1,5 @@
 .crisp-tooltip {
-  position: fixed; z-index: 70; box-sizing: border-box; pointer-events: none; max-width: 260px; padding: var(--crisp-space-1-5) var(--crisp-space-2); border-radius: var(--crisp-radius-md); background: #101112; color: #eeeff1; font-family: var(--crisp-font-sans); font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); line-height: 1.45; box-shadow: 0 4px 14px -2px rgba(28,40,64,0.28), 0 0 0 1px rgba(255,255,255,0.04); opacity: 1; transition: opacity 0.12s ease;
+  position: fixed; z-index: 70; box-sizing: border-box; pointer-events: none; max-width: 260px; padding: var(--crisp-space-1-5) var(--crisp-space-2); border-radius: var(--crisp-radius-md); background: #101112; color: #eeeff1; font-family: var(--crisp-font-sans); font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); line-height: 1.45; box-shadow: rgb(33,34,36) 0 0 0 1px inset, rgba(0,0,0,0.04) 0 0 2px 0, rgba(0,0,0,0.12) 0 1px 3px 0; opacity: 1; transition: opacity 0.12s ease;
     @starting-style { opacity: 0; }
     & .crisp-tooltip-reference-row { display: inline-flex; align-items: center; gap: var(--crisp-space-1); }
 }

package/dist/tooltip.layered.css

@@ -1,6 +1,6 @@
 @layer crisp-components {
 .crisp-tooltip {
-  position: fixed; z-index: 70; box-sizing: border-box; pointer-events: none; max-width: 260px; padding: var(--crisp-space-1-5) var(--crisp-space-2); border-radius: var(--crisp-radius-md); background: #101112; color: #eeeff1; font-family: var(--crisp-font-sans); font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); line-height: 1.45; box-shadow: 0 4px 14px -2px rgba(28,40,64,0.28), 0 0 0 1px rgba(255,255,255,0.04); opacity: 1; transition: opacity 0.12s ease;
+  position: fixed; z-index: 70; box-sizing: border-box; pointer-events: none; max-width: 260px; padding: var(--crisp-space-1-5) var(--crisp-space-2); border-radius: var(--crisp-radius-md); background: #101112; color: #eeeff1; font-family: var(--crisp-font-sans); font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); line-height: 1.45; box-shadow: rgb(33,34,36) 0 0 0 1px inset, rgba(0,0,0,0.04) 0 0 2px 0, rgba(0,0,0,0.12) 0 1px 3px 0; opacity: 1; transition: opacity 0.12s ease;
     @starting-style { opacity: 0; }
     & .crisp-tooltip-reference-row { display: inline-flex; align-items: center; gap: var(--crisp-space-1); }
 }

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

@@ -7,7 +7,7 @@ declare const spec: {
         readonly gap: `var(--${string})`;
         readonly fontFamily: `var(--${string})`;
         readonly fontWeight: `var(--${string})`;
-        readonly letterSpacing: "-0.1px";
+        readonly letterSpacing: "normal";
         readonly whiteSpace: "nowrap";
     };
     readonly parts: [{
@@ -59,18 +59,22 @@ declare const spec: {
                 readonly height: "16px";
                 readonly paddingInline: `var(--${string})`;
                 readonly fontSize: `var(--${string})`;
+                readonly lineHeight: "16px";
                 readonly borderRadius: `var(--${string})`;
             };
             readonly medium: {
                 readonly height: "20px";
                 readonly paddingInline: `var(--${string})`;
                 readonly fontSize: `var(--${string})`;
+                readonly lineHeight: "16px";
+                readonly gap: "3px";
                 readonly borderRadius: `var(--${string})`;
             };
             readonly large: {
                 readonly height: `var(--${string})`;
                 readonly paddingInline: "9px";
                 readonly fontSize: `var(--${string})`;
+                readonly letterSpacing: "-0.1px";
                 readonly borderRadius: `var(--${string})`;
             };
         };

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

@@ -7,7 +7,7 @@ declare const spec: {
         readonly gap: `var(--${string})`;
         readonly fontFamily: `var(--${string})`;
         readonly fontWeight: `var(--${string})`;
-        readonly letterSpacing: "-0.14px";
+        readonly letterSpacing: "-0.07px";
         readonly lineHeight: "20px";
         readonly whiteSpace: "nowrap";
         readonly border: "none";
@@ -95,10 +95,23 @@ declare const spec: {
                 readonly borderRadius: `var(--${string})`;
             };
             readonly md: {
-                readonly height: "28px";
-                readonly paddingInline: `var(--${string})`;
-                readonly fontSize: `var(--${string})`;
-                readonly borderRadius: `var(--${string})`;
+                readonly decls: {
+                    readonly height: "28px";
+                    readonly paddingInline: `var(--${string})`;
+                    readonly fontSize: `var(--${string})`;
+                    readonly borderRadius: `var(--${string})`;
+                };
+                readonly parts: [{
+                    readonly selector: "&[data-icon-start]";
+                    readonly decls: {
+                        paddingInlineStart: `var(--${string})`;
+                    };
+                }, {
+                    readonly selector: "&[data-icon-end]";
+                    readonly decls: {
+                        paddingInlineEnd: `var(--${string})`;
+                    };
+                }];
             };
             readonly lg: {
                 readonly height: "40px";

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

@@ -144,6 +144,15 @@ export type DataTableColumn<T> = {
     managed?: boolean;
     /** Hidden from the grid but still listed in the column manager. */
     hidden?: boolean;
+    /** A "no-edit" marker icon before the resize handle, for a read-only/
+     * computed column (crisp/#596, checklist G-027 — seen live on Attio's
+     * "Connection strength"/"Last interaction"). Attio's own icon is
+     * proprietary and isn't reproduced (AUTHORING.md: never copy Attio's
+     * icon set); this uses a Lucide `Lock`, the same substitution every
+     * other crisp icon makes. Purely a visual marker — it does NOT disable
+     * editing on its own; a column that shouldn't be editable simply
+     * doesn't set `editable: true`, the same as any other column. */
+    readOnly?: boolean;
     /** `type: "entity"` only (#501) — makes the cell's name its own click
      * target, separate from the row's own `onRowClick`: the name renders as a
      * `stopPropagation`-guarded button instead of a plain span, the same

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

@@ -22,6 +22,25 @@ export type DialogProps = Omit<React.ComponentPropsWithoutRef<"div">, "title" |
     "aria-label"?: string;
     /** aria-label on the close button (default "Close") — override for non-English UIs. */
     closeLabel?: string;
+    /**
+     * `"panel"` (default): the frosted content dialog measured everywhere
+     * else in crisp — top-anchored 15vh from the viewport, a bordered
+     * header with a close button, `role="dialog"`.
+     *
+     * `"alert"` (crisp#677): a small confirm — Attio's own "Discard changes"
+     * measured live, both themes: vertically centered (not top-anchored), a
+     * plain `bgPopover` surface with `elevation.floating` (not the frosted
+     * bezel), `radius.xl` (12px, not the panel's 16px), NO close button, and
+     * `role="alertdialog"`. Pairs with `description` below — a plain
+     * `title` alone reads oddly stacked with no border under it, since the
+     * alert variant has no header chrome to separate title from body.
+     */
+    variant?: "panel" | "alert";
+    /** `variant="alert"` only: the confirm's body sentence, stacked directly
+     *  under `title` with no divider (Attio's own two-line shape — a bold
+     *  title, then a muted sentence). Wired to Zag's `getDescriptionProps()`
+     *  so `aria-describedby` follows it automatically. */
+    description?: React.ReactNode;
     children?: React.ReactNode;
 };
 /**
@@ -29,7 +48,7 @@ export type DialogProps = Omit<React.ComponentPropsWithoutRef<"div">, "title" |
  * Escape / outside-click dismissal) with the measured modal surface.
  * Compose the body with `DialogBody` and actions with `DialogFooter`.
  */
-export declare function Dialog({ open, onOpenChange, title, icon, width, "aria-label": ariaLabel, closeLabel: closeLabelProp, children, className, style, "aria-describedby": describedBy, ...rest }: DialogProps): React.JSX.Element | null;
+export declare function Dialog({ open, onOpenChange, title, icon, width, variant, description, "aria-label": ariaLabel, closeLabel: closeLabelProp, children, className, style, "aria-describedby": describedBy, ...rest }: DialogProps): React.JSX.Element | null;
 export declare namespace Dialog {
     var displayName: string;
 }
@@ -37,6 +56,10 @@ export declare function DialogBody({ children, className, }: {
     children?: React.ReactNode;
     className?: string;
 }): React.JSX.Element;
-export declare function DialogFooter({ children }: {
+export declare function DialogFooter({ children, variant, }: {
     children?: React.ReactNode;
+    /** Matches the owning `Dialog`'s own `variant` (crisp#677) — `"alert"`
+     *  is a shorter bar (45px vs. the panel's 56px) with uniform 8px padding
+     *  instead of the panel's 0/16px, measured off Attio's discard confirm. */
+    variant?: "panel" | "alert";
 }): React.JSX.Element;

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

@@ -8,11 +8,21 @@ export type ToolbarSort = {
     key: string;
     dir: SortDir;
 };
-export type ToolbarFilterOp = "contains" | "doesnotcontain" | "startswith" | "endswith" | "is" | "isnot" | "isanyof" | "empty" | "notempty";
+export type ToolbarFilterOp = "contains" | "doesnotcontain" | "startswith" | "endswith" | "is" | "isnot" | "isanyof" | "empty" | "notempty"
+/** Number columns only (#593). */
+ | "lessthan" | "greaterthan"
+/** Date columns only (#593). */
+ | "before" | "after";
 export type ToolbarFilter = {
     id: string;
     key: string;
-    op: ToolbarFilterOp;
+    /**
+     * Unset right after the field is (re)chosen — measured live, 2026-09-25:
+     * Attio's own chip shows "Select condition" until an operator is actually
+     * picked, rather than defaulting silently to one. Once set, it never goes
+     * back to unset short of changing the field, which resets it.
+     */
+    op?: ToolbarFilterOp;
     value: string;
     /** Selected values for `"isanyof"` — ignored by every other op. */
     values?: string[];
@@ -29,6 +39,17 @@ export type TableToolbarColumn = {
      * for a free-text column; there is nothing to check off.
      */
     values?: string[];
+    /**
+     * The column's value kind, gating which operators (and which value editor)
+     * its condition offers (#593). Defaults to a free-text column: `contains`/
+     * `does not contain`/`starts with`/`ends with`/`is`/`is not`/`empty`/
+     * `not empty`. `"number"` swaps in `is`/`is not`/`less than`/`greater
+     * than`/`empty`/`not empty` with a spinner number input; `"date"` swaps in
+     * `is`/`is not`/`before`/`after`/`empty`/`not empty` with a calendar +
+     * Today/Tomorrow/Next week quick-picks — both sets, and the number
+     * spinner, measured live against Attio's own column-typed filter menus.
+     */
+    type?: "text" | "number" | "date";
 };
 export type TableToolbarProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
     /**
@@ -121,6 +142,25 @@ export type TableToolbarProps = Omit<React.ComponentPropsWithoutRef<"div">, "chi
      */
     inline?: boolean;
     className?: string;
+    /**
+     * Renders the Sort trigger (and its popover) when true (default). Set
+     * `false` for a table with no client-side sort at all — GRC's Audit log,
+     * server-filtered with nothing for a sort control to do, is the case that
+     * added this (your-moon/crisp#714, internal/grc !146): the trigger was
+     * inert chrome, not a real control. The divider that otherwise separates
+     * Sort from Filter is dropped along with it, so Filter becomes the row's
+     * first tool rather than leaving a leading divider with nothing before it.
+     */
+    showSort?: boolean;
+    /**
+     * Renders the View settings trigger (and its popover) when true (default).
+     * Set `false` when a consumer renders its own view-settings control —
+     * GRC's Tasks page (internal/grc !149) rendered its own alongside
+     * `TableToolbar`'s, ending up with two "View settings" buttons; this is
+     * the opt-out (your-moon/crisp#714). The divider that otherwise separates
+     * the filter chips from View settings is dropped along with it.
+     */
+    showViewSettings?: boolean;
     /**
      * The full set of attributes View settings offers — every attribute on
      * the object, shown or not. Defaults to `columns`. Omit both, along with
@@ -178,7 +218,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, viewColumns: viewColumnsProp, shownKeys: shownKeysProp, defaultShownKeys, onShownKeysChange, viewSettingsLabel: viewSettingsLabelProp, reorderAttributeLabel: reorderAttributeLabelProp, hideAttributeLabel, addAttributeToViewLabel: addAttributeToViewLabelProp, searchAttributesPlaceholder: searchAttributesPlaceholderProp, ...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, ascendingLabel: ascendingLabelProp, descendingLabel: descendingLabelProp, sortTriggerLabel, filterTriggerLabel, inline, showSort, showViewSettings, viewColumns: viewColumnsProp, shownKeys: shownKeysProp, defaultShownKeys, onShownKeysChange, viewSettingsLabel: viewSettingsLabelProp, reorderAttributeLabel: reorderAttributeLabelProp, hideAttributeLabel, addAttributeToViewLabel: addAttributeToViewLabelProp, searchAttributesPlaceholder: searchAttributesPlaceholderProp, ...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/tooltip/tooltip.d.ts

@@ -11,8 +11,12 @@ export type TooltipProps = Omit<React.ComponentPropsWithoutRef<"span">, "content
      * renders and hovers correctly but can't carry either.
      */
     children: React.ReactNode;
-    /** Preferred side; flips to the other axis end when there's no room. */
-    side?: "top" | "bottom";
+    /** Preferred side; "top"/"bottom" flip to the other axis end when there's
+     * no room. "right" (crisp#633: the sidebar's hotkey hint, measured 8px off
+     * the trigger's end edge, vertically centred) never flips -- every known
+     * user pins its trigger to the viewport's left edge, so there is always
+     * room. */
+    side?: "top" | "bottom" | "right";
     /** Delay in ms before showing (default 350). Hides immediately. */
     delay?: number;
     /** Controlled open state. Omit to let Tooltip manage it (see defaultOpen).
@@ -71,8 +75,12 @@ export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Omit<React.De
      * renders and hovers correctly but can't carry either.
      */
     children: React.ReactNode;
-    /** Preferred side; flips to the other axis end when there's no room. */
-    side?: "top" | "bottom";
+    /** Preferred side; "top"/"bottom" flip to the other axis end when there's
+     * no room. "right" (crisp#633: the sidebar's hotkey hint, measured 8px off
+     * the trigger's end edge, vertically centred) never flips -- every known
+     * user pins its trigger to the viewport's left edge, so there is always
+     * room. */
+    side?: "top" | "bottom" | "right";
     /** Delay in ms before showing (default 350). Hides immediately. */
     delay?: number;
     /** Controlled open state. Omit to let Tooltip manage it (see defaultOpen).

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

@@ -14,7 +14,7 @@ declare const spec: {
         readonly fontSize: `var(--${string})`;
         readonly fontWeight: `var(--${string})`;
         readonly lineHeight: "1.45";
-        readonly boxShadow: "0 4px 14px -2px rgba(28,40,64,0.28), 0 0 0 1px rgba(255,255,255,0.04)";
+        readonly boxShadow: "rgb(33,34,36) 0 0 0 1px inset, rgba(0,0,0,0.04) 0 0 2px 0, rgba(0,0,0,0.12) 0 1px 3px 0";
         readonly opacity: 1;
         readonly transition: "opacity 0.12s ease";
     };

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

@@ -1,9 +1,33 @@
 import type * as React from "react";
+/**
+ * A multi-part brand mark — an icon badge beside a bold wordmark and an
+ * optional tagline (your-moon/crisp#728) — for a consumer whose logo isn't a
+ * single flat image the way Attio's own `/login` mark is. `AuthShell` lays
+ * this out itself (badge + two-line stack, `authshell.recipe.ts`), so a
+ * consumer never writes its own `style`/`className` to compose one. Not
+ * measured against Attio: its own login has no such compound mark, so
+ * there's nothing to measure past what `.crisp-authshell-logo` already
+ * establishes (the 24px floor, the 32px top margin).
+ */
+export type AuthShellBrand = {
+    /** A small glyph, rendered inside a 32px rounded brand-tone badge. */
+    icon: React.ReactNode;
+    /** The bold wordmark line. */
+    title: React.ReactNode;
+    /** An optional second line under the wordmark. */
+    subtitle?: React.ReactNode;
+};
 export type AuthShellProps = Omit<React.ComponentPropsWithoutRef<"div">, "title"> & {
     /** 0–1. Omit for no progress bar. */
     progress?: number;
-    /** Brand mark above the card (measured 96x24). */
-    logo?: React.ReactNode;
+    /** Brand mark above the card (measured 96x24 on Attio's own logged-out
+     *  `/login`). The slot's own `min-height` is 24px, not a fixed height
+     *  (your-moon/crisp#722) — a taller lockup (an icon beside a two-line
+     *  wordmark, say) grows the slot instead of getting clipped to it. Pass a
+     *  plain node for a single flat mark (Attio's own shape), or an
+     *  `AuthShellBrand` (`{ icon, title, subtitle? }`, your-moon/crisp#728)
+     *  for a compound one `AuthShell` lays out itself. */
+    logo?: React.ReactNode | AuthShellBrand;
     /** Card heading. */
     title?: React.ReactNode;
     /** The form / body content. */

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

@@ -1,2 +1,2 @@
-export { AuthShell, type AuthShellProps } from "./authshell";
+export { AuthShell, type AuthShellBrand, type AuthShellProps, } from "./authshell";
 export { authshellRecipe } from "./authshell.recipe";

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

@@ -48,10 +48,11 @@ export type BoardProps<T extends BoardCard> = Omit<React.ComponentPropsWithoutRe
     className?: string;
 };
 /**
- * A kanban board with native drag-and-drop between columns. Cards are
- * `draggable`; dropping one on a column reparents it via `onCardsChange`
- * (the parent owns the cards, so the move is a controlled state update).
- * Measured from a deals pipeline.
+ * A kanban board with pointer-events drag-and-drop between columns (#674 —
+ * Attio's own mechanism, confirmed live: mousedown, several mousemoves,
+ * mouseup, no `[draggable]` anywhere). Dropping a card on a column reparents
+ * it via `onCardsChange` (the parent owns the cards, so the move is a
+ * controlled state update). Measured from a deals pipeline.
  */
 export declare function Board<T extends BoardCard>({ columns, cards, onCardsChange, renderCard, onNewCard, newCardLabel: newCardLabelProp, getCardLabel, announceMove: announceMoveProp, calc, className, ...rest }: BoardProps<T>): React.JSX.Element;
 export declare namespace Board {

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

@@ -99,11 +99,19 @@ export type CommentsPanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "ch
      *  live DOM, which is why a caret placed anywhere in the field, including
      *  on top of a mention, can't corrupt what gets posted. */
     onPost: (text: string, threadId: string | null) => void;
-    onReact: (threadId: string, commentId: string, emoji: string) => void;
+    /** Omit for a consumer with no reaction capability of its own (crisp#705's
+     *  follow-up) — the hover "React" trigger and the reactions row's own
+     *  "add" button both disappear, the same way omitting `onResolve` already
+     *  drops "Resolve". Existing `comment.reactions` still render, read-only. */
+    onReact?: (threadId: string, commentId: string, emoji: string) => void;
     /** Resolving only ever applies to the thread as a whole (its root),
      *  matching the live behaviour -- no per-reply resolve was found. */
     onResolve?: (threadId: string) => void;
-    onDelete: (threadId: string, commentId: string) => void;
+    /** Omit for a consumer whose comments can't be deleted at all (crisp#705's
+     *  follow-up — an audit-trail/sign-off record, e.g.) — the "Delete"
+     *  item drops out of the row's "…" menu (Copy link, the only other item
+     *  there, is unaffected) and the confirm dialog never opens. */
+    onDelete?: (threadId: string, commentId: string) => void;
     /** Defaults to copying `#comment-{commentId}` appended to the current
      *  URL -- override for a real permalink scheme. */
     onCopyLink?: (threadId: string, commentId: string) => void;

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

@@ -34,6 +34,7 @@ export type FormDialogProps = Omit<React.ComponentPropsWithoutRef<"div">, "title
     createMoreLabel?: string;
     cancelLabel?: string;
     discardTitle?: string;
+    discardDescription?: string;
     discardConfirmLabel?: string;
     discardCancelLabel?: string;
 };
@@ -51,7 +52,7 @@ export type FormDialogProps = Omit<React.ComponentPropsWithoutRef<"div">, "title
  * per-field wiring). A record needs several fields at once to be valid,
  * which is why records are not created by inline editing.
  */
-export declare function FormDialog({ title, submitLabel, onSubmit, onClose, busy, error, children, wide, size, createMode, createMoreLabel: createMoreLabelProp, cancelLabel: cancelLabelProp, discardTitle: discardTitleProp, discardConfirmLabel: discardConfirmLabelProp, discardCancelLabel: discardCancelLabelProp, className, ...rest }: FormDialogProps): React.JSX.Element;
+export declare function FormDialog({ title, submitLabel, onSubmit, onClose, busy, error, children, wide, size, createMode, createMoreLabel: createMoreLabelProp, cancelLabel: cancelLabelProp, discardTitle: discardTitleProp, discardDescription: discardDescriptionProp, discardConfirmLabel: discardConfirmLabelProp, discardCancelLabel: discardCancelLabelProp, className, ...rest }: FormDialogProps): React.JSX.Element;
 export declare namespace FormDialog {
     var displayName: string;
 }

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

@@ -1 +1 @@
-export { NavItem, type NavItemProps } from "./navitem";
+export { NavItem, type NavItemProps, type NavItemShortcut, } from "./navitem";

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

@@ -1,4 +1,21 @@
 import * as React from "react";
+/**
+ * A row's hotkey hint (crisp#633, P-108) -- Attio's own "G then <letter>"
+ * tooltip, measured live on `product/companies`, `/people`, `/home`, etc.
+ * `description` is the tooltip's full sentence ("Go to all companies page"),
+ * NOT derived from the row's `children` (the short label) -- Attio's copy
+ * differs per row ("Go to all companies page" vs "Go to home page") in a way
+ * a template can't guess. `keys` is the whole chord in press order
+ * (`["g","c"]`), lower-case, same as Attio's own DOM text -- the visible
+ * upper-case letters are a CSS `text-transform`, not the source text a
+ * screen reader gets. Only some rows have one: Deals/Users/Workspaces/Calls/
+ * Sequences/Workflows showed no tooltip at all after a 1.2s hover, measured
+ * across repeated attempts -- left unset rather than guessed.
+ */
+export type NavItemShortcut = {
+    description: string;
+    keys: string[];
+};
 export type NavItemProps = React.ComponentPropsWithoutRef<"a"> & {
     asChild?: boolean;
     active?: boolean;
@@ -6,6 +23,9 @@ export type NavItemProps = React.ComponentPropsWithoutRef<"a"> & {
     icon?: React.ReactNode;
     /** Right-aligned content (count badge / options). */
     trailing?: React.ReactNode;
+    /** The hotkey hint tooltip (see `NavItemShortcut`). Omit for no tooltip
+     * (unchanged default). */
+    shortcut?: NavItemShortcut;
 };
 export declare const NavItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     asChild?: boolean;
@@ -14,4 +34,7 @@ export declare const NavItem: React.ForwardRefExoticComponent<Omit<React.Detaile
     icon?: React.ReactNode;
     /** Right-aligned content (count badge / options). */
     trailing?: React.ReactNode;
+    /** The hotkey hint tooltip (see `NavItemShortcut`). Omit for no tooltip
+     * (unchanged default). */
+    shortcut?: NavItemShortcut;
 } & React.RefAttributes<HTMLAnchorElement>>;

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

@@ -1,2 +1,2 @@
-export { ATTRIBUTE_AI_AUTOFILL_OPTIONS, ATTRIBUTE_TYPE_OPTIONS, type AttributeRow, AttributesTable, type AttributesTableProps, type AttributeTypeOption, AttributeTypeSelect, type AttributeTypeSelectProps, CreateAttributeDialog, type CreateAttributeDialogProps, ObjectAppearanceSection, type ObjectAppearanceSectionProps, ObjectDetailPage, type ObjectDetailPageProps, type ObjectDetailTab, ObjectGeneralSection, type ObjectGeneralSectionProps, ObjectSettings, type ObjectSummary, ObjectsList, type ObjectsListProps, } from "./objectsettings";
+export { ATTRIBUTE_AI_AUTOFILL_OPTIONS, ATTRIBUTE_TYPE_OPTIONS, type AttributeRow, AttributesTable, type AttributesTableProps, type AttributeTypeOption, AttributeTypeSelect, type AttributeTypeSelectProps, CreateAttributeDialog, type CreateAttributeDialogProps, ObjectAppearanceSection, type ObjectAppearanceSectionProps, ObjectDetailPage, type ObjectDetailPageProps, type ObjectDetailTab, ObjectGeneralSection, type ObjectGeneralSectionProps, type ObjectSummary, ObjectsList, type ObjectsListProps, } from "./objectsettings";
 export { objectsettingsRecipe } from "./objectsettings.recipe";

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

@@ -249,13 +249,3 @@ export declare function CreateAttributeDialog({ type, onTypeChange, typeOptions,
 export declare namespace CreateAttributeDialog {
     var displayName: string;
 }
-/**
- * This folder holds several components (`ObjectsList`, `ObjectDetailPage`,
- * `AttributesTable`, `CreateAttributeDialog`, …), not one named after the
- * slug — unlike every other product dir, whose docs `<ManualInstallation>`
- * resolves an import binding from the folder slug ("avatargroup" →
- * `AvatarGroup`) by reading this file's exports. This alias exists only so
- * that resolver finds a match for "objectsettings"; consumers should import
- * the real names above, never this one.
- */
-export declare const ObjectSettings: typeof ObjectsList;