@lateralus-ai/shipping-ui 2.0.0-dev.16 → 2.0.0-dev.18

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,41 @@
+import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+export type PageHeaderCrumb = {
+    label: string;
+    /** Renders a real `<a href>` so native browser controls work. */
+    href: string;
+    /**
+     * Optional SPA handler. Callers should `preventDefault` only for unmodified
+     * primary clicks; modifier / middle-click keep native anchor behavior.
+     */
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+};
+export type PageHeaderProps = {
+    /** Leading icon (Figma 24×24). */
+    icon?: ReactNode;
+    /** Standard title, or current (last) segment when `crumbs` is set. */
+    title: ReactNode;
+    /**
+     * Parent breadcrumb links. When present, renders Nested: icon + parents + `/`
+     * + current `title` (non-link).
+     */
+    crumbs?: PageHeaderCrumb[];
+    /** Right-hand actions slot (buttons, menus, etc.). */
+    actions?: ReactNode;
+    className?: string;
+};
+export type PageHeaderShellProps = ComponentPropsWithoutRef<"div">;
+export type PageHeaderBodyProps = ComponentPropsWithoutRef<"div">;
+/**
+ * Page title row — Figma `Header` (389:8850).
+ * Variants: Standard (icon + title) | Nested (icon + crumb trail).
+ */
+declare function PageHeaderRoot({ icon, title, crumbs, actions, className, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+/** Flex column shell — pin header, scroll body (avoids brittle CSS sticky). */
+declare function PageHeaderShell({ className, ...props }: PageHeaderShellProps): import("react/jsx-runtime").JSX.Element;
+/** Scrollable page content under a pinned PageHeader. */
+declare function PageHeaderBody({ className, ...props }: PageHeaderBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare const PageHeader: typeof PageHeaderRoot & {
+    Shell: typeof PageHeaderShell;
+    Body: typeof PageHeaderBody;
+};
+export {};

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export { Checkbox, type CheckboxProps } from './Checkbox';
 export { Tab, type TabProps, type TabState } from './Tab';
 export { Tabs, TabsList, TabsTrigger, TabsContent, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentProps, type TabsItem, type TabsType, type TabsAppearance, } from './Tabs';
 export { Header, type HeaderProps, type HeaderVariant } from './Header';
+export { PageHeader, type PageHeaderProps, type PageHeaderCrumb, type PageHeaderShellProps, type PageHeaderBodyProps, } from './PageHeader';
 export { Entry, type EntryProps, type EntryType, type EntryState, type EntryVariant } from './Entry';
 export { EmptyState, type EmptyStateProps } from './EmptyState';
 export { Modal, ModalTrigger, ModalClose, ModalPortal, ModalOverlay, ModalContent, ModalTitle, ModalDescription, ModalHeaderSlot, ModalBody, type ModalProps, type ModalOverlayProps, type ModalContentProps, type ModalTitleProps, type ModalDescriptionProps, type ModalBodyProps, } from './Modal';