themelia-react-ui 2.0.6 → 3.0.0

package/dist/components/layout/app-shell/index.d.ts

@@ -1,6 +1,6 @@
 export { TopbarSidebarLayout } from './topbar-sidebar-layout';
-export type { AppShellContentSurface, AppShellSidebarPresentation, AppShellSidebarRegionProps, TopbarSidebarContentElement, TopbarSidebarHeaderTheme, TopbarSidebarLayoutProps, TopbarSidebarLayoutSlots, TopbarSidebarLayoutStyle, TopbarSidebarSide, } from './app-shell.types';
+export type { AppShellContentSurface, AppShellSidebarPresentation, AppShellSidebarRegionProps, AppShellSkipLinkProps, TopbarSidebarContentElement, TopbarSidebarHeaderTheme, TopbarSidebarLayoutProps, TopbarSidebarLayoutSlots, TopbarSidebarLayoutStyle, TopbarSidebarSide, } from './app-shell.types';
 export { SidebarInsetLayout } from './sidebar-inset-layout';
 export { StackedLayout } from './stacked-layout';
-export type { SidebarInsetContentElement, SidebarInsetLayoutProps, SidebarInsetLayoutSlots, SidebarInsetSide, SidebarInsetSurface, StackedContentElement, StackedContentWidth, StackedLayoutProps, StackedLayoutSlots, } from './app-shell.types';
+export type { SidebarInsetContentElement, SidebarInsetLayoutProps, SidebarInsetLayoutSlots, SidebarInsetSide, SidebarInsetSurface, StackedContentElement, StackedContentWidth, StackedLayoutProps, StackedLayoutSlots, StackedNavElement, } from './app-shell.types';
 export { AppLayout, type AppLayoutProps, type AppLayoutVariant } from './app-layout';

package/dist/components/layout/app-shell/shell-regions.d.ts

@@ -24,4 +24,13 @@ interface ShellRegionGridProps {
 }
 /** Optional auto tracks collapse independently; the page always owns the flexible track. */
 export declare function ShellRegionGrid({ children, sidebar, secondarySidebar, aside, side, primaryWidth, secondaryWidth, asideWidth, presentation, inlinePrimary, className, mainClassName, sidebarClassName, secondarySidebarClassName, asideClassName }: ShellRegionGridProps): import("react").JSX.Element;
+/**
+ * Reserves the page viewport's scrollbar gutter in a row above it. The viewport
+ * keeps a stable gutter, so with classic scrollbars its content box ends that
+ * much before its edge. This empty element reserves the same gutter, so it is
+ * exactly one scrollbar wide (zero with overlay scrollbars) and a header beside
+ * it ends where the page does. It clips rather than scrolls: the page viewport
+ * stays the shell's only scroller.
+ */
+export declare function ShellScrollbarSpacer(): import("react").JSX.Element;
 export {};

package/dist/components/layout/app-shell/shell-skip-link.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The first tab stop of a shell: jumps over the header and navigation to the
+ * page viewport. It stays out of sight until it takes keyboard focus, and it
+ * moves focus without rewriting the URL hash, so hash routes survive.
+ */
+export declare function ShellSkipLink({ targetId, label }: {
+    targetId: string;
+    label: string;
+}): import("react").JSX.Element;

package/dist/components/layout/app-shell/sidebar-inset-layout.d.ts

@@ -1,2 +1,2 @@
 import type { SidebarInsetLayoutProps } from './app-shell.types';
-export declare function SidebarInsetLayout({ children, sidebarSide, surface, mobileSidebarMode, toolbar, sidebarWidth, secondarySidebarWidth, asideWidth, sidebarPresentation, secondarySidebarClassName, asideClassName, sidebar, sidebarTrigger, slots, contentAs: Content, className, sidebarClassName, toolbarClassName, contentClassName, style, ...props }: SidebarInsetLayoutProps): import("react").JSX.Element;
+export declare function SidebarInsetLayout({ children, sidebarSide, surface, mobileSidebarMode, toolbar, secondarySidebarWidth, asideWidth, sidebarPresentation, secondarySidebarClassName, asideClassName, sidebar, sidebarTrigger, slots, contentAs, skipToContentLabel, className, sidebarClassName, toolbarClassName, contentClassName, style, ...props }: SidebarInsetLayoutProps): import("react").JSX.Element;

package/dist/components/layout/app-shell/stacked-layout.d.ts

@@ -1,2 +1,2 @@
 import type { StackedLayoutProps } from './app-shell.types';
-export declare function StackedLayout({ children, headerTheme, contentWidth, headerHeight, asideWidth, asideClassName, logo, nav, slots, contentAs: Content, className, headerClassName, subheaderClassName, contentClassName, style, ...props }: StackedLayoutProps): import("react").JSX.Element;
+export declare function StackedLayout({ children, headerTheme, contentWidth, asideWidth, asideClassName, logo, nav, navLabel, navAs: Nav, slots, contentAs, skipToContentLabel, className, headerClassName, subheaderClassName, contentClassName, style, ...props }: StackedLayoutProps): import("react").JSX.Element;

package/dist/components/layout/app-shell/topbar-sidebar-layout.d.ts

