@crisp-ui-kit/crisp 0.31.2 → 0.31.4

package/dist/types/components/resizablepanel/resizablepanel.d.ts

@@ -39,7 +39,7 @@ export type ResizablePanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "c
     min?: number;
     /**
      * `max-width` — a px number, or a raw CSS expression for callers that need
-     * Attio's real clamp, e.g. `max="min(60%, 100% - 350px)"`. Constraints are
+     * a real clamp, e.g. `max="min(60%, 100% - 350px)"`. Constraints are
      * never re-applied in JS: the handler writes the unclamped drag width, and
      * the browser's own `min-width`/`max-width` resolve the rendered size.
      */
@@ -53,8 +53,8 @@ export type ResizablePanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "c
     /** Resize-handle geometry — "panel" (default) or "column" (table edges). */
     handleVariant?: ResizablePanelHandleVariant;
     /**
-     * Persist width as a percentage of the container under this key (matches
-     * Attio: a `%`, not px, so the panel keeps its proportion on resize).
+     * Persist width as a percentage of the container under this key (a `%`,
+     * not px, so the panel keeps its proportion on resize).
      * Only applies when `size` is uncontrolled.
      */
     storageKey?: string;
@@ -62,7 +62,7 @@ export type ResizablePanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "c
     children?: React.ReactNode;
 };
 /**
- * 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/types/components/segmented/segmented.d.ts

@@ -17,7 +17,7 @@ export type SegmentedProps = Omit<React.ComponentPropsWithoutRef<"div">, "defaul
     className?: string;
 };
 /**
- * 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/types/components/select/select.d.ts

@@ -4,7 +4,7 @@ export type SelectOption = {
     label: React.ReactNode;
     /** Text used for filtering when `searchable` (falls back to a string label). */
     keywords?: string;
-    /** A status colour dot shown before the label (Attio status/select fields). */
+    /** A status colour dot shown before the label (status/select fields). */
     color?: string;
     disabled?: boolean;
 };
@@ -47,7 +47,7 @@ export type SelectProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" |
     id?: string;
 };
 /**
- * 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/types/components/stagebar/stagebar.d.ts

@@ -11,7 +11,7 @@ export type StageBarProps = React.ComponentPropsWithoutRef<"div"> & {
     className?: string;
 };
 /**
- * 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 declare function StageBar({ stages, current, "aria-label": ariaLabel, className, ...rest }: StageBarProps): import("react").JSX.Element;

package/dist/types/components/statcard/statcard.d.ts

@@ -20,7 +20,7 @@ export type StatCardProps = React.ComponentPropsWithoutRef<"div"> & {
     className?: string;
 };
 /**
- * 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 declare function StatCard({ label, icon, value, delta, deltaSuffix, caption, card, className, ...rest }: StatCardProps): React.JSX.Element;

package/dist/types/components/switch/switch.d.ts

@@ -25,7 +25,7 @@ export type SwitchProps = Omit<React.ComponentPropsWithoutRef<"button">, "onChan
     required?: boolean;
 };
 /**
- * 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/types/components/tabletoolbar/tabletoolbar.d.ts

@@ -86,7 +86,7 @@ export declare function applyFilters<T>(rows: T[], filters: ToolbarFilter[], get
  */
 export declare function applySorts<T>(rows: T[], sorts: ToolbarSort[], get?: (row: T, key: string) => unknown): T[];
 /**
- * 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/types/components/tabs/tabs.d.ts

@@ -23,8 +23,8 @@ export type TabsProps = Omit<React.ComponentPropsWithoutRef<"div">, "value" | "d
 };
 /**
  * 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 declare function Tabs({ tabs, value, defaultValue, onValueChange, leading, children, className, "aria-label": ariaLabel, ...rest }: TabsProps): React.JSX.Element;

package/dist/types/components/textarea/textarea.d.ts

@@ -6,7 +6,7 @@ export type TextareaProps = React.ComponentPropsWithoutRef<"textarea"> & {
     wrapperClassName?: string;
 };
 /**
- * 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/types/components/tooltip/tooltip.d.ts

@@ -22,7 +22,7 @@ export type TooltipProps = {
     onOpenChange?: (open: boolean) => void;
 };
 /**
- * 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/types/product/appshell/appshell.d.ts

@@ -27,8 +27,8 @@ export type AppShellProps = Omit<React.ComponentPropsWithoutRef<"div">, "childre
     className?: string;
 };
 /**
- * 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.
  */

