@crisp-ui-kit/crisp 0.31.3 → 0.31.5

package/dist/cjs/product/recordstable/recordstable.recipe.js

@@ -5,7 +5,7 @@ const tabletoolbar_chrome_1 = require("../../components/tabletoolbar/tabletoolba
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 const recordstable_tag_1 = require("./recordstable.tag");
-// 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.
 //
@@ -115,7 +115,7 @@ ${(0, tabletoolbar_chrome_1.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/cjs/product/recordstable/recordstable.tag.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.recordTagCss = void 0;
 const tokens_1 = require("../../tokens");
 /**
- * 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/cjs/product/richtext/richtext.js

@@ -40,7 +40,7 @@ const React = __importStar(require("react"));
 const richtext_recipe_1 = require("./richtext.recipe");
 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/cjs/product/richtext/richtext.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.richtextRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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/cjs/product/settingssection/settingssection.js

@@ -4,7 +4,7 @@ exports.SettingsSection = SettingsSection;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const settingssection_recipe_1 = require("./settingssection.recipe");
 /**
- * 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/cjs/product/settingssection/settingssection.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.settingssectionRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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 = (0, core_1.defineRecipe)({

package/dist/cjs/product/settingsshell/settingsshell.js

@@ -39,7 +39,7 @@ const lucide_react_1 = require("lucide-react");
 const React = __importStar(require("react"));
 const settingsshell_recipe_1 = require("./settingsshell.recipe");
 /**
- * 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/cjs/product/settingsshell/settingsshell.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.settingsshellRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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 = (0, core_1.defineRecipe)({
@@ -18,7 +18,7 @@ const config = (0, core_1.defineRecipe)({
 
     & .settingsshell-search { display: flex; align-items: center; gap: ${tokens_1.contract.space["2"]}; height: 32px; margin-bottom: ${tokens_1.contract.space["2"]}; padding: 0 ${tokens_1.contract.space["2.5"]}; border-radius: ${tokens_1.contract.radius.md}; background: ${tokens_1.contract.bgSurface}; box-shadow: inset 0 0 0 1px ${tokens_1.contract.borderDefault}; color: ${tokens_1.contract.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 ${tokens_1.contract.bgBrandSolid}; }

package/dist/cjs/product/sidebar/sidebar.js

@@ -64,13 +64,13 @@ const GlyphPeople = () => ((0, jsx_runtime_1.jsx)(lucide_react_1.User, { size: 1
 const GlyphDeals = () => ((0, jsx_runtime_1.jsx)(lucide_react_1.CircleDollarSign, { size: 12, color: "white", strokeWidth: 1.75, "aria-hidden": "true" }));
 const GlyphUsers = () => ((0, jsx_runtime_1.jsx)(lucide_react_1.Users, { size: 12, color: "white", strokeWidth: 1.75, "aria-hidden": "true" }));
 const GlyphWorkspaces = () => ((0, jsx_runtime_1.jsx)(lucide_react_1.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. */
 exports.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. */
 exports.ATTIO_SIDEBAR_ITEMS = [
     { label: "Home", icon: IconHome },
     {
@@ -86,7 +86,7 @@ exports.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. */
 exports.ATTIO_SIDEBAR_RECORDS_SECTION = {
     label: "Records",
     items: [
@@ -97,17 +97,17 @@ exports.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. */
 exports.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. */
 exports.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. */
 exports.ATTIO_SIDEBAR_FOOTER = {
     gettingStartedLabel: "Getting started 1/6",
     inviteLabel: "Invite team members",

package/dist/cjs/product/tasklist/tasklist.js

@@ -7,7 +7,7 @@ function Row({ task, onToggle, completeLabel, incompleteLabel, }) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "tasklist-row", "data-done": task.done ? "" : undefined, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: "tasklist-check", checked: !!task.done, "aria-label": task.done ? incompleteLabel : completeLabel, onChange: () => onToggle?.(task.id, !task.done) }), (0, jsx_runtime_1.jsx)("span", { className: "tasklist-title", children: task.title }), (task.due != null || task.meta != null) && ((0, jsx_runtime_1.jsxs)("span", { className: "tasklist-meta", children: [task.due != null && ((0, jsx_runtime_1.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/cjs/product/tasklist/tasklist.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.tasklistRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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 = (0, core_1.defineRecipe)({

package/dist/cjs/product/trialbanner/trialbanner.js

@@ -4,7 +4,7 @@ exports.TrialBanner = TrialBanner;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const trialbanner_recipe_1 = require("./trialbanner.recipe");
 /**
- * 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).
  */
 function TrialBanner({ icon, children, action, onAction, tone = "neutral", className, ...rest }) {

package/dist/cjs/product/trialbanner/trialbanner.recipe.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.trialbannerRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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 = (0, core_1.defineRecipe)({
     name: "trialbanner",
     base: `display: flex; align-items: center; gap: ${tokens_1.contract.space["1.5"]}; box-sizing: border-box; min-height: 28px;

package/dist/cjs/product/viewtoggle/viewtoggle.js

@@ -38,7 +38,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const viewtoggle_recipe_1 = require("./viewtoggle.recipe");
 /**
- * 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/cjs/product/viewtoggle/viewtoggle.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.viewtoggleRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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 = (0, core_1.defineRecipe)({

package/dist/columncalc.css

@@ -4,7 +4,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; }

package/dist/datatable.css

@@ -7,7 +7,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; }
@@ -21,11 +21,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); }
@@ -83,13 +83,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; }

package/dist/esm/components/accordion/accordion.js

@@ -3,7 +3,7 @@ import { ChevronDown } from "lucide-react";
 import * as React from "react";
 import { accordionRecipe } from "./accordion.recipe.js";
 /**
- * A collapsible section list — measured from Attio's sidebar groups. Single or
+ * A collapsible section list — measured from sidebar groups. Single or
  * multiple open; panels animate their height (grid-rows 0fr->1fr). Headers are
  * buttons with `aria-expanded` / `aria-controls`.
  */

package/dist/esm/components/accordion/accordion.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A stack of collapsible sections — Attio's sidebar sections / "view all".
+// A stack of collapsible sections — sidebar sections / "view all".
 // The panel animates height via the grid-template-rows 0fr->1fr technique.
 const config = defineRecipe({
     name: "accordion",

package/dist/esm/components/avatargroup/avatargroup.js

@@ -4,7 +4,7 @@ import { Avatar } from "../avatar/avatar.js";
 import { avatargroupRecipe } from "./avatargroup.recipe.js";
 /**
  * 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 function AvatarGroup({ children, max, size = "md", className, "aria-label": ariaLabel, ...rest }) {

package/dist/esm/components/barchart/barchart.js

@@ -11,7 +11,7 @@ function niceNum(raw) {
     return step * mag;
 }
 /**
- * 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 function BarChart({ data, height = 240, max, ticks = 5, color, format = (n) => n.toLocaleString(), yAxisWidth, xAxisTitle, "aria-label": ariaLabel, className, ...rest }) {

package/dist/esm/components/barchart/barchart.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A responsive bar chart — measured from Attio's Reports dashboard: brand bars
+// A responsive bar chart — measured from a Reports dashboard: brand bars
 // with rounded tops over dashed horizontal gridlines, a value axis on the left,
 // and category labels below. Pure CSS (no SVG), so it scales with its container.
 const config = defineRecipe({

package/dist/esm/components/breadcrumb/breadcrumb.js

@@ -3,7 +3,7 @@ import { ChevronRight } from "lucide-react";
 import * as React from "react";
 import { breadcrumbRecipe } from "./breadcrumb.recipe.js";
 /**
- * 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 function Breadcrumb({ items, separator, "aria-label": ariaLabel = "Breadcrumb", className, ...rest }) {

package/dist/esm/components/breadcrumb/breadcrumb.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe, rtlFlipCss } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A breadcrumb trail — Attio's record-page nav ("Companies / Google").
+// A breadcrumb trail — record-page nav ("Companies / Google").
 const config = defineRecipe({
     name: "breadcrumb",
     base: `display: flex; align-items: center; gap: ${c.space["0.5"]}; font-family: ${c.font.sans}; font-size: ${c.text.lg};

package/dist/esm/components/bulkbar/bulkbar.js

@@ -5,7 +5,7 @@ import { bulkbarRecipe } from "./bulkbar.recipe.js";
 /**
  * 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 function BulkBar({ count, onClear, countLabel = "selected", countText = (count, label) => (_jsxs(_Fragment, { children: [count, " ", label] })), children, className, clearLabel = "Clear selection", ...rest }) {
     return (_jsx("div", { className: bulkbarRecipe({ className }), ...rest, children: _jsxs("div", { className: "bulkbar-bar", children: [count != null && (_jsxs("button", { type: "button", className: "bulkbar-count", onClick: onClear, title: clearLabel, children: [countText(count, countLabel), _jsx(X, { size: 13, strokeWidth: 2, "aria-hidden": "true" })] })), children] }) }));

package/dist/esm/components/bulkbar/bulkbar.recipe.js

@@ -2,7 +2,7 @@ import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
 // A floating bulk-action bar — the pill that rises from the bottom of a
 // selection surface (a table, a gallery) when one or more rows are selected.
-// Measured from Attio's records-table bulk bar. The root is an absolutely-
+// Measured from a records-table bulk bar. The root is an absolutely-
 // positioned anchor that centres the bar with flex (NOT a transform): a resting
 // transform on the bar would reparent any `position: fixed` menu inside it (the
 // "More" overflow), detaching it — the enter slide lives in @starting-style only.

package/dist/esm/components/callout/callout.js

@@ -9,7 +9,7 @@ const DEFAULT_ICONS = {
     danger: CircleAlert,
 };
 /**
- * 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 function Callout({ tone = "neutral", icon, title, children, action, className, ...rest }) {

package/dist/esm/components/callout/callout.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A callout / banner — Attio's inline info notices (e.g. "Changes apply to all
+// A callout / banner — inline info notices (e.g. "Changes apply to all
 // workspaces", the trial banner). Tone tints the background + icon.
 const config = defineRecipe({
     name: "callout",

package/dist/esm/components/checkbox/checkbox.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { Primitive } from "../../core/index.js";
 import { checkboxRecipe } from "./checkbox.recipe.js";
 /**
- * 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/esm/components/checkbox/checkbox.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A 16px square checkbox measured from Attio's record grid: r6, a subtle 1px
+// A 16px square checkbox measured from a record grid: r6, a subtle 1px
 // inset ring when empty, brand fill + white check when on. The check is a
 // data-URI SVG background so it renders reliably (input pseudo-content doesn't).
 const CHECK = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5 5 9l4.5-5'/%3E%3C/svg%3E\")";

package/dist/esm/components/columncalc/columncalc.js

@@ -3,14 +3,14 @@ import { ChevronDown, Plus } from "lucide-react";
 import * as React from "react";
 import { Menu, MenuItem } from "../menu/index.js";
 import { columncalcRecipe } from "./columncalc.recipe.js";
-/** The four Attio offers on every column, in its order. */
+/** The four calcs offered on every column, in their order. */
 export const UNIVERSAL_CALCS = [
     "countEmpty",
     "countFilled",
     "percentEmpty",
     "percentFilled",
 ];
-/** The four Attio adds for numeric columns, in its order. */
+/** The four calcs added for numeric columns, in their order. */
 export const NUMERIC_CALCS = ["sum", "average", "min", "max"];
 export const CALC_LABEL = {
     none: "None",

package/dist/esm/components/columncalc/columncalc.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// Attio's column footer calculation. The summary row is 36px and sticky at the
+// The column footer calculation. The summary row is 36px and sticky at the
 // grid's bottom edge; each cell holds a quiet trigger that reads "Add
 // calculation" until an aggregation is chosen, then shows the value with its
 // operation name beside it.
@@ -11,7 +11,7 @@ const config = defineRecipe({
        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: ${c.space["1"]}; width: 100%; height: 100%; min-height: ${c.size.tableRow}; margin: 0; padding: 0 ${c.space["3"]}; border: none; border-radius: ${c.radius.md}; background: transparent; color: ${c.fgMuted}; font-family: inherit; font-size: ${c.text.md}; font-weight: ${c.weight.medium}; white-space: nowrap; cursor: pointer; transition: background-color .12s, color .12s; }

package/dist/esm/components/datatable/datatable.js

@@ -33,7 +33,7 @@ function asText(v) {
         return v.join(", ");
     return String(v);
 }
-// stable pastel tone per string value — colour-coded tags/statuses, like Attio
+// stable pastel tone per string value — colour-coded tags/statuses
 const TAG_TONES = [
     "brand",
     "success",
@@ -241,8 +241,8 @@ export function DataTable({ columns: columnsProp, data, selectable = false, sele
         });
     }, [filtered, sorts, colByKey]);
     /**
-     * Rows bucketed under a heading, preserving first-seen group order (Attio
-     * groups a view without reordering within a group). One bucket with a null
+     * Rows bucketed under a heading, preserving first-seen group order (a
+     * grouped view without reordering within a group). One bucket with a null
      * group when `groupBy` is absent, so the render path is identical either way.
      */
     const groupedRows = React.useMemo(() => {
@@ -274,7 +274,7 @@ export function DataTable({ columns: columnsProp, data, selectable = false, sele
     }
     function cycleSort(key) {
         // Clicking a header drives a single sort, as before. Multi-sort is supplied
-        // by the caller through the `sort` prop (Attio builds it in its sort popover).
+        // by the caller through the `sort` prop (built in a sort popover).
         const dir = sortDirByKey.get(key);
         if (!dir)
             setSort({ key, dir: "asc" });
@@ -284,7 +284,7 @@ export function DataTable({ columns: columnsProp, data, selectable = false, sele
             setSort(null);
     }
     /**
-     * Which editor a column gets. Mirrors RecordsTable — the Attio-measured
+     * Which editor a column gets. Mirrors RecordsTable — the measured
      * sibling — rather than giving every type the same text box:
      *   number/currency   numeric, with a decimal keypad on touch
      *   date              a native date field

package/dist/esm/components/datatable/datatable.recipe.js

@@ -14,7 +14,7 @@ const config = defineRecipe({
     & .datatable-search input::placeholder { color: ${c.fgMuted}; }
     & .datatable-search input:focus { box-shadow: inset 0 0 0 1px ${c.bgBrandSolid}; }
     & .datatable-count { margin-inline-start: auto; font-size: ${c.text.md}; color: ${c.fgMuted}; }
-/* 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; }
@@ -28,11 +28,11 @@ const config = defineRecipe({
     & th .menu { width: 100%; height: 100%; }
     & .datatable-th-inner { display: inline-flex; align-items: center; gap: ${c.space["1.5"]}; width: 100%; min-width: 0; height: 100%; }
     & .datatable-th-inner > svg { flex-shrink: 0; color: ${c.fgMuted}; }
-/* 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: ${c.space["1.5"]}; height: ${c.size.row}; margin: 0; padding: 0 ${c.space["2"]}; border: none; border-radius: ${c.radius.md}; background: transparent; color: ${c.fgMuted}; font-family: inherit; font-size: ${c.text.md}; font-weight: ${c.weight.medium}; white-space: nowrap; cursor: pointer; transition: background-color .12s, color .12s; }
     & .datatable-viewsettings:hover { background: color-mix(in srgb, ${c.fgPrimary} 4%, transparent); color: ${c.fgPrimary}; }
@@ -90,13 +90,13 @@ const config = defineRecipe({
     & .datatable-tag[data-tone="orange"] { background: color-mix(in srgb, ${c.bgOrange} 16%, transparent); color: color-mix(in srgb, ${c.bgOrange} 82%, ${c.fgPrimary}); }
     & .datatable-num { font-variant-numeric: tabular-nums; }
     & .datatable-muted { color: ${c.fgMuted}; }
-    /* 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: ${c.fgMuted}; cursor: grab; }

package/dist/esm/components/datepicker/datepicker.recipe.js

@@ -1,8 +1,8 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// seed-design's calendar structure on Attio's measured scale. The behaviour,
-// markup and range model are seed's; every visual value is measured from Attio's
-// own date picker (app.attio.com, task due-date field): a 32px day on a 34px
+// seed-design's calendar structure on the measured scale. The behaviour,
+// markup and range model are seed's; every visual value is measured from a
+// live date picker (task due-date field): a 32px day on a 34px
 // pitch, an 8px-radius highlight rather than a circle, 14/20 medium numerals and
 // the brand blue for the selection.
 //

package/dist/esm/components/datepickerfield/datepickerfield.js

@@ -17,7 +17,7 @@ const fromDate = (d) => ({
     day: d.getDate(),
 });
 /**
- * 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/esm/components/datepickerfield/datepickerfield.recipe.js

@@ -1,8 +1,8 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// The trigger crisp's DatePicker used to own, measured from Attio: a 32px
+// The trigger crisp's DatePicker used to own, measured live: a 32px
 // outlined chip showing the value, opening a calendar in a popover. Split out
-// when DatePicker became seed-design's bare calendar, so this Attio-measured
+// when DatePicker became seed-design's bare calendar, so this measured
 // field survives unchanged for the consumers already using it.
 const config = defineRecipe({
     name: "datepickerfield",

package/dist/esm/components/dialog/dialog.js

@@ -19,7 +19,7 @@ function useDialogInstanceId() {
 }
 /**
  * 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 function Dialog({ open, onOpenChange, title, icon, width = 640, "aria-label": ariaLabel, closeLabel = "Close", children, className, style, "aria-describedby": describedBy, ...rest }) {

package/dist/esm/components/dialog/dialog.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// A modal dialog surface — measured from Attio's create-record modal: a radius-16
+// A modal dialog surface — measured from a create-record modal: a radius-16
 // frosted-glass card (60% tinted background + 15px backdrop blur, both re-measured
 // per theme — light uses a blue-tinted 3-layer shadow, dark drops to a plain
 // 2-layer black shadow) with a bordered header (title + close), a scrollable

package/dist/esm/components/donutchart/donutchart.js

@@ -12,7 +12,7 @@ const PALETTE = [
     c.bgDanger,
 ];
 /**
- * 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/esm/components/donutchart/donutchart.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A donut / ring chart — measured from Attio's Reports breakdown reports: a
+// A donut / ring chart — measured from Reports breakdown reports: a
 // segmented ring with a centred total, plus a legend of coloured swatches with
 // labels and values. Pure SVG ring; HTML legend.
 const config = defineRecipe({

package/dist/esm/components/emptystate/emptystate.recipe.js

@@ -12,9 +12,9 @@ const config = defineRecipe({
         variant: {
             // compact icon tile (default)
             default: ``,
-            // a large icon on a dotted-grid backdrop — Attio's Developers/Reports empty state
+            // a large icon on a dotted-grid backdrop — a Developers/Reports empty state
             illustrated: `& .emptystate-icon { width: 132px; height: 96px; margin-bottom: ${c.space["2"]}; border-radius: 0; color: color-mix(in srgb, ${c.fgPrimary} 22%, transparent); background: radial-gradient(circle, color-mix(in srgb, ${c.fgPrimary} 12%, transparent) 1.2px, transparent 1.2px) 0 0 / 16px 16px; }`,
-            // Attio's full-view empty state (measured from a filtered-to-zero records table):
+            // A full-view empty state (measured from a filtered-to-zero records table):
             // a 45px ringed circle icon, a 20/24 semibold heading, a 14/20 medium muted body,
             // then a primary action. Gaps are 16 / 8 / 16 (icon→title→desc→action).
             page: `gap: ${c.space["2"]};

package/dist/esm/components/fileupload/fileupload.js

@@ -6,7 +6,7 @@ import * as React from "react";
 import { useFocusAfterRemoval } from "../../core/index.js";
 import { fileuploadRecipe } from "./fileupload.recipe.js";
 export const fileUploadLabels = {
-    // Attio's own copy on the record Files pane.
+    // Matches the copy on the record Files pane.
     title: "No files",
     hint: "Drag a file here or choose one from your computer.",
     remove: "Remove file",