prime-ui-kit 0.16.0 → 0.18.0

package/dist/index.js

@@ -2,7 +2,6 @@
 
 import {
   Accordion,
-  AppHeader,
   AppShell,
   Banner,
   BottomNav,
@@ -43,11 +42,11 @@ import {
   NativeSelect,
   NotificationCard,
   NotificationProvider,
-  PageContent,
-  PageToolbar,
+  Page,
   Pagination,
   ProgressCircle,
   Radio,
+  RichText,
   SegmentedControl,
   Sheet,
   Sidebar,
@@ -88,7 +87,7 @@ import {
   useSidebar,
   useTokenValue,
   useUploadQueue
-} from "./chunks/chunk-6TPHKCUJ.js";
+} from "./chunks/chunk-MB4CXSLL.js";
 import {
   Avatar,
   Badge,
@@ -123,14 +122,13 @@ import {
   tierMappings,
   tones,
   variants
-} from "./chunks/chunk-4PSQ64S4.js";
+} from "./chunks/chunk-OAXJWF3L.js";
 import {
   ControlSizeProvider,
   useOptionalControlSize
-} from "./chunks/chunk-U3Q2I3MY.js";
+} from "./chunks/chunk-QFHE5GKW.js";
 export {
   Accordion,
-  AppHeader,
   AppShell,
   Avatar,
   Badge,
@@ -185,13 +183,13 @@ export {
   NotificationCard,
   NotificationProvider,
   OVERLAY_CONTENT_SIZE,
-  PageContent,
-  PageToolbar,
+  Page,
   Pagination,
   Popover,
   ProgressBar,
   ProgressCircle,
   Radio,
+  RichText,
   ScrollContainer,
   SegmentedControl,
   Select,

package/dist/internal/ChoiceField.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import type { HintTone } from "../components/hint/Hint";
 import { type FieldIds } from "./FieldFrame";
 import type { CheckState, ControlSize } from "./states";
 /** Class of the visually hidden native input that sits on top of the visual control. */
@@ -38,13 +39,14 @@ type ChoiceFieldProps = {
      */
     groupOption?: boolean;
     hint?: React.ReactNode;
+    hintTone?: HintTone;
     error?: React.ReactNode;
     /** The native input (with `choiceInputClass`) followed by its aria-hidden visual. */
     control: React.ReactNode;
     className?: string;
     children?: React.ReactNode;
 };
-export declare function ChoiceField({ ids, size, state, disabled, readOnly, busy, required, optional, optionalLabel, groupOption, hint, error, control, className, children, }: ChoiceFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChoiceField({ ids, size, state, disabled, readOnly, busy, required, optional, optionalLabel, groupOption, hint, hintTone, error, control, className, children, }: ChoiceFieldProps): import("react/jsx-runtime").JSX.Element;
 export type ChoiceLabelProps = React.HTMLAttributes<HTMLSpanElement> & {
     ref?: React.Ref<HTMLSpanElement>;
 };

package/dist/internal/FieldFrame.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type HintTone } from "../components/hint/Hint";
 import type { ControlSize } from "./states";
 /** Field props shared by every framed field (the same contract as `Input.Root`). */
 export type FieldFrameProps = {
@@ -18,6 +19,10 @@ export type FieldFrameProps = {
      * Support text under the field; linked by `aria-describedby`.
      */
     hint?: React.ReactNode;
+    /**
+     * Status color of `hint` («Осталось 12 дней» in `warning`). The words carry the status, the color repeats it; an `error` replaces the hint and its tone. A validation error is `error`, never a `danger` hint.
+     */
+    hintTone?: HintTone;
     /**
      * Error message; replaces the hint and implies `invalid`.
      */
@@ -121,10 +126,11 @@ export declare function useLeavingError(showError: boolean, error: React.ReactNo
  * changes is read, an error the field mounts with is read with the field (`aria-describedby`).
  * An option of a group (`live={false}`) leaves the announcement to the group.
  */
-export declare function FieldSupport({ ids, size, hint, error, leaving, disabled, live, className, textClassName, }: {
+export declare function FieldSupport({ ids, size, hint, hintTone, error, leaving, disabled, live, className, textClassName, }: {
     ids: FieldIds;
     size: ControlSize;
     hint?: React.ReactNode;
+    hintTone?: HintTone;
     error?: React.ReactNode;
     /** The error leaving the slot: the frame's `useLeavingError`. */
     leaving: FieldLeavingError | null;
@@ -166,7 +172,7 @@ type FieldFrameRenderProps = FieldFrameProps & {
  * spaced by the tier's `--field-label-gap` / `--field-hint-gap`. The support row stays mounted
  * (empty and without room when it shows nothing), so its text slot is a polite live region.
  */
-export declare function FieldFrame({ size, ids, label, required, optional, hint, error, disabled, optionalLabel, requiredLabel, group, labelEnd, counter, reserveSupportRow, className, children, ...rest }: FieldFrameRenderProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldFrame({ size, ids, label, required, optional, hint, hintTone, error, disabled, optionalLabel, requiredLabel, group, labelEnd, counter, reserveSupportRow, className, children, ...rest }: FieldFrameRenderProps): import("react/jsx-runtime").JSX.Element;
 type FieldCounterProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & {
     current: number;
     max: number;

package/dist/internal/barPlan.d.ts

@@ -0,0 +1,44 @@
+/**
+ * The layout plan of a page's top bar: which of its steps the row takes at a given width. One
+ * pure function of widths measured at their natural size, so a plan never feeds back into the
+ * widths it was chosen from (no re-measure loop).
+ *
+ * The steps, in the order the row gives way:
+ * - `one` — heading · tools · actions on one line;
+ * - `below` — the tools move to a line of their own under the heading and the actions;
+ * - `icons-secondary` — the secondary buttons show only their icons;
+ * - `icons` — the primary button too;
+ * - `fold` — the secondary buttons fold into «⋯» (only when that is narrower than their icons).
+ *
+ * Past the last step a heading with a path stacks (`stackHeading`): the path over the title, the
+ * title and the description wrapping, so no line of it is cut to a fragment. Without a path the
+ * heading truncates.
+ */
+export type BarPlan = "one" | "below" | "icons-secondary" | "icons" | "fold";
+/** One item of the actions: a primary or secondary Button, or anything else (never folds). */
+export type BarAction = {
+    role: "primary" | "secondary" | "other";
+    /** Natural width with its label. */
+    full: number;
+    /** Width as its icon alone; `null` — it has no icon and keeps its label. */
+    icon: number | null;
+};
+export type BarWidths = {
+    /** Natural width of the heading (its widest line); 0 — none. */
+    heading: number;
+    /** Whether the heading starts with a path (a Breadcrumb before the title): it can stack. */
+    path: boolean;
+    /** Natural width of the tools on one line; 0 — none. */
+    tools: number;
+    actions: BarAction[];
+    /** Width of the «⋯» button. */
+    more: number;
+    /** Gap between the heading, the tools and the actions. */
+    gap: number;
+    /** Gap between two actions. */
+    actionGap: number;
+};
+/** The first plan whose first line fits `available`; the narrowest of `icons` and `fold` when none does. */
+export declare function planBar(widths: BarWidths, available: number): BarPlan;
+/** Whether the heading stacks at `plan`: it has a path and its one line still does not fit. */
+export declare function stackHeading(widths: BarWidths, available: number, plan: BarPlan): boolean;

package/dist/internal/fieldCell.d.ts

@@ -4,7 +4,7 @@ import * as React from "react";
  * a framed field without a `label` of its own takes it as its label (and keeps its own `label`, if
  * any), so every field in a row has a name without a visible label per row. The column heading
  * shows the name once above the rows; the field's label is read, not shown, until the list stacks
- * its rows into blocks in a narrow container (the `prime-field-list` container FieldList sets),
+ * its rows into blocks in a narrow container (the size container of the FieldList body),
  * where each field shows it.
  */
 export type FieldCell = {

package/dist/internal/formatClock.d.ts

@@ -1,4 +1,25 @@
 /** A media position or length: `m:ss`, `h:mm:ss` from an hour on. */
 export declare function formatClock(seconds: number): string;
-/** A time of day: `HH:mm`, 24-hour, in the local zone («09:05»). */
-export declare function formatTimeOfDay(date: Date): string;
+/** A calendar day: the month 0–11, as `Date#getMonth`. */
+type CalendarDay = {
+    year: number;
+    month: number;
+    day: number;
+};
+/** The calendar day and the clock of a moment as a time zone reads it. */
+type ZonedParts = CalendarDay & {
+    /** 0 (Sunday) – 6, as `Date#getDay`. */
+    weekday: number;
+    hours: number;
+    minutes: number;
+};
+/**
+ * The day and the clock of `date` in `timeZone` (an IANA name, `"Asia/Vladivostok"`); without one,
+ * in the browser's zone.
+ */
+export declare function zonedParts(date: Date, timeZone?: string): ZonedParts;
+/** Whole calendar days from `from` to `to` (both read in one zone); never off by a DST hour. */
+export declare function daysBetween(from: CalendarDay, to: CalendarDay): number;
+/** A time of day: `HH:mm`, 24-hour, in `timeZone` or the browser's zone («09:05»). */
+export declare function formatTimeOfDay(date: Date, timeZone?: string): string;
+export {};

package/dist/internal/leaveGuard.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+/** What holds a page: a request runs (`busy`), changes are not saved (`dirty`). */
+type LeaveGuardState = {
+    busy: boolean;
+    dirty: boolean;
+};
+/**
+ * The `onClickCapture` of a navigation item (`Sidebar.Item`, `BottomNav.Item`, a `Breadcrumb.Item`
+ * level), chained before the consumer's own. While a page guard holds, the click stops before any
+ * handler of the item or of its router link runs and before the browser follows `href`: `busy`
+ * holds it, `dirty` asks the guard's confirm, which replays the click once the person agrees.
+ * Router-agnostic: the replay is the same click. A click that opens a new tab or window, or one on
+ * a disabled item, is never held.
+ */
+export declare function leaveGuardCapture(onClickCapture?: React.MouseEventHandler<HTMLElement>): React.MouseEventHandler<HTMLElement>;
+/**
+ * Registers a page guard while mounted: the navigation items ask it through `holdLeave`, and while
+ * it is `busy` or `dirty` the browser asks before the tab closes or reloads (`beforeunload`).
+ */
+export declare function useLeaveGuard({ busy, dirty }: LeaveGuardState, ask: (leave: () => void) => void): void;
+export {};

package/dist/internal/messageList.d.ts

@@ -66,6 +66,8 @@ export type MessageListContextValue = {
     reactionOptions: readonly MessageReactionOption[] | null;
     /** The reader: joins a reaction's avatars at once when they put it. */
     reader: MessageUser | undefined;
+    /** The zone a message reads its time in; `undefined` — the browser's zone. */
+    timeZone: string | undefined;
     /** Says `text` in the list's polite live region. */
     announce: (text: string) => void;
 };

package/dist/internal/overlay/DialogParts.d.ts

@@ -188,6 +188,27 @@ export declare function DialogBody({ className, ...rest }: DialogBodyProps): imp
 export declare namespace DialogBody {
     var displayName: string;
 }
+export type DialogSectionProps = Omit<React.HTMLAttributes<HTMLElement>, "title"> & {
+    /**
+     * The heading of the section; it names the `<section>`.
+     */
+    label: React.ReactNode;
+    /**
+     * One line of context under the heading (body-s).
+     */
+    description?: React.ReactNode;
+    ref?: React.Ref<HTMLElement>;
+};
+/**
+ * A titled group of the dialog body — what `Page.Section` is to a page: an `<h3>` (title-s, one
+ * level under the dialog's `<h2>` title) with an optional description and the dialog's `Actions`
+ * at the end of the heading row, then the content 16 below. Sections stand further apart than the
+ * plain blocks of the body.
+ */
+export declare function DialogSection({ label, description, className, children, ...rest }: DialogSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogSection {
+    var displayName: string;
+}
 export type DialogFooterProps = React.HTMLAttributes<HTMLElement> & {
     /**
      * `fill`: equal-width buttons in one row; `end`: auto width, at the end. Stacked on phones (viewport below 640 px) and in a dialog narrower than 360 px.
@@ -195,8 +216,12 @@ export type DialogFooterProps = React.HTMLAttributes<HTMLElement> & {
     layout?: DialogFooterLayout;
     ref?: React.Ref<HTMLElement>;
 };
-/** Actions in DOM order, primary last. Stacks full width when the dialog is narrower than 360px. */
-export declare function DialogFooter({ layout, className, ...rest }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Actions in DOM order, primary last. Stacks full width when the dialog is narrower than 360px.
+ * With a `Meta` the buttons move as one row: when the line runs short the status text goes above
+ * them first, so the buttons never split over two lines while there is room for them in one.
+ */
+export declare function DialogFooter({ layout, className, children, ...rest }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DialogFooter {
     var displayName: string;
 }

package/dist/internal/overlay/FloatingPanel.d.ts

@@ -11,7 +11,7 @@ export declare function SheetHandle({ swipe }: {
     swipe: Pick<SwipeDismiss, "enabled">;
 }): import("react/jsx-runtime").JSX.Element | null;
 /** How wide an anchored panel is (`data-width` on the floating surface). */
-export type FloatingWidth = "auto" | "trigger" | "content";
+export type FloatingWidth = "auto" | "trigger" | "min-trigger" | "content";
 /**
  * The panel is a `<div>`; `E` is the element type its consumer holds it as (a menu, a listbox:
  * `HTMLElement`), so the consumer ref needs no cast.

package/dist/internal/overlay/focus.d.ts

@@ -8,9 +8,10 @@ export declare function hasNativeTabStop(el: HTMLElement): boolean;
 /**
  * Moves focus into a layer that just opened, unless focus is already inside (a child `autoFocus`):
  * the first match of `first` (a menu's first enabled item, which is no tab stop of its own), else
- * `[data-autofocus]`, else the first tab stop, else the container itself.
+ * `[data-autofocus]`, else the first tab stop, else the container itself. `quiet` — a pointer
+ * opened the layer: focus lands without the focus ring until the person turns to the keyboard.
  */
-export declare function focusInto(container: HTMLElement, first?: string): void;
+export declare function focusInto(container: HTMLElement, first?: string, quiet?: boolean): void;
 /**
  * Focuses `el` when it is still in the document. `quiet` — the layer was opened with a pointer:
  * focus returns without the focus ring, also when a key (Escape) closed the layer; the next key

package/dist/internal/parts.d.ts

@@ -11,7 +11,7 @@ export declare function isPart<P = unknown>(node: React.ReactNode, type: React.E
 export declare function flattenChildren(nodes: React.ReactNode, prefix?: string): React.ReactNode[];
 /**
  * Splits the direct children into the elements of the given part types and the rest, each in the
- * written order (`PageToolbar.Chips` under the bar, `Badge.Action` at the end of the badge).
+ * written order (`Page.Actions` at the end of a `Page.Header`, `Badge.Action` at the end of the badge).
  */
 export declare function splitParts<P = unknown>(children: React.ReactNode, ...types: React.ElementType[]): {
     parts: React.ReactElement<P>[];

package/dist/internal/slot.d.ts

@@ -33,36 +33,6 @@ export declare function Slot<E extends HTMLElement = HTMLElement>({ children, re
 export declare namespace Slot {
     var displayName: string;
 }
-/** One part moved into an outlet: its id (a key for the outlet) and what it renders. */
-type OutletEntry = {
-    id: string;
-    node: React.ReactNode;
-};
-/**
- * The place in a host that renders parts written elsewhere in its subtree: a page's own
- * `AppHeader.Root` in the app shell's header row, page tools wrapped in a page component in the
- * header's second row. The host owns one store (`useOutletStore`) and renders its entries
- * (`useOutletEntries`); a part moves in with `useMovedToOutlet`. The store is external to React
- * state, so a part that updates re-renders the outlet only — never the host, never the part's own
- * tree.
- */
-export type OutletStore = {
-    /** Adds or replaces the part `id` (it keeps the place it first took); `null` takes it out. */
-    set: (id: string, node: React.ReactNode | null) => void;
-    subscribe: (listener: () => void) => () => void;
-    entries: () => readonly OutletEntry[];
-};
-/** The outlet store of a host, created once. */
-export declare function useOutletStore(): OutletStore;
-/** The parts moved into `store`, in the order they first arrived (none on the server). */
-export declare function useOutletEntries(store: OutletStore): readonly OutletEntry[];
-/**
- * Moves `node` into the outlet `store` (`null` — no outlet: the part stays where it is written).
- * Returns `true` once the part has moved: render nothing then. Until then — on the server and in
- * the first client render — the part renders in place, so the server HTML has it; the move happens
- * before the browser paints. The part leaves the outlet when it unmounts.
- */
-export declare function useMovedToOutlet(store: OutletStore | null, node: React.ReactNode): boolean;
 /**
  * The one element child of an `asChild` part, whose own children the part wraps
  * (`React.cloneElement(child, undefined, …child.props.children)`). Throws a named error otherwise.

package/dist/internal/swatch.d.ts

@@ -86,6 +86,11 @@ type SwatchChipProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> &
  * host's `--prime-icon-size`, with the faint inner edge; `aria-hidden` — the trigger is named.
  */
 export declare function SwatchChip({ value, className, ...rest }: SwatchChipProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * A typed hex color as `#rrggbb` (lowercase): `#` optional, 3 or 6 digits, spaces around ignored;
+ * `null` for anything else.
+ */
+export declare function parseHexColor(text: string): string | null;
 /** Case- and space-insensitive color comparison; `null` means "no color". */
 export declare function sameColor(a: string | null, b: string | null): boolean;
 /**

package/dist/internal/tokenDefaults.d.ts

@@ -6,6 +6,7 @@
  */
 export declare const TOKEN_DEFAULTS: {
     readonly "--prime-gallery-max-size": 360;
+    readonly "--prime-message-sticker": 160;
     readonly "--prime-message-video-note-box": 268;
     readonly "--prime-motion-duration-base": 380;
     readonly "--prime-motion-duration-fast": 230;

package/dist/layout/app-shell/AppShell.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { type OutletStore } from "../../internal/slot";
 /**
  * The navigation of the shell, as its Sidebar publishes it: what a menu button anywhere in the
- * shell needs (`AppHeader.MenuButton`, `Sidebar.Toggle` outside the rail, a BottomNav «Ещё»).
+ * shell needs (the menu button of `Page.TopBar`, `Sidebar.Toggle` outside the rail, a BottomNav
+ * «Ещё»).
  */
 export type AppShellNavState = {
     /** `id` of the navigation landmark, for `aria-controls`. */
@@ -17,27 +17,18 @@ export type AppShellNavState = {
     /** Opens or closes the off-canvas panel; on screen, expands or folds the rail. */
     toggle: () => void;
 };
-type ShellRegistry = {
-    /** The Sidebar publishes its navigation (`null` when it leaves). */
-    publishNav: (nav: AppShellNavState | null) => void;
-    /** The header outlet: a page's own `AppHeader.Root` moves here. */
-    headers: OutletStore;
-};
+type PublishNav = (nav: AppShellNavState | null) => void;
 /**
  * The navigation of the nearest `AppShell.Root`, as its Sidebar publishes it; `null` outside a
  * shell or before a Sidebar is in it. For a trigger of the navigation outside the rail.
  */
 export declare function useAppShellNav(): AppShellNavState | null;
 /** How the Sidebar publishes its navigation into the shell (`null` outside a shell). */
-export declare function useAppShellNavPublisher(): ShellRegistry["publishNav"] | null;
-/**
- * The outlet a page's `AppHeader.Root` moves into: the shell's header row. `null` outside a
- * shell, and in the outlet itself (the header there is in place).
- */
-export declare function useAppShellHeaderOutlet(): OutletStore | null;
+export declare function useAppShellNavPublisher(): PublishNav | null;
 /**
  * Starts a frame of its own inside a shell: a preview of a screen (`ExampleFrame`) is not the
- * page, so a header or a Sidebar in it stays in the preview instead of joining the shell around it.
+ * page, so a Sidebar in it and the menu button of its top bar stay in the preview instead of
+ * joining the shell around it.
  */
 export declare function AppShellBoundary({ children }: {
     children?: React.ReactNode;
@@ -59,9 +50,9 @@ declare namespace AppShellNav {
 }
 /**
  * Grid: navigation column | content panel. Everything that is not `AppShell.Nav` goes into the
- * content panel, which is the page itself (the layer around the shell): cards on it are the next
- * layer. The root owns the navigation state the Sidebar publishes and the header row the page's
- * `AppHeader.Root` moves into.
+ * content panel — `AppShell.Main` with the page, and the phone footer — which is the page itself
+ * (the layer around the shell): cards on it are the next layer. The root owns the navigation
+ * state the Sidebar publishes.
  */
 declare function AppShellRoot({ fillViewport, className, children, ...rest }: AppShellRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AppShellRoot {
@@ -75,17 +66,15 @@ declare function AppShellFooter({ className, ...rest }: AppShellFooterProps): im
 declare namespace AppShellFooter {
     var displayName: string;
 }
-/** `full` (default): the whole panel with responsive gutters; `contained`: centered, up to `--prime-layout-content-max-width` (long-read pages). */
-export type AppShellContentWidth = "contained" | "full";
 export type AppShellMainProps = React.HTMLAttributes<HTMLElement> & {
     ref?: React.Ref<HTMLElement>;
-    /**
-     * `full` — the whole panel with gutters; `contained` — a centred column up to `--prime-layout-content-max-width`.
-     */
-    contentWidth?: AppShellContentWidth;
 };
-/** `<main>` with the canonical gutters; scrolls inside the panel when `fillViewport` is set. */
-declare function AppShellMain({ contentWidth, className, children, ...rest }: AppShellMainProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * `<main>`, where the page renders: it hands the page the shell's gutters and top air
+ * (`Page.Root` takes them) and keeps the bottom air; scrolls inside the panel when `fillViewport`
+ * is set, so a sticky `Page.TopBar` sticks to its top.
+ */
+declare function AppShellMain({ className, children, ...rest }: AppShellMainProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AppShellMain {
     var displayName: string;
 }
@@ -95,20 +84,16 @@ export type AppShellTemplateProps = Omit<AppShellRootProps, "children" | "ref">
      * Navigation column content; without it the panel takes the full width.
      */
     nav?: React.ReactNode;
-    /**
-     * The default header row, an `AppHeader.Root`: a page that renders its own header replaces it while that page is on screen.
-     */
-    header?: React.ReactNode;
     /**
      * Footer content (`BottomNav`); no footer when omitted.
      */
     footer?: React.ReactNode;
     /**
-     * Page content inside Main.
+     * The page inside Main (`Page.Root`).
      */
     children?: React.ReactNode;
     /**
-     * Props for Main (e.g. `contentWidth`).
+     * Props for Main (`id`, `tabIndex` for a skip link).
      */
     mainProps?: Omit<AppShellMainProps, "children" | "ref">;
     /**
@@ -116,12 +101,8 @@ export type AppShellTemplateProps = Omit<AppShellRootProps, "children" | "ref">
      */
     scrollResetKey?: unknown;
 };
-/**
- * Root + Nav + the header + Main + Footer in one; main scrolls to the top when `scrollResetKey`
- * changes. `header` is the default header row: a page that renders its own `AppHeader.Root`
- * replaces it while it is on screen.
- */
-declare function AppShellTemplate({ ref, nav, header, footer, children, mainProps, scrollResetKey, ...rootProps }: AppShellTemplateProps): import("react/jsx-runtime").JSX.Element;
+/** Root + Nav + Main + Footer in one; main scrolls to the top when `scrollResetKey` changes. */
+declare function AppShellTemplate({ ref, nav, footer, children, mainProps, scrollResetKey, ...rootProps }: AppShellTemplateProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AppShellTemplate {
     var displayName: string;
 }

package/dist/layout/index.d.ts

@@ -1,8 +1,8 @@
-export type { AppHeaderActionsProps, AppHeaderDescriptionProps, AppHeaderIconProps, AppHeaderLabels, AppHeaderMenuButtonProps, AppHeaderRootProps, AppHeaderSeparatorProps, AppHeaderStartProps, AppHeaderTitleProps, AppHeaderToolsProps, } from "./app-header/AppHeader";
-export { AppHeader } from "./app-header/AppHeader";
-export type { AppShellContentWidth, AppShellFooterProps, AppShellMainProps, AppShellNavProps, AppShellNavState, AppShellRootProps, AppShellTemplateProps, } from "./app-shell/AppShell";
+export type { AppShellFooterProps, AppShellMainProps, AppShellNavProps, AppShellNavState, AppShellRootProps, AppShellTemplateProps, } from "./app-shell/AppShell";
 export { AppShell, useAppShellNav } from "./app-shell/AppShell";
 export type { BottomNavActionProps, BottomNavItemCountProps, BottomNavItemIconProps, BottomNavItemProps, BottomNavLabels, BottomNavRootProps, } from "./bottom-nav/BottomNav";
 export { BottomNav } from "./bottom-nav/BottomNav";
+export type { PageActionsProps, PageBackButtonProps, PageBodyProps, PageCellProps, PageCellRows, PageCellSpan, PageChipsProps, PageDescriptionProps, PageDetailProps, PageGridProps, PageGuardProps, PageHeaderProps, PageHeadingProps, PageLabels, PageListProps, PageMaxWidth, PageRootProps, PageSectionLayout, PageSectionProps, PageSplitProps, PageTitleProps, PageToolsProps, PageTopBarProps, } from "./page/Page";
+export { Page } from "./page/Page";
 export type { SidebarAccountProps, SidebarBrandLogoProps, SidebarBrandProps, SidebarContentProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemActionProps, SidebarItemCountProps, SidebarItemIconProps, SidebarItemProps, SidebarItemShortcutProps, SidebarLabels, SidebarMode, SidebarRootProps, SidebarSubContentProps, SidebarSubProps, SidebarSubTriggerProps, SidebarToggleProps, } from "./sidebar/Sidebar";
 export { Sidebar, useSidebar } from "./sidebar/Sidebar";