@@ -1,2 +1,2 @@
 import type { TopbarSidebarLayoutProps } from './app-shell.types';
-export declare function TopbarSidebarLayout({ children, headerTheme, contentSurface, sidebarSide, mobileSidebarMode, headerHeight, sidebarWidth, secondarySidebarWidth, asideWidth, sidebarPresentation, secondarySidebarClassName, asideClassName, sidebarTrigger, logo, headerActions, sidebar, slots, contentAs: Content, className, headerClassName, headerInnerClassName, bodyClassName, sidebarClassName, contentClassName, style, ...props }: TopbarSidebarLayoutProps): import("react").JSX.Element;
+export declare function TopbarSidebarLayout({ children, headerTheme, contentSurface, sidebarSide, mobileSidebarMode, secondarySidebarWidth, asideWidth, sidebarPresentation, secondarySidebarClassName, asideClassName, sidebarTrigger, logo, headerActions, sidebar, slots, contentAs, skipToContentLabel, className, headerClassName, headerInnerClassName, bodyClassName, sidebarClassName, contentClassName, style, ...props }: TopbarSidebarLayoutProps): import("react").JSX.Element;

package/dist/components/layout/auth/auth-shell.d.ts

@@ -1,2 +1,2 @@
 import type { AuthShellProps } from './auth.types';
-export declare function AuthShell({ children, variant: variantProp, size, align, brand, eyebrow, title, description, headerEnd, banner, cardMedia, cardMediaClassName, cardFooter, postCard, footer, footerLinks, policyLinks, languageLinks, languageSwitcher, socialProviders, socialProvidersLayout, socialDivider, splitPanel, splitSide, splitMobile, renderLink, className, mainClassName, stackClassName, cardClassName, cardContentClassName, splitGridClassName, splitPanelClassName, footerClassName, strings: stringsProp, ...props }: AuthShellProps): import("react").JSX.Element;
+export declare function AuthShell({ children, variant: variantProp, size, align, brand, eyebrow, title, description, headerEnd, banner, cardMedia, cardMediaClassName, cardFooter, postCard, footer, footerLinks, policyLinks, languageLinks, languageSwitcher, socialProviders, socialProvidersLayout, splitPanel, splitSide, splitMobile, renderLink, className, mainClassName, stackClassName, splitGridClassName, splitPanelClassName, strings: stringsProp, ...props }: AuthShellProps): import("react").JSX.Element;

package/dist/components/layout/auth/auth.types.d.ts

@@ -201,7 +201,6 @@ export interface AuthShellProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ti
     /** Third-party sign-in providers offered. */
     socialProviders?: AuthSocialProvider[];
     socialProvidersLayout?: AuthSocialProvidersLayout;
-    socialDivider?: ReactNode;
     /** Content for the panel beside the form in the split layout. */
     splitPanel?: ReactNode | AuthSplitPanelProps;
     splitSide?: AuthSplitSide;
@@ -210,12 +209,8 @@ export interface AuthShellProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ti
     /** Merged onto the main region. */
     mainClassName?: string;
     stackClassName?: string;
-    cardClassName?: string;
-    cardContentClassName?: string;
     splitGridClassName?: string;
     splitPanelClassName?: string;
-    /** Merged onto the footer region. */
-    footerClassName?: string;
     /** Overrides this surface's own copy. */
     strings?: StringsProp<AuthShellStrings>;
 }

package/dist/components/layout/containers/inline-gutter-context.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Whether an ancestor measure already draws the page's inline gutter. A shell's
+ * contained measure provides it; Page reads it so the same inline space has one
+ * owner. An explicit `gutter` on Page still wins.
+ */
+export declare const InlineGutterContext: import("react").Context<boolean>;
+export declare function useInlineGutterOwned(): boolean;

package/dist/components/layout/containers/main-landmark-context.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Whether an ancestor already renders the page's `main` landmark. PageViewport
+ * provides it; nested layout owners read it so a page keeps a single main.
+ */
+export declare const MainLandmarkContext: import("react").Context<boolean>;
+export declare function useInsideMainLandmark(): boolean;

package/dist/components/layout/header/header.types.d.ts

@@ -4,7 +4,7 @@
  * This layer is intentionally framework-neutral: links and route state enter
  * through `renderLink`, and app-specific content enters through slots.
  */
-import type { ComponentType, HTMLAttributes, ReactNode } from 'react';
+import type { AriaAttributes, ComponentType, HTMLAttributes, ReactNode } from 'react';
 import type { StringsProp } from '../../../lib/strings';
 import type { SemanticTone } from '../../../lib/component-vocabulary';
 import type { BreadcrumbItem, LayoutNavigationAdapter, LayoutUser } from '../layout.types';
