@uipath/apollo-wind 0.9.0 → 0.10.0-pr219.eea0372

package/dist/components/custom/global-header.cjs

@@ -0,0 +1,415 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MaestroHeader: ()=>MaestroHeader
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const avatar_cjs_namespaceObject = require("../ui/avatar.cjs");
+const dropdown_menu_cjs_namespaceObject = require("../ui/dropdown-menu.cjs");
+const popover_cjs_namespaceObject = require("../ui/popover.cjs");
+const sheet_cjs_namespaceObject = require("../ui/sheet.cjs");
+const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function HeaderIconButton({ icon, label, onClick, disabled }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        className: (0, index_cjs_namespaceObject.cn)('flex h-8 w-8 items-center justify-center rounded-lg text-future-foreground-muted transition-colors', disabled ? 'cursor-default opacity-50' : 'hover:text-future-foreground'),
+        onClick: disabled ? void 0 : onClick,
+        "aria-label": label,
+        "aria-disabled": disabled,
+        disabled: disabled,
+        children: icon
+    });
+}
+function NotificationsDropdown({ themeClass }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                    className: "flex h-8 w-8 items-center justify-center rounded-lg text-future-foreground-muted transition-colors hover:text-future-foreground",
+                    "aria-label": "Notifications",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Bell, {
+                        className: "h-5 w-5"
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: (0, index_cjs_namespaceObject.cn)(themeClass, 'w-72 border-future-border bg-future-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "px-3 py-2",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                            className: "text-sm font-semibold text-future-foreground",
+                            children: "Notifications"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuSeparator, {
+                        className: "bg-future-border-subtle"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Info, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-future-accent-foreground"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "text-sm font-medium text-future-foreground",
+                                        children: "System update available"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "text-xs text-future-foreground-muted",
+                                        children: "A new version is ready to install"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckCircle2, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-green-500"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "text-sm font-medium text-future-foreground",
+                                        children: "Flow completed"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "text-xs text-future-foreground-muted",
+                                        children: "Invoice processing finished successfully"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "text-sm font-medium text-future-foreground",
+                                        children: "Action required"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "text-xs text-future-foreground-muted",
+                                        children: "Review pending approval requests"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function HelpDropdown({ themeClass }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                    className: "flex h-8 w-8 items-center justify-center rounded-lg text-future-foreground-muted transition-colors hover:text-future-foreground",
+                    "aria-label": "Help",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CircleHelp, {
+                        className: "h-5 w-5"
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: (0, index_cjs_namespaceObject.cn)(themeClass, 'w-56 border-future-border bg-future-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.BookOpen, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm",
+                                children: "Documentation"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MessageCircleQuestion, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm",
+                                children: "Support"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ExternalLink, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm",
+                                children: "Community forum"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function TenantSelector({ tenantName, themeClass }) {
+    const [selected, setSelected] = external_react_namespaceObject.useState(tenantName);
+    const tenants = [
+        {
+            id: 'default',
+            label: 'Default Tenant'
+        },
+        {
+            id: 'production',
+            label: 'Production'
+        },
+        {
+            id: 'staging',
+            label: 'Staging'
+        }
+    ];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(popover_cjs_namespaceObject.Popover, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(popover_cjs_namespaceObject.PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                    className: "flex items-center gap-1 rounded-lg px-2 py-1 text-sm text-future-foreground-muted transition-colors hover:text-future-foreground",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                            children: [
+                                "Tenant: ",
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "font-medium",
+                                    children: selected
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                            className: "h-4 w-4"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(popover_cjs_namespaceObject.PopoverContent, {
+                align: "end",
+                sideOffset: 8,
+                className: (0, index_cjs_namespaceObject.cn)(themeClass, 'w-56 border-future-border bg-future-surface-overlay p-1'),
+                children: tenants.map((tenant)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        className: (0, index_cjs_namespaceObject.cn)('flex w-full items-center rounded-md px-3 py-2 text-sm transition-colors hover:bg-future-surface-hover', selected === tenant.label ? 'font-medium text-future-foreground' : 'text-future-foreground-muted'),
+                        onClick: ()=>setSelected(tenant.label),
+                        children: tenant.label
+                    }, tenant.id))
+            })
+        ]
+    });
+}
+function AvatarDropdown({ themeClass }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                    className: "rounded-full focus:outline-none",
+                    "aria-label": "User menu",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.Avatar, {
+                        className: "h-6 w-6 bg-future-accent",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarFallback, {
+                            className: "bg-future-accent text-[10px] font-bold text-future-foreground-on-accent",
+                            children: "UI"
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: (0, index_cjs_namespaceObject.cn)(themeClass, 'w-48 border-future-border bg-future-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.User, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm",
+                                children: "Profile"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Settings, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm",
+                                children: "Settings"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuSeparator, {
+                        className: "bg-future-border-subtle"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-future-foreground-muted focus:bg-future-surface-hover focus:text-future-foreground",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LogOut, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm",
+                                children: "Log out"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function MaestroHeader({ className, theme = 'dark', title = 'Maestro', tenantName = 'Select', menuContent, onSearchClick }) {
+    const themeClass = 'legacy-dark' === theme ? 'legacy-dark' : 'legacy-light' === theme ? 'legacy-light' : 'wireframe' === theme ? 'future-wireframe' : 'vertex' === theme ? 'future-vertex' : 'canvas' === theme ? 'future-canvas' : 'light' === theme ? 'future-light' : 'future-dark';
+    const [menuOpen, setMenuOpen] = external_react_namespaceObject.useState(false);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("header", {
+                className: (0, index_cjs_namespaceObject.cn)('flex h-12 shrink-0 items-center justify-between border-b border-future-border-subtle bg-future-surface px-4', className),
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center gap-3",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                className: "flex h-8 w-8 items-center justify-center rounded-lg text-future-foreground-muted transition-colors hover:text-future-foreground",
+                                onClick: ()=>menuContent && setMenuOpen((prev)=>!prev),
+                                "aria-label": "App launcher",
+                                children: menuOpen ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                                    className: "h-5 w-5"
+                                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Menu, {
+                                    className: "h-5 w-5"
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm font-semibold text-future-foreground",
+                                children: title
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center gap-4",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HeaderIconButton, {
+                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                                    className: "h-5 w-5"
+                                }),
+                                label: "Search",
+                                onClick: onSearchClick,
+                                disabled: true
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HeaderIconButton, {
+                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Sparkles, {
+                                    className: "h-5 w-5"
+                                }),
+                                label: "AI",
+                                disabled: true
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotificationsDropdown, {
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HelpDropdown, {
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TenantSelector, {
+                                tenantName: tenantName,
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AvatarDropdown, {
+                                themeClass: themeClass
+                            })
+                        ]
+                    })
+                ]
+            }),
+            menuContent && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sheet_cjs_namespaceObject.Sheet, {
+                open: menuOpen,
+                onOpenChange: setMenuOpen,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(sheet_cjs_namespaceObject.SheetPortal, {
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sheet_cjs_namespaceObject.SheetOverlay, {
+                            className: "top-12"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
+                            className: (0, index_cjs_namespaceObject.cn)(themeClass, 'fixed left-0 top-12 bottom-0 z-50 w-[300px] border-r border-future-border-subtle bg-future-surface p-0 shadow-lg', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left', 'data-[state=closed]:duration-300 data-[state=open]:duration-300'),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sheet_cjs_namespaceObject.SheetTitle, {
+                                    className: "sr-only",
+                                    children: "App launcher"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                    className: "flex h-full flex-col overflow-y-auto",
+                                    children: menuContent
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+exports.MaestroHeader = __webpack_exports__.MaestroHeader;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "MaestroHeader"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/global-header.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { FutureTheme } from '../../foundation/Future/types';
+export interface MaestroHeaderProps {
+    className?: string;
+    /** Color theme — needed so portal-rendered dropdowns inherit the correct CSS variables */
+    theme?: FutureTheme;
+    /** Application title shown next to the logo */
+    title?: string;
+    /** Current tenant name */
+    tenantName?: string;
+    /**
+     * Content for the app-launcher slide-out menu.
+     * When provided, the Menu icon toggles a left-side drawer that renders
+     * this content below the header. When omitted, no drawer is rendered.
+     */
+    menuContent?: React.ReactNode;
+    /** Callback when search is clicked */
+    onSearchClick?: () => void;
+}
+/**
+ * Global header bar for the Maestro template.
+ *
+ * Contains the UiPath waffle icon, application title, action icons
+ * (search, settings, notifications, help), a tenant selector, and
+ * user avatar. Fixed height of 48px.
+ *
+ * When `menuContent` is provided, clicking the Menu icon opens a
+ * slide-out drawer from the left (below the header) containing that
+ * content. The drawer state is managed internally.
+ *
+ * Interactive elements:
+ * - **Menu icon**: Toggles the app-launcher drawer (when `menuContent` is set)
+ * - **Notifications**: DropdownMenu with example notification items
+ * - **Help**: DropdownMenu with Documentation, Support, Community forum
+ * - **Tenant selector**: Popover with example tenant list
+ * - **Avatar**: DropdownMenu with Profile, Settings, Log out
+ */
+export declare function MaestroHeader({ className, theme, title, tenantName, menuContent, onSearchClick, }: MaestroHeaderProps): import("react/jsx-runtime").JSX.Element;