@crisp-ui-kit/crisp 0.49.0 → 0.51.0

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

@@ -11,6 +11,14 @@ export type SidebarNavItem = {
     icon: React.ComponentType<IconProps>;
     active?: boolean;
     trailing?: React.ReactNode;
+    /** Either this or `onSelect` — a plain link, or a handler for anything
+     * that isn't real navigation. Both may be set; neither is required to
+     * make the row *something* clickable (it still renders as a link,
+     * defaulting `href` to "#"). Same shape as a `groups` row's
+     * `SidebarNavGroupItem` (#384) — `items` is the only place that used to
+     * be missing this wiring. */
+    href?: string;
+    onSelect?: () => void;
 };
 /** A row in the Records section — rendered as a tinted 20px glyph avatar. */
 export type SidebarRecordItem = {
@@ -96,6 +104,20 @@ export type SidebarProps = React.ComponentPropsWithoutRef<"nav"> & {
     onToggleCollapse?: () => void;
     /** Workspace switcher content. Defaults to the measured workspace. */
     workspace?: SidebarWorkspace;
+    /**
+     * Menu content for the workspace switcher — `MenuItem`/`MenuSeparator`/
+     * `MenuLabel` children, the same as a consumer would give `Menu` directly.
+     * Omit to leave the switcher a plain (still real, focusable) button with
+     * no popup, as before. When given, the switcher becomes a real menu
+     * trigger (`aria-haspopup="menu"`, `aria-expanded`, keyboard-openable —
+     * rents `Menu`'s own machine, no new one) that opens it — router-agnostic
+     * and consistent with the nav API (#384): a `MenuItem`'s own `onSelect` is
+     * how a consumer reaches its own navigation, the same as a nav row's
+     * (#415: Attio's switcher opens "Account settings" / "Workspace settings",
+     * among others — crisp ships no fixed items of its own, since which
+     * settings exist is entirely the consumer's).
+     */
+    workspaceMenu?: React.ReactNode;
     /** Main nav rows (Home, Tasks, …). Defaults to the measured nav. */
     items?: SidebarNavItem[];
     /** The Records section (label + glyph-avatar rows). */
@@ -114,8 +136,18 @@ export type SidebarProps = React.ComponentPropsWithoutRef<"nav"> & {
      * renders exactly as before this prop existed.
      */
     groups?: SidebarNavGroup[];
-    /** Footer copy (onboarding pill, invite row, trial banner). */
-    footer?: SidebarFooter;
+    /**
+     * The footer slot. Defaults to Attio's own onboarding pill + invite row +
+     * trial banner (`ATTIO_SIDEBAR_FOOTER`). Pass a `SidebarFooter` object to
+     * override just the strings in that fixed shape (as before), any other
+     * `ReactNode` — an account/user menu, say — to replace the slot's content
+     * entirely (still pinned to the bottom of the nav), or `false` to render
+     * no footer at all so a consumer can compose their own element directly
+     * below `<Sidebar>` instead (#408: GRC has no onboarding checklist, no
+     * invite flow and no trial banner, so none of the fixed copy had anything
+     * real to say, and there was no way to put a real account menu here).
+     */
+    footer?: SidebarFooter | React.ReactNode;
     /**
      * Command-palette items, forwarded to the internal `Command`'s own
      * `items` prop. Omit for Command's built-in Attio set (#364: GRC's
@@ -162,6 +194,20 @@ export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.Detaile
     onToggleCollapse?: () => void;
     /** Workspace switcher content. Defaults to the measured workspace. */
     workspace?: SidebarWorkspace;
+    /**
+     * Menu content for the workspace switcher — `MenuItem`/`MenuSeparator`/
+     * `MenuLabel` children, the same as a consumer would give `Menu` directly.
+     * Omit to leave the switcher a plain (still real, focusable) button with
+     * no popup, as before. When given, the switcher becomes a real menu
+     * trigger (`aria-haspopup="menu"`, `aria-expanded`, keyboard-openable —
+     * rents `Menu`'s own machine, no new one) that opens it — router-agnostic
+     * and consistent with the nav API (#384): a `MenuItem`'s own `onSelect` is
+     * how a consumer reaches its own navigation, the same as a nav row's
+     * (#415: Attio's switcher opens "Account settings" / "Workspace settings",
+     * among others — crisp ships no fixed items of its own, since which
+     * settings exist is entirely the consumer's).
+     */
+    workspaceMenu?: React.ReactNode;
     /** Main nav rows (Home, Tasks, …). Defaults to the measured nav. */
     items?: SidebarNavItem[];
     /** The Records section (label + glyph-avatar rows). */
@@ -180,8 +226,18 @@ export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.Detaile
      * renders exactly as before this prop existed.
      */
     groups?: SidebarNavGroup[];
-    /** Footer copy (onboarding pill, invite row, trial banner). */
-    footer?: SidebarFooter;
+    /**
+     * The footer slot. Defaults to Attio's own onboarding pill + invite row +
+     * trial banner (`ATTIO_SIDEBAR_FOOTER`). Pass a `SidebarFooter` object to
+     * override just the strings in that fixed shape (as before), any other
+     * `ReactNode` — an account/user menu, say — to replace the slot's content
+     * entirely (still pinned to the bottom of the nav), or `false` to render
+     * no footer at all so a consumer can compose their own element directly
+     * below `<Sidebar>` instead (#408: GRC has no onboarding checklist, no
+     * invite flow and no trial banner, so none of the fixed copy had anything
+     * real to say, and there was no way to put a real account menu here).
+     */
+    footer?: SidebarFooter | React.ReactNode;
     /**
      * Command-palette items, forwarded to the internal `Command`'s own
      * `items` prop. Omit for Command's built-in Attio set (#364: GRC's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.49.0",
+  "version": "0.51.0",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",
@@ -98,6 +98,11 @@
       "import": "./dist/esm/components/columncalc/index.js",
       "require": "./dist/cjs/components/columncalc/index.js"
     },
+    "./composewindow": {
+      "types": "./dist/types/components/composewindow/index.d.ts",
+      "import": "./dist/esm/components/composewindow/index.js",
+      "require": "./dist/cjs/components/composewindow/index.js"
+    },
     "./contextmenu": {
       "types": "./dist/types/components/contextmenu/index.d.ts",
       "import": "./dist/esm/components/contextmenu/index.js",