@crisp-ui-kit/crisp 0.31.2 → 0.31.4

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

@@ -37,6 +37,7 @@ exports.DataTable = DataTable;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
 const React = __importStar(require("react"));
+const core_1 = require("../../core");
 const checkbox_1 = require("../checkbox");
 const menu_1 = require("../menu");
 const table_1 = require("../table");
@@ -68,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",
@@ -276,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(() => {
@@ -309,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" });
@@ -319,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
@@ -365,10 +366,13 @@ function DataTable({ columns: columnsProp, data, selectable = false, selectedIds
             nr = Math.max(0, r - 1);
         else if (e.key === "ArrowDown")
             nr = Math.min(rows.length - 1, r + 1);
-        else if (e.key === "ArrowLeft")
-            nc = Math.max(0, c - 1);
-        else if (e.key === "ArrowRight")
-            nc = Math.min(columns.length - 1, c + 1);
+        // The arrows follow what the user SEES: under RTL the first column renders
+        // rightmost, so ArrowLeft steps forward and ArrowRight steps back (#255).
+        else if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+            const rtl = (0, core_1.isRtlElement)(e.currentTarget);
+            const forward = e.key === (rtl ? "ArrowLeft" : "ArrowRight");
+            nc = forward ? Math.min(columns.length - 1, c + 1) : Math.max(0, c - 1);
+        }
         else if (e.key === "Escape") {
             setSelCell(null);
             return;
@@ -426,6 +430,11 @@ function DataTable({ columns: columnsProp, data, selectable = false, selectedIds
             key: col.key,
             startX: e.clientX,
             startW: colWidth(col),
+            // The columns reverse under RTL, so the grip — anchored at
+            // `inset-inline-end` — lands on the column's LEFT edge there, and
+            // pulling it further left must GROW the column. `clientX` stays
+            // physical, so the sign is the other half of that conversion (#214).
+            dir: (0, core_1.isRtlElement)(e.currentTarget) ? -1 : 1,
         };
         setResizingKey(col.key);
     }
@@ -433,7 +442,7 @@ function DataTable({ columns: columnsProp, data, selectable = false, selectedIds
         const r = resizeRef.current;
         if (!r)
             return;
-        const w = Math.max(64, r.startW + (e.clientX - r.startX));
+        const w = Math.max(64, r.startW + r.dir * (e.clientX - r.startX));
         setWidths((prev) => ({ ...prev, [r.key]: w }));
     }
     function endResize(e) {

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

@@ -73,8 +73,8 @@ const config = (0, core_1.defineRecipe)({
     /* fixed layout so column widths (and resize) are exact — like RecordsTable */
     & table { table-layout: fixed; }
     /* column resize grip */
-    & .datatable-resize { position: absolute; top: 0; right: -3px; width: 9px; height: 100%; cursor: col-resize; z-index: 6; touch-action: none; }
-    & .datatable-resize::after { content: ""; position: absolute; top: 0; left: 3px; width: 2px; height: 100%; background: ${tokens_1.contract.bgBrandSolid}; opacity: 0; transition: opacity .12s; }
+    & .datatable-resize { position: absolute; top: 0; inset-inline-end: -3px; width: 9px; height: 100%; cursor: col-resize; z-index: 6; touch-action: none; }
+    & .datatable-resize::after { content: ""; position: absolute; top: 0; inset-inline-start: 3px; width: 2px; height: 100%; background: ${tokens_1.contract.bgBrandSolid}; opacity: 0; transition: opacity .12s; }
     & .datatable-resize:hover::after, & .datatable-resize[data-resizing]::after { opacity: 1; }
     /* typed cells — entity (avatar + name), colour-coded tags, numbers, dates */
     & .datatable-entity { display: flex; align-items: center; gap: ${tokens_1.contract.space["1.5"]}; min-width: 0; color: ${tokens_1.contract.fgPrimary}; font-weight: ${tokens_1.contract.weight.medium}; }

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/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/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/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/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/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/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/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/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/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/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/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,

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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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);