@uipath/apollo-wind 0.10.0 → 0.11.0-pr295.af4e744

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

@@ -0,0 +1,388 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Content } from "@radix-ui/react-dialog";
+import { AlertCircle, Bell, BookOpen, CheckCircle2, ChevronDown, CircleHelp, ExternalLink, Info, LogOut, Menu, MessageCircleQuestion, Search, Settings, Sparkles, User, X } from "lucide-react";
+import { useState } from "react";
+import { Avatar, AvatarFallback } from "../ui/avatar.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../ui/dropdown-menu.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { Sheet, SheetOverlay, SheetPortal, SheetTitle } from "../ui/sheet.js";
+import { cn } from "../../lib/index.js";
+function HeaderIconButton({ icon, label, onClick, disabled }) {
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: cn('flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted transition-colors', disabled ? 'cursor-default opacity-50' : 'hover:text-foreground'),
+        onClick: disabled ? void 0 : onClick,
+        "aria-label": label,
+        "aria-disabled": disabled,
+        disabled: disabled,
+        children: icon
+    });
+}
+function NotificationsDropdown({ themeClass }) {
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: "flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted transition-colors hover:text-foreground",
+                    "aria-label": "Notifications",
+                    children: /*#__PURE__*/ jsx(Bell, {
+                        className: "h-5 w-5"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: cn(themeClass, 'w-72 border-border bg-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "px-3 py-2",
+                        children: /*#__PURE__*/ jsx("p", {
+                            className: "text-sm font-semibold text-foreground",
+                            children: "Notifications"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(DropdownMenuSeparator, {
+                        className: "bg-border-subtle"
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(Info, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-brand-foreground"
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-sm font-medium text-foreground",
+                                        children: "System update available"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-xs text-foreground-muted",
+                                        children: "A new version is ready to install"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(CheckCircle2, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-green-500"
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-sm font-medium text-foreground",
+                                        children: "Flow completed"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-xs text-foreground-muted",
+                                        children: "Invoice processing finished successfully"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(AlertCircle, {
+                                className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500"
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-0.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-sm font-medium text-foreground",
+                                        children: "Action required"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "text-xs text-foreground-muted",
+                                        children: "Review pending approval requests"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function HelpDropdown({ themeClass }) {
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: "flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted transition-colors hover:text-foreground",
+                    "aria-label": "Help",
+                    children: /*#__PURE__*/ jsx(CircleHelp, {
+                        className: "h-5 w-5"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: cn(themeClass, 'w-56 border-border bg-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(BookOpen, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Documentation"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(MessageCircleQuestion, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Support"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(ExternalLink, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Community forum"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function TenantSelector({ tenantName, themeClass }) {
+    const [selected, setSelected] = useState(tenantName);
+    const tenants = [
+        {
+            id: 'default',
+            label: 'Default Tenant'
+        },
+        {
+            id: 'production',
+            label: 'Production'
+        },
+        {
+            id: 'staging',
+            label: 'Staging'
+        }
+    ];
+    return /*#__PURE__*/ jsxs(Popover, {
+        children: [
+            /*#__PURE__*/ jsx(PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsxs("button", {
+                    type: "button",
+                    className: "flex items-center gap-1 rounded-lg px-2 py-1 text-sm text-foreground-muted transition-colors hover:text-foreground",
+                    children: [
+                        /*#__PURE__*/ jsxs("span", {
+                            children: [
+                                "Tenant: ",
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "font-medium",
+                                    children: selected
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(ChevronDown, {
+                            className: "h-4 w-4"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(PopoverContent, {
+                align: "end",
+                sideOffset: 8,
+                className: cn(themeClass, 'w-56 border-border bg-surface-overlay p-1'),
+                children: tenants.map((tenant)=>/*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: cn('flex w-full items-center rounded-md px-3 py-2 text-sm transition-colors hover:bg-surface-hover', selected === tenant.label ? 'font-medium text-foreground' : 'text-foreground-muted'),
+                        onClick: ()=>setSelected(tenant.label),
+                        children: tenant.label
+                    }, tenant.id))
+            })
+        ]
+    });
+}
+function AvatarDropdown({ themeClass }) {
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: "rounded-full focus:outline-none",
+                    "aria-label": "User menu",
+                    children: /*#__PURE__*/ jsx(Avatar, {
+                        className: "h-6 w-6 bg-brand",
+                        children: /*#__PURE__*/ jsx(AvatarFallback, {
+                            className: "bg-brand text-[10px] font-bold text-foreground-on-accent",
+                            children: "UI"
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                align: "end",
+                sideOffset: 8,
+                className: cn(themeClass, 'w-48 border-border bg-surface-overlay'),
+                children: [
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(User, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Profile"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(Settings, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Settings"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(DropdownMenuSeparator, {
+                        className: "bg-border-subtle"
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        className: "flex items-center gap-2 px-3 py-2 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(LogOut, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm",
+                                children: "Log out"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function MaestroHeader({ className, theme = 'dark', title = 'Maestro', tenantName = 'Select', menuContent, onSearchClick }) {
+    const themeClass = theme;
+    const [menuOpen, setMenuOpen] = useState(false);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("header", {
+                className: cn('flex h-12 shrink-0 items-center justify-between border-b border-border-subtle bg-surface px-4', className),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-3",
+                        children: [
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted transition-colors hover:text-foreground",
+                                onClick: ()=>menuContent && setMenuOpen((prev)=>!prev),
+                                "aria-label": "App launcher",
+                                children: menuOpen ? /*#__PURE__*/ jsx(X, {
+                                    className: "h-5 w-5"
+                                }) : /*#__PURE__*/ jsx(Menu, {
+                                    className: "h-5 w-5"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm font-semibold text-foreground",
+                                children: title
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-4",
+                        children: [
+                            /*#__PURE__*/ jsx(HeaderIconButton, {
+                                icon: /*#__PURE__*/ jsx(Search, {
+                                    className: "h-5 w-5"
+                                }),
+                                label: "Search",
+                                onClick: onSearchClick,
+                                disabled: true
+                            }),
+                            /*#__PURE__*/ jsx(HeaderIconButton, {
+                                icon: /*#__PURE__*/ jsx(Sparkles, {
+                                    className: "h-5 w-5"
+                                }),
+                                label: "AI",
+                                disabled: true
+                            }),
+                            /*#__PURE__*/ jsx(NotificationsDropdown, {
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ jsx(HelpDropdown, {
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ jsx(TenantSelector, {
+                                tenantName: tenantName,
+                                themeClass: themeClass
+                            }),
+                            /*#__PURE__*/ jsx(AvatarDropdown, {
+                                themeClass: themeClass
+                            })
+                        ]
+                    })
+                ]
+            }),
+            menuContent && /*#__PURE__*/ jsx(Sheet, {
+                open: menuOpen,
+                onOpenChange: setMenuOpen,
+                children: /*#__PURE__*/ jsxs(SheetPortal, {
+                    children: [
+                        /*#__PURE__*/ jsx(SheetOverlay, {
+                            className: "top-12"
+                        }),
+                        /*#__PURE__*/ jsxs(Content, {
+                            className: cn(themeClass, 'fixed left-0 top-12 bottom-0 z-50 w-[300px] border-r border-border-subtle bg-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__*/ jsx(SheetTitle, {
+                                    className: "sr-only",
+                                    children: "App launcher"
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "flex h-full flex-col overflow-y-auto",
+                                    children: menuContent
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { MaestroHeader };

package/dist/components/custom/grid-maestro.cjs

@@ -0,0 +1,62 @@
+"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__, {
+    Canvas: ()=>Canvas,
+    GridItem: ()=>GridItem,
+    Grid: ()=>Grid
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function Canvas({ children, className }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-1 flex-col overflow-y-auto bg-surface-raised p-6', className),
+        children: children
+    });
+}
+function Grid({ children, className }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4', className),
+        children: children
+    });
+}
+function GridItem({ children, className }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: className,
+        children: children
+    });
+}
+exports.Canvas = __webpack_exports__.Canvas;
+exports.Grid = __webpack_exports__.Grid;
+exports.GridItem = __webpack_exports__.GridItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Canvas",
+    "Grid",
+    "GridItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/grid-maestro.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export declare function Canvas({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Responsive grid:
+ *   < 768px   → 1 column
+ *   768–1023  → 2 columns
+ *   >= 1024   → 4 columns
+ */
+export declare function Grid({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function GridItem({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/grid-maestro.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/index.js";
+function Canvas({ children, className }) {
+    return /*#__PURE__*/ jsx("main", {
+        className: cn('flex flex-1 flex-col overflow-y-auto bg-surface-raised p-6', className),
+        children: children
+    });
+}
+function Grid({ children, className }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4', className),
+        children: children
+    });
+}
+function GridItem({ children, className }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: className,
+        children: children
+    });
+}
+export { Canvas, Grid, GridItem };

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

@@ -0,0 +1,92 @@
+"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__, {
+    PageHeader: ()=>PageHeader
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function PageHeader({ className, title, description, breadcrumb, actions, tabs, activeTab, onTabChange }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('border-b border-border-subtle px-6 py-4', className),
+        children: [
+            breadcrumb && breadcrumb.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "mb-2 flex items-center gap-1.5 text-sm text-foreground-muted",
+                children: breadcrumb.map((item, i)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+                        children: [
+                            i > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-foreground-subtle",
+                                children: "/"
+                            }),
+                            i === breadcrumb.length - 1 ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-foreground",
+                                children: item
+                            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                children: item
+                            })
+                        ]
+                    }, item))
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex items-center justify-between",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+                                className: "text-xl font-semibold text-foreground",
+                                children: title
+                            }),
+                            description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                                className: "mt-0.5 text-sm text-foreground-muted",
+                                children: description
+                            })
+                        ]
+                    }),
+                    actions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "flex items-center gap-2",
+                        children: actions
+                    })
+                ]
+            }),
+            tabs && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "mt-4 flex gap-1",
+                children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        type: "button",
+                        className: (0, index_cjs_namespaceObject.cn)('px-4 pb-2 pt-1 text-sm font-medium transition-colors', activeTab === tab.value ? 'border-b-2 border-brand text-foreground' : 'text-foreground-muted hover:text-foreground'),
+                        onClick: ()=>onTabChange?.(tab.value),
+                        children: tab.label
+                    }, tab.value))
+            })
+        ]
+    });
+}
+exports.PageHeader = __webpack_exports__.PageHeader;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "PageHeader"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+export interface PageHeaderProps {
+    className?: string;
+    /** Page title */
+    title: string;
+    /** Optional subtitle rendered below the title */
+    description?: string;
+    /** Breadcrumb segments — last segment is rendered in the foreground color */
+    breadcrumb?: string[];
+    /** Action buttons rendered on the right of the title row */
+    actions?: React.ReactNode;
+    /** Tab definitions */
+    tabs?: {
+        value: string;
+        label: string;
+    }[];
+    /** Currently active tab value */
+    activeTab?: string;
+    /** Called when a tab is clicked */
+    onTabChange?: (value: string) => void;
+}
+/**
+ * Reusable page header with optional breadcrumb trail, action buttons, and
+ * an underline tab bar.
+ *
+ * Used by the Admin, Studio, and other templates. Compose with a template's
+ * main content area; the component handles its own bottom border.
+ *
+ * ```tsx
+ * <PageHeader
+ *   title="Manage access"
+ *   breadcrumb={['POPoC', 'DefaultTenant', 'Manage access']}
+ *   actions={<Button>Assign role</Button>}
+ *   tabs={[
+ *     { value: 'assignments', label: 'Role assignments' },
+ *     { value: 'roles', label: 'Roles' },
+ *   ]}
+ *   activeTab={activeTab}
+ *   onTabChange={setActiveTab}
+ * />
+ * ```
+ */
+export declare function PageHeader({ className, title, description, breadcrumb, actions, tabs, activeTab, onTabChange, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;