@@ -34,6 +34,12 @@ export interface HeaderNotification {
 }
 export interface HeaderNotificationsStrings {
     triggerLabel: string;
+    /**
+     * Names the trigger while notifications are unread; receives the count and
+     * `triggerLabel`. The default reads "Notifications, 2 unread", or
+     * "{triggerLabel} (2)" for a `triggerLabel` the consumer replaced.
+     */
+    triggerLabelUnread: (count: number, label: string) => string;
     heading: string;
     markAllRead: string;
     empty: string;
@@ -43,7 +49,7 @@ export declare const defaultHeaderNotificationsStrings: HeaderNotificationsStrin
 export interface HeaderNotificationsProps extends LayoutNavigationAdapter {
     /** Notifications to list, newest first. */
     notifications?: HeaderNotification[];
-    /** Unread total shown on the trigger. */
+    /** Unread total shown on the trigger and in its accessible name. Defaults to the notifications not marked `read`. */
     unreadCount?: number;
     onNotificationClick?: (notification: HeaderNotification) => void;
     onMarkAllRead?: () => void;
@@ -68,11 +74,15 @@ export interface HeaderSearchStrings {
     shortcutPc: string;
 }
 export declare const defaultHeaderSearchStrings: HeaderSearchStrings;
-export interface HeaderSearchProps {
+export interface HeaderSearchProps extends Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-controls'> {
     onOpen?: () => void;
-    /** Modifier shown in the shortcut hint. Auto-detected when omitted. */
+    /**
+     * Modifier shown in the hint. Omitted, the hint follows the platform (⌘ on
+     * Apple platforms, Ctrl elsewhere) and either modifier opens search. Set, it
+     * is the only modifier the shortcut listens for.
+     */
     shortcutModifier?: 'meta' | 'control';
-    /** Binds the keyboard shortcut that opens search. */
+    /** Binds the keyboard shortcut that opens search. It does not fire while focus is in a field, an editor or an open menu or dialog. */
     enableShortcut?: boolean;
     /** Overrides this surface's own copy. */
     strings?: StringsProp<HeaderSearchStrings>;
@@ -83,7 +93,7 @@ export interface HeaderSearchProps {
     shortcutSlot?: ReactNode;
 }
 export interface HeaderGlobalSearchTriggerProps extends HeaderSearchProps {
-    /** Whether the surface is showing. Controlled. */
+    /** Whether the search surface is showing. Reported on the trigger as `aria-expanded` with `aria-haspopup="dialog"`; the consumer owns the surface. */
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }

package/dist/components/layout/header/partials/header-global-search-trigger.d.ts

@@ -1,2 +1,2 @@
 import type { HeaderGlobalSearchTriggerProps } from '../header.types';
-export declare function HeaderGlobalSearchTrigger({ onOpen, onOpenChange, ...props }: HeaderGlobalSearchTriggerProps): import("react").JSX.Element;
+export declare function HeaderGlobalSearchTrigger({ onOpen, open, onOpenChange, ...props }: HeaderGlobalSearchTriggerProps): import("react").JSX.Element;

package/dist/components/layout/header/partials/header-notifications.d.ts

@@ -1,2 +1,2 @@
 import { type HeaderNotificationsProps } from '../header.types';
-export declare function HeaderNotifications({ notifications, unreadCount, onNotificationClick, onMarkAllRead, onViewAll, viewAllHref, renderLink, align, side, strings: stringsProp, className, contentClassName, renderNotification, }: HeaderNotificationsProps): import("react").JSX.Element;
+export declare function HeaderNotifications({ notifications, unreadCount: unreadCountProp, onNotificationClick, onMarkAllRead, onViewAll, viewAllHref, renderLink, align, side, strings: stringsProp, className, contentClassName, renderNotification, }: HeaderNotificationsProps): import("react").JSX.Element;

package/dist/components/layout/header/partials/header-search.d.ts

@@ -1,2 +1,2 @@
 import { type HeaderSearchProps } from '../header.types';
-export declare function HeaderSearch({ onOpen, shortcutModifier, enableShortcut, strings: stringsProp, className, iconClassName, shortcutSlot, }: HeaderSearchProps): import("react").JSX.Element;
+export declare function HeaderSearch({ onOpen, shortcutModifier, enableShortcut, strings: stringsProp, className, iconClassName, shortcutSlot, 'aria-expanded': ariaExpanded, 'aria-haspopup': ariaHasPopup, 'aria-controls': ariaControls, }: HeaderSearchProps): import("react").JSX.Element;

package/dist/components/layout/hooks/use-command-shortcut.d.ts

@@ -3,5 +3,14 @@ export interface UseCommandShortcutOptions {
     enabled?: boolean;
     onTrigger?: () => void;
     preventDefault?: boolean;
+    /** Modifier that must be held: `mod` accepts Meta or Control. @default 'mod' */
+    modifier?: 'mod' | 'meta' | 'control';
+    /** Also fires while focus is in a field, an editor or an open menu, listbox or dialog. @default false */
+    allowInEditable?: boolean;
 }
-export declare function useCommandShortcut({ key, enabled, onTrigger, preventDefault, }: UseCommandShortcutOptions): void;
+/**
+ * Binds one Meta/Control shortcut on the document. It stays out of the way of
+ * typing: fields, editors and open menus keep the key, and so do key repeats,
+ * Shift/Alt chords and events another handler already took.
+ */
+export declare function useCommandShortcut({ key, enabled, onTrigger, preventDefault, modifier, allowInEditable, }: UseCommandShortcutOptions): void;

package/dist/components/layout/layout.types.d.ts

@@ -19,9 +19,9 @@ export interface LayoutLinkRenderProps {
     rel?: string;
     onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
     'aria-label'?: string;
-    /** Current-page state supplied by a navigation owner. */
+    /** Current-page state supplied by a navigation owner, ready to spread onto the link. */
     'aria-current'?: AriaAttributes['aria-current'];
-    /** Consumer hint for active styling; renderers may ignore it. */
+    /** Consumer hint for active styling. The default renderer states it as `aria-current="page"` unless `aria-current` is given. */
     active?: boolean;
     /** Consumer hint to render as muted/non-interactive. */
     disabled?: boolean;

package/dist/components/layout/navigation/breadcrumb-progress/breadcrumb-progress.d.ts

@@ -1,5 +1,5 @@
 import { type BreadcrumbProgressProps } from './types';
-export declare function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps): import("react").JSX.Element;
+export declare function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps): import("react").JSX.Element | null;
 export declare namespace BreadcrumbProgress {
     var displayName: string;
 }

package/dist/components/layout/navigation/breadcrumb-progress/types.d.ts

@@ -10,6 +10,14 @@ export interface BreadcrumbProgressStep {
 export interface BreadcrumbProgressStrings {
     stepLabel: string;
     ofLabel: string;
+    /** State named after a completed step for assistive technology. */
+    completedLabel: string;
+    /** State named after a step that is not reachable yet. */
+    upcomingLabel: string;
+    /** Formats the position line. Defaults to `{stepLabel} {current} {ofLabel} {total}`; supply it where that word order does not fit. */
+    formatProgress?: (current: number, total: number) => string;
+    /** Formats one step's accessible name. Defaults to `{stepLabel} {position}: {label}`. */
+    formatStepLabel?: (position: number, label: string) => string;
 }
 export declare const defaultBreadcrumbProgressStrings: BreadcrumbProgressStrings;
 export interface BreadcrumbProgressProps {
@@ -17,6 +25,7 @@ export interface BreadcrumbProgressProps {
     steps: BreadcrumbProgressStep[];
     /** Zero-based position of the active step. */
     currentIndex: number;
+    /** Makes completed and current steps buttons. Without it the trail is display-only text. */
     onStepClick?: (id: string, index: number) => void;
     className?: string;
     /** Overrides this surface's own copy. */

package/dist/components/layout/navigation/section-nav/section-nav.d.ts

@@ -1,7 +1,8 @@
 /**
  * SectionNav — sticky in-page anchor nav. Pass a list of section ids; the active one
  * is tracked via IntersectionObserver and the matching item is highlighted. Click to
- * scroll to that section. Pure JS — no router required.
+ * scroll to that section and move focus into it. Pure JS — no router required.
+ * Where IntersectionObserver does not exist, the current entry follows clicks only.
  *
  * A click owns the current state: the clicked section stays current while the smooth
  * scroll it started passes other sections, after that scroll settles (including when
@@ -28,6 +29,12 @@ export interface SectionNavProps extends Omit<ComponentPropsWithoutRef<'nav'>, '
     items: SectionNavItem[];
     rootMargin?: string;
     onSelect?: (id: string) => void;
+    /**
+     * Records the activated section in the URL hash with `history.replaceState`,
+     * so the position can be shared and restored. Leave it off under a hash
+     * router, where the hash is the route. @default false
+     */
+    updateHash?: boolean;
     /** Overrides this surface's own copy. */
     strings?: StringsProp<SectionNavStrings>;
 }

package/dist/components/layout/page/index.d.ts

@@ -1,5 +1,4 @@
 export { Page } from './page';
 export { PageHeader } from './partials/page-header';
-export { PageActions } from './partials/page-actions';
-export { defaultPageActionsStrings, type PageHeaderAction, type PageHeaderProps, type PageHeaderSlots, type PageHeaderRenderContext, type PageHeaderRenderSlot, type PageHeaderTabs, type PageActionsProps, type PageActionsDisplay, type PageAction, type PageActionContext, type PageActionsStrings, type PageProps, type PageSlotProps, type PageSlots, } from './page.types';
-export { defaultPageStrings, type PageStrings } from './page.strings';
+export type { PageHeaderAction, PageHeaderProps, PageHeaderSlots, PageHeaderRenderContext, PageHeaderRenderSlot, PageHeaderTabs, PageProps, PageSlotProps, PageSlots, } from './page.types';
+export { defaultPageHeaderStrings, defaultPageStrings, type PageHeaderStrings, type PageStrings } from './page.strings';

package/dist/components/layout/page/page.strings.d.ts

@@ -1,3 +1,15 @@
+/** Copy for PageHeader's own controls. */
+export interface PageHeaderStrings {
+    /** Accessible name of the back control. */
+    back: string;
+    /** Accessible name of the More actions menu trigger. */
+    moreActions: string;
+    /** Accessible name of the section tab list. */
+    sections: string;
+    /** Label of the trigger that holds section tabs which do not fit. */
+    moreSections: string;
+}
+export declare const defaultPageHeaderStrings: PageHeaderStrings;
 /** Copy for Page's primary-body lifecycle states. */
 export interface PageStrings {
     loadingLabel: string;

package/dist/components/layout/page/page.types.d.ts

@@ -1,27 +1,16 @@
 /**
- * Page-level types for `Page`, `PageHeader`, `PageActions`, and exported
- * partials. All navigation is framework-neutral via `renderLink`.
+ * Page-level types for `Page`, `PageHeader` and exported partials. All navigation is framework-neutral via `renderLink`.
  */
-import type { ComponentType, JSX, Key, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import type { LayoutLinkRenderer, LayoutNavigationAdapter, LayoutSlotAttributes } from '../layout.types';
 import type { TextGap } from '../../base/structure';
-import type { ButtonSize } from '../../base/buttons';
 import type { HeadingTag } from '../../typography';
 import type { ContainerGutter, ContainerMaxWidth, ContainerProps } from '../containers/containers.types';
 import type { StringsProp } from '../../../lib/strings';
-import type { BadgeTone } from '../../base/badge';
-import type { ActionPresentation } from '../../../lib/action-presentation';
 import type { PageHeaderAction } from '../../base/navigation/page-header';
 import type { OverflowTabItem } from '../../base/navigation';
 import type { TwoColumnLayoutProps } from '../containers';
-import type { PageStrings } from './page.strings';
-export interface PageTitleBadge {
-    /** Display label. */
-    label: ReactNode;
-    /** Semantic color intent. */
-    tone?: BadgeTone;
-    key?: Key;
-}
+import type { PageHeaderStrings, PageStrings } from './page.strings';
 export type { PageHeaderAction } from '../../base/navigation/page-header';
 /** Section tabs under a record's header. */
 export interface PageHeaderTabs {
@@ -34,10 +23,6 @@ export interface PageHeaderTabs {
      * an item `href` renders a native link.
      */
     onValueChange?: (id: string) => void;
-    /** Accessible name of the tab list. Default: `'Sections'`. */
-    label?: string;
-    /** Label of the trigger that holds tabs which do not fit. Default: `'More'`. */
-    moreLabel?: string;
 }
 export interface PageHeaderRenderContext {
     /** The framework-neutral link renderer used by this header. */
@@ -48,8 +33,6 @@ export interface PageHeaderRenderContext {
 /** A content node, or a render callback that can keep or replace its default content. */
 export type PageHeaderRenderSlot = ReactNode | ((context: PageHeaderRenderContext) => ReactNode);
 export interface PageHeaderSlots {
-    /** @deprecated Use backHref/onBack for navigation. Retained as a custom back-control escape hatch. */
-    back?: ReactNode;
     /** Context above the title, such as breadcrumbs. */
     beforeTitle?: PageHeaderRenderSlot;
     /** Content beside the title, such as a status or count. */
@@ -68,23 +51,9 @@ export interface PageHeaderProps extends LayoutNavigationAdapter {
     textGap?: TextGap;
     /** Semantic heading level for the title. Defaults to `h1`, the route's main heading; use `h2` when the page sits inside another titled page. */
     headingTag?: HeadingTag;
-    /** @deprecated Compose custom title content with slots.titleSuffix or a React-node title. */
-    titleIcon?: ComponentType<{
-        className?: string;
-    }>;
-    /** @deprecated Compose a linked item in a render slot using its renderLink context. */
-    titleIconHref?: string;
-    /** @deprecated Compose a command in slots.actions or describe it with primaryAction/secondaryActions. */
-    onTitleIconClick?: () => void;
-    /** @deprecated Accessible name for the compatibility title-icon control. */
-    titleIconLabel?: string;
     /** Destination for the back control. */
     backHref?: string;
     onBack?: () => void;
-    /** Copy for the back control. */
-    backLabel?: string;
-    /** @deprecated Render title content with slots.titleSuffix. Retained for existing badge definitions. */
-    titleBadges?: PageTitleBadge[];
     /**
      * The page's one main command: a solid primary button after the secondary
      * commands. Compact headers place it first in the More actions menu.
@@ -104,90 +73,23 @@ export interface PageHeaderProps extends LayoutNavigationAdapter {
      * keeps every routine command inline. @default 2
      */
     maxVisibleSecondaryActions?: number;
-    /** Accessible name of the More actions menu trigger. */
-    moreActionsLabel?: string;
     /**
      * Section tabs under the header, for a record split into sections such as
      * documents and history. Tabs that do not fit move into a More menu, and
      * the active tab stays visible.
      */
     tabs?: PageHeaderTabs;
-    /**
-     * @deprecated Customize commands with slots.actions; put other controls in Page toolbar.
-     */
-    actions?: ReactNode;
     /** Replaces individual regions of the shell. */
     slots?: PageHeaderSlots;
+    /** Copy for the header's own controls: the back control, the More actions menu and the section tabs. */
+    strings?: StringsProp<PageHeaderStrings>;
     className?: string;
     /** Merged onto the content region. */
     contentClassName?: string;
     actionsClassName?: string;
     titleClassName?: string;
-    titleIconClassName?: string;
     descriptionClassName?: string;
 }
-export interface PageActionContext {
-    index: number;
-    isInline: boolean;
-    renderLink: LayoutLinkRenderer;
-}
-/** @deprecated Use PageHeaderAction with `primaryAction` and `secondaryActions`. */
-export interface PageAction extends ActionPresentation {
-    id?: string;
-    /** Display label. */
-    label: ReactNode;
-    onClick?: () => void;
-    /** Destination for the entry, when it navigates. */
-    href?: string;
-    target?: string;
-    rel?: string;
-    external?: boolean;
-    /** Shows the pending indicator. */
-    loading?: boolean;
-    /** Leading glyph. */
-    icon?: ComponentType<{
-        className?: string;
-    }>;
-    /** Optional inline button size. Defaults to the PageActions `size` prop. */
-    size?: ButtonSize;
-    group?: string;
-    placement?: 'auto' | 'inline' | 'menu';
-    /** Escape hatch for one action only. Prefer `renderAction` for consistent customization. */
-    element?: ReactNode | JSX.Element;
-}
-export type PageActionsDisplay = 'flat' | 'dropdown' | 'auto';
-export interface PageActionsStrings {
-    menuLabel: string;
-}
-export declare const defaultPageActionsStrings: PageActionsStrings;
-export interface PageActionsProps extends LayoutNavigationAdapter {
-    /** Controls offered on the surface. */
-    actions?: PageAction[];
-    /** How actions are presented — inline, menu, or responsive. */
-    display?: PageActionsDisplay;
-    /**
-     * Inline action button scale, which the More actions square beside them
-     * matches. Defaults to `sm`; set `md` for normal page-header buttons. A
-     * menu-only ribbon follows the provider scale.
-     */
-    size?: ButtonSize;
-    /** Width at which responsive actions collapse into a menu. */
-    breakpoint?: number;
-    /**
-     * Maximum non-menu actions rendered inline before overflow moves them into
-     * the dropdown menu. Defaults to 4 for admin header density.
-     */
-    maxInlineActions?: number;
-    /** Overrides this surface's own copy. */
-    strings?: StringsProp<PageActionsStrings>;
-    className?: string;
-    /** Merged onto the inline action row. */
-    inlineClassName?: string;
-    /** Merged onto the action menu. */
-    menuClassName?: string;
-    /** Replaces the default action rendering. */
-    renderAction?: (action: PageAction, context: PageActionContext) => ReactNode;
-}
 export interface PageSlotProps {
     /** Native attributes merged onto the page body region. */
     body?: LayoutSlotAttributes<HTMLDivElement>;
@@ -198,12 +100,9 @@ export interface PageSlotProps {
 export interface PageSlots {
     /** Replaces the generated PageHeader. */
     header?: ReactNode;
-    toolbar?: ReactNode;
-    aside?: ReactNode;
     footer?: ReactNode;
     loading?: ReactNode;
     error?: ReactNode;
-    empty?: ReactNode;
 }
 export interface PageProps extends LayoutNavigationAdapter, Omit<ContainerProps, 'children'> {
     /** Header region of the shell. */
@@ -212,7 +111,7 @@ export interface PageProps extends LayoutNavigationAdapter, Omit<ContainerProps,
     maxWidth?: ContainerMaxWidth;
     /** Center one resource or form at the existing `md` content measure. */
     narrow?: boolean;
-    /** Inline page gutters. Defaults to `lg`; none requires an existing padded parent. */
+    /** Inline page gutters. Defaults to `lg`, or to `none` inside StackedLayout's contained measure, which already draws the gutter. An explicit value always wins; none requires an existing padded parent. */
     gutter?: ContainerGutter;
     /** Block padding around the whole page. Defaults to `lg`, independent of gutter. */
     padding?: ContainerGutter;
@@ -225,15 +124,13 @@ export interface PageProps extends LayoutNavigationAdapter, Omit<ContainerProps,
     toolbar?: ReactNode;
     /** Content above the header. */
     beforeHeader?: ReactNode;
-    /** Compatible toolbar fallback when toolbar and slots.toolbar are omitted. */
-    afterHeader?: ReactNode;
     /** Replaces only the primary body; header, toolbar and aside remain mounted. */
     loading?: boolean;
     error?: ReactNode | Error;
     onRetry?: () => void;
     empty?: boolean;
     emptySlot?: ReactNode;
-    /** Region overrides take precedence over direct props. */
+    /** Regions with no direct prop: a replacement header, a footer, and custom loading and error bodies. */
     slots?: PageSlots;
     /** Copy for the default loading, error and empty states. */
     strings?: StringsProp<PageStrings>;

package/dist/components/layout/page/partials/page-header.d.ts

@@ -1,2 +1,2 @@
 import type { PageHeaderProps } from '../page.types';
-export declare function PageHeader({ title, description, textGap, headingTag, titleIcon: TitleIcon, titleIconHref, onTitleIconClick, titleIconLabel, backHref, onBack, backLabel, titleBadges, primaryAction, secondaryActions, maxVisibleSecondaryActions, moreActionsLabel, tabs, actions, slots, renderLink, className, contentClassName, actionsClassName, titleClassName, titleIconClassName, descriptionClassName, }: PageHeaderProps): import("react").JSX.Element;
+export declare function PageHeader({ title, description, textGap, headingTag, backHref, onBack, primaryAction, secondaryActions, maxVisibleSecondaryActions, tabs, slots, strings: stringsProp, renderLink, className, contentClassName, actionsClassName, titleClassName, descriptionClassName, }: PageHeaderProps): import("react").JSX.Element;

package/dist/components/layout/settings/index.d.ts

@@ -1 +1 @@
-export { AsideNavShell, SettingsShell, defaultAsideNavShellStrings, type AsideNavGroup, type AsideNavItem, type AsideNavShellProps, type AsideNavShellStrings, type SettingsShellProps, } from './settings';
+export { AsideNavShell, defaultAsideNavShellStrings, type AsideNavGroup, type AsideNavItem, type AsideNavShellProps, type AsideNavShellStrings, } from './settings';

package/dist/components/layout/settings/settings.d.ts

@@ -4,6 +4,8 @@ import { type StringsProp } from '../../../lib/strings';
 import { type LayoutNavigationAdapter } from '../layout.types';
 export interface AsideNavShellStrings {
     navigationAriaLabel: string;
+    /** Accessible name of the More actions menu trigger. */
+    moreActionsLabel: string;
 }
 export declare const defaultAsideNavShellStrings: AsideNavShellStrings;
 export interface AsideNavItem {
@@ -66,8 +68,6 @@ export interface AsideNavShellProps extends LayoutNavigationAdapter {
      * keeps every routine command inline. @default 2
      */
     maxVisibleSecondaryActions?: number;
-    /** Accessible name of the More actions menu trigger. Default: `'More actions'`. */
-    moreActionsLabel?: string;
     /** Content below the body. */
     footer?: ReactNode;
     className?: string;
@@ -78,9 +78,7 @@ export interface AsideNavShellProps extends LayoutNavigationAdapter {
     /** Overrides this surface's own copy. */
     strings?: StringsProp<AsideNavShellStrings>;
 }
-export type SettingsShellProps = AsideNavShellProps;
-export declare function AsideNavShell({ title, description, groups, currentId, currentPath, children, aside, actions, primaryAction, secondaryActions, maxVisibleSecondaryActions, moreActionsLabel, footer, className, navClassName, contentClassName, renderLink, strings: stringsProp, }: AsideNavShellProps): import("react").JSX.Element;
+export declare function AsideNavShell({ title, description, groups, currentId, currentPath, children, aside, actions, primaryAction, secondaryActions, maxVisibleSecondaryActions, footer, className, navClassName, contentClassName, renderLink, strings: stringsProp, }: AsideNavShellProps): import("react").JSX.Element;
 export declare namespace AsideNavShell {
     var displayName: string;
 }
-export declare const SettingsShell: typeof AsideNavShell;

package/dist/components/layout/sidebar/app-sidebar.d.ts

@@ -4,4 +4,4 @@
  */
 import * as React from 'react';
 import type { AppSidebarProps } from './sidebar.types';
-export declare function AppSidebar({ navigationGroups, 'aria-label': navigationLabel, footerNavItems, footerLabel, logo, collapsedLogo, workspaceLinks, workspaceStrings, workspaceContentClassName, headerClassName, logoClassName, iconMap, currentUrl, closeDrawerOnNavigate, liveBadges, showBadges, menuDensity, renderLink, loading, collapsible, panelId, surface, variant, side, className, surfaceClassName, contentClassName, slots, renderItem, renderItemContent, searchable, searchValue, defaultSearchValue, onSearchValueChange, strings: stringsProp, expandedItems, defaultExpandedItems, onExpandedItemsChange, }: AppSidebarProps): React.JSX.Element;
+export declare function AppSidebar({ navigationGroups, 'aria-label': navigationLabel, footerNavItems, footerLabel, logo, collapsedLogo, workspaceLinks, workspaceStrings, workspaceContentClassName, headerClassName, iconMap, currentUrl, closeDrawerOnNavigate, liveBadges, menuDensity, renderLink, loading, collapsible, panelId, surface, variant, side, className, surfaceClassName, contentClassName, slots, renderItem, renderItemContent, searchable, searchValue, defaultSearchValue, onSearchValueChange, strings: stringsProp, expandedItems, defaultExpandedItems, onExpandedItemsChange, }: AppSidebarProps): React.JSX.Element;

package/dist/components/layout/sidebar/components/sidebar-grouped-navigation.d.ts

@@ -1,4 +1,4 @@
 /** Grouped navigation uses public disclosure and sidebar anatomy; routing stays app-owned. */
 import * as React from 'react';
 import { type SidebarGroupedNavigationProps } from '../sidebar.types';
-export declare function SidebarGroupedNavigation({ navigationByGroups, currentUrl, iconMap, liveBadges, showBadges, renderLink, emptySlot, renderItem, renderItemContent, className, menuDensity, expandedItems, defaultExpandedItems, onExpandedItemsChange, searchValue, strings: stringsProp, }: SidebarGroupedNavigationProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null;
+export declare function SidebarGroupedNavigation({ navigationByGroups, currentUrl, iconMap, liveBadges, renderLink, emptySlot, renderItem, renderItemContent, className, menuDensity, expandedItems, defaultExpandedItems, onExpandedItemsChange, searchValue, strings: stringsProp, }: SidebarGroupedNavigationProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null;

package/dist/components/layout/sidebar/components/sidebar-navigation-footer.d.ts

@@ -1,2 +1,2 @@
 import type { SidebarNavigationFooterProps } from '../sidebar.types';
-export declare function SidebarNavigationFooter({ items, label, currentUrl, iconMap, liveBadges, showBadges, renderLink, className, menuDensity, }: SidebarNavigationFooterProps): import("react").JSX.Element;
+export declare function SidebarNavigationFooter({ items, label, currentUrl, iconMap, liveBadges, renderLink, className, menuDensity, }: SidebarNavigationFooterProps): import("react").JSX.Element;

package/dist/components/layout/sidebar/components/sidebar-navigation.d.ts

@@ -1,4 +1,4 @@
 /** SidebarNavigation — flat, framework-neutral sidebar nav list. */
 import * as React from 'react';
 import type { SidebarFlatNavigationProps } from '../sidebar.types';
-export declare function SidebarNavigation({ items, label, currentUrl, iconMap, liveBadges, showBadges, renderLink, renderItem, renderItemContent, className, menuDensity, }: SidebarFlatNavigationProps): React.JSX.Element;
+export declare function SidebarNavigation({ items, label, currentUrl, iconMap, liveBadges, renderLink, renderItem, renderItemContent, className, menuDensity, }: SidebarFlatNavigationProps): React.JSX.Element;

package/dist/components/layout/sidebar/index.d.ts

@@ -1,7 +1,7 @@
 export { LayoutSidebar, type LayoutSidebarProps } from './sidebar';
 export { LayoutSidebarProvider, useLayoutSidebar, type LayoutSidebarContext, type LayoutSidebarProviderProps, } from './sidebar.context';
 export { AppSidebar } from './app-sidebar';
-export { SidebarNavigationRail, type SidebarNavigationRailItem, type SidebarNavigationRailProps } from './sidebar-navigation-rail';
+export { SidebarNavigationRail, defaultSidebarNavigationRailStrings, type SidebarNavigationRailItem, type SidebarNavigationRailProps, type SidebarNavigationRailStrings, } from './sidebar-navigation-rail';
 export { SidebarLogo, type SidebarLogoProps } from './components/sidebar-logo';
 export { SidebarWorkspaceDropdown } from './components/sidebar-workspace-dropdown';
 export { SidebarNavigation } from './components/sidebar-navigation';

package/dist/components/layout/sidebar/sidebar-navigation-rail.d.ts

@@ -1,19 +1,25 @@
 /** Primary area navigation, distinct from SidebarRail's collapse affordance. */
 import type { ComponentType } from 'react';
+import { type SidebarStrings } from '../../base/sidebar';
+import type { StringsProp } from '../../../lib/strings';
 import type { LayoutIconSource, LayoutNavigationAdapter } from '../layout.types';
 import { type LayoutSidebarProps } from './sidebar';
 import type { SidebarFlatNavItem, SidebarSlot } from './sidebar.types';
 export type SidebarNavigationRailItem = SidebarFlatNavItem & {
     /** Informative area icon; the full label remains accessible. */
     icon: LayoutIconSource;
-} & ({
+    /** Stable identity: the value reported by `onValueChange` and matched by `value`. */
     id: string;
-} | {
-    handle: string;
-});
+};
+/** The rail's own copy. The drawer copy of `SidebarStrings` shares the `strings` prop and passes through to the sidebar. */
+export interface SidebarNavigationRailStrings {
+    /** Name of the rail's navigation landmark. An `aria-label` on the rail wins. */
+    navigationLabel: string;
+}
+export declare const defaultSidebarNavigationRailStrings: SidebarNavigationRailStrings;
 export interface SidebarNavigationRailProps extends Omit<LayoutSidebarProps, 'children' | 'collapsible'>, LayoutNavigationAdapter {
     items: readonly SidebarNavigationRailItem[];
-    /** Selected item id (or its legacy handle). Controlled. */
+    /** Selected item id. Controlled. */
     value?: string;
     onValueChange?: (id: string) => void;
     /** Used for native current-route indication when value is omitted. */
@@ -32,7 +38,9 @@ export interface SidebarNavigationRailProps extends Omit<LayoutSidebarProps, 'ch
     };
     /** The rail stays visible by default; offcanvas makes the entire rail hideable. */
     collapsible?: 'none' | 'offcanvas';
-    /** Accessible name for this navigation region. @default 'Primary navigation' */
+    /** Accessible name for this navigation region. Defaults to `strings.navigationLabel` ('Primary navigation'). */
     'aria-label'?: string;
+    /** Overrides the sidebar's drawer copy and the rail's landmark name. */
+    strings?: StringsProp<SidebarStrings & SidebarNavigationRailStrings>;
 }
-export declare function SidebarNavigationRail({ items, value, onValueChange, currentUrl, closeDrawerOnNavigate, renderLink, iconMap, slots, collapsible, 'aria-label': ariaLabel, className, surface, surfaceClassName, style, side, panelId, ...props }: SidebarNavigationRailProps): import("react").JSX.Element;
+export declare function SidebarNavigationRail({ items, value, onValueChange, currentUrl, closeDrawerOnNavigate, renderLink, iconMap, slots, collapsible, 'aria-label': ariaLabelProp, strings: stringsProp, className, surface, surfaceClassName, style, side, panelId, ...props }: SidebarNavigationRailProps): import("react").JSX.Element;