@crisp-ui-kit/crisp 0.54.2 → 0.54.4

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

@@ -3,7 +3,9 @@ declare const spec: {
     readonly base: {
         readonly display: "inline-flex";
         readonly alignItems: "center";
+        readonly gap: "3px";
         readonly height: `var(--${string})`;
+        readonly minWidth: 0;
         readonly paddingInline: `var(--${string})`;
         readonly borderRadius: `var(--${string})`;
         readonly fontSize: `var(--${string})`;
@@ -12,6 +14,22 @@ declare const spec: {
         readonly whiteSpace: "nowrap";
     };
     readonly variants: {
+        readonly truncate: {
+            readonly true: {
+                readonly decls: {};
+                readonly parts: [{
+                    readonly selector: "& .crisp-chip-label";
+                    readonly decls: {
+                        readonly minWidth: 0;
+                        readonly overflow: "hidden";
+                        readonly textOverflow: "ellipsis";
+                        readonly whiteSpace: "nowrap";
+                        readonly display: "block";
+                    };
+                }];
+            };
+            readonly false: {};
+        };
         readonly tone: {
             readonly neutral: {
                 readonly background: string;
@@ -57,9 +75,14 @@ declare const spec: {
     };
     readonly defaultVariants: {
         readonly tone: "neutral";
+        readonly truncate: false;
     };
 };
 declare const config: import("../..").RecipeConfig<{
+    readonly truncate: {
+        readonly true: string;
+        readonly false: string;
+    };
     readonly tone: {
         readonly neutral: string;
         readonly brand: string;
@@ -72,6 +95,10 @@ declare const config: import("../..").RecipeConfig<{
     };
 }>;
 export declare const chipRecipe: import("../..").RecipeFn<{
+    readonly truncate: {
+        readonly true: string;
+        readonly false: string;
+    };
     readonly tone: {
         readonly neutral: string;
         readonly brand: string;
@@ -84,6 +111,10 @@ export declare const chipRecipe: import("../..").RecipeFn<{
     };
 }> & {
     config: import("../..").RecipeConfig<{
+        readonly truncate: {
+            readonly true: string;
+            readonly false: string;
+        };
         readonly tone: {
             readonly neutral: string;
             readonly brand: string;

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

@@ -3,6 +3,10 @@ type IconType = React.ComponentType<{
     size?: number;
     strokeWidth?: number;
 }>;
+export declare function isLabelTruncated(el: {
+    scrollWidth: number;
+    clientWidth: number;
+}): boolean;
 export type EntityValue = {
     name: string;
     avatar?: string;
@@ -21,9 +25,10 @@ export type DataEditableOption = {
 export type DataCellType = "text" | "entity" | "tags" | "status" | "date" | "datetime" | "number" | "currency";
 export type DataTableColumn<T> = {
     key: string;
-    /** Truncates with an ellipsis when it's wider than the
-     * column. The full text stays in the DOM, so assistive tech and copy/paste
-     * get all of it; there is deliberately no `title` tooltip — see the recipe. */
+    /** Truncates with an ellipsis when it's wider than the column (#534: a
+     * `Tooltip` with the full text appears on hover/focus once it actually
+     * overflows — see `ThLabel` below). The full text stays in the DOM
+     * regardless, so assistive tech and copy/paste get all of it either way. */
     header: React.ReactNode;
     /** Built-in rich renderer: entity (avatar+name), tags (colour pills), status
      * (dot), date, number, currency. Overridden by `render`. */
@@ -261,11 +266,30 @@ export type DataTableProps<T extends {
     countLabel?: (shown: number, total: number) => React.ReactNode;
     /** Extra toolbar content (e.g. buttons) on the right of the toolbar. */
     toolbar?: React.ReactNode;
+    /**
+     * Bounds the grid's body to a fixed viewport height and makes it scroll
+     * internally (the way Attio's own grid does), which is also what turns on
+     * ROW virtualization (#577) -- only rows inside that viewport (plus a
+     * small overscan) render; rows outside it collapse into two spacer `<tr>`s
+     * so the scrollbar still reflects the true row count. A number is pixels;
+     * a string is any CSS length ("100%", "60vh") -- the first paint
+     * (including SSR) windows to an assumed viewport before the real size is
+     * measured on mount, so a plain number gets a pixel-accurate first window
+     * and a string gets an approximate one that corrects itself right after
+     * hydration.
+     *
+     * Omitted (the default): the grid grows to fit every row, exactly as
+     * before -- there is no internal scroll position for row windowing to mean
+     * anything, so this is the opt-in half of virtualization. COLUMN
+     * virtualization (below) is the other half and does NOT need this prop --
+     * the grid already has a determinate horizontal scroll container.
+     */
+    height?: number | string;
     className?: string;
 };
 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, 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;
+}>({ 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, height, 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/emptystate/emptystate.d.ts

@@ -1,19 +1,44 @@
 import type * as React from "react";
+/**
+ * #603: Attio's zero-*records* state (Users/Workspaces with nothing
+ * imported yet) pairs a "Learn more" label with a clickable card — an
+ * icon tile plus a title, e.g. "Learn more" / "Understanding records".
+ * Rendered as an `<a>` when `href` is given (matches Attio's own
+ * "Import CSV"/card being real links), a `<button>` otherwise.
+ */
+export type EmptyStateLearnMore = {
+    icon: React.ReactNode;
+    /** Defaults to "Learn more". */
+    label?: React.ReactNode;
+    title: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+};
 export type EmptyStateProps = Omit<React.ComponentPropsWithoutRef<"div">, "title"> & {
     icon?: React.ReactNode;
     title: React.ReactNode;
     description?: React.ReactNode;
-    /** A primary action (e.g. a Button) shown below. */
+    /**
+     * A primary action (e.g. a Button) shown below. Pass more than one
+     * (a Fragment of Buttons) for a multi-CTA state (#603, measured:
+     * Attio's zero-records "Import CSV" + "Connect data source" pair,
+     * 8px gap) -- the container lays them out in a row automatically.
+     */
     action?: React.ReactNode;
+    /** A "Learn more" card below the action(s) (#603). */
+    learnMore?: EmptyStateLearnMore;
     /**
      * `illustrated` shows a large icon on a dotted-grid backdrop; `page` is
-     * the full-view empty state (ringed circle icon + 20px heading).
+     * the full-view empty state (ringed circle icon + 20px heading);
+     * `records` is the larger (138px) dotted-grid tile Attio's zero-records
+     * table state uses (#603) -- same backdrop idiom as `illustrated`, a
+     * different measured size because it's a different surface.
      */
-    variant?: "default" | "illustrated" | "page";
+    variant?: "default" | "illustrated" | "page" | "records";
     className?: string;
 };
 /** A centred empty-state panel — icon, title, description, optional action. */
-export declare function EmptyState({ icon, title, description, action, variant, className, ...rest }: EmptyStateProps): React.JSX.Element;
+export declare function EmptyState({ icon, title, description, action, learnMore, variant, className, ...rest }: EmptyStateProps): React.JSX.Element;
 export declare namespace EmptyState {
     var displayName: string;
 }

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

@@ -3,6 +3,7 @@ declare const config: import("../..").RecipeConfig<{
         default: string;
         illustrated: string;
         page: string;
+        records: string;
     };
 }>;
 export declare const emptystateRecipe: import("../..").RecipeFn<{
@@ -10,6 +11,7 @@ export declare const emptystateRecipe: import("../..").RecipeFn<{
         default: string;
         illustrated: string;
         page: string;
+        records: string;
     };
 }>;
 export default config;

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

@@ -1,2 +1,2 @@
-export { EmptyState, type EmptyStateProps } from "./emptystate";
+export { EmptyState, type EmptyStateLearnMore, type EmptyStateProps, } from "./emptystate";
 export { emptystateRecipe } from "./emptystate.recipe";

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

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

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

@@ -0,0 +1,37 @@
+import type * as React from "react";
+export type PersonChipProps = Omit<React.ComponentPropsWithoutRef<"span">, "children"> & {
+    /** The person's display name — also the avatar's initials fallback. */
+    name: string;
+    /** A photo URL. Omitted (no populated photo field was reachable to
+     *  measure this round), the avatar falls back to a per-name hashed-colour
+     *  initials tile. */
+    avatar?: string;
+    /** De-emphasises the name (e.g. a departed person, a system actor) —
+     *  `fgNeutralMuted`, the same token `Text`'s own `tone="muted"` uses.
+     *  Applied to the name only; the avatar keeps its full-strength tone so
+     *  the chip still reads as a distinct person, not a disabled control. */
+    muted?: boolean;
+    className?: string;
+};
+/**
+ * A person, as a chip: a small avatar (a photo, or hashed-colour initials)
+ * plus their name, truncating with an ellipsis when it doesn't fit — Attio's
+ * own actor chip (measured live on `techpartners`, Tasks page, "Assigned to"
+ * column): a 16px circular avatar in a neutral `Chip`, `gap: 3px` between
+ * avatar and name (now `Chip`'s own base — every multi-child `Chip` gets
+ * it). Every other value — the pill's height, padding, radius, ring and text
+ * — is already `Chip`'s, unchanged; `PersonChip` adds no recipe of its own.
+ *
+ * Ellipsis only, no `Tooltip` on hover (#623 — no Attio reference for one;
+ * a truncated cell there is revealed by its own click-to-expand, #579, a
+ * different, DataTable-specific interaction).
+ *
+ * Composes `Chip`'s `truncate` CSS directly rather than its string-only
+ * auto-wrap (children here is an avatar plus a name, not a single string),
+ * so the name gets its own `.crisp-chip-label` span while the avatar stays
+ * fixed-size.
+ */
+export declare function PersonChip({ name, avatar, muted, className, ...props }: PersonChipProps): React.JSX.Element;
+export declare namespace PersonChip {
+    var displayName: string;
+}

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

@@ -8,6 +8,24 @@ export type TableProps = React.ComponentPropsWithoutRef<"table"> & VariantProps<
     scrollProps?: React.ComponentPropsWithoutRef<"div"> & {
         ref?: React.Ref<HTMLDivElement>;
     };
+    /**
+     * Style applied to the `<table>` element itself, as opposed to `style`
+     * (below), which sizes the OUTER bordered wrapper -- crisp/#581.
+     * `DataTable` uses this for its `min-width: <sum of column widths>`,
+     * which forces `<table>` to its true content width and lets
+     * `.crisp-table-scroll`'s existing `overflow-x: auto` scroll it
+     * internally. Putting that same min-width on the outer wrapper
+     * (`style`) instead, as this component used to require, forces the
+     * WRAPPER itself that wide -- a plain block box's width is normally set
+     * by its own container regardless of a child's min-width, so the only
+     * element that should ever be forced wider than its container is the
+     * scrollable one, never an ancestor of it. Getting this backwards is
+     * exactly what made a `DataTable` widen its own page instead of
+     * scrolling in place (internal/grc#117), forcing GRC to hand-build its
+     * own `overflow: hidden` clipping wrapper around it -- which the
+     * crisp-only rule forbids and which this makes unnecessary.
+     */
+    tableStyle?: React.CSSProperties;
 };
 /**
  * A composable data table. Wraps `<table>` in a horizontally scrollable
@@ -32,6 +50,24 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<React.DetailedH
     scrollProps?: React.ComponentPropsWithoutRef<"div"> & {
         ref?: React.Ref<HTMLDivElement>;
     };
+    /**
+     * Style applied to the `<table>` element itself, as opposed to `style`
+     * (below), which sizes the OUTER bordered wrapper -- crisp/#581.
+     * `DataTable` uses this for its `min-width: <sum of column widths>`,
+     * which forces `<table>` to its true content width and lets
+     * `.crisp-table-scroll`'s existing `overflow-x: auto` scroll it
+     * internally. Putting that same min-width on the outer wrapper
+     * (`style`) instead, as this component used to require, forces the
+     * WRAPPER itself that wide -- a plain block box's width is normally set
+     * by its own container regardless of a child's min-width, so the only
+     * element that should ever be forced wider than its container is the
+     * scrollable one, never an ancestor of it. Getting this backwards is
+     * exactly what made a `DataTable` widen its own page instead of
+     * scrolling in place (internal/grc#117), forcing GRC to hand-build its
+     * own `overflow: hidden` clipping wrapper around it -- which the
+     * crisp-only rule forbids and which this makes unnecessary.
+     */
+    tableStyle?: React.CSSProperties;
 } & React.RefAttributes<HTMLTableElement>>;
 export declare const TableHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
 export declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

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

@@ -8,7 +8,7 @@ export type ToolbarSort = {
     key: string;
     dir: SortDir;
 };
-export type ToolbarFilterOp = "contains" | "is" | "isnot" | "isanyof" | "empty" | "notempty";
+export type ToolbarFilterOp = "contains" | "doesnotcontain" | "startswith" | "endswith" | "is" | "isnot" | "isanyof" | "empty" | "notempty";
 export type ToolbarFilter = {
     id: string;
     key: string;
@@ -92,6 +92,12 @@ export type TableToolbarProps = Omit<React.ComponentPropsWithoutRef<"div">, "chi
     filterFieldPlaceholder?: string;
     /** Placeholder in a filter row's value input (default "Value…"). */
     filterValuePlaceholder?: string;
+    /** aria-label on a filter chip's "⋮" kebab (default "Filter options"). */
+    filterOptionsLabel?: string;
+    /** Label on the filter chip kebab's "Delete filter" action (default
+     *  "Delete filter") — Attio's own chip kebab (#594) has exactly this one
+     *  item. */
+    deleteFilterLabel?: string;
     /** Label on the "ascending" sort-direction option (default "Ascending"). */
     ascendingLabel?: string;
     /** Label on the "descending" sort-direction option (default "Descending"). */
@@ -139,7 +145,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, ascendingLabel: ascendingLabelProp, descendingLabel: descendingLabelProp, sortTriggerLabel, filterTriggerLabel, inline, ...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, ...rest }: TableToolbarProps): React.JSX.Element;
 export type ToolbarToolProps = React.ComponentPropsWithoutRef<"button"> & {
     /** Drawn the way Sort/Filter are once a condition is set (#399). */
     active?: boolean;

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

@@ -1,4 +1,6 @@
 import * as React from "react";
+import type { VariantProps } from "../../core";
+import { tabsRecipe } from "./tabs.recipe";
 export type TabItem = {
     value: string;
     label: React.ReactNode;
@@ -8,7 +10,7 @@ export type TabItem = {
     badge?: React.ReactNode;
     disabled?: boolean;
 };
-export type TabsProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" | "defaultValue" | "children"> & {
+export type TabsProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" | "defaultValue" | "children"> & VariantProps<typeof tabsRecipe> & {
     tabs: TabItem[];
     /** Controlled active value. Omit to let Tabs manage it (see defaultValue). */
     value?: string;
@@ -27,7 +29,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, "aria-label": ariaLabel, ...rest }: TabsProps): React.JSX.Element;
+export declare function Tabs({ tabs, value, defaultValue, onValueChange, leading, children, className, fill, "aria-label": ariaLabel, ...rest }: TabsProps): React.JSX.Element;
 export declare namespace Tabs {
     var displayName: string;
 }

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

@@ -1,5 +1,20 @@
-declare const config: import("../..").RecipeConfig<{}>;
-export declare const tabsRecipe: import("../..").RecipeFn<{}> & {
-    config: import("../..").RecipeConfig<{}>;
+declare const config: import("../..").RecipeConfig<{
+    fill: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const tabsRecipe: import("../..").RecipeFn<{
+    fill: {
+        true: string;
+        false: string;
+    };
+}> & {
+    config: import("../..").RecipeConfig<{
+        fill: {
+            true: string;
+            false: string;
+        };
+    }>;
 };
 export default config;

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

@@ -0,0 +1,2 @@
+export { Text, type TextProps } from "./text";
+export { textRecipe } from "./text.recipe";

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

@@ -0,0 +1,32 @@
+import * as React from "react";
+import type { VariantProps } from "../../core";
+import { textRecipe } from "./text.recipe";
+export type TextProps = React.ComponentPropsWithoutRef<"span"> & VariantProps<typeof textRecipe> & {
+    asChild?: boolean;
+};
+/**
+ * Plain coloured text — `tone="default"` (the app's primary text colour) or
+ * `"muted"` — for the runs of text that aren't a Badge, a Chip, a link, or
+ * any of crisp's other typed things: a cell's own yes/no, an empty-state
+ * caption, a secondary line under a heading. One component so every such
+ * spot reaches for crisp's own tokens instead of each hand-writing its own
+ * colour utility for the same two values.
+ *
+ * Renders a `<span>` (inherits its size/weight/line-height from context —
+ * see `text.recipe.ts`'s doc for why `Text` sets none of those itself).
+ */
+export declare const Text: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<import("../..").RecipeFn<{
+    readonly tone: {
+        readonly default: string;
+        readonly muted: string;
+    };
+}> & {
+    config: import("../..").RecipeConfig<{
+        readonly tone: {
+            readonly default: string;
+            readonly muted: string;
+        };
+    }>;
+}> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,40 @@
+declare const spec: {
+    readonly name: "text";
+    readonly base: {
+        readonly display: "inline";
+    };
+    readonly variants: {
+        tone: {
+            default: {
+                color: `var(--${string})`;
+            };
+            muted: {
+                color: `var(--${string})`;
+            };
+        };
+    };
+    readonly defaultVariants: {
+        readonly tone: "default";
+    };
+};
+declare const config: import("../..").RecipeConfig<{
+    readonly tone: {
+        readonly default: string;
+        readonly muted: string;
+    };
+}>;
+export declare const textRecipe: import("../..").RecipeFn<{
+    readonly tone: {
+        readonly default: string;
+        readonly muted: string;
+    };
+}> & {
+    config: import("../..").RecipeConfig<{
+        readonly tone: {
+            readonly default: string;
+            readonly muted: string;
+        };
+    }>;
+};
+export { spec };
+export default config;

package/dist/types/index.d.ts

@@ -33,6 +33,7 @@ export * from "./components/mentionchip";
 export * from "./components/menu";
 export * from "./components/middletruncate";
 export * from "./components/multiselect";
+export * from "./components/personchip";
 export * from "./components/popover";
 export * from "./components/progress";
 export * from "./components/quantitypicker";
@@ -50,6 +51,7 @@ export * from "./components/switch";
 export * from "./components/table";
 export * from "./components/tabletoolbar";
 export * from "./components/tabs";
+export * from "./components/text";
 export * from "./components/textarea";
 export * from "./components/textlink";
 export * from "./components/timepicker";
@@ -63,6 +65,7 @@ export * from "./product/appshell";
 export * from "./product/authshell";
 export * from "./product/board";
 export * from "./product/command";
+export * from "./product/comments";
 export * from "./product/entitycard";
 export * from "./product/flowcanvas";
 export * from "./product/formdialog";
@@ -71,6 +74,7 @@ export * from "./product/importdialog";
 export * from "./product/inbox";
 export * from "./product/listpage";
 export * from "./product/navitem";
+export * from "./product/objectsettings";
 export * from "./product/onboarding";
 export * from "./product/recordpage";
 export * from "./product/recordpanel";

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

@@ -9,6 +9,16 @@ export type BoardCard = {
     id: string;
     columnId: string;
 };
+/**
+ * #604: the eight aggregations Attio's own per-column board calc footer
+ * offers (measured live, Deals pipeline) -- a different set from the
+ * table's own calc footer (`count`/`filled`/`sum`/`avg`/`min`/`max`,
+ * `product/recordstable`): Board additionally splits "not empty" into a
+ * count AND a percent, and does the same for "empty". Not reconciled with
+ * the table's vocabulary -- these are two different Attio surfaces with
+ * two different measured menus, not one concept with two names.
+ */
+export type BoardAgg = "countEmpty" | "countFilled" | "percentEmpty" | "percentFilled" | "sum" | "average" | "max" | "min";
 export type BoardProps<T extends BoardCard> = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
     columns: BoardColumn[];
     cards: T[];
@@ -26,6 +36,15 @@ export type BoardProps<T extends BoardCard> = Omit<React.ComponentPropsWithoutRe
     getCardLabel?: (card: T) => string;
     /** What a screen reader hears after a keyboard move. */
     announceMove?: (columnTitle: string, cardLabel?: string) => string;
+    /**
+     * A per-column calc footer (#604), mirroring the table's. Omit to skip
+     * it entirely -- Board has no footer by default. `getValue` reads the
+     * number to aggregate off a card (e.g. a deal's value); return
+     * null/undefined for a card with nothing set there ("empty").
+     */
+    calc?: {
+        getValue: (card: T) => number | null | undefined;
+    };
     className?: string;
 };
 /**
@@ -34,7 +53,7 @@ export type BoardProps<T extends BoardCard> = Omit<React.ComponentPropsWithoutRe
  * (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, className, ...rest }: BoardProps<T>): React.JSX.Element;
+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 {
     var displayName: string;
 }