@crisp-ui-kit/crisp 0.34.0 → 0.36.0

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

@@ -40,6 +40,42 @@ export type SidebarListsSection = {
     label: string;
     newListLabel: string;
 };
+/** A row in a `groups` section (#325). */
+export type SidebarNavGroupItem = {
+    label: string;
+    /** 16px icon component, rendered `<Icon />`. Optional — not every group's
+     * rows carry one (unlike the main nav's `SidebarNavItem`, where it's
+     * required). */
+    icon?: React.ComponentType<IconProps>;
+    /** Either this or `onSelect` — a plain link, or a handler for anything
+     * that isn't real navigation (opening a panel, selecting a view). Both
+     * may be set; neither is required to make the row *something* clickable
+     * (it still renders as a link, defaulting `href` to "#"). */
+    href?: string;
+    onSelect?: () => void;
+    active?: boolean;
+    /** Trailing content — a count, a badge, anything `NavItem`'s own
+     * `trailing` slot already takes. */
+    count?: React.ReactNode;
+};
+/**
+ * A named, collapsible group of `SidebarNavGroupItem` rows — navigation as
+ * data, for a consumer whose sections aren't Attio's Records/Lists/Chats
+ * (#325). Pass `groups` to `Sidebar` and it replaces those three sections
+ * entirely; a group's `items` can come from runtime data (a re-render with a
+ * new array is all a group needs to pick up new rows).
+ */
+export type SidebarNavGroup = {
+    /** Identity for this group's own collapse state across renders. Falls
+     * back to `label` — set it explicitly if two groups could ever share a
+     * label, or if a group's label itself changes at runtime. */
+    key?: string;
+    label: string;
+    items: SidebarNavGroupItem[];
+    /** Starts this group collapsed (default: expanded, matching every
+     * existing section). Read once, on mount. */
+    defaultCollapsed?: boolean;
+};
 /** Footer copy: the onboarding pill, the invite row, and the trial banner. */
 export type SidebarFooter = {
     gettingStartedLabel: string;
@@ -67,6 +103,16 @@ export type SidebarProps = React.ComponentPropsWithoutRef<"nav"> & {
     listsSection?: SidebarListsSection;
     /** The Chats section (label + nav-item rows). */
     chatsSection?: SidebarSection;
+    /**
+     * Navigation as data (#325): any number of named, collapsible groups,
+     * reusing the same section markup/recipe as Records/Lists/Chats. When
+     * given, it REPLACES those three sections entirely — a consumer whose
+     * sections aren't Attio's (internal/grc's Activity, Governance, Identity,
+     * Organization, System Administration, plus user-built registers) passes
+     * `groups` instead of the three fixed props. Omit it and `<Sidebar />`
+     * renders exactly as before this prop existed.
+     */
+    groups?: SidebarNavGroup[];
     /** Footer copy (onboarding pill, invite row, trial banner). */
     footer?: SidebarFooter;
 };
@@ -102,6 +148,16 @@ export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.Detaile
     listsSection?: SidebarListsSection;
     /** The Chats section (label + nav-item rows). */
     chatsSection?: SidebarSection;
+    /**
+     * Navigation as data (#325): any number of named, collapsible groups,
+     * reusing the same section markup/recipe as Records/Lists/Chats. When
+     * given, it REPLACES those three sections entirely — a consumer whose
+     * sections aren't Attio's (internal/grc's Activity, Governance, Identity,
+     * Organization, System Administration, plus user-built registers) passes
+     * `groups` instead of the three fixed props. Omit it and `<Sidebar />`
+     * renders exactly as before this prop existed.
+     */
+    groups?: SidebarNavGroup[];
     /** Footer copy (onboarding pill, invite row, trial banner). */
     footer?: SidebarFooter;
 } & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.34.0",
+  "version": "0.36.0",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",
@@ -143,6 +143,16 @@
       "import": "./dist/esm/components/fileupload/index.js",
       "require": "./dist/cjs/components/fileupload/index.js"
     },
+    "./filldoc": {
+      "types": "./dist/types/components/filldoc/index.d.ts",
+      "import": "./dist/esm/components/filldoc/index.js",
+      "require": "./dist/cjs/components/filldoc/index.js"
+    },
+    "./fillsheet": {
+      "types": "./dist/types/components/fillsheet/index.d.ts",
+      "import": "./dist/esm/components/fillsheet/index.js",
+      "require": "./dist/cjs/components/fillsheet/index.js"
+    },
     "./formfield": {
       "types": "./dist/types/components/formfield/index.d.ts",
       "import": "./dist/esm/components/formfield/index.js",