@crisp-ui-kit/crisp 0.31.3 → 0.31.5

package/dist/cjs/components/select/select.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A select / dropdown, measured from Attio's settings: a 32px combobox trigger
+// A select / dropdown, measured from settings: a 32px combobox trigger
 // (radius 9, value + a 16px chevron) over a listbox — radius 12, 4px padding, a
 // layered soft shadow — of 32px options (radius 8, 6/8 padding) that show a
 // check on the selected one and highlight on hover / keyboard. The listbox is
@@ -57,7 +57,7 @@ const config = (0, core_1.defineRecipe)({
   `,
     variants: {
         // ghost: borderless at rest (transparent), reveals a subtle fill on hover —
-        // Attio's inline selects (e.g. the sort configurator).
+        // inline selects (e.g. the sort configurator).
         variant: {
             default: "",
             ghost: `

package/dist/cjs/components/slider/slider.recipe.js

@@ -5,9 +5,9 @@ const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 // seed-design's slider, shape for shape, in crisp's colours.
 //
-// Attio ships no slider anywhere — Records, Reports, Settings and the record
+// No slider ships anywhere — Records, Reports, Settings and the record
 // pages contain no `input[type=range]` or `[role=slider]` — so there is nothing
-// of Attio's to measure. The GEOMETRY is therefore seed's own, read from
+// measured to draw from. The GEOMETRY is therefore seed's own, read from
 // `@seed-design/css/recipes/slider.css`: a 26px control row, a 4px track on
 // `radius.full`, a 20px thumb whose visible disc is an `::after` that scales to
 // 1.2 while dragging, and a 2px focus ring offset 2px.

package/dist/cjs/components/stagebar/stagebar.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const stagebar_recipe_1 = require("./stagebar.recipe");
 const DEFAULT = "#266df0";
 /**
- * A pipeline stage bar — measured from Attio's Deal-stage Highlight. Each stage
+ * A pipeline stage bar — measured from a deal-stage highlight. Each stage
  * is a segment tinted with its colour; the current stage is at full strength.
  */
 function StageBar({ stages, current, "aria-label": ariaLabel, className, ...rest }) {

package/dist/cjs/components/stagebar/stagebar.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.stagebarRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A pipeline stage indicator — Attio's Deal-stage Highlight bar: one segment per
+// A pipeline stage indicator — a Deal-stage Highlight bar: one segment per
 // stage, each tinted with its stage colour, the current stage at full strength.
 const config = (0, core_1.defineRecipe)({
     name: "stagebar",

package/dist/cjs/components/statcard/statcard.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
 const statcard_recipe_1 = require("./statcard.recipe");
 /**
- * A single-metric KPI tile — measured from Attio's Reports number/insight cards.
+ * A single-metric KPI tile — measured from a reports number/insight card.
  * Label, a large value, and an optional up/down delta pill with a caption.
  */
 function StatCard({ label, icon, value, delta, deltaSuffix = "%", caption, card, className, ...rest }) {

package/dist/cjs/components/statcard/statcard.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.statcardRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A single-metric KPI tile — measured from Attio's Reports "Insight" number
+// A single-metric KPI tile — measured from a Reports "Insight" number
 // report: a small muted label, a large semibold value, and an optional delta
 // pill (green up / red down) with a caption. Fills its container.
 const config = (0, core_1.defineRecipe)({
@@ -21,7 +21,7 @@ const config = (0, core_1.defineRecipe)({
     & .statcard-delta[data-trend="flat"] { background: color-mix(in srgb, ${tokens_1.contract.fgPrimary} 6%, transparent); color: ${tokens_1.contract.fgMuted}; }`,
     variants: {
         // Opt-in chrome for consumers who want the tile self-contained instead of
-        // hand-wrapping it in <Card><CardBody>. Not measured as part of the Attio
+        // hand-wrapping it in <Card><CardBody>. Not measured as part of the
         // report tile itself (the tile sits bare inside the report's own Card —
         // see the docs page) — reuses Card's exact border/radius/bg rather than
         // inventing a new value, since it is only ever an explicit opt-in.

package/dist/cjs/components/switch/switch.js

@@ -39,7 +39,7 @@ const React = __importStar(require("react"));
 const core_1 = require("../../core");
 const switch_recipe_1 = require("./switch.recipe");
 /**
- * An on/off toggle — the settings switch, measured from Attio. Renders a
+ * An on/off toggle — the settings switch, measured live. Renders a
  * `role="switch"` button (a native checkbox's semantics without its box), so
  * label association and keyboard (Space/Enter) come for free. Controlled via
  * `checked`/`onCheckedChange`, or uncontrolled from `defaultChecked`.

package/dist/cjs/components/switch/switch.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.switchRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// Attio's settings toggle, measured from the live app: a 24×16 pill track that
+// A settings toggle, measured from the live app: a 24×16 pill track that
 // flips from a muted grey to brand blue (#266df0), with a 12px white thumb
 // (2px inset) that slides 8px across. background + transform both animate .2s.
 const config = (0, core_1.defineRecipe)({

package/dist/cjs/components/table/table.recipe.js

@@ -5,7 +5,7 @@ const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 // A general-purpose, composable data table — the lightweight primitive for
 // arbitrary tabular data (as opposed to `product/recordstable`, which is a
-// faithful rebuild of Attio's heavy records grid). It carries the SAME measured
+// faithful rebuild of a heavy records grid). It carries the SAME measured
 // grid styling as RecordsTable — 36px rows, a 40px header, hairline vertical +
 // horizontal grid lines — so `DataTable` (built on this) matches that polish.
 const config = (0, core_1.defineRecipe)({

package/dist/cjs/components/tabletoolbar/tabletoolbar.chrome.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toolbarChromeBody = exports.toolbarChromeHead = void 0;
 const tokens_1 = require("../../tokens");
-// The measured chrome of Attio's table toolbar: the Sort/Filter controls, the
+// The measured chrome of the table toolbar: the Sort/Filter controls, the
 // menu/popover surface they open into, the sort-condition rows, and the filter
 // chips. It lives here, parameterised by class prefix, because TWO surfaces
 // render it — the standalone `TableToolbar` primitive and `RecordsTable`, whose
 // markup predates it and must keep its own `recordstable-` class names.
 //
 // These strings were MOVED out of `recordstable.recipe.ts` verbatim, not
-// retyped: every value is still the one measured from Attio. Do not "tidy" them.
+// retyped: every value is still the one originally measured. Do not "tidy" them.
 //
 // It comes in two halves because RecordsTable interleaves three rules of its own
 // (the context-menu z-index and the column drop-target) into the middle of the

package/dist/cjs/components/tabletoolbar/tabletoolbar.js

@@ -66,7 +66,7 @@ const asText = (v) => {
     // Before the generic object branch, which would look for `.name`, find none
     // and return "" — turning every Date into the empty string (#185). The ISO
     // date is stable and locale-independent, so `contains "2026-06"` works; it
-    // will not match "16/06/2026", and a date-aware operator set is Attio's
+    // will not match "16/06/2026", and a date-aware operator set needs a
     // date-picker UI, which has to be measured before it can be built.
     if (v instanceof Date)
         return Number.isNaN(v.getTime()) ? "" : v.toISOString().slice(0, 10);
@@ -128,7 +128,7 @@ function applySorts(rows, sorts, get = (row, key) => row[key]) {
     });
 }
 /**
- * Attio's table toolbar as a standalone primitive: the Sort and Filter
+ * The table toolbar as a standalone primitive: the Sort and Filter
  * controls, their menus, the sort-condition rows and the filter chips.
  *
  * `RecordsTable` renders this same measured chrome internally; this is the

package/dist/cjs/components/tabletoolbar/tabletoolbar.recipe.js

@@ -4,7 +4,7 @@ exports.tabletoolbarRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 const tabletoolbar_chrome_1 = require("./tabletoolbar.chrome");
-// Attio's table toolbar, measured: 28px controls, the Sort/Filter buttons and
+// The table toolbar, measured: 28px controls, the Sort/Filter buttons and
 // the menus they open, sort-condition rows, and the filter chips. The chrome
 // itself lives in ./tabletoolbar.chrome.ts because RecordsTable renders the
 // same measured surface under its own class prefix — one source, two prefixes,

package/dist/cjs/components/tabs/tabs.js

@@ -40,8 +40,8 @@ const tabs_recipe_1 = require("./tabs.recipe");
 const tabs_keyboard_1 = require("./tabs-keyboard");
 /**
  * A row of text tabs over a sliding ink underline — the record-view tab bar,
- * measured from Attio. Roving-tabindex keyboard model (←/→ move + activate,
- * Home/End jump); activation follows focus, matching Attio. Controlled via
+ * measured live. Roving-tabindex keyboard model (←/→ move + activate,
+ * Home/End jump); activation follows focus. Controlled via
  * `value`/`onValueChange`, or uncontrolled from `defaultValue`.
  */
 function Tabs({ tabs, value, defaultValue, onValueChange, leading, children, className, "aria-label": ariaLabel, ...rest }) {

package/dist/cjs/components/tabs/tabs.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabsRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// Attio's record-view tabs: a row of segmented tab buttons over a 1px baseline.
+// Record-view tabs: a row of segmented tab buttons over a 1px baseline.
 // The active tab is a light pill — bg #fbfbfb + inset ring borderSubtle, r8 —
 // with a 2px ink underline that slides along the baseline; inactive tabs are
 // muted and fill to a subtle pill on hover. Each tab carries a 16px leading icon

package/dist/cjs/components/textarea/textarea.js

@@ -38,7 +38,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const textarea_recipe_1 = require("./textarea.recipe");
 /**
- * A multiline text field — measured from Attio's settings. Forwards every native
+ * A multiline text field — measured from settings. Forwards every native
  * `<textarea>` prop; pass `showCount` with `maxLength` to render a live
  * character counter (which turns red if the value exceeds the limit).
  */

package/dist/cjs/components/textarea/textarea.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.textareaRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A multiline text field, measured from Attio's settings "Personal context": an
+// A multiline text field, measured from a settings "Personal context" field: an
 // inset 1px ring (radius 8), 14px text, 6/10 padding, and an optional character
 // counter pinned bottom-right (12px, muted). Focus rings the field brand.
 const config = (0, core_1.defineRecipe)({

package/dist/cjs/components/tooltip/tooltip.js

@@ -39,7 +39,7 @@ const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const tooltip_recipe_1 = require("./tooltip.recipe");
 /**
- * A hover/focus tooltip — a dark hint chip measured from Attio. Wraps its
+ * A hover/focus tooltip — a dark hint chip measured live. Wraps its
  * trigger in an inline element, shows after `delay` on pointer-enter / focus,
  * and hides on leave / blur / Escape. The bubble is portaled and positioned
  * above the trigger (flipping below near the top edge).

package/dist/cjs/components/tooltip/tooltip.recipe.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.tooltipRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// The floating bubble for a Tooltip — Attio's dark hint chip. Applied to the
+// The floating bubble for a Tooltip — a dark hint chip. Applied to the
 // portaled bubble itself (not a wrapper), so its styles survive the portal.
 const config = (0, core_1.defineRecipe)({
     name: "tooltip",

package/dist/cjs/product/appshell/appshell.js

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

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

@@ -4,7 +4,7 @@ exports.appshellRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 // App-shell layout: a collapsible + resizable sidebar pane next to a main pane,
-// mirroring how Attio's window works. The sidebar pane clips (never squishes)
+// mirroring a familiar app-window layout. The sidebar pane clips (never squishes)
 // when collapsing, and a drag handle on its edge resizes it.
 const config = (0, core_1.defineRecipe)({
     name: "appshell",

package/dist/cjs/product/authshell/authshell.js

@@ -4,7 +4,7 @@ exports.AuthShell = AuthShell;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const authshell_recipe_1 = require("./authshell.recipe");
 /**
- * The Attio welcome/auth layout (app.attio.com/welcome/*) — measured live.
+ * The welcome/auth layout — measured live.
  * A centered page frame: an optional top progress bar, a logo, a two-pane
  * card (the form + an optional product preview, hidden under 1200px), and
  * a footer. Auth-surface Input/FormField/Button treatment (flatter fields,

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.authshellRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// Attio's welcome/auth surface (app.attio.com/welcome/*) — measured live,
+// A welcome/auth surface — measured live,
 // 2026-09-15. A centered page frame holding a two-pane card: the form on the
 // left, an optional product preview on the right, with an optional top
 // progress bar and a footer under the card. Every value below is measured
 // from the live app, EXCEPT the 1200px preview-hiding breakpoint (called out
-// at the container query below) — Attio drops the pane in JS somewhere between a
+// at the container query below) — the pane drops out in JS somewhere between a
 // measured 954px and 1393px viewport width, so 1200px is chosen, not measured.
 const config = (0, core_1.defineRecipe)({
     name: "authshell",
@@ -51,7 +51,7 @@ const config = (0, core_1.defineRecipe)({
     & .authshell-body .button { height: 36px; padding-inline: ${tokens_1.contract.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

package/dist/cjs/product/board/board.js

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

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.boardRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A kanban board — measured from Attio's Deals pipeline: horizontally scrolling
+// A kanban board — measured from a Deals pipeline: horizontally scrolling
 // columns (dot + title + count header, a "New" button, a stack of draggable
 // cards), with the hovered drop column highlighted.
 const config = (0, core_1.defineRecipe)({

package/dist/cjs/product/command/command.js

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

package/dist/cjs/product/entitycard/entitycard.js

@@ -4,7 +4,7 @@ exports.EntityCard = EntityCard;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const entitycard_recipe_1 = require("./entitycard.recipe");
 /**
- * A note / entity card — measured from Attio's Notes grid. A bordered white
+ * A note / entity card — measured from a notes grid. A bordered white
  * card with an author row, a title, a clamped excerpt, and a footer row with a
  * right-aligned date. Rendered as a button so the whole card is clickable.
  */

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.entitycardRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A note / entity card — measured from Attio's Notes grid: a bordered white card
+// A note / entity card — measured from a Notes grid: a bordered white card
 // with an author row (avatar + name) at the top, a title, a clamped excerpt,
 // and a footer row (avatar + name … date). The whole card is clickable.
 const config = (0, core_1.defineRecipe)({

package/dist/cjs/product/flowcanvas/flowcanvas.js

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

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.flowcanvasRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A pannable, zoomable node canvas — measured from Attio's Workflows editor:
+// A pannable, zoomable node canvas — measured from a Workflows editor:
 // a dotted-grid background, draggable node cards, and connecting edges with dots.
 const config = (0, core_1.defineRecipe)({
     name: "flowcanvas",

package/dist/cjs/product/inbox/inbox.js

@@ -40,7 +40,7 @@ const React = __importStar(require("react"));
 const tabs_1 = require("../../components/tabs");
 const inbox_recipe_1 = require("./inbox.recipe");
 /**
- * A notifications inbox panel — measured from Attio's notification flyout. A
+ * A notifications inbox panel — measured from a notification flyout. A
  * title, Notifications/Requests tabs with counts, then notification rows
  * (avatar + message + time + unread dot) or a centred empty state. Put it inside
  * a Popover for the flyout.

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.inboxRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A notifications inbox panel — measured from Attio's notification flyout: a
+// A notifications inbox panel — measured from a notification flyout: a
 // ~380px rounded panel with a title, "Notifications / Requests" tabs (with
 // counts), then notification rows (avatar + message + time + unread dot) or a
 // centred empty state. Drop it in a Popover for the flyout, or use standalone.

package/dist/cjs/product/listpage/listpage.js

@@ -13,7 +13,7 @@ function ListRow({ children, onClick, }) {
     return (0, jsx_runtime_1.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/cjs/product/listpage/listpage.recipe.js

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

@@ -15,7 +15,7 @@ exports.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/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.js

@@ -63,7 +63,7 @@ exports.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",
@@ -183,7 +183,7 @@ function EmptyCard({ icon, children, }) {
     return ((0, jsx_runtime_1.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 /
@@ -208,12 +208,12 @@ function RecordPage({ record, columns, collection = "Records", labels, onBack, o
     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);
@@ -254,14 +254,14 @@ function RecordPage({ record, columns, collection = "Records", labels, onBack, o
     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;
@@ -406,7 +406,7 @@ function RecordPage({ record, columns, collection = "Records", labels, onBack, o
                                                         setDetailsOpen(true);
                                                 }, children: searchOpen ? ((0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 14, strokeWidth: 1.75 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Search, { size: 14, strokeWidth: 1.75 })) })] }), detailsOpen &&
                                         (shownFields.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [shownFields.map((col) => ((0, jsx_runtime_1.jsxs)("div", { className: "recordpage-field", children: [(0, jsx_runtime_1.jsxs)("span", { className: "recordpage-field-label", children: [col.icon ? ((0, jsx_runtime_1.jsx)(col.icon, { size: 15, strokeWidth: 1.75 })) : null, (0, jsx_runtime_1.jsx)("span", { className: "recordpage-field-label-text", children: col.label })] }), (0, jsx_runtime_1.jsx)("span", { className: "recordpage-field-value", children: (0, jsx_runtime_1.jsx)(FieldValue, { col: col, row: record, labels: t }) })] }, col.key))), canRevealFields && ((0, jsx_runtime_1.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/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.js

@@ -311,7 +311,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 ((0, jsx_runtime_1.jsx)(select_1.Select, { variant: "ghost", "aria-label": column.label, placeholder: "\u2014", value: row[column.key] ?? undefined, onValueChange: onChange, options: column.options ?? [] }));
 }
@@ -328,8 +328,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).
  *
@@ -358,7 +358,7 @@ function DateCell({ column, row, onChange, }) {
     return ((0, jsx_runtime_1.jsx)(datepickerfield_1.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.
@@ -418,7 +418,7 @@ function CreateRecordDialog({ open, onOpenChange, columns, entityLabel, onCreate
                             } })] }, col.key))) }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsxs)("span", { className: "dialog-more", children: [labels.createMore, (0, jsx_runtime_1.jsx)(switch_1.Switch, { checked: createMore, onCheckedChange: setCreateMore, "aria-label": labels.createMore })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "dialog-submit", onClick: submit, children: [labels.createRecord, (0, jsx_runtime_1.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,
@@ -437,13 +437,13 @@ function RecordsTable({ labels, columns: columnsProp = exports.defaultColumns, r
     // 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("");
@@ -734,7 +734,7 @@ function RecordsTable({ labels, columns: columnsProp = exports.defaultColumns, r
      * `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
@@ -1023,7 +1023,7 @@ function RecordsTable({ labels, columns: columnsProp = exports.defaultColumns, r
                                                         label: ((0, jsx_runtime_1.jsxs)("span", { className: "recordstable-sort-optlabel", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowDownWideNarrow, { size: 15, strokeWidth: 1.75 }), t.descending] })),
                                                         keywords: t.descending,
                                                     },
-                                                ], "aria-label": t.sortDirection }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "recordstable-sort-remove", onClick: () => removeSort(i), "aria-label": t.removeSort, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 15, strokeWidth: 1.75 }) })] }, s.key)))), (0, jsx_runtime_1.jsx)("div", { className: "recordstable-sort-addrow", children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "recordstable-sort-add", onClick: addSort, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { size: 15, strokeWidth: 1.75 }), t.addSort] }) }), (0, jsx_runtime_1.jsx)("div", { className: "recordstable-sort-foot", children: (0, jsx_runtime_1.jsxs)("a", { className: "recordstable-sort-learn", href: "https://attio.com/help", target: "_blank", rel: "noreferrer", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelp, { size: 14, strokeWidth: 1.75 }), t.learnSorting] }) })] }))] }), (0, jsx_runtime_1.jsxs)("span", { className: "recordstable-toolgroup", children: [(0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)(lucide_react_1.ListFilter, { size: 14, strokeWidth: 1.75, "aria-hidden": "true" }), t.filterCount(activeFilters)] }), openMenu === "filter" && ((0, jsx_runtime_1.jsxs)("div", { className: "recordstable-menu", role: "dialog", "aria-label": t.addFilter, children: [(0, jsx_runtime_1.jsx)("input", { className: "recordstable-menu-input", placeholder: t.filterByPlaceholder, "aria-label": t.filterByField, 
+                                                ], "aria-label": t.sortDirection }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "recordstable-sort-remove", onClick: () => removeSort(i), "aria-label": t.removeSort, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 15, strokeWidth: 1.75 }) })] }, s.key)))), (0, jsx_runtime_1.jsx)("div", { className: "recordstable-sort-addrow", children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "recordstable-sort-add", onClick: addSort, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { size: 15, strokeWidth: 1.75 }), t.addSort] }) }), (0, jsx_runtime_1.jsx)("div", { className: "recordstable-sort-foot", children: t.learnSortingHref ? ((0, jsx_runtime_1.jsxs)("a", { className: "recordstable-sort-learn", href: t.learnSortingHref, target: "_blank", rel: "noreferrer", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelp, { size: 14, strokeWidth: 1.75 }), t.learnSorting] })) : ((0, jsx_runtime_1.jsxs)("span", { className: "recordstable-sort-learn", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelp, { size: 14, strokeWidth: 1.75 }), t.learnSorting] })) })] }))] }), (0, jsx_runtime_1.jsxs)("span", { className: "recordstable-toolgroup", children: [(0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)(lucide_react_1.ListFilter, { size: 14, strokeWidth: 1.75, "aria-hidden": "true" }), t.filterCount(activeFilters)] }), openMenu === "filter" && ((0, jsx_runtime_1.jsxs)("div", { className: "recordstable-menu", role: "dialog", "aria-label": t.addFilter, children: [(0, jsx_runtime_1.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