@crisp-ui-kit/crisp 0.31.3 → 0.31.5

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/listpage/listpage.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 Sort/Filter, trailing view
 // toggle / settings / New, and a record count), an optional dashed "Favorites"
 // region, then a list with column headers and time-grouped 52px rows.

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/onboarding/onboarding.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// An onboarding checklist card — measured from Attio's floating "Getting started"
+// An onboarding checklist card — measured from a floating "Getting started"
 // widget: a title + menu/minimize header, a "N/total steps" subtitle, a
 // segmented progress bar (filled pills brand, rest 4% ink), then step rows with
 // an icon + label; completed rows strike through and show 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/recordpage/recordpage.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// The full-page company record view Attio opens when you click into a record —
+// The full-page company record view opened when you click into a record —
 // measured from the live app. A slim top bar (breadcrumb · logo · name 16/600 ·
 // actions), then a two-column body: a 320px left "Record Details" attribute
 // column (transparent, border-right) and a flexible main area whose tab bar
@@ -50,7 +50,7 @@ const config = defineRecipe({
     & .recordpage-section { padding-top: ${c.space["2"]}; }
     & .recordpage-section-title { font-size: ${c.text.sm}; font-weight: ${c.weight.medium}; letter-spacing: -0.12px; color: color-mix(in srgb, ${c.fgPrimary} 63%, transparent); padding: ${c.space["1"]}; }
     /* main-area section headers (Highlights / Activity / Emails / Notes / Tasks)
-       are 14px in Attio; the left column's (Record Details / Lists) stay 12px. */
+       are 14px; the left column's (Record Details / Lists) stay 12px. */
     & .recordpage-main .recordpage-section-title { font-size: ${c.text.lg}; }
     & .recordpage-detailhead { display: flex; align-items: center; gap: ${c.space["0.5"]}; margin-bottom: ${c.space["3"]}; padding-inline-end: ${c.space["0.5"]}; }
     & .recordpage-collapse { display: inline-flex; align-items: center; gap: 2px; flex: 1; min-width: 0; margin: 0; border: none; background: none; padding: ${c.space["1"]}; border-radius: ${c.radius.md}; font-family: inherit; font-size: ${c.text.sm}; font-weight: ${c.weight.medium}; letter-spacing: -0.12px; color: ${c.fgMuted}; cursor: pointer; text-align: start; }

package/dist/esm/product/recordpanel/recordpanel.recipe.js

@@ -2,7 +2,7 @@ import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
 import { recordTagCss } from "../recordstable/recordstable.tag.js";
 // A right-side record peek panel — slides in over the main content to show one
-// record's fields, the way Attio opens a row. Positioned absolutely inside a
+// record's fields, the way a row peek panel opens. Positioned absolutely inside a
 // relative container (the app main area); slides in via @starting-style.
 const config = defineRecipe({
     name: "recordpanel",

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/recordstable/recordstable.recipe.js

@@ -2,7 +2,7 @@ import { toolbarChromeBody, toolbarChromeHead, } from "../../components/tabletoo
 import { defineRecipe, resolveRecipe, rtlFlipCss } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 import { recordTagCss } from "./recordstable.tag.js";
-// Attio's record grid, measured: 36px rows, 1px borderSubtle (#eeeff1) grid
+// A record grid, measured: 36px rows, 1px borderSubtle (#eeeff1) grid
 // lines on BOTH axes, sticky checkbox + entity (first) columns, entity = 16px
 // avatar + 14px/500 name, 28px toolbar controls, a floating bulk-action bar.
 //
@@ -112,7 +112,7 @@ ${toolbarChromeBody("recordstable")}
     /* box-shadow has no logical form either: the bleed follows the scrolled
        content, which is the opposite side under RTL. */
     [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
-    /* AI-enriched values carry a purple wash. Measured from Attio:
+    /* AI-enriched values carry a purple wash. Measured live:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it
        is an ::after and not a background. */

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

@@ -1,6 +1,6 @@
 import { contract as c } from "../../tokens/index.js";
 /**
- * The record tag/chip, measured from Attio: 22px tall, `padding: 0 4px`,
+ * The record tag/chip, measured live: 22px tall, `padding: 0 4px`,
  * `border-radius: ${c.radius.chip}`, 14px/20px at weight 500, and a 1px inset ring in the
  * tone's colour.
  *

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/richtext/richtext.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A block rich-text editor — measured from Attio's Notes editor: a large 32/36
+// A block rich-text editor — measured from a Notes editor: a large 32/36
 // title, a 14/20 prose body (headings, lists, quote, code, marks, links), and a
 // floating selection toolbar. Built on contentEditable so it stays dependency-
 // free. Placeholders show via [data-empty]::before.

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/settingssection/settingssection.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A settings section — measured from Attio's Settings pages: a 16px/600 title
+// A settings section — measured from Settings pages: a 16px/600 title
 // with an optional subtitle, then a stack of rows (form fields, toggles…). Rows
 // gap evenly; an optional trailing action sits on the title row.
 const config = defineRecipe({

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/settingsshell/settingsshell.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe, rtlFlipCss } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// The Settings layout — measured from Attio's Settings: a 256px left nav with a
+// The Settings layout — measured from a Settings screen: a 256px left nav with a
 // back header, a search field, and grouped nav items (active row raised), beside
 // a scrolling content pane. Sits inside whatever height its container gives it.
 const config = defineRecipe({
@@ -15,7 +15,7 @@ const config = defineRecipe({
 
     & .settingsshell-search { display: flex; align-items: center; gap: ${c.space["2"]}; height: 32px; margin-bottom: ${c.space["2"]}; padding: 0 ${c.space["2.5"]}; border-radius: ${c.radius.md}; background: ${c.bgSurface}; box-shadow: inset 0 0 0 1px ${c.borderDefault}; color: ${c.fgMuted}; }
     /* The field box owns the ring, so focus has to move it -- the inner
-       input kills its own outline. Measured on Attio: a focused field's
+       input kills its own outline. Measured live: a focused field's
        input carries box-shadow: none while its wrapper carries
        inset 0 0 0 1px #266df0. */
     & .settingsshell-search:focus-within { box-shadow: inset 0 0 0 1px ${c.bgBrandSolid}; }

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/tasklist/tasklist.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A task list — measured from Attio's Tasks page: optional group headers, then
+// A task list — measured from a Tasks page: optional group headers, then
 // rows of a round complete-checkbox + title + trailing meta (due date, record,
 // assignee). Completed rows strike through; overdue due-dates go red.
 const config = defineRecipe({

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/trialbanner/trialbanner.recipe.js

@@ -1,8 +1,8 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// A compact trial / upgrade banner — measured from Attio's sidebar footer: an
+// A compact trial / upgrade banner — measured from a sidebar footer: an
 // icon + a message on the left and a small action pill on the right, in a 28px
-// row. The action uses Attio's soft-glow outlined-button shadow.
+// row. The action uses the measured soft-glow outlined-button shadow.
 const config = defineRecipe({
     name: "trialbanner",
     base: `display: flex; align-items: center; gap: ${c.space["1.5"]}; box-sizing: border-box; min-height: 28px;

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/esm/product/viewtoggle/viewtoggle.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A compact icon toggle — measured from Attio's list/grid switch: a 28px track
+// A compact icon toggle — measured from a list/grid switch: a 28px track
 // (radius 10, ~5% ink) padded 2px, holding 24px icon tiles (radius 8). The
 // selected tile gets a raised surface with a soft shadow.
 const config = defineRecipe({

package/dist/fileupload.css

@@ -23,12 +23,12 @@
     & .fileupload-zone[data-disabled] { opacity: .5; cursor: not-allowed; }
     & .fileupload-zone[data-invalid] { border-color: var(--bg-danger); }
 
-    /* Attio: "No files" 16/20 weight 600 */
+    /* "No files" 16/20 weight 600 */
     & .fileupload-title {
       color: var(--fg-primary); font-size: var(--text-xl); line-height: 20px;
       font-weight: var(--weight-semibold);
     }
-    /* Attio: the hint line, 14/20 weight 500 at 63% of the foreground */
+    /* The hint line, 14/20 weight 500 at 63% of the foreground */
     & .fileupload-hint {
       color: color-mix(in srgb, var(--fg-primary) 63%, transparent);
       font-size: var(--text-lg); line-height: 20px;

package/dist/recordpage.css

@@ -41,7 +41,7 @@
     & .recordpage-section { padding-top: var(--space-2); }
     & .recordpage-section-title { font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: -0.12px; color: color-mix(in srgb, var(--fg-primary) 63%, transparent); padding: var(--space-1); }
     /* main-area section headers (Highlights / Activity / Emails / Notes / Tasks)
-       are 14px in Attio; the left column's (Record Details / Lists) stay 12px. */
+       are 14px; the left column's (Record Details / Lists) stay 12px. */
     & .recordpage-main .recordpage-section-title { font-size: var(--text-lg); }
     & .recordpage-detailhead { display: flex; align-items: center; gap: var(--space-0-5); margin-bottom: var(--space-3); padding-inline-end: var(--space-0-5); }
     & .recordpage-collapse { display: inline-flex; align-items: center; gap: 2px; flex: 1; min-width: 0; margin: 0; border: none; background: none; padding: var(--space-1); border-radius: var(--radius-md); font-family: inherit; font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: -0.12px; color: var(--fg-muted); cursor: pointer; text-align: start; }

package/dist/recordstable.css

@@ -167,7 +167,7 @@
     /* box-shadow has no logical form either: the bleed follows the scrolled
        content, which is the opposite side under RTL. */
     [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
-    /* AI-enriched values carry a purple wash. Measured from Attio:
+    /* AI-enriched values carry a purple wash. Measured live:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it
        is an ::after and not a background. */

package/dist/settingsshell.css

@@ -9,7 +9,7 @@
 
     & .settingsshell-search { display: flex; align-items: center; gap: var(--space-2); height: 32px; margin-bottom: var(--space-2); padding: 0 var(--space-2-5); border-radius: var(--radius-md); background: var(--bg-surface); box-shadow: inset 0 0 0 1px var(--border-default); color: var(--fg-muted); }
     /* The field box owns the ring, so focus has to move it -- the inner
-       input kills its own outline. Measured on Attio: a focused field's
+       input kills its own outline. Measured live: a focused field's
        input carries box-shadow: none while its wrapper carries
        inset 0 0 0 1px #266df0. */
     & .settingsshell-search:focus-within { box-shadow: inset 0 0 0 1px var(--bg-brand-solid); }

package/dist/styles.css

@@ -415,7 +415,7 @@
        shrink the button back to its text. Make the wrapper fill too, so the
        whole cell stays clickable. */
     & .menu { width: 100%; height: 100%; }
-        /* Attio's hit target is the WHOLE summary cell -- measured 246x37 with
+        /* The hit target is the WHOLE summary cell -- measured 246x37 with
        padding 0 12px, not a content-sized chip. Clicking anywhere in the cell
        opens the aggregation menu. */
     & .columncalc-trigger { display: flex; align-items: center; gap: var(--space-1); width: 100%; height: 100%; min-height: var(--size-tableRow); margin: 0; padding: 0 var(--space-3); border: none; border-radius: var(--radius-md); background: transparent; color: var(--fg-muted); font-family: inherit; font-size: var(--text-md); font-weight: var(--weight-medium); white-space: nowrap; cursor: pointer; transition: background-color .12s, color .12s; }
@@ -466,7 +466,7 @@
     & .datatable-search input::placeholder { color: var(--fg-muted); }
     & .datatable-search input:focus { box-shadow: inset 0 0 0 1px var(--bg-brand-solid); }
     & .datatable-count { margin-inline-start: auto; font-size: var(--text-md); color: var(--fg-muted); }
-/* Attio's header cell has no padding of its own -- the button owns the
+/* The header cell has no padding of its own -- the button owns the
        full cell so the whole header is clickable (its own inset is 12px).
        Mirrors the summary-row fix. */
     & th { padding: 0; }
@@ -480,11 +480,11 @@
     & th .menu { width: 100%; height: 100%; }
     & .datatable-th-inner { display: inline-flex; align-items: center; gap: var(--space-1-5); width: 100%; min-width: 0; height: 100%; }
     & .datatable-th-inner > svg { flex-shrink: 0; color: var(--fg-muted); }
-/* Attio's summary cell has NO padding of its own -- the calculation trigger
+/* The summary cell has NO padding of its own -- the calculation trigger
        owns the whole 246x37 area so a click anywhere in the cell opens the
        menu. Zero the cell's inset and let ColumnCalc supply the 12px. */
     & tfoot td { padding: 0; }
-/* Group heading row -- Attio groups a view under a subtle label with the
+/* Group heading row -- a view is grouped under a subtle label with the
        bucket's count beside it. */
 & .datatable-viewsettings { display: inline-flex; align-items: center; gap: var(--space-1-5); height: var(--size-row); margin: 0; padding: 0 var(--space-2); border: none; border-radius: var(--radius-md); background: transparent; color: var(--fg-muted); font-family: inherit; font-size: var(--text-md); font-weight: var(--weight-medium); white-space: nowrap; cursor: pointer; transition: background-color .12s, color .12s; }
     & .datatable-viewsettings:hover { background: color-mix(in srgb, var(--fg-primary) 4%, transparent); color: var(--fg-primary); }
@@ -542,13 +542,13 @@
     & .datatable-tag[data-tone="orange"] { background: color-mix(in srgb, var(--bg-orange) 16%, transparent); color: color-mix(in srgb, var(--bg-orange) 82%, var(--fg-primary)); }
     & .datatable-num { font-variant-numeric: tabular-nums; }
     & .datatable-muted { color: var(--fg-muted); }
-    /* row drag-to-reorder -- Attio's Settings > Objects > Attributes measures
+    /* row drag-to-reorder -- a Settings > Objects > Attributes screen measures
        a leading 20px grip column, a 16px grip icon, and the row's own
        hairline doubling as the drop indicator (it tints toward the brand
        colour as the active drop target). The affordance + geometry are
        measured; the drag MECHANISM is crisp's existing house idiom -- HTML5
        draggable + dataTransfer, the same one column reorder already uses
-       (RecordsTable's reorderColumn) -- not Attio's own proprietary
+       (RecordsTable's reorderColumn) -- not a proprietary
        pointer-events implementation. */
     & .datatable-col-grip { width: 20px; padding: 0; text-align: center; }
     & .datatable-grip { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; border: none; border-radius: 0; background: none; font-family: inherit; color: var(--fg-muted); cursor: grab; }
@@ -901,12 +901,12 @@
     & .fileupload-zone[data-disabled] { opacity: .5; cursor: not-allowed; }
     & .fileupload-zone[data-invalid] { border-color: var(--bg-danger); }
 
-    /* Attio: "No files" 16/20 weight 600 */
+    /* "No files" 16/20 weight 600 */
     & .fileupload-title {
       color: var(--fg-primary); font-size: var(--text-xl); line-height: 20px;
       font-weight: var(--weight-semibold);
     }
-    /* Attio: the hint line, 14/20 weight 500 at 63% of the foreground */
+    /* The hint line, 14/20 weight 500 at 63% of the foreground */
     & .fileupload-hint {
       color: color-mix(in srgb, var(--fg-primary) 63%, transparent);
       font-size: var(--text-lg); line-height: 20px;
@@ -1926,7 +1926,7 @@
     & .authshell-body .button { height: 36px; padding-inline: var(--space-3); border-radius: 10px; }
     & .authshell-body .button--intent_primary { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06), 0 2px 4px -2px rgba(38,109,240,0.12), 0 3px 6px -2px rgba(38,109,240,0.08); }
 
-    /* Attio drops the preview pane in JS on narrow viewports (measured: two
+    /* The preview pane drops out in JS on narrow viewports (measured: two
        panes at 1393px, one at 954px), so 1200px is a chosen threshold inside
        that bracket, not a measured value. A CONTAINER query, not a media
        query: the shell is embedded in the docs inside an ~800px column, where
@@ -2248,7 +2248,7 @@
     & .recordpage-section { padding-top: var(--space-2); }
     & .recordpage-section-title { font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: -0.12px; color: color-mix(in srgb, var(--fg-primary) 63%, transparent); padding: var(--space-1); }
     /* main-area section headers (Highlights / Activity / Emails / Notes / Tasks)
-       are 14px in Attio; the left column's (Record Details / Lists) stay 12px. */
+       are 14px; the left column's (Record Details / Lists) stay 12px. */
     & .recordpage-main .recordpage-section-title { font-size: var(--text-lg); }
     & .recordpage-detailhead { display: flex; align-items: center; gap: var(--space-0-5); margin-bottom: var(--space-3); padding-inline-end: var(--space-0-5); }
     & .recordpage-collapse { display: inline-flex; align-items: center; gap: 2px; flex: 1; min-width: 0; margin: 0; border: none; background: none; padding: var(--space-1); border-radius: var(--radius-md); font-family: inherit; font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: -0.12px; color: var(--fg-muted); cursor: pointer; text-align: start; }
@@ -2575,7 +2575,7 @@
     /* box-shadow has no logical form either: the bleed follows the scrolled
        content, which is the opposite side under RTL. */
     [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
-    /* AI-enriched values carry a purple wash. Measured from Attio:
+    /* AI-enriched values carry a purple wash. Measured live:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it
        is an ::after and not a background. */
@@ -2685,7 +2685,7 @@
 
     & .settingsshell-search { display: flex; align-items: center; gap: var(--space-2); height: 32px; margin-bottom: var(--space-2); padding: 0 var(--space-2-5); border-radius: var(--radius-md); background: var(--bg-surface); box-shadow: inset 0 0 0 1px var(--border-default); color: var(--fg-muted); }
     /* The field box owns the ring, so focus has to move it -- the inner
-       input kills its own outline. Measured on Attio: a focused field's
+       input kills its own outline. Measured live: a focused field's
        input carries box-shadow: none while its wrapper carries
        inset 0 0 0 1px #266df0. */
     & .settingsshell-search:focus-within { box-shadow: inset 0 0 0 1px var(--bg-brand-solid); }

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 {