@crisp-ui-kit/crisp 0.31.3 → 0.31.5

package/dist/authshell.css

@@ -38,7 +38,7 @@
     & .authshell-body .button { height: 36px; padding-inline: var(--space-3); border-radius: 10px; }
     & .authshell-body .button--intent_primary { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06), 0 2px 4px -2px rgba(38,109,240,0.12), 0 3px 6px -2px rgba(38,109,240,0.08); }
 
-    /* Attio drops the preview pane in JS on narrow viewports (measured: two
+    /* The preview pane drops out in JS on narrow viewports (measured: two
        panes at 1393px, one at 954px), so 1200px is a chosen threshold inside
        that bracket, not a measured value. A CONTAINER query, not a media
        query: the shell is embedded in the docs inside an ~800px column, where

package/dist/cjs/components/accordion/accordion.js

@@ -39,7 +39,7 @@ const lucide_react_1 = require("lucide-react");
 const React = __importStar(require("react"));
 const accordion_recipe_1 = require("./accordion.recipe");
 /**
- * A collapsible section list — measured from Attio's sidebar groups. Single or
+ * A collapsible section list — measured from sidebar groups. Single or
  * multiple open; panels animate their height (grid-rows 0fr->1fr). Headers are
  * buttons with `aria-expanded` / `aria-controls`.
  */

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

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

package/dist/cjs/components/avatargroup/avatargroup.js