package/dist/types/product/authshell/authshell.d.ts

@@ -15,7 +15,7 @@ export type AuthShellProps = Omit<React.ComponentPropsWithoutRef<"div">, "title"
     className?: string;
 };
 /**
- * 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/types/product/board/board.d.ts

@@ -32,7 +32,7 @@ export type BoardProps<T extends BoardCard> = Omit<React.ComponentPropsWithoutRe
  * 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 declare function Board<T extends BoardCard>({ columns, cards, onCardsChange, renderCard, onNewCard, newCardLabel, getCardLabel, announceMove, className, ...rest }: BoardProps<T>): React.JSX.Element;
 export declare namespace Board {

package/dist/types/product/entitycard/entitycard.d.ts

@@ -14,7 +14,7 @@ export type EntityCardProps = Omit<React.ComponentPropsWithoutRef<"button">, "ch
     className?: string;
 };
 /**
- * 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/types/product/flowcanvas/flowcanvas.d.ts

@@ -31,7 +31,7 @@ export type FlowCanvasProps<T extends FlowNode> = Omit<React.ComponentPropsWitho
 };
 /**
  * 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 declare function FlowCanvas<T extends FlowNode>({ nodes, edges, onNodesChange, renderNode, nodeWidth, nodeHeight, "aria-label": ariaLabel, className, zoomOutLabel, zoomInLabel, resetLabel, edgesLabel, ...rest }: FlowCanvasProps<T>): React.JSX.Element;

package/dist/types/product/inbox/inbox.d.ts

@@ -33,7 +33,7 @@ export type InboxProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"
     className?: string;
 };
 /**
- * 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/types/product/listpage/listpage.d.ts

@@ -35,7 +35,7 @@ export declare function ListRow({ children, onClick, }: {
     onClick?: () => void;
 }): React.JSX.Element;
 /**
- * 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/types/product/onboarding/onboarding.d.ts

@@ -48,7 +48,7 @@ export declare const onboardingLabels: {
     completedStepLabel: (label: React.ReactNode) => string;
 };
 /**
- * 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/types/product/recordpage/recordpage.d.ts

@@ -21,7 +21,7 @@ export type RecordPageProps = Omit<React.ComponentPropsWithoutRef<"div">, "child
  * The record's own field labels and values are NOT here — those arrive through
  * `record` and `columns`, and are the consumer's data. What this covers is the
  * surface crisp draws around them: the tab strip, the Highlights stats (a fixed
- * set measured from Attio, not consumer data), the action bar and the feed.
+ * set measured live, not consumer data), the action bar and the feed.
  */
 export type RecordPageLabels = {
     breadcrumb: string;
@@ -90,7 +90,7 @@ export type RecordPageLabelsInput = Partial<Omit<RecordPageLabels, "tabs" | "hig
     highlightEmpty?: Partial<RecordPageLabels["highlightEmpty"]>;
 };
 /**
- * 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 /

package/dist/types/product/recordstable/recordstable.d.ts

@@ -18,8 +18,8 @@ export type Column = {
     key: string;
     label: string;
     type?: ColumnType;
-    /** Mark the column's values as AI-enriched — tints the cells the way Attio
-     *  washes enriched values (#9b69ff at 4%). */
+    /** Mark the column's values as AI-enriched — tints the cells the way
+     *  enriched values are washed (#9b69ff at 4%). */
     enriched?: boolean;
     icon?: IconType;
     width?: number;
