@psnext/design-system 1.0.0 → 1.1.0

package/dist/patterns/index.d.ts

@@ -1,418 +1,410 @@
-import * as react0 from "react";
-import { CSSProperties, MouseEvent, ReactNode } from "react";
+import { o as Text, r as ThemeProduct, u as HeadingProps } from "../ThemeProvider.js";
+import * as React from "react";
+import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Column, ColumnDef } from "@tanstack/react-table";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
-//#region src/patterns/AccountProjectSwitcher/AccountProjectSwitcher.d.ts
-declare function AccountProjectSwitcher(): react_jsx_runtime0.JSX.Element;
-//# sourceMappingURL=AccountProjectSwitcher.d.ts.map
+//#region src/patterns/DataTable/DataTable.d.ts
+type DataTableProps<TData, TValue> = {
+  columns: ColumnDef<TData, TValue>[];
+  data: TData[];
+  /** Zebra-stripe the rows (default true). */
+  striped?: boolean;
+  /** Client-side pagination + page size (default true, 10). */
+  enablePagination?: boolean;
+  pageSize?: number;
+};
+declare function DataTable<TData, TValue>({
+  columns,
+  data,
+  striped,
+  enablePagination,
+  pageSize
+}: DataTableProps<TData, TValue>): react_jsx_runtime0.JSX.Element;
+declare function DataTableColumnHeader<TData, TValue>({
+  column,
+  title,
+  className
+}: {
+  column: Column<TData, TValue>;
+  title: string;
+  className?: string;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/patterns/AddContextDrawer/AddContextDrawer.d.ts
-interface AddContextDrawerProps {
-  isOpen: boolean;
-  onClose: () => void;
-  resourceTitle: string;
-  /** Optional callback fired when the user confirms "Add Resource" on step 3 */
-  onAdd?: (resourceTitle: string) => void;
-}
-declare function AddContextDrawer({
-  isOpen,
-  onClose,
-  resourceTitle,
-  onAdd
-}: AddContextDrawerProps): react_jsx_runtime0.JSX.Element | null;
+//#region src/patterns/Footer/Footer.d.ts
+declare const footerBackgrounds: {
+  readonly none: "";
+  readonly muted: "bg-muted";
+  readonly glass: "bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]";
+};
+declare function Footer({
+  className,
+  bordered,
+  background,
+  ...props
+}: React.ComponentProps<"footer"> & {
+  /** Add a subtle top border separating the footer from page content. */
+  bordered?: boolean;
+  /** Surface fill. `glass` is a translucent, blurred panel over the page background. */
+  background?: keyof typeof footerBackgrounds;
+}): react_jsx_runtime0.JSX.Element;
+declare function FooterStart({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function FooterCenter({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function FooterEnd({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function FooterPoweredBy({
+  className,
+  label,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  /** Override the default "Powered by" label. */
+  label?: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+declare function FooterSeparator({
+  className,
+  ...props
+}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/patterns/AddNewRoleDrawer/AddNewRoleDrawer.d.ts
-interface RoleData {
-  id?: string;
-  name: string;
-  description: string;
-  permissions: number;
-  /** Which tab from the roles page: 'templates' | 'saved' */
-  source?: "templates" | "saved";
-}
-interface PlatformInfo {
+//#region src/patterns/Header/types.d.ts
+/** A node in the project hierarchy returned by the projects API. */
+interface ProjectNode {
   id: string;
-  label: string;
-  color: string;
-  bgColor: string;
-  textColor: string;
-}
-declare const PLATFORMS: PlatformInfo[];
-interface AddNewRoleDrawerProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onSave?: (role: {
-    name: string;
-    description: string;
-    permissions: string[];
-    platforms: string[];
-  }) => void;
-  /** Called when user duplicates a template into saved roles */
-  onDuplicate?: (role: {
-    name: string;
-    description: string;
-    permissions: string[];
-    platforms: string[];
-  }) => void;
-  /** Called when user deletes a role */
-  onDelete?: (roleId: string) => void;
-  /** When provided, opens in edit/view mode pre-populated with this role */
-  initialRole?: RoleData | null;
-  /** The currently-active platform tab on the roles page */
-  activePlatform?: string;
-}
-declare function AddNewRoleDrawer({
-  isOpen,
-  onClose,
-  onSave,
-  onDuplicate,
-  onDelete,
-  initialRole,
-  activePlatform
-}: AddNewRoleDrawerProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/patterns/AddPortfolioDrawer/AddPortfolioDrawer.d.ts
-interface PortfolioFormData {
   name: string;
-  description: string;
-  selectedProjects: string[];
-  resourceMode: "import" | "new";
-  importedResources: string[];
-  contextSourceId?: string;
+  children: ProjectNode[];
+  /** Ancestor context node — shown for orientation but not selectable. */
+  isContextOnly?: boolean;
 }
-interface AddPortfolioDrawerProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onSubmit: (data: PortfolioFormData) => void;
+/** Fully-qualified API endpoints. Built from `apiBaseUrl`; individually overridable. */
+interface HeaderEndpoints {
+  token: string;
+  me: string;
+  logout: string;
+  projects: (clientId: string) => string;
+  credits: string;
 }
-declare function AddPortfolioDrawer({
-  isOpen,
-  onClose,
-  onSubmit
-}: AddPortfolioDrawerProps): react0.ReactPortal | null;
-//#endregion
-//#region src/patterns/AiChatPanel/AiChatPanel.d.ts
-declare const defaultSuggestedPrompts: string[];
-declare const defaultMockResponses: Record<string, string>;
-declare const defaultFallbackResponse = "Thanks for your question! I can help with navigating the platform, understanding roles & permissions, managing users, and reviewing activity logs. Could you provide a bit more detail so I can assist you better?";
-declare function AIChatPanel({
-  onClose,
-  suggestedPrompts,
-  mockResponses,
-  fallbackResponse
-}: {
-  onClose: () => void;
-  suggestedPrompts?: string[];
-  mockResponses?: Record<string, string>;
-  fallbackResponse?: string;
-}): react_jsx_runtime0.JSX.Element;
-//# sourceMappingURL=AiChatPanel.d.ts.map
-//#endregion
-//#region src/patterns/AiChatPanel/activity-context.d.ts
-type ActivityType = "context_added" | "analyzing_started" | "analyzing_complete" | "ingestion_started" | "ingestion_complete" | "error_detected" | "token_expired" | "sync_triggered";
-type ActivitySeverity = "info" | "success" | "warning" | "error";
-type ActivityFilterType = "all" | "errors" | "token_expired" | "warnings" | null;
-interface ActivityEvent {
-  id: string;
-  type: ActivityType;
-  severity: ActivitySeverity;
-  title: string;
-  source: string;
-  category: string;
-  description: string;
-  timestamp: Date;
-  metadata?: {
-    resourceId?: string;
-    phase?: string;
-    progress?: number;
-    filesCount?: number;
-    errorsCount?: number;
-    completedCount?: number;
-    pendingCount?: number;
-    activeRepoCount?: number;
-    tokenExpiredCount?: number;
-    eta?: string;
-    errorDetails?: string[];
-    repositories?: string[];
+/** A fetch-compatible function, so hosts/tests can inject their own (e.g. mocks). */
+type Fetcher = typeof fetch;
+interface HeaderProps {
+  /** API base URL with full domain, e.g. `https://dev.abc.com`. Studio-auth API host. */
+  apiBaseUrl: string;
+  /**
+   * Environment id used to read the session cookie `{environmentId}-sessionId`
+   * (a JWT) — the header decodes it to determine whether the user is logged in.
+   */
+  environmentId: string;
+  /** Logo to show. Defaults to the active product from ThemeProvider. */
+  logoType?: ThemeProduct;
+  /** Show the read-only organisation pill. */
+  showOrg?: boolean;
+  /** Show the project picker (and the first-run selection overlay). */
+  showProjectDropdown?: boolean;
+  /** Show the profile menu (user email + logout). */
+  showProfile?: boolean;
+  /** Show the light/dark theme toggle. */
+  showThemeSwitcher?: boolean;
+  /** Show the remaining-credits pill (logged-in users only). */
+  showCredits?: boolean;
+  /** Page title shown next to the logo. Omitted when not provided. */
+  pageTitle?: string;
+  /**
+   * URL for the feedback action (message-square-share icon). When omitted the
+   * icon is hidden; when set, the icon renders and links here.
+   */
+  feedbackUrl?: string;
+  /** Active org id from the host session; overrides the value from `/me`. */
+  clientId?: string;
+  /**
+   * ESCAPE HATCH — avoid. Inject a pre-resolved access token to skip the header's
+   * own token fetch. The header is designed to resolve its own token from the
+   * session cookie; only reach for this when the host has *already* fetched a
+   * token and a duplicate round-trip is genuinely unacceptable. Misuse couples
+   * the header to host token lifecycle/refresh and can serve stale auth.
+   */
+  _dangerouslyInjectAccessToken?: string;
+  /** Called when the user picks a project. */
+  onProjectChange?: (id: string) => void;
+  /** Called when the user closes the selection overlay. */
+  onCloseProjectOverlay?: () => void;
+  /** Node rendered between the logo and the project picker. */
+  logoAddon?: ReactNode;
+  className?: string;
+  /** Override individual endpoint paths (defaults derive from `apiBaseUrl`). */
+  endpoints?: Partial<Omit<HeaderEndpoints, "projects">> & {
+    projects?: (clientId: string) => string;
   };
+  /** Custom fetch implementation (defaults to global `fetch`). Useful for tests/Storybook. */
+  fetcher?: Fetcher;
+  /** How long fetched data stays fresh before refetch, in ms. Default 5 min. */
+  staleTime?: number;
+  /** How long unused data is cached, in ms. Default 10 min. */
+  gcTime?: number;
 }
-declare const activityTypeLabels: Record<ActivityType, string>;
-declare const severityMap: Record<ActivityType, ActivitySeverity>;
-interface ActivityContextValue {
-  activities: ActivityEvent[];
-  unreadCount: number;
-  pushActivity: (event: Omit<ActivityEvent, "id" | "timestamp">) => void;
-  markAllRead: () => void;
-  clearActivities: () => void;
-  panelExpanded: boolean;
-  setPanelExpanded: (v: boolean) => void;
-  filterType: ActivityFilterType;
-  setFilterType: (v: ActivityFilterType) => void;
-  filterResourceId: string | null;
-  setFilterResourceId: (v: string | null) => void;
-}
-declare function useActivity(): ActivityContextValue;
-declare function ActivityProvider({
-  children
+//# sourceMappingURL=types.d.ts.map
+//#endregion
+//#region src/patterns/Header/Header.d.ts
+/** The header bar shell — a sticky glass strip. */
+declare function HeaderBar({
+  className,
+  ...props
+}: React.ComponentProps<"header">): react_jsx_runtime0.JSX.Element;
+/** Product logo linking to its home, with a Suspense-safe fallback. */
+declare function HeaderLogo({
+  brand
 }: {
-  children: ReactNode;
+  brand: ThemeProduct;
 }): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/patterns/AiChatPanel/right-panel-context.d.ts
-type RightPanelType = "activity" | "ai-chat" | null;
-interface RightPanelContextValue {
-  /** Which panel is currently open (null = collapsed icons only) */
-  activePanel: RightPanelType;
-  /** Open a specific panel */
-  openPanel: (panel: "activity" | "ai-chat") => void;
-  /** Close whatever panel is open */
-  closePanel: () => void;
-  /** Toggle a panel (open if closed, close if already open) */
-  togglePanel: (panel: "activity" | "ai-chat") => void;
-  /** Whether the entire right sidebar (icons + panel) is visible */
-  sidebarVisible: boolean;
-  /** Show/hide the entire right sidebar */
-  setSidebarVisible: (visible: boolean) => void;
-  /** Pending message to be sent to AI chat when it opens */
-  pendingMessage: string | null;
-  /** Send a message to the AI chat panel (opens it automatically) */
-  sendToAIChat: (message: string) => void;
-  /** Clear the pending message (called by AI chat panel after consuming it) */
-  clearPendingMessage: () => void;
-}
-declare function RightPanelProvider({
-  children
+/** Read-only organisation pill. */
+declare function OrgPill({
+  name,
+  loading
+}: {
+  name?: string;
+  loading?: boolean;
+}): react_jsx_runtime0.JSX.Element | null;
+/** Light/dark toggle — defers to ThemeProvider. */
+declare function ThemeToggle(): react_jsx_runtime0.JSX.Element;
+/** Profile menu — avatar trigger with email + logout. */
+declare function ProfileMenu({
+  email,
+  onLogout
 }: {
-  children: ReactNode;
+  email?: string;
+  onLogout: () => void;
 }): react_jsx_runtime0.JSX.Element;
-declare function useRightPanel(): RightPanelContextValue;
+/** Drop-in global header. Must be rendered inside a <ThemeProvider>. */
+declare function Header(props: HeaderProps): react_jsx_runtime0.JSX.Element;
+//# sourceMappingURL=Header.d.ts.map
 //#endregion
-//#region src/patterns/AlertDialog/AlertDialog.d.ts
-interface AlertDialogProps {
-  isOpen: boolean;
-  onCancel: () => void;
-  onConfirm: () => void;
-  title?: string;
-  description?: string;
+//#region src/patterns/Header/ProjectPicker.d.ts
+interface ProjectPickerProps {
+  projectsTree: ProjectNode[];
+  selectedProjectId: string;
+  selectedProjectName?: string;
+  onSelect: (id: string) => void;
+  projectLabel: string;
+  projectPlaceholder: string;
+  searchPlaceholder: string;
+  emptyStateText: string;
+  isLoading?: boolean;
 }
-declare function AlertDialog({
-  isOpen,
-  onCancel,
-  onConfirm,
-  title,
-  description
-}: AlertDialogProps): react0.ReactPortal | null;
+declare function ProjectPicker({
+  projectsTree,
+  selectedProjectId,
+  selectedProjectName,
+  onSelect,
+  projectLabel,
+  projectPlaceholder,
+  searchPlaceholder,
+  emptyStateText,
+  isLoading
+}: Readonly<ProjectPickerProps>): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/patterns/CategorySection/CategorySection.d.ts
-interface CategorySectionProps {
-  id: string;
-  title: string;
-  isOpen: boolean;
-  onToggle: () => void;
-  items: Array<{
-    title: string;
-    subtitle: string;
-  }>;
+//#region src/patterns/Header/use-global-header.d.ts
+/** Window event other modules can dispatch to show/hide the project dropdown. */
+declare const TOGGLE_PROJECT_DROPDOWN_EVENT = "toggle-project-dropdown";
+interface ToggleProjectDropdownDetail {
+  show: boolean;
 }
-declare function CategorySection({
-  id,
-  title,
-  isOpen,
-  onToggle,
-  items
-}: CategorySectionProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/patterns/IconButton/IconButton.d.ts
-type IconButtonVariant = "default" | "ghost" | "danger";
-type IconButtonMouseHandler = (e: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
-interface IconButtonProps {
-  children: ReactNode;
-  onClick?: IconButtonMouseHandler;
-  variant?: IconButtonVariant;
-  className?: string;
-  as?: "button" | "div";
-  style?: CSSProperties;
-  onMouseEnter?: IconButtonMouseHandler;
-  onMouseLeave?: IconButtonMouseHandler;
+interface GlobalHeaderState {
+  /** Whether a valid session cookie exists — when false, hide all user content. */
+  isAuthenticated: boolean;
+  userEmail: string | undefined;
+  organizationName: string | undefined;
+  projectsTree: ProjectNode[];
+  selectedProjectId: string;
+  selectedProjectName: string | undefined;
+  isProjectsLoading: boolean;
+  isOrgLoading: boolean;
+  /** Remaining credits for the user (undefined until loaded / when disabled). */
+  credits: number | undefined;
+  /** Where the credits pill links to (studio-auth `/user/activity`). */
+  creditsHref: string;
+  projectDropdownVisible: boolean;
+  /** True when the dropdown is on, the user is in, but no project is chosen yet. */
+  showOverlay: boolean;
+  selectProject: (id: string) => void;
+  logout: () => void;
 }
-declare function IconButton({
-  children,
-  onClick,
-  variant,
-  className,
-  as,
-  style,
-  onMouseEnter,
-  onMouseLeave
-}: IconButtonProps): react_jsx_runtime0.JSX.Element;
+type UseGlobalHeaderArgs = Pick<HeaderProps, "apiBaseUrl" | "environmentId" | "clientId" | "_dangerouslyInjectAccessToken" | "showProjectDropdown" | "showProfile" | "showOrg" | "showCredits" | "endpoints" | "fetcher" | "staleTime" | "gcTime" | "onProjectChange">;
+declare function useGlobalHeader({
+  apiBaseUrl,
+  environmentId,
+  clientId,
+  _dangerouslyInjectAccessToken: injectedToken,
+  showProjectDropdown,
+  showProfile,
+  showOrg,
+  showCredits,
+  endpoints: endpointOverrides,
+  fetcher: fetcherProp,
+  staleTime,
+  gcTime,
+  onProjectChange
+}: UseGlobalHeaderArgs): GlobalHeaderState;
 //#endregion
-//#region src/patterns/InfoBanner/InfoBanner.d.ts
-interface InfoBannerProps {
-  title: string;
-  description?: string;
-  /** If false, hides the dismiss (X) button. Default true. */
-  dismissible?: boolean;
-  /** External control: if provided, overrides internal state */
-  visible?: boolean;
-  onDismiss?: () => void;
-  className?: string;
+//#region src/patterns/Header/header-store.d.ts
+interface HeaderSelection {
+  selectedProjectId: string;
+  selectedProjectName: string;
+  organizationName: string | undefined;
+  /** Remaining credits for the logged-in user (read-only here; set by the Header). */
+  credits: number | undefined;
+  /** Client/org the current selection + org belong to (for cross-org invalidation). */
+  clientId: string | undefined;
 }
-declare function InfoBanner({
-  title,
-  description,
-  dismissible,
-  visible,
-  onDismiss,
-  className
-}: InfoBannerProps): react_jsx_runtime0.JSX.Element | null;
-//#endregion
-//#region src/patterns/InviteUsersDrawer/InviteUsersDrawer.d.ts
-interface InviteUsersDrawerProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onInvite?: (newUsers: {
-    name: string;
-    email: string;
-    platforms: string[];
-  }[]) => void;
-}
-declare function InviteUsersDrawer({
-  isOpen,
-  onClose,
-  onInvite
-}: InviteUsersDrawerProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/patterns/PageTransition/PageTransition.d.ts
-interface PageTransitionProps {
-  children: ReactNode;
-  className?: string;
+interface UseHeaderProjectResult {
+  selectedProjectId: string;
+  selectedProjectName: string | undefined;
+  organizationName: string | undefined;
+  /** Set the active project from outside the Header (by id). */
+  setProject: (id: string) => void;
+  /** Clear the active project (e.g. to re-prompt selection). */
+  clearProject: () => void;
 }
 /**
- * Wraps a page with a fade-up entrance animation.
- *
- * IMPORTANT: The `animate-page-enter` class uses `transform: translateY(...)` which
- * creates a CSS stacking context — breaking `position: fixed` drawers inside the
- * subtree. To fix this, the class is removed via `onAnimationEnd` as soon as the
- * 200ms animation completes, destroying the stacking context and restoring normal
- * fixed-positioning behaviour for all drawers / overlays.
+ * Read the current project/org and change the project from anywhere in the app —
+ * no need to be inside the <Header>. Reflects user selections made in the header
+ * and updates the header when changed here.
  */
-declare function PageTransition({
-  children,
-  className
-}: PageTransitionProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/patterns/ProductSwitcher/ProductSwitcher.d.ts
-interface ProductSwitcherProps {
-  isDarkMode: boolean;
-}
-declare function ProductSwitcher({
-  isDarkMode
-}: ProductSwitcherProps): react_jsx_runtime0.JSX.Element;
+declare function useHeaderProject(): UseHeaderProjectResult;
+/** Read the logged-in user's remaining credits (read-only; the Header owns it). */
+declare function useHeaderCredits(): number | undefined;
+//# sourceMappingURL=header-store.d.ts.map
 //#endregion
-//#region src/patterns/ProjectBulkUploadDrawer/ProjectBulkUploadDrawer.d.ts
-interface ParsedTreeNode {
-  id: string;
-  type: string;
-  name: string;
-  description: string;
-  admin: string;
-  parentName: string;
-  level: number;
-  isExpanded: boolean;
-  children: ParsedTreeNode[];
-}
-interface ProjectBulkUploadDrawerProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onImport?: (nodes: ParsedTreeNode[]) => void;
-}
-declare function ProjectBulkUploadDrawer({
-  isOpen,
-  onClose,
-  onImport
-}: ProjectBulkUploadDrawerProps): react_jsx_runtime0.JSX.Element | null;
+//#region src/patterns/Header/session.d.ts
+/** Read the raw session JWT from the `{environmentId}-sessionId` cookie. */
+declare function getSessionToken(environmentId: string): string | null;
+/** Decode a JWT payload without verifying the signature (display/expiry only). */
+
+/** True when a valid, unexpired session cookie exists for the environment. */
+declare function isSessionValid(environmentId: string): boolean;
 //#endregion
-//#region src/patterns/ResourceTile/ResourceTile.d.ts
-interface ResourceTileProps {
-  title: string;
-  subtitle: string;
-  onClick?: () => void;
-}
-declare function ResourceTile({
-  title,
-  subtitle,
-  onClick
-}: ResourceTileProps): react_jsx_runtime0.JSX.Element;
+//#region src/patterns/Header/api.d.ts
+declare function buildEndpoints(apiBaseUrl: string, overrides?: HeaderProps["endpoints"]): HeaderEndpoints;
 //#endregion
-//#region src/patterns/RichCheckboxGroup/RichCheckboxGroup.d.ts
-interface RichCheckboxItem {
-  id: string;
-  label: string;
-  checked: boolean;
-}
-interface RichCheckboxGroupData {
-  id: string;
-  label: string;
-  items: RichCheckboxItem[];
-}
-interface RichCheckboxGroupProps {
-  group: RichCheckboxGroupData;
-  onToggle: (groupId: string, itemId: string) => void;
-}
-declare function RichCheckboxGroup({
-  group,
-  onToggle
-}: RichCheckboxGroupProps): react_jsx_runtime0.JSX.Element;
+//#region src/patterns/Header/labels.d.ts
+/** Default UI strings. Spread-override via the Header `labels` prop if needed. */
+declare const DEFAULT_LABELS: {
+  readonly orgLabel: "Org";
+  readonly projectLabel: "Project";
+  readonly projectPlaceholder: "Select project...";
+  readonly searchPlaceholder: "Search project";
+  readonly emptyStateText: "No projects found";
+  readonly profileMenuLabel: "Profile menu";
+  readonly logoutLabel: "Logout";
+  readonly overlayTitle: "Select a Project";
+  readonly overlayDescription: "Choose a project to get started. You can change it anytime from the header.";
+};
+type Labels = typeof DEFAULT_LABELS;
+//# sourceMappingURL=labels.d.ts.map
 //#endregion
-//#region src/patterns/SkeletonLayouts/SkeletonLayouts.d.ts
-declare function TableRowSkeleton(): react_jsx_runtime0.JSX.Element;
-declare function CardSkeleton(): react_jsx_runtime0.JSX.Element;
-declare function UserListItemSkeleton(): react_jsx_runtime0.JSX.Element;
-declare function PageHeaderSkeleton(): react_jsx_runtime0.JSX.Element;
-//# sourceMappingURL=SkeletonLayouts.d.ts.map
+//#region src/patterns/MediaObject/MediaObject.d.ts
+type MediaObjectProps = React.ComponentProps<"article"> & {
+  /** Add a CSS hover lift + shadow (no JS state). */
+  interactive?: boolean;
+};
+declare function MediaObject({
+  className,
+  interactive,
+  ...props
+}: MediaObjectProps): react_jsx_runtime0.JSX.Element;
+type MediaObjectImageProps = React.ComponentProps<"img"> & {
+  alt: string;
+};
+declare function MediaObjectImage({
+  className,
+  alt,
+  ...props
+}: MediaObjectImageProps): react_jsx_runtime0.JSX.Element;
+declare function MediaObjectIcon({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function MediaObjectContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
+  /** Heading size step passthrough (defaults to "4"). */
+  size?: HeadingProps["size"];
+};
+declare function MediaObjectTitle({
+  size,
+  ...props
+}: MediaObjectTitleProps): react_jsx_runtime0.JSX.Element;
+declare function MediaObjectText({
+  ...props
+}: React.ComponentProps<typeof Text>): react_jsx_runtime0.JSX.Element;
+declare function MediaObjectActions({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare const mediaObjectGroupVariants: (props?: ({
+  columns?: 3 | 1 | 2 | 4 | null | undefined;
+  gap?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type MediaObjectGroupProps = React.ComponentProps<"div"> & VariantProps<typeof mediaObjectGroupVariants>;
+declare function MediaObjectGroup({
+  className,
+  columns,
+  gap,
+  ...props
+}: MediaObjectGroupProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/patterns/TabGroup/TabGroup.d.ts
-interface Tab {
-  id: string;
-  label: string;
-}
-interface TabGroupProps {
-  tabs: Tab[];
-  activeTab: string;
-  onTabChange: (tabId: string) => void;
-  /** Optional className on the outer container */
-  className?: string;
-}
-declare function TabGroup({
-  tabs,
-  activeTab,
-  onTabChange,
-  className
-}: TabGroupProps): react_jsx_runtime0.JSX.Element;
+//#region src/patterns/SectionCard/SectionCard.d.ts
+type SectionCardProps = Omit<React.ComponentProps<"div">, "title"> & {
+  /** Section title rendered in the header. */
+  title: React.ReactNode;
+  /** Optional right-aligned action slot (e.g. a Button). */
+  action?: React.ReactNode;
+};
+declare function SectionCard({
+  title,
+  action,
+  className,
+  children,
+  ...props
+}: SectionCardProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/patterns/ViewEditUserDrawer/ViewEditUserDrawer.d.ts
-interface UserData {
-  id: string;
-  name: string;
-  email: string;
-  platform: string;
-  status: string;
-  statusVariant: "pending" | "active" | "inactive" | "invited";
-  requestedBy: string;
-  requestDate: string;
-}
-interface ViewEditUserDrawerProps {
-  isOpen: boolean;
-  onClose: () => void;
-  user: UserData | null;
-  onSave?: (user: UserData) => void;
-}
-declare function ViewEditUserDrawer({
-  isOpen,
-  onClose,
-  user,
-  onSave
-}: ViewEditUserDrawerProps): react_jsx_runtime0.JSX.Element;
+//#region src/patterns/SectionHeading/SectionHeading.d.ts
+type SectionHeadingProps = Omit<React.ComponentProps<"div">, "title"> & {
+  /** The main heading content. */
+  title: React.ReactNode;
+  /** Optional supporting copy rendered below the heading. */
+  subtitle?: React.ReactNode;
+  /** Optional small label rendered above the heading. */
+  eyebrow?: React.ReactNode;
+  /** Horizontal alignment of the block. Defaults to `center`. */
+  align?: "center" | "left";
+  /** Render the title with the brand gradient fill. */
+  gradient?: boolean;
+  /** Visual size of the title (Heading scale). Defaults to `1`. */
+  titleSize?: HeadingProps["size"];
+  /** Semantic element for the title. Defaults to `h2`. */
+  titleAs?: React.ElementType;
+};
+declare function SectionHeading({
+  title,
+  subtitle,
+  eyebrow,
+  align,
+  gradient,
+  titleSize,
+  titleAs,
+  className,
+  ...props
+}: SectionHeadingProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { AIChatPanel, AccountProjectSwitcher, ActivityEvent, ActivityFilterType, ActivityProvider, ActivitySeverity, ActivityType, AddContextDrawer, AddNewRoleDrawer, AddPortfolioDrawer, AlertDialog, CardSkeleton, CategorySection, IconButton, InfoBanner, InviteUsersDrawer, PLATFORMS, PageHeaderSkeleton, PageTransition, ParsedTreeNode, PlatformInfo, PortfolioFormData, ProductSwitcher, ProjectBulkUploadDrawer, ResourceTile, RichCheckboxGroup, RichCheckboxGroupData, RichCheckboxItem, RightPanelProvider, RightPanelType, RoleData, Tab, TabGroup, TableRowSkeleton, UserListItemSkeleton, ViewEditUserDrawer, activityTypeLabels, defaultFallbackResponse, defaultMockResponses, defaultSuggestedPrompts, severityMap, useActivity, useRightPanel };
+export { type ColumnDef, DEFAULT_LABELS, DataTable, DataTableColumnHeader, Fetcher, Footer, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator, FooterStart, GlobalHeaderState, Header, HeaderBar, HeaderEndpoints, HeaderLogo, HeaderProps, HeaderSelection, Labels, MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, type MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, type MediaObjectImageProps, type MediaObjectProps, MediaObjectText, MediaObjectTitle, type MediaObjectTitleProps, OrgPill, ProfileMenu, ProjectNode, ProjectPicker, SectionCard, type SectionCardProps, SectionHeading, type SectionHeadingProps, TOGGLE_PROJECT_DROPDOWN_EVENT, ThemeToggle, ToggleProjectDropdownDetail, UseHeaderProjectResult, buildEndpoints, getSessionToken, isSessionValid, mediaObjectGroupVariants, useGlobalHeader, useHeaderCredits, useHeaderProject };
 //# sourceMappingURL=index.d.ts.map