@crisp-ui-kit/crisp 0.54.2 → 0.54.4

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

@@ -0,0 +1,192 @@
+import * as React from "react";
+import { type MentionAnchor } from "../../core";
+/** One participant — crisp has no user model of its own, so every field
+ * beyond `id`/`name` (avatar image, colour) is fully consumer-supplied, the
+ * same split `Inbox`'s own `avatar` prop already draws. */
+export type CommentAuthor = {
+    id: string;
+    name: string;
+    /** Falls back to an initials `Avatar` built from `name`'s first letter. */
+    avatar?: React.ReactNode;
+};
+export type CommentReaction = {
+    emoji: string;
+    count: number;
+    /** Highlights the pill and lets a click remove it — crisp has no reactor
+     *  list of its own to check against. */
+    reactedByMe?: boolean;
+};
+export type CommentItem = {
+    id: string;
+    author: CommentAuthor;
+    /** Already-formatted relative time ("less than a minute ago", "2h") --
+     *  crisp has no clock/duration-i18n model of its own, the same reasoning
+     *  `Inbox.time` already documents. */
+    time: React.ReactNode;
+    body: React.ReactNode;
+    reactions?: CommentReaction[];
+};
+export type CommentThread = {
+    id: string;
+    root: CommentItem;
+    /** Reply comments, oldest first. */
+    replies?: CommentItem[];
+    resolved?: boolean;
+    /** Who resolved it — drives the "Resolved by you" / "Resolved by {name}"
+     *  label. Ignored while `resolved` is false. */
+    resolvedBy?: CommentAuthor;
+    /** Whether the *current* user authored this thread (root or any reply) --
+     *  drives "Only my threads". crisp doesn't compute this itself since it
+     *  has no fixed notion of which replies "belong" to a thread for that
+     *  purpose beyond what the consumer's own data already knows. */
+    mine?: boolean;
+};
+/** State handed to a `renderMentionPicker` call — the same shape
+ *  `RichTextEditor`'s own mention trigger already uses (#372/#428), so a
+ *  consumer with one picker built for that component can reuse it here. */
+export type CommentMentionTriggerState = {
+    query: string;
+    anchor: MentionAnchor;
+    select: (mention: {
+        id: string;
+        label: string;
+    }) => void;
+    close: () => void;
+};
+/**
+ * Reads the composer field's DOM into plain text, serializing each mention
+ * chip as `@[label](id)` — a fixed, parseable token a consumer (GRC) can
+ * pull the mentioned record's id back out of.
+ *
+ * This is the actual fix for a real bug (GRC's own composer, a plain
+ * `<textarea>` holding `@[name](actor:id)` as its literal editable value:
+ * a caret placed inside that markup can edit it like any other character,
+ * so a stray keystroke corrupts the token and the broken markup posts
+ * verbatim — seen live, `/private/tmp/grc-land138/mentions-6-posted.png`).
+ * A mention here is NEVER the editable representation: it's a real DOM node
+ * (`contentEditable=false`, so a browser won't place a caret inside it to
+ * begin with) carrying its id/label in two `data-` attributes set once, at
+ * insertion (`insertMention`), and never touched again. This function reads
+ * those attributes — not the chip's own `.textContent` — specifically so
+ * that even if something DID manage to mutate the chip's interior (a
+ * hostile paste, an IME composition, a direct DOM call bypassing the
+ * `contentEditable=false` guard entirely — exactly the class of thing a
+ * real browser mostly prevents but a test, or a buggy extension, would
+ * not), the token this function emits still can't be corrupted: it was
+ * never read from the part that changed.
+ */
+export declare function serializeComposerField(field: HTMLElement): string;
+export type CommentsPanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "children" | "title" | "onCopy"> & {
+    threads: CommentThread[];
+    currentUserId: string;
+    /** The record/page these comments belong to -- shown in the single-thread
+     *  breadcrumb as "Comment on {subjectIcon} {subject}" (measured copy). */
+    subject?: React.ReactNode;
+    subjectIcon?: React.ReactNode;
+    showResolved?: boolean;
+    onShowResolvedChange?: (next: boolean) => void;
+    onlyMine?: boolean;
+    onOnlyMineChange?: (next: boolean) => void;
+    /** Which thread is narrowed into (reply view). `null`/omit = the "All
+     *  comments" list. Uncontrolled (own state) unless `onActiveThreadChange`
+     *  is given alongside it. */
+    activeThreadId?: string | null;
+    onActiveThreadChange?: (id: string | null) => void;
+    /** Post a new top-level comment (`threadId` null) or a reply (`threadId`
+     *  set, the thread currently open). `text` is plain text with each
+     *  mention serialized as a fixed `@[label](id)` token (see
+     *  `serializeComposerField`'s own doc comment) — never the composer's own
+     *  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;
+    /** 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;
+    /** Defaults to copying `#comment-{commentId}` appended to the current
+     *  URL -- override for a real permalink scheme. */
+    onCopyLink?: (threadId: string, commentId: string) => void;
+    /** Curated reaction choices (default 16) -- crisp ships no emoji library;
+     *  see `ReactionPicker`'s own doc comment. */
+    emojiOptions?: string[];
+    mentionTrigger?: string;
+    renderMentionPicker?: (state: CommentMentionTriggerState) => React.ReactNode;
+    onClose: () => void;
+    closeLabel?: string;
+    backLabel?: string;
+    title?: string;
+    threadTitle?: string;
+    breadcrumbPrefix?: string;
+    composerPlaceholder?: string;
+    replyPlaceholder?: string;
+    postLabel?: string;
+    replyPostLabel?: string;
+    /** Shown when `threads` is empty -- omitted by default (the live
+     *  per-record panel showed no empty-state text; pass one for the
+     *  view/page-level context G-018 measured, "You don't have any
+     *  comments"). */
+    emptyLabel?: React.ReactNode;
+    filterLabel?: string;
+    showResolvedLabel?: string;
+    onlyMineLabel?: string;
+    replyActionLabel?: string;
+    reactActionLabel?: string;
+    resolveActionLabel?: string;
+    resolvedByYouLabel?: string;
+    resolvedByLabel?: (name: string) => string;
+    moreActionsLabel?: string;
+    copyLinkLabel?: string;
+    deleteLabel?: string;
+    addReactionLabel?: string;
+    reactionSearchLabel?: string;
+    deleteConfirmTitle?: string;
+    deleteConfirmBody?: string;
+    deleteConfirmActionLabel?: string;
+    cancelLabel?: string;
+    composerReplyToolLabel?: string;
+    composerMentionToolLabel?: string;
+    className?: string;
+};
+/**
+ * Per-record comment threads (crisp#625) — measured live on app.attio.com's
+ * own right-hand comments panel: a header (title, filter menu), a scrolling
+ * thread list or a single narrowed thread, and a persistent bottom composer.
+ * Controlled: pass `threads` and wire the callbacks; the panel renders
+ * nothing on its own beyond that data. See `CommentCountBadge` for the
+ * separate row affordance (P-051) — deliberately NOT part of this
+ * component, since it lives in a table cell this component doesn't own.
+ */
+export declare function CommentsPanel({ threads, currentUserId, subject, subjectIcon, showResolved, onShowResolvedChange, onlyMine, onOnlyMineChange, activeThreadId: activeThreadIdProp, onActiveThreadChange, onPost, onReact, onResolve, onDelete, onCopyLink, emojiOptions, mentionTrigger, renderMentionPicker, onClose, closeLabel: closeLabelProp, backLabel: backLabelProp, title: titleProp, threadTitle: threadTitleProp, breadcrumbPrefix: breadcrumbPrefixProp, composerPlaceholder: composerPlaceholderProp, replyPlaceholder: replyPlaceholderProp, postLabel: postLabelProp, replyPostLabel: replyPostLabelProp, emptyLabel, filterLabel: filterLabelProp, showResolvedLabel: showResolvedLabelProp, onlyMineLabel: onlyMineLabelProp, replyActionLabel: replyActionLabelProp, reactActionLabel: reactActionLabelProp, resolveActionLabel: resolveActionLabelProp, resolvedByYouLabel: resolvedByYouLabelProp, resolvedByLabel, moreActionsLabel: moreActionsLabelProp, copyLinkLabel: copyLinkLabelProp, deleteLabel: deleteLabelProp, addReactionLabel: addReactionLabelProp, reactionSearchLabel: reactionSearchLabelProp, deleteConfirmTitle: deleteConfirmTitleProp, deleteConfirmBody: deleteConfirmBodyProp, deleteConfirmActionLabel: deleteConfirmActionLabelProp, cancelLabel: cancelLabelProp, composerReplyToolLabel: composerReplyToolLabelProp, composerMentionToolLabel: composerMentionToolLabelProp, className, ...rest }: CommentsPanelProps): React.JSX.Element;
+export declare namespace CommentsPanel {
+    var displayName: string;
+}
+export type CommentCountBadgeProps = {
+    /** Total comment count for the row. Renders nothing when 0 and not
+     *  `hovered` -- the live default state was only observed with count ≥ 1
+     *  (see the comments recipe's own note); a row with none shows no
+     *  affordance at rest in this reading. */
+    count: number;
+    /** Pass the row's own hover state (e.g. a DataTable row's `:hover`/
+     *  `data-hover`) -- this component has no hover detection of its own, so
+     *  it composes into whatever hover mechanism the grid it's dropped into
+     *  already runs (#625's own scope note: this must not edit `datatable`/
+     *  `recordstable`). */
+    hovered?: boolean;
+    onOpen: () => void;
+    onOpenPreview?: () => void;
+    label?: string;
+    previewLabel?: string;
+    className?: string;
+};
+/**
+ * The row's own comment affordance (P-051) — a persistent 6px dot once a
+ * record has ≥1 comment, replaced on hover by a comment-count icon (P-035's
+ * "icon 1") plus, when `onOpenPreview` is given, the row's second hover icon
+ * ("Open preview"). A standalone piece by design (see the module doc
+ * comment) — the grid lane wires it into a cell.
+ */
+export declare function CommentCountBadge({ count, hovered, onOpen, onOpenPreview, label: labelProp, previewLabel: previewLabelProp, className, }: CommentCountBadgeProps): React.JSX.Element | null;
+export declare namespace CommentCountBadge {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+export { type CommentAuthor, CommentCountBadge, type CommentCountBadgeProps, type CommentItem, type CommentMentionTriggerState, type CommentReaction, CommentsPanel, type CommentsPanelProps, type CommentThread, } from "./comments";
+export { commentsRecipe } from "./comments.recipe";

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

@@ -0,0 +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 { objectsettingsRecipe } from "./objectsettings.recipe";

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

@@ -0,0 +1,261 @@
+import * as React from "react";
+export type ObjectSummary = {
+    id: string;
+    name: React.ReactNode;
+    /** 16px leading icon tile — a Lucide element, coloured by `iconColor`. */
+    icon: React.ReactNode;
+    iconColor?: string;
+    /** "Standard" / "Custom", etc. — plain text, not a coloured pill
+     *  (measured: Attio's own Type column has no badge background). */
+    typeLabel: React.ReactNode;
+    /** Omit or 0 renders the muted "No records" copy, matching Attio. */
+    recordCount?: number;
+    attributeCount: number;
+};
+export type ObjectsListProps = Omit<React.ComponentPropsWithoutRef<"div">, "title"> & {
+    objects: ObjectSummary[];
+    onOpenObject?: (id: string) => void;
+    onEditObject?: (id: string) => void;
+    onCopyObjectId?: (id: string) => void;
+    /** Renders the trailing "New custom object" action when given. Omit to
+     *  hide it — crisp has no billing-tier concept (HANDOFF.md), so this
+     *  never carries Attio's own "Pro" gate badge; that plan-gate banner and
+     *  badge are out of scope by decision (crisp#637). */
+    onCreateObject?: () => void;
+    title?: string;
+    subtitle?: string;
+    newObjectLabel?: string;
+    searchPlaceholder?: string;
+    filterLabel?: string;
+    objectColumnLabel?: string;
+    typeColumnLabel?: string;
+    recordsColumnLabel?: string;
+    attributesColumnLabel?: string;
+    noRecordsLabel?: string;
+    editLabel?: string;
+    copyIdLabel?: string;
+    rowMenuLabel?: (row: ObjectSummary) => string;
+    emptyLabel?: React.ReactNode;
+};
+/**
+ * Settings → Objects (crisp#637, P-122): H1 + subtitle, a search+Filter row,
+ * and a DataTable of every object (icon+name, type, record count,
+ * attribute count, a per-row "…" menu). Measured live against
+ * app.attio.com/<workspace>/settings/data/objects — the plan-gate banner
+ * above the table and the "5/3" object-count pill in the "Object" header
+ * (both billing-tier chrome) are skipped by decision, not oversight.
+ */
+export declare function ObjectsList({ objects, onOpenObject, onEditObject, onCopyObjectId, onCreateObject, title: titleProp, subtitle: subtitleProp, newObjectLabel: newObjectLabelProp, searchPlaceholder: searchPlaceholderProp, filterLabel: filterLabelProp, objectColumnLabel: objectColumnLabelProp, typeColumnLabel: typeColumnLabelProp, recordsColumnLabel: recordsColumnLabelProp, attributesColumnLabel: attributesColumnLabelProp, noRecordsLabel: noRecordsLabelProp, editLabel: editLabelProp, copyIdLabel: copyIdLabelProp, rowMenuLabel, emptyLabel, className, ...rest }: ObjectsListProps): React.JSX.Element;
+export declare namespace ObjectsList {
+    var displayName: string;
+}
+export type ObjectDetailTab = "configuration" | "attributes";
+export type ObjectDetailPageProps = {
+    icon: React.ReactNode;
+    iconColor?: string;
+    name: React.ReactNode;
+    /** "Standard" / "Custom". */
+    typeLabel?: React.ReactNode;
+    description?: React.ReactNode;
+    tab?: ObjectDetailTab;
+    defaultTab?: ObjectDetailTab;
+    onTabChange?: (tab: ObjectDetailTab) => void;
+    attributeCount?: number;
+    configurationLabel?: string;
+    attributesLabel?: string;
+    children: (tab: ObjectDetailTab) => React.ReactNode;
+};
+/**
+ * Settings → Objects → an object (crisp#637, P-123, verified live against
+ * .../objects/companies/general): 48px icon tile + name + type badge, a
+ * description line, then a Configuration/Attributes tab bar (Attio's own
+ * tab bar also carries Permissions/Templates/Notifications/Imports — out of
+ * scope here, see #613/#638; only the two rows this task covers are built).
+ * Tab content is a render prop, the same shape crisp's own `Tabs` already
+ * takes, so a consumer composes `ObjectGeneralSection`/
+ * `ObjectAppearanceSection` and `AttributesTable` underneath.
+ */
+export declare function ObjectDetailPage({ icon, iconColor, name, typeLabel, description, tab, defaultTab, onTabChange, attributeCount, configurationLabel: configurationLabelProp, attributesLabel: attributesLabelProp, children, }: ObjectDetailPageProps): React.JSX.Element;
+export declare namespace ObjectDetailPage {
+    var displayName: string;
+}
+export type ObjectGeneralSectionProps = {
+    pluralNoun: string;
+    onPluralNounChange?: (v: string) => void;
+    singularNoun: string;
+    onSingularNounChange?: (v: string) => void;
+    slug: string;
+    /** Attio disables this for a system object ("You can't change the slug of
+     *  a system object", measured verbatim) — pass `false` for Companies/
+     *  Deals/People/Users/Workspaces, `true` for a custom object. */
+    slugEditable?: boolean;
+    onSlugChange?: (v: string) => void;
+    titleLabel?: string;
+    descriptionLabel?: string;
+    pluralLabel?: string;
+    singularLabel?: string;
+    slugLabel?: string;
+    slugHelpLabel?: string;
+};
+/** The Configuration tab's "General" section (crisp#637, P-123): plural/
+ * singular noun inputs side by side, then a slug input Attio locks for
+ * system objects. Composes `SettingsSection` + `FormField`, no new chrome. */
+export declare function ObjectGeneralSection({ pluralNoun, onPluralNounChange, singularNoun, onSingularNounChange, slug, slugEditable, onSlugChange, titleLabel: titleLabelProp, descriptionLabel: descriptionLabelProp, pluralLabel: pluralLabelProp, singularLabel: singularLabelProp, slugLabel: slugLabelProp, slugHelpLabel: slugHelpLabelProp, }: ObjectGeneralSectionProps): React.JSX.Element;
+export declare namespace ObjectGeneralSection {
+    var displayName: string;
+}
+export type ObjectAppearanceSectionProps = {
+    onConfigureRecordPage?: () => void;
+    titleLabel?: string;
+    rowLabel?: string;
+    rowDescriptionLabel?: string;
+    actionLabel?: string;
+};
+/** The Configuration tab's "Appearance" section (crisp#637, P-123): a single
+ * "Record page layout" row with a "Configure record page" button — the
+ * target flow itself (crisp's own record-page-layout editor) is a separate,
+ * unbuilt surface; this only renders the row and its click. */
+export declare function ObjectAppearanceSection({ onConfigureRecordPage, titleLabel: titleLabelProp, rowLabel: rowLabelProp, rowDescriptionLabel: rowDescriptionLabelProp, actionLabel: actionLabelProp, }: ObjectAppearanceSectionProps): React.JSX.Element;
+export declare namespace ObjectAppearanceSection {
+    var displayName: string;
+}
+export type AttributeRow = {
+    id: string;
+    name: React.ReactNode;
+    icon: React.ReactNode;
+    /** e.g. "Text", "Relationship" — the measured Data type column. */
+    dataType: React.ReactNode;
+    /** e.g. "Unique" — rendered as a plain constraint label per row. */
+    constraint?: React.ReactNode;
+    system?: boolean;
+    enriched?: boolean;
+};
+export type AttributesTableProps = {
+    attributes: AttributeRow[];
+    onOpenAttribute?: (id: string) => void;
+    onEditAttribute?: (id: string) => void;
+    onArchiveAttribute?: (id: string) => void;
+    onReorder?: (rows: AttributeRow[]) => void;
+    onCreateAttribute?: () => void;
+    title?: string;
+    subtitle?: string;
+    createLabel?: string;
+    searchPlaceholder?: string;
+    filterLabel?: string;
+    nameColumnLabel?: string;
+    dataTypeColumnLabel?: string;
+    constraintsColumnLabel?: string;
+    propertiesColumnLabel?: string;
+    systemLabel?: string;
+    enrichedLabel?: string;
+    editLabel?: string;
+    archiveLabel?: string;
+    /** Overrides the row "…" menu entirely — return the `MenuItem`s a
+     *  consumer's own actions need (crisp#660). Attio's own row menu is
+     *  Edit/Archive (the default, unchanged when this is omitted); a
+     *  consumer whose data isn't Attio's own attribute model (no "archive"
+     *  concept, a different action set entirely) supplies its own instead of
+     *  working around two fixed items that don't fit. Receives the row so an
+     *  item's handler can close over its id. */
+    rowActions?: (row: AttributeRow) => React.ReactNode;
+    emptyLabel?: React.ReactNode;
+};
+/**
+ * The Attributes tab's table (crisp#637, P-124, verified live): H2 +
+ * "Create attribute", a search+Filter row, then a DataTable of every
+ * attribute — drag handle (via `DataTable`'s own `onRowsReorder`) + type
+ * icon + name, Data type, a constraint label, and System (grey)/Enriched
+ * (purple) property badges. Row height is DataTable's own 36px; Attio's
+ * measures 40px here — a real, small divergence left to DataTable's owner
+ * rather than patched locally (see the PR).
+ */
+export declare function AttributesTable({ attributes, onOpenAttribute, onEditAttribute, onArchiveAttribute, onReorder, onCreateAttribute, title: titleProp, subtitle: subtitleProp, createLabel: createLabelProp, searchPlaceholder: searchPlaceholderProp, filterLabel: filterLabelProp, nameColumnLabel: nameColumnLabelProp, dataTypeColumnLabel: dataTypeColumnLabelProp, constraintsColumnLabel: constraintsColumnLabelProp, propertiesColumnLabel: propertiesColumnLabelProp, systemLabel: systemLabelProp, enrichedLabel: enrichedLabelProp, editLabel: editLabelProp, archiveLabel: archiveLabelProp, rowActions, emptyLabel, }: AttributesTableProps): React.JSX.Element;
+export declare namespace AttributesTable {
+    var displayName: string;
+}
+export type AttributeTypeOption = {
+    value: string;
+    label: string;
+    icon: React.ComponentType<{
+        size?: number;
+    }>;
+    /** e.g. "Pro" — Attio's own per-item plan-gate badge (measured on
+     *  "Relationship"). Opt in per option; crisp models no billing tiers of
+     *  its own, so nothing sets this by default. */
+    badge?: React.ReactNode;
+};
+/** Attio's own "Type" group, verbatim (crisp#637, P-126) — icons are
+ * crisp's Lucide choices, not Attio's proprietary set (golden rule 4). */
+export declare const ATTRIBUTE_TYPE_OPTIONS: AttributeTypeOption[];
+/** Attio's own "AI Autofill" group, verbatim (crisp#637, P-126) — opt in via
+ * `AttributeTypeSelect`'s `aiAutofillOptions`; omitted by default, since a
+ * consumer with no autofill backend of its own (GRC) has nothing to wire
+ * these to. */
+export declare const ATTRIBUTE_AI_AUTOFILL_OPTIONS: AttributeTypeOption[];
+export type AttributeTypeSelectProps = {
+    value: string;
+    onValueChange: (value: string) => void;
+    options?: AttributeTypeOption[];
+    /** Renders an "AI Autofill" group above "Type" (see
+     *  `ATTRIBUTE_AI_AUTOFILL_OPTIONS`) — omitted by default. */
+    aiAutofillOptions?: AttributeTypeOption[];
+    aiAutofillGroupLabel?: string;
+    typeGroupLabel?: string;
+    searchPlaceholder?: string;
+    id?: string;
+};
+/** The "Attribute Type" dropdown (crisp#637, P-126, verified live): a
+ * searchable, grouped `Select` — reused as-is, not a new picker primitive.
+ * Grouping and the per-item trailing "Pro" badge are composed through
+ * `Select`'s existing `group` field and rich `label` ReactNode. */
+export declare function AttributeTypeSelect({ value, onValueChange, options, aiAutofillOptions, aiAutofillGroupLabel: aiAutofillGroupLabelProp, typeGroupLabel: typeGroupLabelProp, searchPlaceholder: searchPlaceholderProp, id, }: AttributeTypeSelectProps): React.JSX.Element;
+export declare namespace AttributeTypeSelect {
+    var displayName: string;
+}
+export type CreateAttributeDialogProps = {
+    type: string;
+    onTypeChange: (value: string) => void;
+    typeOptions?: AttributeTypeOption[];
+    aiAutofillTypeOptions?: AttributeTypeOption[];
+    name: string;
+    onNameChange: (value: string) => void;
+    description: string;
+    onDescriptionChange: (value: string) => void;
+    aiAutofillEnabled?: boolean;
+    onAiAutofillChange?: (enabled: boolean) => void;
+    onSubmit: () => void;
+    onClose: () => void;
+    busy?: boolean;
+    error?: React.ReactNode;
+    title?: string;
+    attributeTypeLabel?: string;
+    nameLabel?: string;
+    descriptionLabel?: string;
+    descriptionPlaceholder?: string;
+    aiAutofillLabel?: string;
+    setUpAiAutofillLabel?: string;
+    createLabel?: string;
+};
+/**
+ * "Create attribute" (crisp#637, P-125, verified live): Attribute Type
+ * select (defaults to Text) + Name (autofocused) + Description (optional)
+ * + an AI-autofill switch row, footer Cancel/Create. Built on `FormDialog`
+ * in its plain (non-`createMode`) shape — Attio's own footer here has a
+ * real Cancel button, unlike the record-create dialog `createMode` models
+ * (crisp#548), so `createMode` would be the wrong fit even though the
+ * button carries the same ⌘↵ hint; that hint is rendered locally instead.
+ */
+export declare function CreateAttributeDialog({ type, onTypeChange, typeOptions, aiAutofillTypeOptions, name, onNameChange, description, onDescriptionChange, aiAutofillEnabled, onAiAutofillChange, onSubmit, onClose, busy, error, title: titleProp, attributeTypeLabel: attributeTypeLabelProp, nameLabel: nameLabelProp, descriptionLabel: descriptionLabelProp, descriptionPlaceholder: descriptionPlaceholderProp, aiAutofillLabel: aiAutofillLabelProp, setUpAiAutofillLabel: setUpAiAutofillLabelProp, createLabel: createLabelProp, }: CreateAttributeDialogProps): React.JSX.Element;
+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;

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

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

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

@@ -1,9 +1,14 @@
 import * as React from "react";
+import { type EmptyStateLearnMore } from "../../components/emptystate";
 import type { EditableOption } from "./editable-field";
 type IconType = React.ComponentType<{
     size?: number;
     strokeWidth?: number;
 }>;
+export declare function isLabelTruncated(el: {
+    scrollWidth: number;
+    clientWidth: number;
+}): boolean;
 export type ColumnType = "entity" | "text" | "tags" | "number" | "url" | "date" | "currency" | "status" | "reference";
 export type StatusOption = {
     value: string;
@@ -123,6 +128,20 @@ export type RecordsTableProps = Omit<React.ComponentPropsWithoutRef<"div">, "chi
      * stable colour per name, matching what `DataTable`'s `avatarTone` offers).
      * Entity avatars only — `TAG_TONES`/tag/status tone logic is untouched. */
     avatarTone?: "brand" | "hashed";
+    /**
+     * #603: Attio's zero-*records* state (nothing imported yet, no active
+     * filter) adds an "Import CSV" / "Connect data source" pair and a
+     * "Learn more" card next to the usual "New record" action -- measured
+     * on Users/Workspaces, which show nothing else. Omit any of these and
+     * that piece is left out; omit the whole prop and the empty state is
+     * unchanged (just "New record"), since this hasn't been confirmed for
+     * every object type.
+     */
+    emptyStateExtra?: {
+        onImportCsv?: () => void;
+        onConnectDataSource?: () => void;
+        learnMore?: EmptyStateLearnMore;
+    };
     className?: string;
 };
 export declare function tagTone(t: string): string;
@@ -204,6 +223,9 @@ export type RecordsTableLabels = {
     setRecordPlaceholder: string;
     noRecords: string;
     untitled: string;
+    /** #603: the zero-records state's optional extra CTAs. */
+    importCsv: string;
+    connectDataSource: string;
     /** Aggregation names, keyed by the aggregation. */
     agg: Record<Agg, string>;
     /** Filter operator names, keyed by the operator. */
@@ -229,7 +251,7 @@ export type RecordsTableLabelsInput = Partial<Omit<RecordsTableLabels, "agg" | "
     agg?: Partial<Record<Agg, string>>;
     op?: Partial<Record<FilterOp, string>>;
 };
-type FilterOp = "contains" | "is" | "isnot" | "empty" | "notempty";
+type FilterOp = "contains" | "doesnotcontain" | "startswith" | "endswith" | "is" | "isnot" | "empty" | "notempty";
 /**
  * A date-only cell is a CALENDAR DATE, not an instant. ECMA-262 parses the
  * date-only ISO forms — `1998`, `1998-09`, `1998-09-04` — as UTC midnight, and
@@ -251,6 +273,6 @@ export { formatCellDate, parseCellDate };
  * and a floating bulk-action bar (delete / deselect) when rows are selected.
  * Selection can be controlled via `selectedIds`/`onSelectionChange`.
  */
-export declare function RecordsTable({ labels, columns: columnsProp, rows: rowsProp, selectedIds, onSelectionChange, showNew, allowAddColumn, onOpenRecord, onOpenRecordPage, avatarTone, className, ...rest }: RecordsTableProps): React.JSX.Element;
+export declare function RecordsTable({ labels, columns: columnsProp, rows: rowsProp, selectedIds, onSelectionChange, showNew, allowAddColumn, onOpenRecord, onOpenRecordPage, avatarTone, emptyStateExtra, className, ...rest }: RecordsTableProps): React.JSX.Element;
 export declare const defaultColumns: Column[];
 export declare const defaultRows: Row[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.54.2",
+  "version": "0.54.4",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",
@@ -208,6 +208,11 @@
       "import": "./dist/esm/components/multiselect/index.js",
       "require": "./dist/cjs/components/multiselect/index.js"
     },
+    "./personchip": {
+      "types": "./dist/types/components/personchip/index.d.ts",
+      "import": "./dist/esm/components/personchip/index.js",
+      "require": "./dist/cjs/components/personchip/index.js"
+    },
     "./popover": {
       "types": "./dist/types/components/popover/index.d.ts",
       "import": "./dist/esm/components/popover/index.js",
@@ -293,6 +298,11 @@
       "import": "./dist/esm/components/tabs/index.js",
       "require": "./dist/cjs/components/tabs/index.js"
     },
+    "./text": {
+      "types": "./dist/types/components/text/index.d.ts",
+      "import": "./dist/esm/components/text/index.js",
+      "require": "./dist/cjs/components/text/index.js"
+    },
     "./textarea": {
       "types": "./dist/types/components/textarea/index.d.ts",
       "import": "./dist/esm/components/textarea/index.js",
@@ -353,6 +363,11 @@
       "import": "./dist/esm/product/command/index.js",
       "require": "./dist/cjs/product/command/index.js"
     },
+    "./comments": {
+      "types": "./dist/types/product/comments/index.d.ts",
+      "import": "./dist/esm/product/comments/index.js",
+      "require": "./dist/cjs/product/comments/index.js"
+    },
     "./entitycard": {
       "types": "./dist/types/product/entitycard/index.d.ts",
       "import": "./dist/esm/product/entitycard/index.js",
@@ -393,6 +408,11 @@
       "import": "./dist/esm/product/navitem/index.js",
       "require": "./dist/cjs/product/navitem/index.js"
     },
+    "./objectsettings": {
+      "types": "./dist/types/product/objectsettings/index.d.ts",
+      "import": "./dist/esm/product/objectsettings/index.js",
+      "require": "./dist/cjs/product/objectsettings/index.js"
+    },
     "./onboarding": {
       "types": "./dist/types/product/onboarding/index.d.ts",
       "import": "./dist/esm/product/onboarding/index.js",