@@ -90,7 +90,7 @@ export type RecordsTableProps = Omit<React.ComponentPropsWithoutRef<"div">, "chi
     /** Called when a row's entity name is clicked — navigate to its full record page. */
     onOpenRecordPage?: (row: Row) => void;
     /** Tone for `entity`/`reference` avatars: `"brand"` (uniform, today's
-     * measured Attio records-grid behaviour — the default) or `"hashed"` (a
+     * measured records-grid behaviour — the default) or `"hashed"` (a
      * stable colour per name, matching what `DataTable`'s `avatarTone` offers).
      * Entity avatars only — `TAG_TONES`/tag/status tone logic is untouched. */
     avatarTone?: "brand" | "hashed";
@@ -120,6 +120,12 @@ export type RecordsTableLabels = {
     descending: string;
     noSorts: string;
     learnSorting: string;
+    /**
+     * Where the sort popover's "Learn about sorting" row links to. Unset by default:
+     * the row renders as plain text, since a component library has no help site of its
+     * own to point at. Pass your own docs URL to make it a link.
+     */
+    learnSortingHref?: string;
     filter: string;
     addFilter: string;
     filterByField: string;
@@ -199,7 +205,7 @@ export declare function parseCellDate(raw: string | undefined): Date | null;
 /** The inverse: the picked date's own calendar day, not the UTC one. */
 export declare function formatCellDate(d: Date): string;
 /**
- * Attio-style record grid — fully featured. Toolbar (search / sort status /
+ * A measured-style record grid — fully featured. Toolbar (search / sort status /
  * count / New), sticky checkbox + entity columns, 36px rows, typed cells,
  * click-to-sort headers, column resize by dragging a header edge, inline cell
  * editing (double-click a text/number/url/date cell), add-row and add-column,

package/dist/types/product/richtext/richtext.d.ts

@@ -19,7 +19,7 @@ export type RichTextEditorProps = Omit<React.ComponentPropsWithoutRef<"div">, "c
     className?: string;
 };
 /**
- * A block rich-text editor — measured from Attio's Notes editor. A large title,
+ * A block rich-text editor — measured from a notes editor. A large title,
  * a prose body (headings, lists, quote, marks, links), and a floating toolbar
  * that appears over a text selection. Built on contentEditable, dependency-free.
  * Uncontrolled: seed with `defaultTitle`/`defaultHtml`, read via `onChange`.

package/dist/types/product/settingssection/settingssection.d.ts

@@ -8,7 +8,7 @@ export type SettingsSectionProps = Omit<React.ComponentPropsWithoutRef<"section"
     className?: string;
 };
 /**
- * A settings section — measured from Attio's Settings pages. A title + optional
+ * A settings section — measured from settings pages. A title + optional
  * subtitle and trailing action, then a gapped stack of rows (pair with
  * FormField). Compose several inside a settings content pane.
  */

package/dist/types/product/settingsshell/settingsshell.d.ts

@@ -28,7 +28,7 @@ export type SettingsShellProps = Omit<React.ComponentPropsWithoutRef<"div">, "ti
     className?: string;
 };
 /**
- * The Settings layout — measured from Attio's Settings. A left nav (back header,
+ * The Settings layout — measured live. A left nav (back header,
  * search, grouped items) beside a scrolling content pane. The search filters the
  * nav by label. Fills the height its container gives it.
  */

package/dist/types/product/sidebar/sidebar.d.ts

