@crisp-ui-kit/crisp 0.31.4 → 0.31.6

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

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.recordpageRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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
@@ -53,7 +53,7 @@ const config = (0, core_1.defineRecipe)({
     & .recordpage-section { padding-top: ${tokens_1.contract.space["2"]}; }
     & .recordpage-section-title { font-size: ${tokens_1.contract.text.sm}; font-weight: ${tokens_1.contract.weight.medium}; letter-spacing: -0.12px; color: color-mix(in srgb, ${tokens_1.contract.fgPrimary} 63%, transparent); padding: ${tokens_1.contract.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: ${tokens_1.contract.text.lg}; }
     & .recordpage-detailhead { display: flex; align-items: center; gap: ${tokens_1.contract.space["0.5"]}; margin-bottom: ${tokens_1.contract.space["3"]}; padding-inline-end: ${tokens_1.contract.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: ${tokens_1.contract.space["1"]}; border-radius: ${tokens_1.contract.radius.md}; font-family: inherit; font-size: ${tokens_1.contract.text.sm}; font-weight: ${tokens_1.contract.weight.medium}; letter-spacing: -0.12px; color: ${tokens_1.contract.fgMuted}; cursor: pointer; text-align: start; }

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

@@ -5,7 +5,7 @@ const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 const recordstable_tag_1 = require("../recordstable/recordstable.tag");
 // 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 = (0, core_1.defineRecipe)({
     name: "recordpanel",

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.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.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.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/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.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.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/cjs/tokens/elevation.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.elevation = void 0;
 const contract_1 = require("./contract");
 /**
- * Attio's measured elevation recipes, written **once**.
+ * The measured elevation recipes, written **once**.
  *
  * The whole product runs on two elevation tiers plus one control shadow
- * (measured live — see `docs/study/attio-panels.md` §4). Before this module each
+ * (measured live — see the panels study §4). Before this module each
  * surface carried its own copy of the string: the tier-1 stack appeared in 9
  * places, the control shadow in 12. Copies drift, and every drift was a real
  * bug — `Drawer`/`RecordPanel` grew invented directional shadows, `BulkBar`'s
@@ -23,14 +23,14 @@ exports.elevation = {
     /**
      * Tier 2 — the modal frosted bezel (Dialog, Command). Sits on the
      * `bgOverlayFrost` 60% + `blur(15px)` surface at radius 16, wrapping an inner
-     * card at radius 12. Attio dims nothing behind it; the blur does the work.
+     * card at radius 12. Nothing is dimmed behind it; the blur does the work.
      */
     modal: `0 8px 28px -6px ${contract_1.contract.shadowOverlay1}, 0 18px 88px -4px ${contract_1.contract.shadowOverlay2}, 0 0 1px ${contract_1.contract.shadowOverlay3}`,
     /**
      * The neutral/outlined control shadow — buttons, inputs, textareas, the
      * sidebar search, record-page actions.
      *
-     * The two raw values **are** the measured Attio value (Lessons 22 and 29) and
+     * The two raw values **are** the measured value (Lessons 22 and 29) and
      * must stay raw. `rgba(0,0,0,0.04)` equals `tileActiveShadow`'s light value by
      * coincidence, not by meaning; tokenizing it would delete a measured layer in
      * dark mode. Only the ring is theme-aware, via `ringNeutral`.

package/dist/cjs/tokens/palette.js

@@ -5,7 +5,7 @@ exports.palette = {
     gray00: { light: "#ffffff", dark: "#0a0a0a" },
     white: { light: "#ffffff", dark: "#ffffff" },
     // the counterpart to `white`: ink that does NOT flip with the theme, for text
-    // on a bright tone fill. Same value as gray900's light side (Attio's measured
+    // on a bright tone fill. Same value as gray900's light side (the measured
     // near-black), named separately because its job is not "primary foreground".
     ink: { light: "#101112", dark: "#101112" },
     gray50: { light: "#f4f4f5", dark: "#101112" },
@@ -31,7 +31,7 @@ exports.palette = {
     // A red dark enough to carry white text. red600 cannot: white on it is
     // 3.91:1 light / 3.05:1 dark, and the solid button's hover DARKENS the fill
     // (filter: brightness), so dark ink fails there instead (4.49 at hover).
-    // Measured from Attio's own stylesheet, which ships this red alongside the
+    // Measured from the reference stylesheet, which ships this red alongside the
     // #EB3B3B it uses for destructive menu TEXT. Does not flip: a filled
     // destructive control needs the same white-bearing fill in both themes.
     red700: { light: "#ba2525", dark: "#ba2525" },

package/dist/cjs/tokens/scale.js

@@ -3,7 +3,7 @@
 // component sizing. Theme-invariant (identical in light/dark), so it is emitted
 // once into :root, unlike the color tokens which flip per theme.
 //
-// Derived by measuring the live Attio app (not taste): its spacing is a
+// Derived by measuring a live production app (not taste): its spacing is a
 // 2px-granular / 4px-base scale — the values 1,2,4,6,8,10,12,16 account for
 // nearly every gap/pad/margin in the sidebar. Radii cluster at 6/8/9 + a pill.
 // Recipes MUST reference these through the contract (`c.space[...]`), never a
@@ -25,10 +25,10 @@ exports.space = {
     "6": "24px",
     "8": "32px", // overlay / empty-state padding
 };
-// Corner radius. sm/md/lg are the three Attio uses on stacked surfaces
+// Corner radius. sm/md/lg are the three used on stacked surfaces
 // (inputs, rows, tiles); full is the pill.
 exports.radius = {
-    chip: "7px", // tag / chip corner — the single most used radius in Attio
+    chip: "7px", // tag / chip corner — the single most used radius
     sm: "6px", // chips, badges
     md: "8px", // inputs, search box
     lg: "9px", // rows, tiles, list items
@@ -40,20 +40,20 @@ exports.radius = {
 // radius (row height, header height, the nav icon box).
 exports.size = {
     icon: "16px", // nav / control glyph box
-    chip: "22px", // tag / chip height — Attio's most repeated small control
+    chip: "22px", // tag / chip height — the most repeated small control
     row: "28px", // nav item · search · control height
     menuRow: "32px", // overlay row: menu item, select option, bulk-bar button
     tableRow: "36px", // data-grid row height
     tableHeader: "40px", // data-grid header row height
     header: "48px", // workspace-switcher header height
-    // Attio's date picker, measured: a 32px day with a 2px gap on both axes, so
+    // The measured date picker: a 32px day with a 2px gap on both axes, so
     // the pitch is 34. The gap is expressed as the cell being 2px taller than the
     // highlight rather than as a grid gap, because crisp's range bridge spans
     // whole cells and a column gap would cut it.
     calendarCell: "34px", // calendar day pitch (32px day + 2px gap)
     calendarPill: "32px", // the day highlight itself
 };
-// Typography — Attio's UI runs entirely on Inter. Sizes measured in the sidebar
+// Typography — the measured UI runs entirely on Inter. Sizes measured in the sidebar
 // collapse onto 11/12/13/14/16 (lg = 14px is the default body/label size);
 // weights are 400/500/600 with 500 the UI default.
 exports.font = {

package/dist/cjs/tokens/semantic.js

@@ -51,7 +51,7 @@ exports.semantic = {
     bgCyan: "cyan600",
     bgPurple: "purple600",
     bgSidebar: "graySidebar",
-    // #fbfbfb — Attio's subtle raised fill; the active tab pill uses the same
+    // #fbfbfb — the subtle raised fill; the active tab pill uses the same
     // value as the sidebar, so it shares the palette entry under a neutral name.
     bgSubtle: "graySidebar",
 };

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

@@ -1,16 +1,16 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// seed-design's file-upload behaviour on Attio's measured scale.
+// seed-design's file-upload behaviour on the measured scale.
 //
-// Measured from Attio's record Files pane (Deal record → Files, empty state):
+// Measured from a record Files pane (Deal record → Files, empty state):
 // the title is 16/20 at weight 600 in `rgb(16,17,18)` (= gray900 = fgPrimary),
 // the hint 14/20 at weight 500 in `rgba(0,0,0,0.63)`, and the action button is
 // 28px tall with an 8px corner.
 //
-// Attio draws NO boundary around that pane -- the whole surface is the drop
+// That pane draws NO boundary around itself -- the whole surface is the drop
 // target -- but a reusable dropzone needs an edge, so the dashed affordance is
 // crisp's own measured one from `sidebar-newlist` (1px dashed borderDefault,
-// r8, bgRaised on hover) rather than a new invention. Attio's drag-OVER
+// r8, bgRaised on hover) rather than a new invention. The drag-OVER
 // treatment could not be measured: synthetic DragEvents do not trigger its
 // handlers. The active state therefore reuses the brand emphasis crisp already
 // uses for a live drag affordance (`appshell-resize[data-dragging]`).
@@ -40,12 +40,12 @@ const config = defineRecipe({
     & .fileupload-zone[data-disabled] { opacity: .5; cursor: not-allowed; }
     & .fileupload-zone[data-invalid] { border-color: ${c.bgDanger}; }
 
-    /* Attio: "No files" 16/20 weight 600 */
+    /* "No files" 16/20 weight 600 */
     & .fileupload-title {
       color: ${c.fgPrimary}; font-size: ${c.text.xl}; line-height: 20px;
       font-weight: ${c.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, ${c.fgPrimary} 63%, transparent);
       font-size: ${c.text.lg}; line-height: 20px;

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A labelled form field — measured from Attio's Settings forms: a 12px/500 muted
+// A labelled form field — measured from Settings forms: a 12px/500 muted
 // label above the control, with an optional description or danger error line
 // below. Wraps any control (Input, Select, Textarea…).
 const config = defineRecipe({

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// Geometry is Attio's, measured: 32/36px tall, r8/r10, 10/12px side padding.
+// Geometry is measured: 32/36px tall, r8/r10, 10/12px side padding.
 // The FOCUS TREATMENT is seed-design's, measured from @seed-design/css: a 2px
 // ring on an ::after overlay that is present-but-transparent at rest, so
 // focusing cannot shift layout the way a width change would, and animates

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A responsive line chart — measured from Attio's Reports historical charts: a
+// A responsive line chart — measured from Reports historical charts: a
 // brand line with a soft area fill over dashed horizontal gridlines, a value
 // axis on the left, and category labels below. The plot is an SVG stretched to
 // its box (non-scaling stroke keeps the line crisp); axes are HTML.

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

@@ -1,7 +1,7 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// A dropdown menu — same popover surface Attio uses for its ⋯ / sort / filter
-// menus (measured from the app's listboxes): radius 12, 4px padding, a layered
+// A dropdown menu — same popover surface used for ⋯ / sort / filter
+// menus (measured from listboxes): radius 12, 4px padding, a layered
 // soft shadow, over 32px items (radius 8, icon + label + optional shortcut /
 // check). The content is rendered inside this relative root so it keeps these
 // nested styles while escaping the trigger's own box.

package/dist/esm/components/multiselect/multiselect.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 multi-select / tag editor — measured from Attio's cell tag picker: an
+// A multi-select / tag editor — measured from a cell tag picker: an
 // outlined trigger showing the selected values as coloured chips, opening a
 // popover with a search field over rows of "[coloured chip] … [checkbox]" that
 // toggle on click. The popover keeps these nested styles by rendering inside

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

@@ -1,7 +1,7 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 // A progress indicator — a continuous brand-filled track, or a segmented row of
-// pills (Attio's "Getting started 3/6" bar).
+// pills (a "Getting started 3/6" bar).
 const config = defineRecipe({
     name: "progress",
     base: `display: block; box-sizing: border-box; height: 6px; border-radius: ${c.radius.full}; background: color-mix(in srgb, ${c.fgPrimary} 8%, transparent); overflow: hidden;

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

@@ -2,8 +2,8 @@ import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 // seed-design's quantity-picker, shape for shape, in crisp's colours.
 //
-// Attio has no stepper — its quantity-ish fields are plain number inputs — so
-// as with Slider there is nothing of Attio's to measure and the GEOMETRY is
+// No stepper exists — quantity-ish fields are plain number inputs — so
+// as with Slider there is nothing measured to draw from and the GEOMETRY is
 // seed's own, read from `@seed-design/css/recipes/quantity-picker.css`:
 //
 //   size    root height / button square   radius   icon   text

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A radio group with two shapes, measured from Attio's settings: the default is
+// A radio group with two shapes, measured from settings: the default is
 // a column of rows (a 16px ring that fills brand when selected + a label); the
 // `card` variant is a row of bordered preview cards (radius 16) whose border
 // turns brand (#266df0) when selected — the Appearance "Theme" picker.