@crisp-ui-kit/crisp 0.54.0 → 0.54.2

package/dist/themepicker.layered.css

@@ -0,0 +1,29 @@
+@layer crisp-components {
+.crisp-themepicker {
+  display: flex; gap: var(--crisp-space-2); font-family: var(--crisp-font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
+    & .crisp-themepicker-option { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: var(--crisp-space-1-5); width: 224px; padding: var(--crisp-space-1); border: 1px solid var(--crisp-border-subtle); border-radius: 16px; background: var(--crisp-bg-surface); cursor: pointer; font-family: inherit; }
+    & .crisp-themepicker-option[data-selected] { border-color: var(--crisp-bg-brand-solid); }
+    & .crisp-themepicker-preview { box-sizing: border-box; display: flex; width: 100%; height: 114px; padding: var(--crisp-space-2); gap: var(--crisp-space-1-5); border-radius: var(--crisp-radius-xl); overflow: hidden; }
+    & .crisp-themepicker-preview-side { flex-shrink: 0; width: 28%; display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    & .crisp-themepicker-preview-bar { height: 4px; border-radius: var(--crisp-radius-full); }
+    & .crisp-themepicker-preview-bar:nth-child(1) { width: 70%; background: var(--crisp-bg-brand-solid); }
+    & .crisp-themepicker-preview-bar:nth-child(2) { width: 90%; }
+    & .crisp-themepicker-preview-bar:nth-child(3) { width: 60%; }
+    & .crisp-themepicker-preview-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--crisp-space-1-5); padding: var(--crisp-space-1-5); border-radius: var(--crisp-radius-md); }
+    /* Light / System (default) swatch colours. */
+    & .crisp-themepicker-preview[data-swatch="light"], & .crisp-themepicker-preview[data-swatch="system"] { border: 1px solid #eeeff1; background: #fbfbfb; }
+    & [data-swatch="light"] .crisp-themepicker-preview-bar:not(:nth-child(1)), & [data-swatch="system"] .crisp-themepicker-preview-bar:not(:nth-child(1)) { background: #eeeff1; }
+    & [data-swatch="light"] .crisp-themepicker-preview-main, & [data-swatch="system"] .crisp-themepicker-preview-main { background: #ffffff; }
+    & [data-swatch="light"] .crisp-themepicker-preview-main .crisp-themepicker-preview-bar, & [data-swatch="system"] .crisp-themepicker-preview-main .crisp-themepicker-preview-bar { background: #eeeff1; }
+    /* Dark swatch colours -- always for "dark", and for "system" only when the OS itself reports dark. */
+    & .crisp-themepicker-preview[data-swatch="dark"] { border: 1px solid #1c1d1f; background: #0e0f10; }
+    & [data-swatch="dark"] .crisp-themepicker-preview-bar:not(:nth-child(1)) { background: #1c1d1f; }
+    & [data-swatch="dark"] .crisp-themepicker-preview-main { background: #0a0a0a; }
+    & [data-swatch="dark"] .crisp-themepicker-preview-main .crisp-themepicker-preview-bar { background: #1c1d1f; }
+    @media (prefers-color-scheme: dark) { & .crisp-themepicker-preview[data-swatch="system"] { border: 1px solid #1c1d1f; background: #0e0f10; } & [data-swatch="system"] .crisp-themepicker-preview-bar:not(:nth-child(1)) { background: #1c1d1f; } & [data-swatch="system"] .crisp-themepicker-preview-main { background: #0a0a0a; } & [data-swatch="system"] .crisp-themepicker-preview-main .crisp-themepicker-preview-bar { background: #1c1d1f; } }
+    & .crisp-themepicker-label { display: flex; align-items: center; gap: var(--crisp-space-1); font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: var(--crisp-fg-muted); }
+    & .crisp-themepicker-option[data-selected] .crisp-themepicker-label { color: var(--crisp-fg-primary); }
+    & .crisp-themepicker-radio { flex-shrink: 0; width: 14px; height: 14px; border-radius: var(--crisp-radius-full); border: 1px solid var(--crisp-border-default); box-sizing: border-box; }
+    & .crisp-themepicker-option[data-selected] .crisp-themepicker-radio { border: 4px solid var(--crisp-bg-brand-solid); }
+}
+}

package/dist/tokens.css

@@ -7,6 +7,7 @@
   --crisp-bg-raised: #f4f4f5;
   --crisp-border-default: #e4e4e7;
   --crisp-border-subtle: #eeeff1;
+  --crisp-border-dropzone: #e6e7ea;
   --crisp-ring-neutral: transparent;
   --crisp-ring-field: rgba(0,0,0,0.06);
   --crisp-ring-switch: #d9dade;
@@ -25,6 +26,7 @@
   --crisp-fg-muted: #71717a;
   --crisp-bg-danger: #e5484d;
   --crisp-bg-danger-solid: #ba2525;
+  --crisp-fg-danger: #eb3b3b;
   --crisp-stroke-field-focus: #1a1c20;
   --crisp-fg-disabled: #d1d3d8;
   --crisp-bg-neutral-weak: #f3f4f5;
@@ -45,6 +47,9 @@
   --crisp-fg-warning-soft: #80520d;
   --crisp-fg-danger-soft: #a33539;
   --crisp-fg-neutral-soft: #686870;
+  --crisp-bg-purple-soft: #f5f0ff;
+  --crisp-fg-purple-soft: #6238b5;
+  --crisp-ring-purple-soft: #e8ddfe;
 }
 
 [data-theme="dark"] {
@@ -56,6 +61,7 @@
   --crisp-bg-raised: #101112;
   --crisp-border-default: #212224;
   --crisp-border-subtle: #1c1d1f;
+  --crisp-border-dropzone: #212224;
   --crisp-ring-neutral: #212224;
   --crisp-ring-field: #212224;
   --crisp-ring-switch: #212224;
@@ -74,6 +80,7 @@
   --crisp-fg-muted: #9a9aa2;
   --crisp-bg-danger: #ff5a5f;
   --crisp-bg-danger-solid: #ba2525;
+  --crisp-fg-danger: #ff5a5f;
   --crisp-stroke-field-focus: #f3f4f5;
   --crisp-fg-disabled: #5b606a;
   --crisp-bg-neutral-weak: #1d2025;
@@ -94,6 +101,9 @@
   --crisp-fg-warning-soft: #e0982a;
   --crisp-fg-danger-soft: #ff5a5f;
   --crisp-fg-neutral-soft: #9a9aa2;
+  --crisp-bg-purple-soft: #2f1e5a;
+  --crisp-fg-purple-soft: #d8c4ff;
+  --crisp-ring-purple-soft: #45297d;
 }
 
 :root {

package/dist/tokens.json

@@ -9,6 +9,7 @@
       "bgRaised": "#f4f4f5",
       "borderDefault": "#e4e4e7",
       "borderSubtle": "#eeeff1",
+      "borderDropzone": "#e6e7ea",
       "ringNeutral": "transparent",
       "ringField": "rgba(0,0,0,0.06)",
       "ringSwitch": "#d9dade",
@@ -27,6 +28,7 @@
       "fgMuted": "#71717a",
       "bgDanger": "#e5484d",
       "bgDangerSolid": "#ba2525",
+      "fgDanger": "#eb3b3b",
       "strokeFieldFocus": "#1a1c20",
       "fgDisabled": "#d1d3d8",
       "bgNeutralWeak": "#f3f4f5",
@@ -46,7 +48,10 @@
       "fgSuccessSoft": "#186b3d",
       "fgWarningSoft": "#80520d",
       "fgDangerSoft": "#a33539",
-      "fgNeutralSoft": "#686870"
+      "fgNeutralSoft": "#686870",
+      "bgPurpleSoft": "#f5f0ff",
+      "fgPurpleSoft": "#6238b5",
+      "ringPurpleSoft": "#e8ddfe"
     },
     "dark": {
       "bgBrandSolid": "#266df0",
@@ -57,6 +62,7 @@
       "bgRaised": "#101112",
       "borderDefault": "#212224",
       "borderSubtle": "#1c1d1f",
+      "borderDropzone": "#212224",
       "ringNeutral": "#212224",
       "ringField": "#212224",
       "ringSwitch": "#212224",
@@ -75,6 +81,7 @@
       "fgMuted": "#9a9aa2",
       "bgDanger": "#ff5a5f",
       "bgDangerSolid": "#ba2525",
+      "fgDanger": "#ff5a5f",
       "strokeFieldFocus": "#f3f4f5",
       "fgDisabled": "#5b606a",
       "bgNeutralWeak": "#1d2025",
@@ -94,7 +101,10 @@
       "fgSuccessSoft": "#2ea968",
       "fgWarningSoft": "#e0982a",
       "fgDangerSoft": "#ff5a5f",
-      "fgNeutralSoft": "#9a9aa2"
+      "fgNeutralSoft": "#9a9aa2",
+      "bgPurpleSoft": "#2f1e5a",
+      "fgPurpleSoft": "#d8c4ff",
+      "ringPurpleSoft": "#45297d"
     }
   },
   "palette": {
@@ -106,6 +116,7 @@
       "gray900": "#101112",
       "line200": "#e4e4e7",
       "line100": "#eeeff1",
+      "line150": "#e6e7ea",
       "ringNeutral": "transparent",
       "ringField": "rgba(0,0,0,0.06)",
       "ringSwitch": "#d9dade",
@@ -125,6 +136,7 @@
       "brand700": "#1f5fd6",
       "red600": "#e5484d",
       "red700": "#ba2525",
+      "red500": "#eb3b3b",
       "fieldFocus": "#1a1c20",
       "disabledFg": "#d1d3d8",
       "neutralWeak": "#f3f4f5",
@@ -143,7 +155,10 @@
       "softSuccessText": "#186b3d",
       "softWarningText": "#80520d",
       "softDangerText": "#a33539",
-      "softNeutralText": "#686870"
+      "softNeutralText": "#686870",
+      "purpleTint": "#f5f0ff",
+      "softPurpleText": "#6238b5",
+      "purpleRing": "#e8ddfe"
     },
     "dark": {
       "gray00": "#0a0a0a",
@@ -153,6 +168,7 @@
       "gray900": "#f5f5f5",
       "line200": "#212224",
       "line100": "#1c1d1f",
+      "line150": "#212224",
       "ringNeutral": "#212224",
       "ringField": "#212224",
       "ringSwitch": "#212224",
@@ -172,6 +188,7 @@
       "brand700": "#1f5fd6",
       "red600": "#ff5a5f",
       "red700": "#ba2525",
+      "red500": "#ff5a5f",
       "fieldFocus": "#f3f4f5",
       "disabledFg": "#5b606a",
       "neutralWeak": "#1d2025",
@@ -190,7 +207,10 @@
       "softSuccessText": "#2ea968",
       "softWarningText": "#e0982a",
       "softDangerText": "#ff5a5f",
-      "softNeutralText": "#9a9aa2"
+      "softNeutralText": "#9a9aa2",
+      "purpleTint": "#2f1e5a",
+      "softPurpleText": "#d8c4ff",
+      "purpleRing": "#45297d"
     }
   },
   "space": {

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

@@ -13,6 +13,7 @@ export declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedH
         readonly success: string;
         readonly warning: string;
         readonly danger: string;
+        readonly purple: string;
     };
     readonly size: {
         readonly small: string;
@@ -31,6 +32,7 @@ export declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedH
             readonly success: string;
             readonly warning: string;
             readonly danger: string;
+            readonly purple: string;
         };
         readonly size: {
             readonly small: string;

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

@@ -48,6 +48,11 @@ declare const spec: {
                 color: `var(--${string})`;
                 boxShadow: string;
             };
+            readonly purple: {
+                readonly background: `var(--${string})`;
+                readonly color: `var(--${string})`;
+                readonly boxShadow: `inset 0 0 0 1px var(--${string})`;
+            };
         };
         readonly size: {
             readonly small: {
@@ -128,6 +133,7 @@ declare const config: import("../..").RecipeConfig<{
         readonly success: string;
         readonly warning: string;
         readonly danger: string;
+        readonly purple: string;
     };
     readonly size: {
         readonly small: string;
@@ -146,6 +152,7 @@ export declare const badgeRecipe: import("../..").RecipeFn<{
         readonly success: string;
         readonly warning: string;
         readonly danger: string;
+        readonly purple: string;
     };
     readonly size: {
         readonly small: string;
@@ -164,6 +171,7 @@ export declare const badgeRecipe: import("../..").RecipeFn<{
             readonly success: string;
             readonly warning: string;
             readonly danger: string;
+            readonly purple: string;
         };
         readonly size: {
             readonly small: string;

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

@@ -220,6 +220,17 @@ export type DataTableProps<T extends {
      * direction like `stickyFirst` does: it pins to the trailing edge, which is
      * the left edge under `dir="rtl"` (#288). */
     stickyLast?: boolean;
+    /** Props on the scroll element itself (`style`/`className`/other div
+     * attributes) -- for bounding the grid's height so its sticky header and
+     * calc footer (#554) pin the way Attio's own grid does, the same
+     * `scrollProps` shape `Table` already takes directly (its own doc comment
+     * on #554 assumes this -- `DataTable` didn't actually expose it, #569).
+     * e.g. `scrollProps={{ style: { maxHeight: "calc(100vh - 220px)" } }}`.
+     * `ref` and `onScroll` are owned internally (this component tracks its own
+     * sticky-column scroll shadows) and are dropped if passed. `className`
+     * merges with the internal `crisp-table-scroll` class the same way
+     * `Table`'s own `scrollProps` does. */
+    scrollProps?: Omit<React.ComponentPropsWithoutRef<"div">, "ref" | "onScroll">;
     /** BCP 47 locale for the built-in `date`/`number`/`currency` renderers
      * (default "en-US"). Formats the date and groups the number the way that
      * locale's readers expect — e.g. "mn-MN" renders a date as "2026.09.12"
@@ -254,7 +265,7 @@ export type DataTableProps<T extends {
 };
 export declare function DataTable<T extends {
     id: string;
-}>({ columns: columnsProp, data, selectable, selectedIds, onSelectionChange, selectAllLabel: selectAllLabelProp, selectRowLabel, selectionAnnouncement, columnMenu, onColumnsChange, groupBy, onRowsReorder, error, sort: sortProp, defaultSort, onSortChange, filterable, searchPlaceholder: searchPlaceholderProp, searchLabel: searchLabelProp, onEdit, stickyFirst, stickyLast, locale: localeProp, avatarTone, surface, interactive, onRowClick, onAddRow, addRowLabel: addRowLabelProp, empty: emptyProp, showCount, countLabel, toolbar, className, reorderRowLabel: reorderRowLabelProp, sortAscendingLabel: sortAscendingLabelProp, sortDescendingLabel: sortDescendingLabelProp, moveColumnLeftLabel: moveColumnLeftLabelProp, moveColumnRightLabel: moveColumnRightLabelProp, editColumnLabel: editColumnLabelProp, hideColumnLabel: hideColumnLabelProp, renameColumnLabel: renameColumnLabelProp, viewSettingsLabel: viewSettingsLabelProp, columnsGroupLabel: columnsGroupLabelProp, ...rest }: DataTableProps<T>): React.JSX.Element;
+}>({ columns: columnsProp, data, selectable, selectedIds, onSelectionChange, selectAllLabel: selectAllLabelProp, selectRowLabel, selectionAnnouncement, columnMenu, onColumnsChange, groupBy, onRowsReorder, error, sort: sortProp, defaultSort, onSortChange, filterable, searchPlaceholder: searchPlaceholderProp, searchLabel: searchLabelProp, onEdit, stickyFirst, stickyLast, scrollProps, locale: localeProp, avatarTone, surface, interactive, onRowClick, onAddRow, addRowLabel: addRowLabelProp, empty: emptyProp, showCount, countLabel, toolbar, className, reorderRowLabel: reorderRowLabelProp, sortAscendingLabel: sortAscendingLabelProp, sortDescendingLabel: sortDescendingLabelProp, moveColumnLeftLabel: moveColumnLeftLabelProp, moveColumnRightLabel: moveColumnRightLabelProp, editColumnLabel: editColumnLabelProp, hideColumnLabel: hideColumnLabelProp, renameColumnLabel: renameColumnLabelProp, viewSettingsLabel: viewSettingsLabelProp, columnsGroupLabel: columnsGroupLabelProp, ...rest }: DataTableProps<T>): React.JSX.Element;
 export declare namespace DataTable {
     var displayName: string;
 }

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

@@ -0,0 +1,2 @@
+export { MentionChip, type MentionChipProps } from "./mentionchip";
+export { mentionChipRecipe } from "./mentionchip.recipe";

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+export type MentionChipProps = React.ComponentPropsWithoutRef<"span"> & {
+    asChild?: boolean;
+};
+/**
+ * A standalone "@mention" chip — the same look `RichTextEditor` draws
+ * inline while an editor is live (`.crisp-rte-mention`), exported on its
+ * own for a consumer rendering a mention OUTSIDE a mounted editor: a
+ * comment thread, a note's collapsed preview, anywhere a stored
+ * `@[Name](actor:id)`-shaped token needs to read as a person, not literal
+ * markup. Renders whatever `children` is given (the trigger character
+ * included, if the caller wants one, matching how `RichTextEditor`'s own
+ * chip includes it) rather than assuming an `@` prefix itself — plain text,
+ * no built-in click/remove behaviour (none was asked for; add one once a
+ * real interaction is measured, the same reasoning `Chip`'s own doc gives
+ * for not guessing a remove affordance).
+ */
+export declare const MentionChip: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,18 @@
+declare const spec: {
+    readonly name: "mention-chip";
+    readonly base: {
+        readonly display: "inline";
+        readonly borderRadius: `var(--${string})`;
+        readonly paddingInline: `var(--${string})`;
+        readonly background: `color-mix(in srgb, var(--${string}) 14%, transparent)`;
+        readonly color: `color-mix(in srgb, var(--${string}) 82%, var(--${string}))`;
+        readonly fontWeight: `var(--${string})`;
+        readonly cursor: "default";
+    };
+};
+declare const config: import("../..").RecipeConfig<Record<string, Record<string, string>>>;
+export declare const mentionChipRecipe: import("../..").RecipeFn<Record<string, Record<string, string>>> & {
+    config: import("../..").RecipeConfig<Record<string, Record<string, string>>>;
+};
+export { spec };
+export default config;

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

@@ -11,6 +11,20 @@ export declare function registerFloatingLayer(el: HTMLElement): () => void;
  * right query for "was this click inside some floating child I opened".
  */
 export declare function isInsideLaterFloatingLayer(target: Node, self: HTMLElement | null): boolean;
+/**
+ * True when a layer is registered strictly after `self` — i.e. `self` has
+ * spawned a still-open nested layer of its own (a row's kebab `Menu` inside
+ * `SavedViews`' own panel, e.g.).
+ *
+ * This is `hasOpenFloatingLayer`'s sibling for a caller that DOES register
+ * itself on this stack: `hasOpenFloatingLayer` reads "is the stack
+ * non-empty", which is always true for such a caller once its own layer is
+ * open — checking that before closing on Escape would defer to itself
+ * forever and Escape would never close it. `self`'s own position on the
+ * stack has to be excluded from the count, which `hasOpenFloatingLayer`
+ * cannot do since it takes no argument.
+ */
+export declare function hasNestedFloatingLayer(self: HTMLElement | null): boolean;
 /**
  * True when at least one `Select`/`MultiSelect`/`Menu`/`Popover`/
  * `ContextMenu` is currently open, anywhere (#361).

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

@@ -5,7 +5,7 @@ export { defineRecipe } from "./define";
 export { withDescribedBy } from "./dialog-description";
 export { isRtlElement } from "./direction";
 export { FloatingPortal } from "./floating-portal";
-export { hasOpenFloatingLayer, isInsideLaterFloatingLayer, registerFloatingLayer, } from "./floating-stack";
+export { hasNestedFloatingLayer, hasOpenFloatingLayer, isInsideLaterFloatingLayer, registerFloatingLayer, } from "./floating-stack";
 export { formValueStyle } from "./form-value";
 export { type CrispComponentDefaults, type CrispMessages, CrispMessagesProvider, useCrispComponentDefaults, useCrispMessage, useCrispMessages, } from "./i18n";
 export { type MentionAnchor, type MentionMatch, matchMentionTrigger, } from "./mention";

package/dist/types/index.d.ts

@@ -29,6 +29,7 @@ export * from "./components/heatmapchart";
 export * from "./components/input";
 export * from "./components/kbd";
 export * from "./components/linechart";
+export * from "./components/mentionchip";
 export * from "./components/menu";
 export * from "./components/middletruncate";
 export * from "./components/multiselect";
@@ -57,13 +58,16 @@ export * from "./components/tooltip";
 export * from "./components/visuallyhidden";
 export * from "./components/wheelpicker";
 export * from "./core";
+export * from "./product/activityfeed";
 export * from "./product/appshell";
 export * from "./product/authshell";
 export * from "./product/board";
 export * from "./product/command";
 export * from "./product/entitycard";
 export * from "./product/flowcanvas";
+export * from "./product/formdialog";
 export * from "./product/headerbar";
+export * from "./product/importdialog";
 export * from "./product/inbox";
 export * from "./product/listpage";
 export * from "./product/navitem";
@@ -72,11 +76,14 @@ export * from "./product/recordpage";
 export * from "./product/recordpanel";
 export * from "./product/recordstable";
 export * from "./product/richtext";
+export * from "./product/savedviews";
 export * from "./product/settingssection";
 export * from "./product/settingsshell";
 export * from "./product/sidebar";
 export * from "./product/statlist";
 export * from "./product/tasklist";
+export * from "./product/taskstable";
+export * from "./product/themepicker";
 export * from "./product/trialbanner";
 export * from "./product/viewtoggle";
 export * from "./tokens";

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

@@ -0,0 +1,57 @@
+import type * as React from "react";
+export type ActivityFeedProps = React.ComponentPropsWithoutRef<"div"> & {
+    className?: string;
+};
+/**
+ * A record's own event timeline — a vertically stacked, bordered list of
+ * `ActivityFeedRow`s, capped at a readable content width. Built for
+ * internal/grc's per-record "Activity" tab (crisp#462 SHELL/forms gap): it
+ * replaces a hand-rolled `<div className="mx-auto max-w-3xl space-y-4
+ * p-6">`. No live Attio re-measurement behind its own chrome this pass (the
+ * CDP bridge was unreachable when this was built) — see the recipe's own
+ * doc comment for which already-measured crisp values it reuses instead of
+ * a new guess.
+ */
+export declare function ActivityFeed({ className, children, ...rest }: ActivityFeedProps): React.JSX.Element;
+export declare namespace ActivityFeed {
+    var displayName: string;
+}
+export type ActivityFeedRowProps = {
+    /** Who did it — a chip, an avatar+name, whatever the consumer's identity
+     *  treatment is. crisp renders no actor chip of its own. */
+    actor: React.ReactNode;
+    /** What happened — a tag/badge naming the action. */
+    action: React.ReactNode;
+    /** When — already formatted for display. */
+    when: React.ReactNode;
+    /** An optional field-level diff list under the row (see
+     *  `ActivityFeedDiffItem`). */
+    children?: React.ReactNode;
+};
+/** One event row: actor + action + timestamp, with an optional diff list
+ *  underneath. The last row in an `ActivityFeed` draws no divider. */
+export declare function ActivityFeedRow({ actor, action, when, children, }: ActivityFeedRowProps): React.JSX.Element;
+export declare namespace ActivityFeedRow {
+    var displayName: string;
+}
+export type ActivityFeedDiffItemProps = {
+    /** The changed field's label. */
+    field: React.ReactNode;
+    /** The prior value, already formatted — omit for a "set to" (no known
+     *  prior value) row. */
+    before?: React.ReactNode;
+    /** The new value, already formatted. */
+    after: React.ReactNode;
+};
+/** One changed-field line under an `ActivityFeedRow` — "Field: before →
+ *  after", or "Field: set to after" when there is no known prior value. */
+export declare function ActivityFeedDiffItem({ field, before, after, }: ActivityFeedDiffItemProps): React.JSX.Element;
+export declare namespace ActivityFeedDiffItem {
+    var displayName: string;
+}
+export declare function ActivityFeedDiffList({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare namespace ActivityFeedDiffList {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+export { ActivityFeed, ActivityFeedDiffItem, type ActivityFeedDiffItemProps, ActivityFeedDiffList, type ActivityFeedProps, ActivityFeedRow, type ActivityFeedRowProps, } from "./activityfeed";
+export { activityfeedRecipe } from "./activityfeed.recipe";

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

@@ -0,0 +1,57 @@
+import * as React from "react";
+/** See `OptionalLabelsContext`. Call from a field wrapper as
+ *  `optional={useFormDialogOptional(required)}`. */
+export declare function useFormDialogOptional(required: boolean): boolean;
+export type FormDialogProps = Omit<React.ComponentPropsWithoutRef<"div">, "title" | "children" | "onSubmit" | "onClose"> & {
+    title: React.ReactNode;
+    /** The primary button's label on an edit dialog ("Save"). Ignored when
+     *  `createMode` is set — Attio's own button always reads "Create record",
+     *  never the object's name (measured live: "New Company"'s dialog still
+     *  says "Create record", not "Create company"). */
+    submitLabel: React.ReactNode;
+    /** Called on submit — click, Enter in a field, or (in `createMode`)
+     *  Cmd/Ctrl+Enter — with whether the "Create more" switch was on at that
+     *  moment. An edit dialog (no switch, always `false`) can ignore it. */
+    onSubmit: (createMore: boolean) => void;
+    onClose: () => void;
+    busy?: boolean;
+    /** Anything the server rejected that belongs to no one field. */
+    error?: React.ReactNode;
+    children: React.ReactNode;
+    /** Widens the dialog for a form with more columns to hold. */
+    wide?: boolean;
+    /** Dialog content width in px, overrides `wide`. */
+    size?: number;
+    /** Bundles Attio's whole "New Company" create-dialog chrome (crisp#548,
+     *  measured live): "(optional)" on every non-required field (via
+     *  `useFormDialogOptional`); a footer of a "Create more" switch and a
+     *  single "Create record ⌘↵" button with NO Cancel — Attio's dialog
+     *  closes only from the header's ×; and Cmd/Ctrl+Enter submitting from
+     *  anywhere inside the dialog, including a portaled Select/DatePicker
+     *  popover. Only ever set by a create dialog — an edit dialog keeps
+     *  Cancel + `submitLabel`, unmeasured territory the audit never touched. */
+    createMode?: boolean;
+    createMoreLabel?: string;
+    cancelLabel?: string;
+    discardTitle?: string;
+    discardConfirmLabel?: string;
+    discardCancelLabel?: string;
+};
+/**
+ * A modal for a create or edit form — crisp's own `Dialog`/`DialogBody`/
+ * `DialogFooter`, plus everything a record-creating form needs beyond plain
+ * chrome (crisp#548, moved out of internal/grc's own `forms.tsx`, called
+ * from nine places there): dirty tracking with a discard-changes confirm
+ * (any click/change/input inside the form marks it dirty; Escape/backdrop/
+ * header-×/Cancel all route through one `requestClose`, which only asks
+ * when something actually changed — a stacked crisp `Dialog`), a
+ * `beforeunload` guard for a reload or external navigation, and
+ * scroll-to-first-invalid-field once a submit attempt finishes (crisp's own
+ * `FormField` already marks every control `aria-invalid`, so this needs no
+ * 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 namespace FormDialog {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+export { FormDialog, type FormDialogProps, useFormDialogOptional, } from "./formdialog";
+export { formdialogRecipe } from "./formdialog.recipe";

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

@@ -0,0 +1,86 @@
+import type { FileRejection, UseFileUploadProps } from "@seed-design/react-file-upload";
+import * as React from "react";
+export type { FileRejection };
+export type ImportDialogStep = {
+    /** Stable id, compared against `activeStep`. */
+    id: string;
+    label: React.ReactNode;
+};
+/**
+ * Root props land on the DIALOG SURFACE — same convention as `Dialog`/
+ * `Drawer` (#223): the element a consumer actually wants to reach (for
+ * `aria-describedby`, a `data-testid`, a `style`) is the panel, not the
+ * portal wrapper.
+ */
+export type ImportDialogProps = Omit<React.ComponentPropsWithoutRef<"div">, "title" | "children"> & {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Header title (default "Import"). */
+    title?: React.ReactNode;
+    /** The fixed step header — id + label pairs, in order. */
+    steps: ImportDialogStep[];
+    /** Which step's id is current — drives both the header pill and, when a
+     * consumer wires `onStepClick`, which row gets `aria-current`. */
+    activeStep: string;
+    /** Fired when an earlier step's pill is clicked. Omit to make the header
+     * display-only (Attio's own back-navigation between steps wasn't part of
+     * this measurement pass). */
+    onStepClick?: (id: string) => void;
+    /** The active step's body. */
+    children?: React.ReactNode;
+    /** Primary action label (e.g. "Next", "Import 40 rows"). Default "Next". */
+    primaryLabel?: React.ReactNode;
+    onPrimary?: () => void;
+    primaryDisabled?: boolean;
+    "aria-label"?: string;
+    /** aria-label on the close button (default "Close"). */
+    closeLabel?: string;
+};
+/**
+ * A full-viewport step wizard — Attio's own CSV import flow (measured live:
+ * `1584x871` filling a ~1600x900 viewport, `border-radius: 0`, no shadow,
+ * opaque white). Composes Zag's dialog machine for focus-trap/scroll-lock/
+ * Escape exactly like `Dialog`/`Drawer`, with its own recipe for the
+ * full-bleed chrome neither of those two share (see importdialog.recipe.ts).
+ *
+ * The step header and footer are generic — the wizard doesn't know about
+ * CSV. Step 1's body is typically `ImportDialogDropzone`; steps 2-4
+ * (map columns / review values / preview import) are consumer-supplied
+ * `children`, since Attio's own column-mapping UI wasn't part of this
+ * measurement pass.
+ */
+export declare function ImportDialog({ open, onOpenChange, title, steps, activeStep, onStepClick, children, primaryLabel, onPrimary, primaryDisabled, "aria-label": ariaLabel, closeLabel: closeLabelProp, className, style, "aria-describedby": describedBy, ...rest }: ImportDialogProps): React.JSX.Element | null;
+export declare namespace ImportDialog {
+    var displayName: string;
+}
+export type ImportDialogDropzoneProps = Omit<React.ComponentPropsWithoutRef<"div">, "children" | "onDrop"> & {
+    /** Accepted file type(s), e.g. ".csv" (the default) or "text/csv". */
+    accept?: UseFileUploadProps["accept"];
+    disabled?: boolean;
+    maxFileSize?: number;
+    /** Fired with the accepted file. One file per drop/pick — a CSV import
+     * has exactly one source file, unlike the generic `FileUpload` list. */
+    onFileAccept?: (file: File) => void;
+    onFileReject?: (rejections: FileRejection[]) => void;
+    dropLabel?: React.ReactNode;
+    orLabel?: React.ReactNode;
+    chooseLabel?: React.ReactNode;
+    learnMoreHref?: string;
+    learnMoreLabel?: React.ReactNode;
+};
+/**
+ * The step-1 drop target — measured chrome (`border: 1px dashed
+ * rgb(230,231,234)`, `border-radius: 20px`, `background: rgb(251,251,251)`)
+ * over the SAME headless drag/drop + file-picker engine `FileUpload` uses
+ * (`@seed-design/react-file-upload`'s `useFileUpload`), rather than a fork
+ * of it. `FileUpload`'s own rendered markup (a single button carrying one
+ * title + one hint) can't host this dropzone's four separate pieces of copy
+ * — a title, an "or" divider, a "Choose a .CSV file" trigger, and a "Learn
+ * more" link that needs its own `<a href>` — so this composes the hook
+ * directly instead of wrapping `<FileUpload>`, and the engine (not this
+ * file) still owns every bit of drag-state/accept/reject behaviour.
+ */
+export declare function ImportDialogDropzone({ accept, disabled, maxFileSize, onFileAccept, onFileReject, dropLabel, orLabel, chooseLabel, learnMoreHref, learnMoreLabel, className, id, ...rest }: ImportDialogDropzoneProps): React.JSX.Element;
+export declare namespace ImportDialogDropzone {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+export * from "./importdialog";
+export * from "./importdialog.recipe";

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

@@ -0,0 +1,2 @@
+export { type SavedView, SavedViews, type SavedViewsProps, } from "./savedviews";
+export { savedviewsRecipe } from "./savedviews.recipe";