@cere/cere-design-system 0.0.32 → 0.0.33

package/.specify/memory/components-reference.md

@@ -513,6 +513,44 @@ const items: BreadcrumbItem[] = [
 
 ## LAYOUT
 
+### EntityHeader
+Composite header for entities (workspaces, accounts, etc.) with title, metadata, and action slots.
+
+```typescript
+import { EntityHeader } from '@cere/cere-design-system';
+import type { EntityHeaderProps, PrimaryAction } from '@cere/cere-design-system';
+
+<EntityHeader
+  title="Game Co. WF 1769936170928"
+  subtitle="Gaming Demo Account"
+  role="Manager"
+  id="W1234567890"
+  startActions={<Button variant="secondary">Export</Button>}
+  primaryAction={{
+    label: 'Members',
+    count: 5,
+    icon: <AddCircleIcon />,
+    onClick: () => console.log('Open members')
+  }}
+  endActions={<Button variant="tertiary">Settings</Button>}
+  onCopyId={() => console.log('ID copied')}
+  onMoreOptions={(e) => setAnchorEl(e.currentTarget)}
+/>
+```
+
+**Props:**
+- `title: string` - Primary title text (required)
+- `subtitle?: string` - Secondary descriptive text
+- `role?: string` - Role/status label displayed as RoleBadge pill
+- `id?: string` - Entity identifier displayed as IDBlock with copy action
+- `primaryAction?: PrimaryAction` - Main action button config (`{ label, count?, icon?, onClick? }`)
+- `startActions?: ReactNode` - Custom content rendered before the primary action button
+- `endActions?: ReactNode` - Custom content rendered after the primary action button (before more-options)
+- `onCopyId?: () => void` - Callback when ID is copied
+- `onMoreOptions?: (event) => void` - Callback when more options button clicked
+- `headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'` - HTML heading level (default: 'h2')
+- `divider?: boolean` - Show bottom divider line (default: true)
+
 ### Card
 Container card with header, content, and actions.
 

package/dist/index.d.mts

@@ -1230,6 +1230,17 @@ interface EntityHeaderProps {
      * Main action button configuration
      */
     primaryAction?: PrimaryAction;
+    /**
+     * Additional content rendered before the primary action button.
+     * Accepts any ReactNode (buttons, dropdowns, etc.).
+     */
+    startActions?: React__default.ReactNode;
+    /**
+     * Additional content rendered after the primary action button
+     * but before the more-options icon button.
+     * Accepts any ReactNode (buttons, dropdowns, etc.).
+     */
+    endActions?: React__default.ReactNode;
     /**
      * Callback when ID is copied (internal copy + this callback)
      */

package/dist/index.d.ts

@@ -1230,6 +1230,17 @@ interface EntityHeaderProps {
      * Main action button configuration
      */
     primaryAction?: PrimaryAction;
+    /**
+     * Additional content rendered before the primary action button.
+     * Accepts any ReactNode (buttons, dropdowns, etc.).
+     */
+    startActions?: React__default.ReactNode;
+    /**
+     * Additional content rendered after the primary action button
+     * but before the more-options icon button.
+     * Accepts any ReactNode (buttons, dropdowns, etc.).
+     */
+    endActions?: React__default.ReactNode;
     /**
      * Callback when ID is copied (internal copy + this callback)
      */

package/dist/index.js

@@ -4991,6 +4991,8 @@ var EntityHeader = ({
   role,
   id,
   primaryAction,
+  startActions,
+  endActions,
   onCopyId,
   onMoreOptions,
   headingLevel = "h2",
@@ -5079,6 +5081,7 @@ var EntityHeader = ({
                 flexShrink: 0
               },
               children: [
+                startActions,
                 primaryAction && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   Button,
                   {
@@ -5091,6 +5094,7 @@ var EntityHeader = ({
                     children: getPrimaryActionLabel()
                   }
                 ),
+                endActions,
                 onMoreOptions && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   import_IconButton4.default,
                   {
@@ -8707,14 +8711,18 @@ var configureTypeScript = (monaco) => {
     target: monaco.languages.typescript.ScriptTarget.ES2020,
     allowNonTsExtensions: true,
     moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
-    module: monaco.languages.typescript.ModuleKind.CommonJS,
+    module: monaco.languages.typescript.ModuleKind.ESNext,
     noEmit: false,
     lib: ["es2020", "dom"],
     noUnusedLocals: false,
     noUnusedParameters: false,
     noImplicitAny: false,
     noImplicitReturns: false,
-    noFallthroughCasesInSwitch: false
+    noFallthroughCasesInSwitch: false,
+    // Treat every file as a module so top-level declarations don't clash
+    // across files in the workspace (prevents false "Cannot redeclare" errors).
+    moduleDetection: 3
+    // ts.ModuleDetectionKind.Force
   });
   monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
     noSemanticValidation: false,