@crisp-ui-kit/crisp 0.31.2 → 0.31.4

package/dist/esm/product/appshell/appshell.js

@@ -4,8 +4,8 @@ import * as React from "react";
 import { isRtlElement } from "../../core/index.js";
 import { appshellRecipe } from "./appshell.recipe.js";
 /**
- * App-shell layout with a collapsible + resizable sidebar, mirroring Attio's
- * window: drag the sidebar's right edge to resize, press the sidebar's
+ * App-shell layout with a collapsible + resizable sidebar, mirroring a live
+ * app's window: drag the sidebar's right edge to resize, press the sidebar's
  * collapse button to slide it away (a floating button brings it back). The
  * sidebar pane clips rather than squishing, so its content never reflows.
  */
@@ -32,8 +32,8 @@ export function AppShell({ sidebar, children, width: widthProp, defaultWidth = 2
         // it there. Mirroring the handle's CSS without this is the half-conversion
         // lesson 54 is about, which is why both change in one commit (#212).
         const dir = isRtlElement(e.currentTarget) ? -1 : 1;
-        // Attio only enters the drag state once the pointer has actually moved — a
-        // click on the handle is not a drag, so the blue bar must not flash on press.
+        // Only enter the drag state once the pointer has actually moved — a click
+        // on the handle is not a drag, so the blue bar must not flash on press.
         let moved = false;
         let last = startW;
         const prevSelect = document.body.style.userSelect;

package/dist/esm/product/authshell/authshell.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { authshellRecipe } from "./authshell.recipe.js";
 /**
- * The Attio welcome/auth layout (app.attio.com/welcome/*) — measured live.
+ * The welcome/auth layout — measured live.
  * A centered page frame: an optional top progress bar, a logo, a two-pane
  * card (the form + an optional product preview, hidden under 1200px), and
  * a footer. Auth-surface Input/FormField/Button treatment (flatter fields,

package/dist/esm/product/board/board.js

@@ -6,7 +6,7 @@ import { boardRecipe } from "./board.recipe.js";
  * A kanban board with native drag-and-drop between columns. Cards are
  * `draggable`; dropping one on a column reparents it via `onCardsChange`
  * (the parent owns the cards, so the move is a controlled state update).
- * Measured from Attio's Deals pipeline.
+ * Measured from a deals pipeline.
  */
 export function Board({ columns, cards, onCardsChange, renderCard, onNewCard, newCardLabel = "New", getCardLabel, announceMove = (column, card) => card ? `${card} moved to ${column}` : `Moved to ${column}`, className, ...rest }) {
     const [dragId, setDragId] = React.useState(null);

package/dist/esm/product/command/command.js

@@ -208,7 +208,7 @@ export function Command({ open, onOpenChange, items = defaultCommandItems, place
         combo.setInputValue("", "script");
         combo.clearHighlightValue();
     }, [open]);
-    // The footer's primary button mirrors the currently highlighted row (Attio
+    // The footer's primary button mirrors the currently highlighted row (this
     // shows the active action there and runs it on ↵ / click).
     const highlightedItem = filteredItems.find((item) => item.id === combo.highlightedValue) ??
         filteredItems[0];

package/dist/esm/product/entitycard/entitycard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { entitycardRecipe } from "./entitycard.recipe.js";
 /**
- * A note / entity card — measured from Attio's Notes grid. A bordered white
+ * A note / entity card — measured from a notes grid. A bordered white
  * card with an author row, a title, a clamped excerpt, and a footer row with a
  * right-aligned date. Rendered as a button so the whole card is clickable.
  */

package/dist/esm/product/flowcanvas/flowcanvas.js

@@ -6,7 +6,7 @@ const GRID = 20;
 const clampZoom = (z) => Math.min(1.5, Math.max(0.5, z));
 /**
  * A pannable, zoomable node canvas with draggable nodes and connecting edges —
- * measured from Attio's Workflows editor. Drag a node to move it (fires
+ * measured from a workflows editor. Drag a node to move it (fires
  * `onNodesChange`); drag the background to pan; use the toolbar to zoom.
  */
 export function FlowCanvas({ nodes, edges, onNodesChange, renderNode, nodeWidth = 240, nodeHeight = 64, "aria-label": ariaLabel, className, zoomOutLabel = "Zoom out", zoomInLabel = "Zoom in", resetLabel = "Reset", edgesLabel = "Edges", ...rest }) {

package/dist/esm/product/inbox/inbox.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { useTablistKeyboard } from "../../components/tabs/index.js";
 import { inboxRecipe } from "./inbox.recipe.js";
 /**
- * A notifications inbox panel — measured from Attio's notification flyout. A
+ * A notifications inbox panel — measured from a notification flyout. A
  * title, Notifications/Requests tabs with counts, then notification rows
  * (avatar + message + time + unread dot) or a centred empty state. Put it inside
  * a Popover for the flyout.

package/dist/esm/product/listpage/listpage.js

@@ -9,7 +9,7 @@ export function ListRow({ children, onClick, }) {
     return _jsx("div", { className: "listpage-row", children: children });
 }
 /**
- * The entity-list page shell — measured from Attio's Reports/Sequences/Tasks/
+ * The entity-list page shell — measured from Reports/Sequences/Tasks/
  * Notes list views. A view-bar toolbar (leading/trailing slots + record count),
  * an optional dashed Favorites region, then column headers and time-grouped
  * rows. Rows are composed by the caller (wrap each in <ListRow>).

package/dist/esm/product/onboarding/onboarding.js

@@ -11,7 +11,7 @@ export const onboardingLabels = {
     completedStepLabel: (label) => `${String(label)} — completed`,
 };
 /**
- * An onboarding checklist card — measured from Attio's floating "Getting
+ * An onboarding checklist card — measured from a floating "Getting
  * started" widget. Title + optional menu/minimize, a segmented progress bar,
  * and step rows (completed rows strike through with a brand check).
  */

package/dist/esm/product/recordpage/recordpage.js

@@ -26,7 +26,7 @@ export const recordPageLabels = {
     exitFullScreen: "Exit full screen",
     resizeDetails: "Resize details column",
     composeEmail: "Compose email",
-    askAttio: "Ask Attio",
+    askAttio: "Ask AI",
     addToList: "Add to list",
     noLists: "This record has not been added to any lists.",
     highlights: "Highlights",
@@ -146,7 +146,7 @@ function EmptyCard({ icon, children, }) {
     return (_jsxs("div", { className: "recordpage-emptycard", children: [icon, children] }));
 }
 /**
- * The full-page company record view — the page Attio opens when you click into a
+ * The full-page company record view — the page that opens when you click into a
  * record (as opposed to the peek [RecordPanel]). A top breadcrumb bar with
  * favourite/edit/compose/… actions, a 320px left attribute column, and a tabbed
  * main area: Overview stacks Highlights, an Activity feed, and Notes / Tasks /
@@ -171,12 +171,12 @@ export function RecordPage({ record, columns, collection = "Records", labels, on
     const [notes, setNotes] = React.useState([]);
     const [tasks, setTasks] = React.useState([]);
     const [showAllActivity, setShowAllActivity] = React.useState(false);
-    // Collapsible + searchable Record Details, like Attio.
+    // Collapsible + searchable Record Details.
     const [detailsOpen, setDetailsOpen] = React.useState(true);
     const [searchOpen, setSearchOpen] = React.useState(false);
     const [fieldQuery, setFieldQuery] = React.useState("");
     const [showAllValues, setShowAllValues] = React.useState(false);
-    // Drag-resizable left details column, like Attio.
+    // Drag-resizable left details column.
     const [detailsW, setDetailsW] = React.useState(320);
     const [resizing, setResizing] = React.useState(false);
     const dragRef = React.useRef(null);
@@ -217,14 +217,14 @@ export function RecordPage({ record, columns, collection = "Records", labels, on
     const matchedFields = q
         ? fields.filter((col) => col.label.toLowerCase().includes(q))
         : fields;
-    // Attio shows the first 5 fields; "View all values" reveals the rest.
+    // Shows the first 5 fields; "View all values" reveals the rest.
     const FIELD_LIMIT = 5;
     const canRevealFields = !q && matchedFields.length > FIELD_LIMIT;
     const shownFields = canRevealFields && !showAllValues
         ? matchedFields.slice(0, FIELD_LIMIT)
         : matchedFields;
     const byKey = React.useMemo(() => new Map(columns.map((col) => [col.key, col])), [columns]);
-    // Attio's Overview "Highlights" — a fixed set of enrichment stats (measured
+    // The Overview "Highlights" — a fixed set of enrichment stats (measured
     // from the live app), a couple derived from the record, the rest empty.
     const arrVal = record.arr;
     const empVal = record.employees;
@@ -369,7 +369,7 @@ export function RecordPage({ record, columns, collection = "Records", labels, on
                                                         setDetailsOpen(true);
                                                 }, children: searchOpen ? (_jsx(X, { size: 14, strokeWidth: 1.75 })) : (_jsx(Search, { size: 14, strokeWidth: 1.75 })) })] }), detailsOpen &&
                                         (shownFields.length > 0 ? (_jsxs(_Fragment, { children: [shownFields.map((col) => (_jsxs("div", { className: "recordpage-field", children: [_jsxs("span", { className: "recordpage-field-label", children: [col.icon ? (_jsx(col.icon, { size: 15, strokeWidth: 1.75 })) : null, _jsx("span", { className: "recordpage-field-label-text", children: col.label })] }), _jsx("span", { className: "recordpage-field-value", children: _jsx(FieldValue, { col: col, row: record, labels: t }) })] }, col.key))), canRevealFields && (_jsx("button", { type: "button", className: "recordpage-viewall recordpage-viewall--section", onClick: () => {
-                                                        // Attio: revealing all fields also opens the (focused)
+                                                        // Revealing all fields also opens the (focused)
                                                         // field search; collapsing closes it.
                                                         const next = !showAllValues;
                                                         setShowAllValues(next);

package/dist/esm/product/recordstable/recordstable.js

@@ -271,7 +271,7 @@ function CellView({ column, row, pinned, onOpenPage, avatarTone = "brand", label
 }
 // Always-interactive cell editors for the picker column types (status / date /
 // reference). Each is a ghost crisp control that reads the cell value and
-// commits the new one — matching Attio's inline field editors.
+// commits the new one — matching measured inline field editors.
 function StatusCell({ column, row, onChange, }) {
     return (_jsx(Select, { variant: "ghost", "aria-label": column.label, placeholder: "\u2014", value: row[column.key] ?? undefined, onValueChange: onChange, options: column.options ?? [] }));
 }
@@ -288,8 +288,8 @@ function TagsCell({ column, row, options, onChange, labels, }) {
 /**
  * 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
- * the field then renders that instant in the reader's own timezone. Attio's
- * own `founded: "1998"` therefore read **Dec 31, 1997** for every reader west
+ * the field then renders that instant in the reader's own timezone. A
+ * `founded: "1998"` field therefore read **Dec 31, 1997** for every reader west
  * of UTC, at every hour of every day, and a date picked east of UTC
  * round-tripped back a day short through `toISOString()` (#220).
  *
@@ -318,7 +318,7 @@ function DateCell({ column, row, onChange, }) {
     return (_jsx(DatePickerField, { variant: "ghost", "aria-label": column.label, value: value, onChange: (d) => onChange(formatCellDate(d)) }));
 }
 /**
- * The "New <object>" create modal — measured from Attio's create-record dialog:
+ * The "New <object>" create modal — measured from a create-record dialog:
  * a stacked label + "Set …" input per column, a "Create more" toggle, and a
  * primary "Create record" action (⌘↵). Building the row mirrors the inline
  * editor's per-type coercion so a created record reads back like an edited one.
@@ -378,7 +378,7 @@ function CreateRecordDialog({ open, onOpenChange, columns, entityLabel, onCreate
                             } })] }, col.key))) }), _jsxs(DialogFooter, { children: [_jsxs("span", { className: "dialog-more", children: [labels.createMore, _jsx(Switch, { checked: createMore, onCheckedChange: setCreateMore, "aria-label": labels.createMore })] }), _jsxs("button", { type: "button", className: "dialog-submit", onClick: submit, children: [labels.createRecord, _jsx("span", { className: "dialog-submit-key", children: "\u2318\u21B5" })] })] })] }));
 }
 /**
- * Attio-style record grid — fully featured. Toolbar (search / sort status /
+ * A measured-style record grid — fully featured. Toolbar (search / sort status /
  * count / New), sticky checkbox + entity columns, 36px rows, typed cells,
  * click-to-sort headers, column resize by dragging a header edge, inline cell
  * editing (double-click a text/number/url/date cell), add-row and add-column,
@@ -397,13 +397,13 @@ export function RecordsTable({ labels, columns: columnsProp = defaultColumns, ro
     // because a caller passing a stable array never triggers this.
     React.useEffect(() => setCols(columnsProp), [columnsProp]);
     React.useEffect(() => setData(rowsProp), [rowsProp]);
-    // Attio's multi-criteria sort: an ordered list of {field, direction} rows.
+    // Multi-criteria sort: an ordered list of {field, direction} rows.
     const [sorts, setSorts] = React.useState([]);
     const [dragSort, setDragSort] = React.useState(null);
     const [editing, setEditing] = React.useState(null);
     const [renamingCol, setRenamingCol] = React.useState(null);
     const [creating, setCreating] = React.useState(false);
-    // Attio-style filter: an ordered list of conditions, each shown as a toolbar
+    // A measured-style filter: an ordered list of conditions, each shown as a toolbar
     // chip with an editable value (operator is "contains")
     const [filterConds, setFilterConds] = React.useState([]);
     const [filterQuery, setFilterQuery] = React.useState("");
@@ -694,7 +694,7 @@ export function RecordsTable({ labels, columns: columnsProp = defaultColumns, ro
      * `nearest` on both axes: a cell already in view is left exactly where it
      * is, which is what makes this safe to run after a click too.
      *
-     * No `behavior` of our own — the page's `scroll-behavior` decides, and Attio
+     * No `behavior` of our own — the page's `scroll-behavior` decides, and it
      * jumps rather than glides — except under reduced motion, where an explicit
      * "auto" is the only thing that beats a host page that set
      * `scroll-behavior: smooth` on the scroller (#208's rule: JS motion reads
@@ -983,7 +983,7 @@ export function RecordsTable({ labels, columns: columnsProp = defaultColumns, ro
                                                         label: (_jsxs("span", { className: "recordstable-sort-optlabel", children: [_jsx(ArrowDownWideNarrow, { size: 15, strokeWidth: 1.75 }), t.descending] })),
                                                         keywords: t.descending,
                                                     },
-                                                ], "aria-label": t.sortDirection }), _jsx("button", { type: "button", className: "recordstable-sort-remove", onClick: () => removeSort(i), "aria-label": t.removeSort, children: _jsx(X, { size: 15, strokeWidth: 1.75 }) })] }, s.key)))), _jsx("div", { className: "recordstable-sort-addrow", children: _jsxs("button", { type: "button", className: "recordstable-sort-add", onClick: addSort, children: [_jsx(Plus, { size: 15, strokeWidth: 1.75 }), t.addSort] }) }), _jsx("div", { className: "recordstable-sort-foot", children: _jsxs("a", { className: "recordstable-sort-learn", href: "https://attio.com/help", target: "_blank", rel: "noreferrer", children: [_jsx(CircleHelp, { size: 14, strokeWidth: 1.75 }), t.learnSorting] }) })] }))] }), _jsxs("span", { className: "recordstable-toolgroup", children: [_jsxs("button", { type: "button", className: `recordstable-tool recordstable-tool--ghost${activeFilters ? " recordstable-tool--active" : ""}`, onClick: () => setOpenMenu(openMenu === "filter" ? null : "filter"), "aria-haspopup": "dialog", "aria-expanded": openMenu === "filter", "data-menu-trigger": true, children: [_jsx(ListFilter, { size: 14, strokeWidth: 1.75, "aria-hidden": "true" }), t.filterCount(activeFilters)] }), openMenu === "filter" && (_jsxs("div", { className: "recordstable-menu", role: "dialog", "aria-label": t.addFilter, children: [_jsx("input", { className: "recordstable-menu-input", placeholder: t.filterByPlaceholder, "aria-label": t.filterByField, 
+                                                ], "aria-label": t.sortDirection }), _jsx("button", { type: "button", className: "recordstable-sort-remove", onClick: () => removeSort(i), "aria-label": t.removeSort, children: _jsx(X, { size: 15, strokeWidth: 1.75 }) })] }, s.key)))), _jsx("div", { className: "recordstable-sort-addrow", children: _jsxs("button", { type: "button", className: "recordstable-sort-add", onClick: addSort, children: [_jsx(Plus, { size: 15, strokeWidth: 1.75 }), t.addSort] }) }), _jsx("div", { className: "recordstable-sort-foot", children: t.learnSortingHref ? (_jsxs("a", { className: "recordstable-sort-learn", href: t.learnSortingHref, target: "_blank", rel: "noreferrer", children: [_jsx(CircleHelp, { size: 14, strokeWidth: 1.75 }), t.learnSorting] })) : (_jsxs("span", { className: "recordstable-sort-learn", children: [_jsx(CircleHelp, { size: 14, strokeWidth: 1.75 }), t.learnSorting] })) })] }))] }), _jsxs("span", { className: "recordstable-toolgroup", children: [_jsxs("button", { type: "button", className: `recordstable-tool recordstable-tool--ghost${activeFilters ? " recordstable-tool--active" : ""}`, onClick: () => setOpenMenu(openMenu === "filter" ? null : "filter"), "aria-haspopup": "dialog", "aria-expanded": openMenu === "filter", "data-menu-trigger": true, children: [_jsx(ListFilter, { size: 14, strokeWidth: 1.75, "aria-hidden": "true" }), t.filterCount(activeFilters)] }), openMenu === "filter" && (_jsxs("div", { className: "recordstable-menu", role: "dialog", "aria-label": t.addFilter, children: [_jsx("input", { className: "recordstable-menu-input", placeholder: t.filterByPlaceholder, "aria-label": t.filterByField, 
                                         // biome-ignore lint/a11y/noAutofocus: focus the picker on open
                                         autoFocus: true, value: filterQuery, onChange: (e) => setFilterQuery(e.target.value) }), cols
                                         .filter((col) => col.label

package/dist/esm/product/richtext/richtext.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { richtextRecipe } from "./richtext.recipe.js";
 const exec = (cmd, value) => document.execCommand(cmd, false, value);
 /**
- * A block rich-text editor — measured from Attio's Notes editor. A large title,
+ * A block rich-text editor — measured from a notes editor. A large title,
  * a prose body (headings, lists, quote, marks, links), and a floating toolbar
  * that appears over a text selection. Built on contentEditable, dependency-free.
  * Uncontrolled: seed with `defaultTitle`/`defaultHtml`, read via `onChange`.

package/dist/esm/product/settingssection/settingssection.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { settingssectionRecipe } from "./settingssection.recipe.js";
 /**
- * A settings section — measured from Attio's Settings pages. A title + optional
+ * A settings section — measured from settings pages. A title + optional
  * subtitle and trailing action, then a gapped stack of rows (pair with
  * FormField). Compose several inside a settings content pane.
  */

package/dist/esm/product/settingsshell/settingsshell.js

@@ -3,7 +3,7 @@ import { ChevronLeft, Search } from "lucide-react";
 import * as React from "react";
 import { settingsshellRecipe } from "./settingsshell.recipe.js";
 /**
- * The Settings layout — measured from Attio's Settings. A left nav (back header,
+ * The Settings layout — measured live. A left nav (back header,
  * search, grouped items) beside a scrolling content pane. The search filters the
  * nav by label. Fills the height its container gives it.
  */

package/dist/esm/product/sidebar/sidebar.js

@@ -28,13 +28,13 @@ const GlyphPeople = () => (_jsx(User, { size: 12, color: "white", strokeWidth: 1
 const GlyphDeals = () => (_jsx(CircleDollarSign, { size: 12, color: "white", strokeWidth: 1.75, "aria-hidden": "true" }));
 const GlyphUsers = () => (_jsx(Users, { size: 12, color: "white", strokeWidth: 1.75, "aria-hidden": "true" }));
 const GlyphWorkspaces = () => (_jsx(LayoutGrid, { size: 12, color: "white", strokeWidth: 1.75, "aria-hidden": "true" }));
-/** The measured Attio workspace switcher — the default `workspace` prop. */
+/** The measured workspace switcher — the default `workspace` prop. */
 export const ATTIO_SIDEBAR_WORKSPACE = {
     name: "techpartners",
     avatarLabel: "T",
     avatarTone: "cyan",
 };
-/** The measured Attio main nav — the default `items` prop. */
+/** The measured main nav — the default `items` prop. */
 export const ATTIO_SIDEBAR_ITEMS = [
     { label: "Home", icon: IconHome },
     {
@@ -50,7 +50,7 @@ export const ATTIO_SIDEBAR_ITEMS = [
     { label: "Sequences", icon: IconSequences },
     { label: "Workflows", icon: IconWorkflows },
 ];
-/** The measured Attio Records section — the default `recordsSection` prop. */
+/** The measured Records section — the default `recordsSection` prop. */
 export const ATTIO_SIDEBAR_RECORDS_SECTION = {
     label: "Records",
     items: [
@@ -61,17 +61,17 @@ export const ATTIO_SIDEBAR_RECORDS_SECTION = {
         { label: "Workspaces", tone: "purple", glyph: GlyphWorkspaces },
     ],
 };
-/** The measured Attio Lists section — the default `listsSection` prop. */
+/** The measured Lists section — the default `listsSection` prop. */
 export const ATTIO_SIDEBAR_LISTS_SECTION = {
     label: "Lists",
     newListLabel: "+ New list",
 };
-/** The measured Attio Chats section — the default `chatsSection` prop. */
+/** The measured Chats section — the default `chatsSection` prop. */
 export const ATTIO_SIDEBAR_CHATS_SECTION = {
     label: "Chats",
     items: [{ label: "In-app notification for deal wins", icon: IconChat }],
 };
-/** The measured Attio footer copy — the default `footer` prop. */
+/** The measured footer copy — the default `footer` prop. */
 export const ATTIO_SIDEBAR_FOOTER = {
     gettingStartedLabel: "Getting started 1/6",
     inviteLabel: "Invite team members",

package/dist/esm/product/tasklist/tasklist.js

@@ -4,7 +4,7 @@ function Row({ task, onToggle, completeLabel, incompleteLabel, }) {
     return (_jsxs("div", { className: "tasklist-row", "data-done": task.done ? "" : undefined, children: [_jsx("input", { type: "checkbox", className: "tasklist-check", checked: !!task.done, "aria-label": task.done ? incompleteLabel : completeLabel, onChange: () => onToggle?.(task.id, !task.done) }), _jsx("span", { className: "tasklist-title", children: task.title }), (task.due != null || task.meta != null) && (_jsxs("span", { className: "tasklist-meta", children: [task.due != null && (_jsx("span", { className: "tasklist-due", "data-overdue": task.overdue ? "" : undefined, children: task.due })), task.meta] }))] }));
 }
 /**
- * A task list — measured from Attio's Tasks page. Optional group headers with a
+ * A task list — measured from a tasks page. Optional group headers with a
  * count, then rows of a round complete-checkbox + title + trailing meta.
  * Completed rows strike through; overdue dates go red.
  */

package/dist/esm/product/trialbanner/trialbanner.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { trialbannerRecipe } from "./trialbanner.recipe.js";
 /**
- * A compact trial / upgrade banner — measured from Attio's sidebar footer.
+ * A compact trial / upgrade banner — measured from a sidebar footer.
  * Icon + message + an optional small action pill (soft-glow outlined button).
  */
 export function TrialBanner({ icon, children, action, onAction, tone = "neutral", className, ...rest }) {

package/dist/esm/product/viewtoggle/viewtoggle.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { viewtoggleRecipe } from "./viewtoggle.recipe.js";
 /**
- * A compact icon toggle — measured from Attio's list/grid switch. A padded track
+ * A compact icon toggle — measured from a list/grid switch. A padded track
  * of icon tiles; the selected tile is raised. Use for view-mode switches (list ⇄
  * grid) or any small mutually-exclusive icon choice.
  */

package/dist/styles.css

@@ -522,8 +522,8 @@
     /* fixed layout so column widths (and resize) are exact — like RecordsTable */
     & table { table-layout: fixed; }
     /* column resize grip */
-    & .datatable-resize { position: absolute; top: 0; right: -3px; width: 9px; height: 100%; cursor: col-resize; z-index: 6; touch-action: none; }
-    & .datatable-resize::after { content: ""; position: absolute; top: 0; left: 3px; width: 2px; height: 100%; background: var(--bg-brand-solid); opacity: 0; transition: opacity .12s; }
+    & .datatable-resize { position: absolute; top: 0; inset-inline-end: -3px; width: 9px; height: 100%; cursor: col-resize; z-index: 6; touch-action: none; }
+    & .datatable-resize::after { content: ""; position: absolute; top: 0; inset-inline-start: 3px; width: 2px; height: 100%; background: var(--bg-brand-solid); opacity: 0; transition: opacity .12s; }
     & .datatable-resize:hover::after, & .datatable-resize[data-resizing]::after { opacity: 1; }
     /* typed cells — entity (avatar + name), colour-coded tags, numbers, dates */
     & .datatable-entity { display: flex; align-items: center; gap: var(--space-1-5); min-width: 0; color: var(--fg-primary); font-weight: var(--weight-medium); }

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

@@ -12,7 +12,7 @@ export type AvatarGroupProps = React.ComponentPropsWithoutRef<"div"> & {
 };
 /**
  * A stack of overlapping avatars with an optional "+N" overflow chip — measured
- * from Attio's team / member rows. Pass `<Avatar>` children; each is ringed in
+ * from team / member rows. Pass `<Avatar>` children; each is ringed in
  * the surface colour so it reads against its neighbour.
  */
 export declare function AvatarGroup({ children, max, size, className, "aria-label": ariaLabel, ...rest }: AvatarGroupProps): React.JSX.Element;

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

@@ -23,7 +23,7 @@ export type BarChartProps = Omit<React.ComponentPropsWithoutRef<"div">, "color">
     className?: string;
 };
 /**
- * A responsive bar chart — measured from Attio's Reports dashboard. Pure CSS, so
+ * A responsive bar chart for dashboards. Pure CSS, so
  * it scales with its container. Renders `role="img"` with an accessible summary.
  */
 export declare function BarChart({ data, height, max, ticks, color, format, yAxisWidth, xAxisTitle, "aria-label": ariaLabel, className, ...rest }: BarChartProps): React.JSX.Element;

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

@@ -13,7 +13,7 @@ export type BreadcrumbProps = React.ComponentPropsWithoutRef<"nav"> & {
     className?: string;
 };
 /**
- * A breadcrumb trail — measured from Attio's record-page nav. The last item is
+ * A breadcrumb trail — measured from a record-page nav. The last item is
  * marked `aria-current="page"`; earlier items render as links or buttons.
  */
 export declare function Breadcrumb({ items, separator, "aria-label": ariaLabel, className, ...rest }: BreadcrumbProps): React.JSX.Element;

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

@@ -23,7 +23,7 @@ export type BulkBarProps = Omit<React.ComponentPropsWithoutRef<"div">, "children
 /**
  * A floating bulk-action bar. Rises from the bottom-centre of its nearest
  * positioned ancestor when a selection is active; render it conditionally
- * (e.g. `count > 0 && <BulkBar …/>`). Measured from Attio's records table.
+ * (e.g. `count > 0 && <BulkBar …/>`). Measured from a records table.
  */
 export declare function BulkBar({ count, onClear, countLabel, countText, children, className, clearLabel, ...rest }: BulkBarProps): React.JSX.Element;
 export declare namespace BulkBar {

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

@@ -11,7 +11,7 @@ export type CalloutProps = Omit<React.ComponentPropsWithoutRef<"div">, "title">
     className?: string;
 };
 /**
- * An inline callout / banner — measured from Attio's info notices. `tone` tints
+ * An inline callout / banner — measured from info notices. `tone` tints
  * the background and icon; pass a `title` and/or body `children`.
  */
 export declare function Callout({ tone, icon, title, children, action, className, ...rest }: CalloutProps): React.JSX.Element;

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

@@ -5,7 +5,7 @@ export type CheckboxProps = Omit<React.ComponentPropsWithoutRef<"input">, "type"
     asChild?: boolean;
 };
 /**
- * A native `<input type="checkbox">` styled to Attio's grid checkbox (16px,
+ * A native `<input type="checkbox">` styled to the measured grid checkbox (16px,
  * r6, brand fill + white check). Native on purpose: keyboard, focus, and form
  * semantics come for free. `indeterminate` is a DOM-only property, so it is
  * applied via ref rather than an attribute.

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 /**
- * Attio's column footer calculation. Measured from the live app: clicking a
+ * A column footer calculation. Measured from the live app: clicking a
  * summary cell opens an "Aggregations" menu — 180px wide — whose contents
  * depend on the column's type.
  *
@@ -14,9 +14,9 @@ import * as React from "react";
  * Plugs into `DataTable`'s per-column `summary(rows)` slot.
  */
 export type CalcOp = "none" | "countEmpty" | "countFilled" | "percentEmpty" | "percentFilled" | "sum" | "average" | "min" | "max";
-/** The four Attio offers on every column, in its order. */
+/** The four calcs offered on every column, in their order. */
 export declare const UNIVERSAL_CALCS: CalcOp[];
-/** The four Attio adds for numeric columns, in its order. */
+/** The four calcs added for numeric columns, in their order. */
 export declare const NUMERIC_CALCS: CalcOp[];
 export declare const CALC_LABEL: Record<CalcOp, string>;
 /** A value counts as empty when it is null/undefined, "" or an empty array. */
@@ -31,7 +31,7 @@ export type ColumnCalcProps<T> = Omit<React.ComponentPropsWithoutRef<"span">, "v
     rows: T[];
     /** Reads this column's value out of a row. */
     value: (row: T) => unknown;
-    /** Numeric columns get Sum/Average/Min/Max, as in Attio. */
+    /** Numeric columns get Sum/Average/Min/Max. */
     numeric?: boolean;
     defaultOp?: CalcOp;
     /** Controlled operation. */
@@ -46,7 +46,7 @@ export type ColumnCalcProps<T> = Omit<React.ComponentPropsWithoutRef<"span">, "v
     opLabels?: Partial<Record<CalcOp, string>>;
     /** Format the result; defaults to a grouped number, percentages with a %. */
     format?: (n: number, op: CalcOp) => string;
-    /** Match the column's alignment — numeric columns right-align in Attio. */
+    /** Match the column's alignment — numeric columns right-align. */
     align?: "left" | "right";
     className?: string;
 };

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

@@ -10,7 +10,7 @@ export type EntityValue = {
 export type DataCellType = "text" | "entity" | "tags" | "status" | "date" | "number" | "currency";
 export type DataTableColumn<T> = {
     key: string;
-    /** Truncates with an ellipsis (matches Attio) when it's wider than the
+    /** 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. */
     header: React.ReactNode;
@@ -76,12 +76,12 @@ export type DataTableProps<T extends {
     selectRowLabel?: (row: T) => string;
     /** Controlled sort (omit for self-managed; seed with `defaultSort`). */
     /**
-     * Active sort. Accepts a single sort or an ordered list — Attio sorts by
+     * Active sort. Accepts a single sort or an ordered list — a table can sort by
      * several columns at once ("Sorted by Last interaction +1"), applying each
      * in turn and falling through to the next on a tie.
      */
     /**
-     * Show Attio's column header menu — Sort ascending/descending, Move
+     * Show the column header menu — Sort ascending/descending, Move
      * left/right, Edit column label, Hide from view. Anything but sorting
      * needs `onColumnsChange` (or leave it off and the table manages its own
      * copy of the column list).
@@ -89,7 +89,7 @@ export type DataTableProps<T extends {
     columnMenu?: boolean;
     /** Called with the next column list after a move, rename or hide. */
     onColumnsChange?: (columns: DataTableColumn<T>[]) => void;
-    /** Group rows under a heading row, the way Attio groups a view. */
+    /** Group rows under a heading row, the way a grouped view does. */
     groupBy?: (row: T) => string;
     /**
      * Enables drag-to-reorder rows (a leading grip column). Called with the
@@ -120,7 +120,7 @@ export type DataTableProps<T extends {
     onEdit?: (id: string, key: string, value: string) => void;
     /** Sticky the first column(s) with a horizontal scroll shadow (default true). */
     stickyFirst?: boolean;
-    /** Tone for `entity`-type avatars: `"brand"` (uniform, matches Attio's real
+    /** Tone for `entity`-type avatars: `"brand"` (uniform, matches the real
      * records grid) or `"hashed"` (a stable colour per name — the tone `tags`/
      * `status` pills already use, and entity's previous default). */
     avatarTone?: "brand" | "hashed";

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

@@ -33,7 +33,7 @@ export type DatePickerFieldProps = Omit<React.ComponentPropsWithoutRef<"div">, "
     className?: string;
 };
 /**
- * Attio's date field: a trigger showing the value, opening a calendar in a
+ * A measured date field: a trigger showing the value, opening a calendar in a
  * popover. This is what `DatePicker` used to be; `DatePicker` is now
  * seed-design's bare calendar, and this composes it.
  */

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

@@ -26,7 +26,7 @@ export type DialogProps = Omit<React.ComponentPropsWithoutRef<"div">, "title" |
 };
 /**
  * A modal dialog — composes Zag's dialog machine (focus trap, scroll lock,
- * Escape / outside-click dismissal) with the measured Attio modal surface.
+ * Escape / outside-click dismissal) with the measured modal surface.
  * Compose the body with `DialogBody` and actions with `DialogFooter`.
  */
 export declare function Dialog({ open, onOpenChange, title, icon, width, "aria-label": ariaLabel, closeLabel, children, className, style, "aria-describedby": describedBy, ...rest }: DialogProps): React.JSX.Element | null;

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

@@ -22,7 +22,7 @@ export type DonutChartProps = React.ComponentPropsWithoutRef<"div"> & {
     className?: string;
 };
 /**
- * A donut / ring chart — measured from Attio's Reports breakdown reports. SVG
+ * A donut / ring chart — measured from a reports breakdown report. SVG
  * ring using the r=15.915 (circumference 100) trick so slices are percentages;
  * a centred total and an optional legend. `role="img"` with a summary.
  */

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

@@ -7,7 +7,7 @@ export type EmptyStateProps = Omit<React.ComponentPropsWithoutRef<"div">, "title
     action?: React.ReactNode;
     /**
      * `illustrated` shows a large icon on a dotted-grid backdrop; `page` is
-     * Attio's full-view empty state (ringed circle icon + 20px heading).
+     * the full-view empty state (ringed circle icon + 20px heading).
      */
     variant?: "default" | "illustrated" | "page";
     className?: string;

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

@@ -19,7 +19,7 @@ export type FormFieldProps = React.ComponentPropsWithoutRef<"div"> & {
     className?: string;
 };
 /**
- * A labelled form field — measured from Attio's Settings forms. A muted label
+ * A labelled form field — measured from settings forms. A muted label
  * above any control, with an optional description or error line below. When
  * `error` is set it replaces the description; the control is given
  * `aria-describedby`, plus `aria-invalid` and `aria-required` as they apply.

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

@@ -27,7 +27,7 @@ export type LineChartProps = Omit<React.ComponentPropsWithoutRef<"div">, "color"
     className?: string;
 };
 /**
- * A responsive line chart — measured from Attio's Reports historical charts.
+ * A responsive line chart — measured from a reports historical chart.
  * A stretched SVG line/area (non-scaling stroke keeps it crisp) over dashed
  * gridlines; dots are HTML so they stay round. `role="img"` with a summary.
  */

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

@@ -16,7 +16,7 @@ export type MenuProps = {
     "aria-label"?: string;
 };
 /**
- * A dropdown menu — the ⋯ / sort / filter menu surface, on Attio's measured
+ * A dropdown menu — the ⋯ / sort / filter menu surface, on a measured
  * popover. Give it a `trigger` element and Menu items as children. Opens on
  * click / ↓ / Enter; roving-focus keyboard model (↑/↓ move, Home/End jump,
  * typeahead, Enter/Space select, Esc closes and returns focus to the trigger);

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

@@ -41,7 +41,7 @@ export type MultiSelectProps = Omit<React.ComponentPropsWithoutRef<"div">, "valu
     "aria-label"?: string;
 };
 /**
- * A multi-select / tag editor — measured from Attio's cell tag picker. The
+ * A multi-select / tag editor — measured from a cell tag picker. The
  * outlined trigger shows the selected values as coloured chips; it opens a
  * popover with a search field over rows of "[chip] … [checkbox]" that toggle on
  * click (the menu stays open). Keyboard: ↑/↓ move, Enter toggles, Esc closes.

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

@@ -3,7 +3,7 @@ export type ProgressProps = React.ComponentPropsWithoutRef<"div"> & {
     value: number;
     /** Maximum value (default 100). */
     max?: number;
-    /** Render as N discrete segments (Attio's step bar) instead of a continuous fill. */
+    /** Render as N discrete segments (a step bar) instead of a continuous fill. */
     segments?: number;
     "aria-label"?: string;
     className?: string;

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

@@ -28,7 +28,7 @@ export type RadioGroupProps = Omit<React.ComponentPropsWithoutRef<"div">, "value
     children: React.ReactNode;
 };
 /**
- * A radio group — measured from Attio's settings. `default` renders rows (a ring
+ * A radio group — measured from a settings page. `default` renders rows (a ring
  * that fills brand when selected + a label); `card` renders a row of bordered
  * preview cards whose border turns brand when picked (the Theme picker). Arrow
  * keys move between options (roving focus). Controlled or uncontrolled.