@@ -57,9 +57,9 @@ export type SidebarProps = React.ComponentPropsWithoutRef<"nav"> & {
     asChild?: boolean;
     /** Called when the collapse-panel button in the header is pressed. */
     onToggleCollapse?: () => void;
-    /** Workspace switcher content. Defaults to the measured Attio workspace. */
+    /** Workspace switcher content. Defaults to the measured workspace. */
     workspace?: SidebarWorkspace;
-    /** Main nav rows (Home, Tasks, …). Defaults to the measured Attio nav. */
+    /** Main nav rows (Home, Tasks, …). Defaults to the measured nav. */
     items?: SidebarNavItem[];
     /** The Records section (label + glyph-avatar rows). */
     recordsSection?: SidebarRecordsSection;
@@ -70,17 +70,17 @@ export type SidebarProps = React.ComponentPropsWithoutRef<"nav"> & {
     /** Footer copy (onboarding pill, invite row, trial banner). */
     footer?: SidebarFooter;
 };
-/** The measured Attio workspace switcher — the default `workspace` prop. */
+/** The measured workspace switcher — the default `workspace` prop. */
 export declare const ATTIO_SIDEBAR_WORKSPACE: SidebarWorkspace;
-/** The measured Attio main nav — the default `items` prop. */
+/** The measured main nav — the default `items` prop. */
 export declare const ATTIO_SIDEBAR_ITEMS: SidebarNavItem[];
-/** The measured Attio Records section — the default `recordsSection` prop. */
+/** The measured Records section — the default `recordsSection` prop. */
 export declare const ATTIO_SIDEBAR_RECORDS_SECTION: SidebarRecordsSection;
-/** The measured Attio Lists section — the default `listsSection` prop. */
+/** The measured Lists section — the default `listsSection` prop. */
 export declare const ATTIO_SIDEBAR_LISTS_SECTION: SidebarListsSection;
-/** The measured Attio Chats section — the default `chatsSection` prop. */
+/** The measured Chats section — the default `chatsSection` prop. */
 export declare const ATTIO_SIDEBAR_CHATS_SECTION: SidebarSection;
-/** The measured Attio footer copy — the default `footer` prop. */
+/** The measured footer copy — the default `footer` prop. */
 export declare const ATTIO_SIDEBAR_FOOTER: SidebarFooter;
 export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     /** Label for the collapse control. */
@@ -92,9 +92,9 @@ export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.Detaile
     asChild?: boolean;
     /** Called when the collapse-panel button in the header is pressed. */
     onToggleCollapse?: () => void;
-    /** Workspace switcher content. Defaults to the measured Attio workspace. */
+    /** Workspace switcher content. Defaults to the measured workspace. */
     workspace?: SidebarWorkspace;
-    /** Main nav rows (Home, Tasks, …). Defaults to the measured Attio nav. */
+    /** Main nav rows (Home, Tasks, …). Defaults to the measured nav. */
     items?: SidebarNavItem[];
     /** The Records section (label + glyph-avatar rows). */
     recordsSection?: SidebarRecordsSection;

package/dist/types/product/tasklist/tasklist.d.ts

@@ -30,7 +30,7 @@ export type TaskListProps = Omit<React.ComponentPropsWithoutRef<"div">, "childre
     className?: string;
 };
 /**
- * A task list — measured from Attio's Tasks page. Optional group headers with a
+ * A task list — measured from a tasks page. Optional group headers with a
  * count, then rows of a round complete-checkbox + title + trailing meta.
  * Completed rows strike through; overdue dates go red.
  */

package/dist/types/product/trialbanner/trialbanner.d.ts

@@ -12,7 +12,7 @@ export type TrialBannerProps = Omit<React.ComponentPropsWithoutRef<"div">, "chil
     className?: string;
 };
 /**
- * A compact trial / upgrade banner — measured from Attio's sidebar footer.
+ * A compact trial / upgrade banner — measured from a sidebar footer.
  * Icon + message + an optional small action pill (soft-glow outlined button).
  */
 export declare function TrialBanner({ icon, children, action, onAction, tone, className, ...rest }: TrialBannerProps): React.JSX.Element;

package/dist/types/product/viewtoggle/viewtoggle.d.ts

@@ -26,7 +26,7 @@ export type ViewToggleProps<T extends string = string> = Omit<React.ComponentPro
     className?: string;
 };
 /**
- * A compact icon toggle — measured from Attio's list/grid switch. A padded track
+ * A compact icon toggle — measured from a list/grid switch. A padded track
  * of icon tiles; the selected tile is raised. Use for view-mode switches (list ⇄
  * grid) or any small mutually-exclusive icon choice.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.31.2",
+  "version": "0.31.4",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",