@crisp-ui-kit/crisp 0.31.3 → 0.31.5

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

@@ -52,7 +52,7 @@ function useFieldWiring({ htmlFor, messageId, invalid, required, }) {
     }, [htmlFor, messageId, invalid, required]);
 }
 /**
- * A labelled form field — measured from Attio's Settings forms. A muted label
+ * A labelled form field — measured from settings forms. A muted label
  * above any control, with an optional description or error line below. When
  * `error` is set it replaces the description; the control is given
  * `aria-describedby`, plus `aria-invalid` and `aria-required` as they apply.

package/dist/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.js

@@ -10,7 +10,7 @@ function niceNum(raw) {
     return step * mag;
 }
 /**
- * A responsive line chart — measured from Attio's Reports historical charts.
+ * A responsive line chart — measured from a reports historical chart.
  * A stretched SVG line/area (non-scaling stroke keeps it crisp) over dashed
  * gridlines; dots are HTML so they stay round. `role="img"` with a summary.
  */

package/dist/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.js

@@ -6,7 +6,7 @@ import { menuRecipe } from "./menu.recipe.js";
 import { useMenuKeyboard } from "./menu-keyboard.js";
 const MenuContext = React.createContext(null);
 /**
- * A dropdown menu — the ⋯ / sort / filter menu surface, on Attio's measured
+ * A dropdown menu — the ⋯ / sort / filter menu surface, on a measured
  * popover. Give it a `trigger` element and Menu items as children. Opens on
  * click / ↓ / Enter; roving-focus keyboard model (↑/↓ move, Home/End jump,
  * typeahead, Enter/Space select, Esc closes and returns focus to the trigger);

package/dist/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.js

@@ -24,7 +24,7 @@ function Chip({ opt }) {
     return (_jsx("span", { className: "recordstable-tag", "data-tone": opt.tone ?? toneFor(opt.value), children: opt.label }));
 }
 /**
- * A multi-select / tag editor — measured from Attio's cell tag picker. The
+ * A multi-select / tag editor — measured from a cell tag picker. The
  * outlined trigger shows the selected values as coloured chips; it opens a
  * popover with a search field over rows of "[chip] … [checkbox]" that toggle on
  * click (the menu stays open). Keyboard: ↑/↓ move, Enter toggles, Esc closes.

package/dist/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.js

@@ -5,7 +5,7 @@ import { radiogroupRecipe } from "./radiogroup.recipe.js";
 import { useRadioGroupKeyboard } from "./radiogroup-keyboard.js";
 const RadioContext = React.createContext(null);
 /**
- * A radio group — measured from Attio's settings. `default` renders rows (a ring
+ * A radio group — measured from a settings page. `default` renders rows (a ring
  * that fills brand when selected + a label); `card` renders a row of bordered
  * preview cards whose border turns brand when picked (the Theme picker). Arrow
  * keys move between options (roving focus). Controlled or uncontrolled.

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.

package/dist/esm/components/resizablepanel/resizablepanel.js

@@ -53,7 +53,7 @@ export function writeStoredPercent(key, percent, storage = window.localStorage)
     }
 }
 /**
- * Attio's adjustable-panel primitive: a spacer that reserves layout width
+ * An adjustable-panel primitive: a spacer that reserves layout width
  * plus a panel that overlays it, so the panel can move between docked
  * (in-flow) and floating (`position: fixed`, an overlay) without a reflow
  * glitch. Drag the edge handle to resize; constraints are CSS `min-width`/

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

@@ -1,7 +1,7 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// Attio's adjustable-panel primitive (measured live — see
-// docs/study/attio-panels.md §1-2). Two elements carry the layout: an
+// The adjustable-panel primitive (measured live). Two elements carry the
+// layout: an
 // invisible SPACER that reserves flow width (it alone animates `width`, a
 // cheap reflow of a leaf node) and the PANEL, taken out of flow with
 // `position: absolute` and drawn on top of the spacer. That split is what

package/dist/esm/components/segmented/segmented.js

@@ -4,7 +4,7 @@ import { useLabelAssociation } from "../../core/index.js";
 import { useRadioGroupKeyboard } from "../radiogroup/index.js";
 import { segmentedRecipe } from "./segmented.recipe.js";
 /**
- * A segmented control (single-choice toggle) — measured from Attio's view
+ * A segmented control (single-choice toggle) — measured from a view
  * switcher. `role="radiogroup"` over `role="radio"` buttons with roving
  * tabindex and ←/→ (Home/End) keyboard selection.
  */

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A segmented control — Attio's view switcher: a subtle track holding options,
+// A segmented control — a view switcher: a subtle track holding options,
 // the selected one raised on a white pill.
 const config = defineRecipe({
     name: "segmented",

package/dist/esm/components/select/select.js

@@ -10,7 +10,7 @@ function optionText(o) {
     return typeof o.label === "string" ? o.label : o.value;
 }
 /**
- * A select / dropdown — the settings control, measured from Attio, with an
+ * A select / dropdown — the settings control, measured live, with an
  * optional Linear-style search. A `role="combobox"` trigger opens a
  * `role="listbox"`; pass `searchable` to add a filter field at the top (with a
  * "No results" empty state). Full keyboard model — ↑/↓ move, Enter/Space pick,

package/dist/esm/components/select/select.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 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
@@ -54,7 +54,7 @@ const config = 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/esm/components/slider/slider.recipe.js

@@ -2,9 +2,9 @@ import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
 // 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/esm/components/stagebar/stagebar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { stagebarRecipe } from "./stagebar.recipe.js";
 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.
  */
 export function StageBar({ stages, current, "aria-label": ariaLabel, className, ...rest }) {

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 = defineRecipe({
     name: "stagebar",

package/dist/esm/components/statcard/statcard.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDown, ArrowUp } from "lucide-react";
 import { statcardRecipe } from "./statcard.recipe.js";
 /**
- * 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.
  */
 export function StatCard({ label, icon, value, delta, deltaSuffix = "%", caption, card, className, ...rest }) {

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 = defineRecipe({
@@ -18,7 +18,7 @@ const config = defineRecipe({
     & .statcard-delta[data-trend="flat"] { background: color-mix(in srgb, ${c.fgPrimary} 6%, transparent); color: ${c.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/esm/components/switch/switch.js

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 = defineRecipe({

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

@@ -2,7 +2,7 @@ import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 // 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 = defineRecipe({

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

@@ -1,12 +1,12 @@
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// 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/esm/components/tabletoolbar/tabletoolbar.js

@@ -28,7 +28,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);
@@ -90,7 +90,7 @@ export 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/esm/components/tabletoolbar/tabletoolbar.recipe.js

@@ -1,7 +1,7 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 import { toolbarChromeBody, toolbarChromeHead } from "./tabletoolbar.chrome.js";
-// 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/esm/components/tabs/tabs.js

@@ -4,8 +4,8 @@ import { tabsRecipe } from "./tabs.recipe.js";
 import { useTablistKeyboard } from "./tabs-keyboard.js";
 /**
  * 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`.
  */
 export function Tabs({ tabs, value, defaultValue, onValueChange, leading, children, className, "aria-label": ariaLabel, ...rest }) {

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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/esm/components/textarea/textarea.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { textareaRecipe } from "./textarea.recipe.js";
 /**
- * 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/esm/components/textarea/textarea.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 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 = defineRecipe({

package/dist/esm/components/tooltip/tooltip.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { createPortal } from "react-dom";
 import { tooltipRecipe } from "./tooltip.recipe.js";
 /**
- * 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/esm/components/tooltip/tooltip.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 = defineRecipe({
     name: "tooltip",

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

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

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

@@ -1,7 +1,7 @@
 import { defineRecipe, resolveRecipe, rtlFlipCss } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 // 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 = defineRecipe({
     name: "appshell",

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

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

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

@@ -1,11 +1,11 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 = defineRecipe({
     name: "authshell",
@@ -48,7 +48,7 @@ const config = defineRecipe({
     & .authshell-body .button { height: 36px; padding-inline: ${c.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/esm/product/board/board.js

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

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 = defineRecipe({

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 = defineRecipe({

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

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

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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 = defineRecipe({
     name: "flowcanvas",

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

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

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// 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.