@@ -40,7 +40,7 @@ const avatar_1 = require("../avatar/avatar");
 const avatargroup_recipe_1 = require("./avatargroup.recipe");
 /**
  * A stack of overlapping avatars with an optional "+N" overflow chip — measured
- * from Attio's team / member rows. Pass `<Avatar>` children; each is ringed in
+ * from team / member rows. Pass `<Avatar>` children; each is ringed in
  * the surface colour so it reads against its neighbour.
  */
 function AvatarGroup({ children, max, size = "md", className, "aria-label": ariaLabel, ...rest }) {

package/dist/cjs/components/barchart/barchart.js

@@ -14,7 +14,7 @@ function niceNum(raw) {
     return step * mag;
 }
 /**
- * A responsive bar chart — measured from Attio's Reports dashboard. Pure CSS, so
+ * A responsive bar chart for dashboards. Pure CSS, so
  * it scales with its container. Renders `role="img"` with an accessible summary.
  */
 function BarChart({ data, height = 240, max, ticks = 5, color, format = (n) => n.toLocaleString(), yAxisWidth, xAxisTitle, "aria-label": ariaLabel, className, ...rest }) {

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

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

package/dist/cjs/components/breadcrumb/breadcrumb.js

@@ -39,7 +39,7 @@ const lucide_react_1 = require("lucide-react");
 const React = __importStar(require("react"));
 const breadcrumb_recipe_1 = require("./breadcrumb.recipe");
 /**
- * A breadcrumb trail — measured from Attio's record-page nav. The last item is
+ * A breadcrumb trail — measured from a record-page nav. The last item is
  * marked `aria-current="page"`; earlier items render as links or buttons.
  */
 function Breadcrumb({ items, separator, "aria-label": ariaLabel = "Breadcrumb", className, ...rest }) {

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.breadcrumbRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// A breadcrumb trail — Attio's record-page nav ("Companies / Google").
+// A breadcrumb trail — record-page nav ("Companies / Google").
 const config = (0, core_1.defineRecipe)({
     name: "breadcrumb",
     base: `display: flex; align-items: center; gap: ${tokens_1.contract.space["0.5"]}; font-family: ${tokens_1.contract.font.sans}; font-size: ${tokens_1.contract.text.lg};

package/dist/cjs/components/bulkbar/bulkbar.js

@@ -42,7 +42,7 @@ const bulkbar_recipe_1 = require("./bulkbar.recipe");
 /**
  * A floating bulk-action bar. Rises from the bottom-centre of its nearest
  * positioned ancestor when a selection is active; render it conditionally
- * (e.g. `count > 0 && <BulkBar …/>`). Measured from Attio's records table.
+ * (e.g. `count > 0 && <BulkBar …/>`). Measured from a records table.
  */
 function BulkBar({ count, onClear, countLabel = "selected", countText = (count, label) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [count, " ", label] })), children, className, clearLabel = "Clear selection", ...rest }) {
     return ((0, jsx_runtime_1.jsx)("div", { className: (0, bulkbar_recipe_1.bulkbarRecipe)({ className }), ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "bulkbar-bar", children: [count != null && ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "bulkbar-count", onClick: onClear, title: clearLabel, children: [countText(count, countLabel), (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 13, strokeWidth: 2, "aria-hidden": "true" })] })), children] }) }));

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

@@ -5,7 +5,7 @@ const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 // 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/cjs/components/callout/callout.js

@@ -12,7 +12,7 @@ const DEFAULT_ICONS = {
     danger: lucide_react_1.CircleAlert,
 };
 /**
- * An inline callout / banner — measured from Attio's info notices. `tone` tints
+ * An inline callout / banner — measured from info notices. `tone` tints
  * the background and icon; pass a `title` and/or body `children`.
  */
 function Callout({ tone = "neutral", icon, title, children, action, className, ...rest }) {

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

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

package/dist/cjs/components/checkbox/checkbox.js

@@ -39,7 +39,7 @@ const React = __importStar(require("react"));
 const core_1 = require("../../core");
 const checkbox_recipe_1 = require("./checkbox.recipe");
 /**
- * A native `<input type="checkbox">` styled to Attio's grid checkbox (16px,
+ * A native `<input type="checkbox">` styled to the measured grid checkbox (16px,
  * r6, brand fill + white check). Native on purpose: keyboard, focus, and form
  * semantics come for free. `indeterminate` is a DOM-only property, so it is
  * applied via ref rather than an attribute.

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

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

@@ -42,14 +42,14 @@ const lucide_react_1 = require("lucide-react");
 const React = __importStar(require("react"));
 const menu_1 = require("../menu");
 const columncalc_recipe_1 = require("./columncalc.recipe");
-/** The four Attio offers on every column, in its order. */
+/** The four calcs offered on every column, in their order. */
 exports.UNIVERSAL_CALCS = [
     "countEmpty",
     "countFilled",
     "percentEmpty",
     "percentFilled",
 ];
-/** The four Attio adds for numeric columns, in its order. */
+/** The four calcs added for numeric columns, in their order. */
 exports.NUMERIC_CALCS = ["sum", "average", "min", "max"];
 exports.CALC_LABEL = {
     none: "None",

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.columncalcRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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.
@@ -14,7 +14,7 @@ const config = (0, core_1.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: ${tokens_1.contract.space["1"]}; width: 100%; height: 100%; min-height: ${tokens_1.contract.size.tableRow}; margin: 0; padding: 0 ${tokens_1.contract.space["3"]}; border: none; border-radius: ${tokens_1.contract.radius.md}; background: transparent; color: ${tokens_1.contract.fgMuted}; font-family: inherit; font-size: ${tokens_1.contract.text.md}; font-weight: ${tokens_1.contract.weight.medium}; white-space: nowrap; cursor: pointer; transition: background-color .12s, color .12s; }

package/dist/cjs/components/datatable/datatable.js

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

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

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

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

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

@@ -53,7 +53,7 @@ const fromDate = (d) => ({
     day: d.getDate(),
 });
 /**
- * Attio's date field: a trigger showing the value, opening a calendar in a
+ * A measured date field: a trigger showing the value, opening a calendar in a
  * popover. This is what `DatePicker` used to be; `DatePicker` is now
  * seed-design's bare calendar, and this composes it.
  */

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

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

package/dist/cjs/components/dialog/dialog.js

@@ -57,7 +57,7 @@ function useDialogInstanceId() {
 }
 /**
  * A modal dialog — composes Zag's dialog machine (focus trap, scroll lock,
- * Escape / outside-click dismissal) with the measured Attio modal surface.
+ * Escape / outside-click dismissal) with the measured modal surface.
  * Compose the body with `DialogBody` and actions with `DialogFooter`.
  */
 function Dialog({ open, onOpenChange, title, icon, width = 640, "aria-label": ariaLabel, closeLabel = "Close", children, className, style, "aria-describedby": describedBy, ...rest }) {

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

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

@@ -15,7 +15,7 @@ const PALETTE = [
     tokens_1.contract.bgDanger,
 ];
 /**
- * A donut / ring chart — measured from Attio's Reports breakdown reports. SVG
+ * A donut / ring chart — measured from a reports breakdown report. SVG
  * ring using the r=15.915 (circumference 100) trick so slices are percentages;
  * a centred total and an optional legend. `role="img"` with a summary.
  */

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

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

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

@@ -15,9 +15,9 @@ const config = (0, core_1.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: ${tokens_1.contract.space["2"]}; border-radius: 0; color: color-mix(in srgb, ${tokens_1.contract.fgPrimary} 22%, transparent); background: radial-gradient(circle, color-mix(in srgb, ${tokens_1.contract.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: ${tokens_1.contract.space["2"]};

package/dist/cjs/components/fileupload/fileupload.js

@@ -43,7 +43,7 @@ const React = __importStar(require("react"));
 const core_1 = require("../../core");
 const fileupload_recipe_1 = require("./fileupload.recipe");
 exports.fileUploadLabels = {
-    // Attio's own copy on the record Files pane.
+    // Matches the copy on the record Files pane.
     title: "No files",
     hint: "Drag a file here or choose one from your computer.",
     remove: "Remove file",

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

@@ -3,17 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fileuploadRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
-// 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]`).
@@ -43,12 +43,12 @@ const config = (0, core_1.defineRecipe)({
     & .fileupload-zone[data-disabled] { opacity: .5; cursor: not-allowed; }
     & .fileupload-zone[data-invalid] { border-color: ${tokens_1.contract.bgDanger}; }
 
-    /* Attio: "No files" 16/20 weight 600 */
+    /* "No files" 16/20 weight 600 */
     & .fileupload-title {
       color: ${tokens_1.contract.fgPrimary}; font-size: ${tokens_1.contract.text.xl}; line-height: 20px;
       font-weight: ${tokens_1.contract.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, ${tokens_1.contract.fgPrimary} 63%, transparent);
       font-size: ${tokens_1.contract.text.lg}; line-height: 20px;

package/dist/cjs/components/formfield/formfield.js

@@ -88,7 +88,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/cjs/components/formfield/formfield.recipe.js

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

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

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

@@ -13,7 +13,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/cjs/components/linechart/linechart.recipe.js

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

@@ -46,7 +46,7 @@ const menu_recipe_1 = require("./menu.recipe");
 const menu_keyboard_1 = require("./menu-keyboard");
 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/cjs/components/menu/menu.recipe.js

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

@@ -60,7 +60,7 @@ function Chip({ opt }) {
     return ((0, jsx_runtime_1.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/cjs/components/multiselect/multiselect.recipe.js

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

@@ -4,7 +4,7 @@ exports.progressRecipe = void 0;
 const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 // 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 = (0, core_1.defineRecipe)({
     name: "progress",
     base: `display: block; box-sizing: border-box; height: 6px; border-radius: ${tokens_1.contract.radius.full}; background: color-mix(in srgb, ${tokens_1.contract.fgPrimary} 8%, transparent); overflow: hidden;

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

@@ -5,8 +5,8 @@ const core_1 = require("../../core");
 const tokens_1 = require("../../tokens");
 // 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/cjs/components/radiogroup/radiogroup.js

@@ -42,7 +42,7 @@ const radiogroup_recipe_1 = require("./radiogroup.recipe");
 const radiogroup_keyboard_1 = require("./radiogroup-keyboard");
 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/cjs/components/radiogroup/radiogroup.recipe.js

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

@@ -94,7 +94,7 @@ 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/cjs/components/resizablepanel/resizablepanel.recipe.js

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

@@ -40,7 +40,7 @@ const core_1 = require("../../core");
 const radiogroup_1 = require("../radiogroup");
 const segmented_recipe_1 = require("./segmented.recipe");
 /**
- * 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/cjs/components/segmented/segmented.recipe.js

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

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

@@ -46,7 +46,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,