@slotted/react 0.0.0-stage → 0.1.0-beta.1

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

@@ -0,0 +1,103 @@
+import type { FamilyTranslator, PageMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
+import type { ContainerInset, ContainerSize } from '../container';
+/** The width of the content column: the container's own sizes. */
+export type PageWidth = ContainerSize;
+/** The inset of the content column from the edge of the page: the container's own steps. */
+export type PageInset = ContainerInset;
+/**
+ * Who scrolls. `ancestor` puts the page inside whatever scrolls — the
+ * document, a shell's content column — and makes it at least as tall as that,
+ * so the footer has a bottom to stick to. `self` makes the page's own scroll
+ * part the scroller, with the footer below it in the flow.
+ */
+export type PageScroll = 'ancestor' | 'self';
+/** The ground: the sunken canvas of an application, or the plain surface of a document. */
+export type PageGround = 'sunken' | 'surface';
+/** Whether the root is the document's `main` landmark. */
+export type PageLandmark = 'main' | 'none';
+/** What an application sets once for every page under it. */
+export interface PageDefaults {
+    ground: PageGround;
+    inset: PageInset;
+    landmark: PageLandmark;
+    scroll: PageScroll;
+    width: PageWidth;
+}
+export interface PageDefaultsProviderProps extends Partial<PageDefaults> {
+    children?: ReactNode | undefined;
+}
+/**
+ * What the page tells the families inside it: the measure its header and
+ * footer align their columns to.
+ */
+export interface PageMeasure {
+    inset: PageInset;
+    width: PageWidth;
+}
+/** What `render` receives for the root. */
+export interface PageRootProps extends HTMLAttributes<HTMLElement> {
+    'data-fill'?: '' | undefined;
+    'data-ground': PageGround;
+    'data-loading'?: '' | undefined;
+    'data-part': string;
+    'data-scroll': PageScroll;
+    'data-ui': string;
+    'data-width': PageWidth;
+}
+export interface PageProps extends ComponentPropsWithRef<'main'> {
+    /**
+     * Fills the height it was given: the body stops growing with its content and
+     * the container inside it stretches to what is left, for a master–detail, a
+     * splitter or a canvas that scroll their own panes. With `scroll="self"`
+     * nothing then scrolls outside the body, so the body's principal scroller —
+     * not a form control, and at least half the body's height — is what
+     * collapses the header: past 16 pixels down it snaps the area shut, and back
+     * at its top it opens it again. From 600 pixels of the page's width up;
+     * below it the page scrolls as it does without `fill`.
+     */
+    fill?: boolean | undefined;
+    /**
+     * The bar for the actions that finish the task. A prop rather than a child,
+     * because it has to sit outside the scroll part — below the scroller under
+     * `self`, stuck to the bottom of the root under `ancestor` — and a child would
+     * be inside it. Mounted while it is passed, and held through its exit.
+     */
+    footer?: ReactNode | undefined;
+    /** Defaults to the provider, then `sunken`. */
+    ground?: PageGround | undefined;
+    /** Defaults to the provider, then `6`. */
+    inset?: PageInset | undefined;
+    /** Defaults to the provider, then `main`. */
+    landmark?: PageLandmark | undefined;
+    /** The body carries `aria-busy`; what stands in for the content is each family's own placeholder. */
+    loading?: boolean | undefined;
+    /**
+     * Words laid over the catalog of the language in force: the footer's
+     * accessible name (`footer`). A native `aria-label` on the footer still wins.
+     */
+    messages?: PartialMessages<PageMessages> | undefined;
+    /** Renders the root into another element. */
+    render?: ((props: PageRootProps) => ReactNode) | undefined;
+    /** Defaults to the provider, then `ancestor`. */
+    scroll?: PageScroll | undefined;
+    /** Defaults to the provider, then `wide`. */
+    width?: PageWidth | undefined;
+}
+export interface PageBodyProps extends ComponentPropsWithRef<'div'> {
+    /** Renders the body into another element. */
+    render?: ((props: HTMLAttributes<HTMLElement>) => ReactNode) | undefined;
+}
+export interface PageFooterProps extends ComponentPropsWithRef<'footer'> {
+    /** Renders the footer into another element. */
+    render?: ((props: HTMLAttributes<HTMLElement>) => ReactNode) | undefined;
+}
+/** What `usePage()` returns inside a page, for the families that align to it. */
+export interface PageContextValue extends PageMeasure {
+    ground: PageGround;
+    loading: boolean;
+    scroll: PageScroll;
+    /** The family's words in the language in force, with this page's `messages` laid over them. */
+    t: FamilyTranslator<PageMessages>;
+}
+//# sourceMappingURL=page.types.d.ts.map

package/dist/types/page/page.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.types.d.ts","sourceRoot":"","sources":["../../../src/page/page.types.ts"],"names":[],"mappings":"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"}

package/dist/types/page-header/index.d.ts

@@ -0,0 +1,5 @@
+export { PageHeader, usePageHeader } from './page-header';
+export { PageHeaderDefaultsProvider, usePageHeaderDefaults } from './page-header-defaults';
+export { PageHeaderActions, PageHeaderArea, PageHeaderBack, PageHeaderBreadcrumbs, PageHeaderContent, PageHeaderControls, PageHeaderDescription, PageHeaderFigure, PageHeaderHeading, PageHeaderMarks, PageHeaderNav, PageHeaderNavigation, PageHeaderPin, PageHeaderProgress, PageHeaderSubheading, PageHeaderTabs, PageHeaderTitle, PageHeaderTitleArea, PageHeaderTitleRow, PageHeaderToggle, PageHeaderVisual, } from './page-header-parts';
+export type { PageHeaderAreaProps, PageHeaderAreaRootProps, PageHeaderBackProps, PageHeaderChangeRequest, PageHeaderCollapse, PageHeaderContextValue, PageHeaderDefaults, PageHeaderDefaultsProviderProps, PageHeaderDescriptionProps, PageHeaderExpandedReason, PageHeaderHandle, PageHeaderHeadingProps, PageHeaderHeadingRootProps, PageHeaderLevel, PageHeaderPartComponentProps, PageHeaderProgressProps, PageHeaderPartProps, PageHeaderPinProps, PageHeaderPinRootProps, PageHeaderPinnedReason, PageHeaderProps, PageHeaderRootProps, PageHeaderSize, PageHeaderSubheadingProps, PageHeaderToggleProps, PageHeaderToggleRootProps, PageHeaderVariant, } from './page-header.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/page-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,+BAA+B,EAC/B,0BAA0B,EAC1B,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,EACtB,0BAA0B,EAC1B,eAAe,EACf,4BAA4B,EAC5B,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,yBAAyB,EACzB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC"}

package/dist/types/page-header/page-header-defaults.d.ts

@@ -0,0 +1,11 @@
+import type { PageHeaderDefaults, PageHeaderDefaultsProviderProps } from './page-header.types';
+/** What a page header renders as here, before it states anything of its own. */
+export declare function usePageHeaderDefaults(): PageHeaderDefaults;
+/**
+ * An application decides once how its page headers behave — the size, the
+ * rank, whether a scroll collapses the area — rather than repeating them on
+ * every screen. A header that states any of them itself still wins. Its words
+ * come from the language in force (`SlottedProvider`).
+ */
+export declare function PageHeaderDefaultsProvider({ children, ...defaults }: PageHeaderDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=page-header-defaults.d.ts.map

package/dist/types/page-header/page-header-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-defaults.d.ts","sourceRoot":"","sources":["../../../src/page-header/page-header-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAW/F,gFAAgF;AAChF,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,+BAA+B,+BAejC"}

package/dist/types/page-header/page-header-parts.d.ts

@@ -0,0 +1,113 @@
+import type { ReactNode } from 'react';
+import type { PageHeaderAreaProps, PageHeaderBackProps, PageHeaderDescriptionProps, PageHeaderHeadingProps, PageHeaderPartComponentProps, PageHeaderPinProps, PageHeaderProgressProps, PageHeaderSubheadingProps, PageHeaderToggleProps } from './page-header.types';
+/** The strip that never leaves: nav, title row and controls. Sticky at 0 inside the root. */
+export declare const PageHeaderTitleArea: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The row above the title: the way back, then the breadcrumbs. */
+export declare const PageHeaderNav: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The slot a Breadcrumb sits in. Hidden below 600 pixels, where the way back says where the reader came from. */
+export declare const PageHeaderBreadcrumbs: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** Visual, title, actions and navigation, on one row that wraps. */
+export declare const PageHeaderTitleRow: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The mark before the heading: an Avatar, an Icon, an image. */
+export declare const PageHeaderVisual: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The column of heading, marks and subheading. */
+export declare const PageHeaderTitle: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The status beside the heading: a Tag, a Badge, a StatusIndicator. */
+export declare const PageHeaderMarks: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The slot a Toolbar sits in, pushed to the end of the title row. */
+export declare const PageHeaderActions: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The previous and next record, at the far end of the title row. */
+export declare const PageHeaderNavigation: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The picture of the record, a column before the content of the header area. */
+export declare const PageHeaderFigure: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** A column of whatever only makes sense at rest. */
+export declare const PageHeaderContent: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/** The slot a Tabs sits in, last in the root and visible under the title once the area has gone. */
+export declare const PageHeaderTabs: {
+    ({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+/**
+ * A refresh of what is already on screen, drawn over the line where the chrome
+ * ends. Written after the controls and before the tabs, as the controls are:
+ * there it is the line the pill straddles, and with no tabs it is the root's
+ * own hairline. The frame is a row of the container one hairline tall; the
+ * stylesheet gives the bar the header's width and draws nothing while the
+ * title is still loading or while a region around the header is busy.
+ */
+export declare function PageHeaderProgress({ delay, label, minDuration, size, ...barProps }: PageHeaderProgressProps): import("react").JSX.Element;
+/**
+ * The way back. A link by default, with the arrow the family draws before it;
+ * `render` makes it a router's link or a button.
+ */
+export declare function PageHeaderBack({ children, className, ref, render, style, ...nativeProps }: PageHeaderBackProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The heading. `level` decides the element; the full text is repeated in
+ * `title`, so a clamped title stays reachable whole. While loading it renders
+ * Skeleton's text shape in place of its words — the placeholder is skeleton's,
+ * and this family says only how wide it is.
+ */
+export declare function PageHeaderHeading({ children, className, ref, render, style, title, ...nativeProps }: PageHeaderHeadingProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** One line under the heading, in the muted text, part of what stays visible. */
+export declare function PageHeaderSubheading({ children, className, ref, render, style, ...nativeProps }: PageHeaderSubheadingProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** A paragraph with a measure, inside the header area's content. */
+export declare function PageHeaderDescription({ children, className, ref, render, style, ...nativeProps }: PageHeaderDescriptionProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The region that collapses. Collapsed by the control it is `inert` and
+ * hidden from assistive technology, because a 0fr row leaves its controls in
+ * the DOM and out of sight; scrolled past it is neither, so a control inside
+ * it that receives focus is scrolled back into view and the header re-opens
+ * with the reason `scroll`.
+ */
+export declare function PageHeaderArea({ 'aria-label': ariaLabel, children, className, ref, render, style, ...nativeProps }: PageHeaderAreaProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The zero-height row on the chrome's edge, and the pill inside it. The pill
+ * is the row's only child; the toggle and the pin are the pill's.
+ */
+export declare function PageHeaderControls({ children, className, ref, render, style, ...nativeProps }: PageHeaderPartComponentProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The disclosure control. A `button`, so `Enter` and `Space` are the
+ * platform's; `aria-expanded` and `aria-controls` are the pattern's two
+ * properties. Focus stays on it after either move.
+ */
+export declare function PageHeaderToggle({ 'aria-label': ariaLabel, children, className, onClick, ref, render, style, ...nativeProps }: PageHeaderToggleProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The pin: a toggle button with `aria-pressed`, which is the `pressed` state
+ * the vocabulary has. It exists when it is rendered; there is no prop to hide
+ * it.
+ */
+export declare function PageHeaderPin({ 'aria-label': ariaLabel, children, className, onClick, ref, render, style, ...nativeProps }: PageHeaderPinProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=page-header-parts.d.ts.map

package/dist/types/page-header/page-header-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-parts.d.ts","sourceRoot":"","sources":["../../../src/page-header/page-header-parts.tsx"],"names":[],"mappings":"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"}

package/dist/types/page-header/page-header.d.ts

@@ -0,0 +1,32 @@
+
+import type { PageHeaderContextValue, PageHeaderProps } from './page-header.types';
+/**
+ * What the header around this part says. A part outside one has no state to
+ * report, so this throws rather than rendering a control that does nothing.
+ */
+export declare function usePageHeader(): PageHeaderContextValue;
+/**
+ * The shell of a screen's top: a title area that never leaves, a header area
+ * that scrolls away under it and comes back, a pill of controls on the
+ * chrome's edge, and a slot for tabs. SAP Fiori's Dynamic Page, rebuilt on one
+ * sticky root.
+ *
+ * **The stylesheet does the moving.** The root is `position: sticky` with a
+ * negative offset the size of the header area, measured here into
+ * `--slotted-page-header-collapse`. Scrolling takes the area under the title
+ * and leaves the title where it is; nothing is animated on scroll, because
+ * the scroll is the movement.
+ *
+ * **Two values a consumer may own.** `expanded` moves by the toggle, by the
+ * pin, by the application and by the scroll, and the request says which —
+ * `scroll` is a reason of its own, so a product saving the reader's
+ * preference persists the click and ignores the scroll. `pinned` moves by the
+ * pin and by the application.
+ *
+ * **What the scroll knows is a fact.** `data-scrolled` says the scroll has
+ * passed the area; `data-revealed` says the area was opened whole in place
+ * after it had. Both come from `@slotted/core/sticky-header`, which the
+ * Angular binding drives the same way.
+ */
+export declare function PageHeader({ children, className, collapse, defaultExpanded, defaultPinned, expanded, level, loading, messages, onExpandedChange, onPinnedChange, pinned, ref, render, size, style, variant, ...nativeProps }: PageHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/types/page-header/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/page-header/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AAqBrD,OAAO,KAAK,EACV,sBAAsB,EAGtB,eAAe,EAEhB,MAAM,qBAAqB,CAAC;AAI7B;;;GAGG;AACH,wBAAgB,aAAa,IAAI,sBAAsB,CAMtD;AAgBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,eAAe,EACf,aAAa,EACb,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,MAAM,EACN,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,OAAO,EACP,GAAG,WAAW,EACf,EAAE,eAAe,+BA4NjB"}

package/dist/types/page-header/page-header.types.d.ts

@@ -0,0 +1,198 @@
+import type { FamilyTranslator, PageHeaderMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ProgressBarProps } from '../progress-indicator';
+import type { ButtonHTMLAttributes, ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref } from 'react';
+/** The type step the title sits at. The snapped title takes the step below it. */
+export type PageHeaderSize = 'sm' | 'md' | 'lg';
+/** The rank of the heading. A page's own header is `1`. */
+export type PageHeaderLevel = '1' | '2' | '3';
+/**
+ * What collapses the header area. `scroll` collapses it when it leaves the
+ * scrollport and re-opens it when it returns; `manual` leaves it to the toggle,
+ * the pin and the application, and the whole header stays while the page
+ * scrolls — sap.f's `preserveHeaderStateOnScroll`.
+ */
+export type PageHeaderCollapse = 'scroll' | 'manual';
+/**
+ * The ground and the frame. `band` is a strip of the surface with a hairline
+ * under it; `plain` paints no ground at rest and takes the surface back once
+ * content passes under it; `floating` is a box of its own, rounded, that
+ * slides to an inset below the scroller's edge once stuck.
+ */
+export type PageHeaderVariant = 'band' | 'plain' | 'floating';
+/** Why the header area opened or closed. */
+export type PageHeaderExpandedReason = Extract<ChangeRequest<boolean>['reason'], 'pointer' | 'keyboard' | 'scroll' | 'programmatic'>;
+/** Why the pin took hold or let go. */
+export type PageHeaderPinnedReason = Extract<ChangeRequest<boolean>['reason'], 'pointer' | 'keyboard' | 'programmatic'>;
+/** The request the family emits before either value moves. */
+export type PageHeaderChangeRequest = ChangeRequest<boolean>;
+/** What an application sets once for every page header under it. */
+export interface PageHeaderDefaults {
+    collapse: PageHeaderCollapse;
+    level: PageHeaderLevel;
+    size: PageHeaderSize;
+    variant: PageHeaderVariant;
+}
+export interface PageHeaderDefaultsProviderProps extends Partial<PageHeaderDefaults> {
+    children?: ReactNode | undefined;
+}
+/** The imperative actions a consumer cannot express declaratively. */
+export interface PageHeaderHandle {
+    /** The `header` element. */
+    element: HTMLElement | null;
+    /** Opens the header area, carrying `programmatic`. Scrolled past, it reveals it in place. */
+    expand: () => void;
+    /** Closes the header area, carrying `programmatic`. */
+    collapse: () => void;
+    /** Takes hold, carrying `programmatic`; a collapsed area opens with it. */
+    pin: () => void;
+    /** Lets go, carrying `programmatic`. */
+    unpin: () => void;
+}
+/** What the family hands its own parts. */
+export interface PageHeaderContextValue {
+    collapse: PageHeaderCollapse;
+    expanded: boolean;
+    /** The identifier of the header area, which the toggle names through `aria-controls`. */
+    ids: {
+        areaId: string;
+        headingId: string;
+    };
+    level: PageHeaderLevel;
+    loading: boolean;
+    /** The family's words in the language in force, with this header's `messages` laid over them. */
+    t: FamilyTranslator<PageHeaderMessages>;
+    pinned: boolean;
+    /** Whether the area is shown whole in place although the scroll has passed it. */
+    revealed: boolean;
+    /** Whether the scroll has passed the area. */
+    scrolled: boolean;
+    size: PageHeaderSize;
+    /** Asks the header area to open or close, carrying the reason and the originating event. */
+    setExpanded: (next: boolean, reason: PageHeaderExpandedReason, source: unknown) => void;
+    /** Asks the pin to take hold or let go, carrying the reason and the originating event. */
+    setPinned: (next: boolean, reason: PageHeaderPinnedReason, source: unknown) => void;
+}
+/** What `render` receives for the root. */
+export interface PageHeaderRootProps extends HTMLAttributes<HTMLElement> {
+    'data-collapse': PageHeaderCollapse;
+    'data-compact'?: '' | undefined;
+    'data-expanded'?: '' | undefined;
+    'data-level': PageHeaderLevel;
+    'data-loading'?: '' | undefined;
+    'data-part': string;
+    'data-revealed'?: '' | undefined;
+    'data-scrolled'?: '' | undefined;
+    'data-size': PageHeaderSize;
+    'data-stuck'?: '' | undefined;
+    'data-ui': string;
+    'data-variant': PageHeaderVariant;
+}
+/** What `render` receives for a plain part. */
+export interface PageHeaderPartProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+}
+/** What `render` receives for the heading. */
+export interface PageHeaderHeadingRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    id: string;
+    title?: string | undefined;
+}
+/** What `render` receives for the header area. */
+export interface PageHeaderAreaRootProps extends HTMLAttributes<HTMLElement> {
+    'aria-label': string;
+    'data-part': string;
+    id: string;
+    role: 'region';
+}
+/** What `render` receives for the toggle. */
+export interface PageHeaderToggleRootProps extends ButtonHTMLAttributes<HTMLElement> {
+    'aria-controls': string;
+    'aria-expanded': boolean;
+    'aria-label': string;
+    'data-part': string;
+    type: 'button';
+}
+/** What `render` receives for the pin. */
+export interface PageHeaderPinRootProps extends ButtonHTMLAttributes<HTMLElement> {
+    'aria-label': string;
+    'aria-pressed': boolean;
+    'data-part': string;
+    'data-pressed'?: '' | undefined;
+    type: 'button';
+}
+export interface PageHeaderProps extends Omit<ComponentPropsWithRef<'header'>, 'ref' | 'onChange'> {
+    /** Defaults to the provider, then `scroll`. */
+    collapse?: PageHeaderCollapse | undefined;
+    /** The value an uncontrolled header area starts from, read once. */
+    defaultExpanded?: boolean | undefined;
+    /** The value an uncontrolled pin starts from, read once. */
+    defaultPinned?: boolean | undefined;
+    /** Present means the consumer owns the header area's state, for the life of the component. */
+    expanded?: boolean | undefined;
+    /** Defaults to the provider, then `1`. */
+    level?: PageHeaderLevel | undefined;
+    /**
+     * Whether the title has not arrived yet. The heading, the subheading and the
+     * description render Skeleton's text shape in place of their words; the
+     * actions stay operable; the root carries `aria-busy`.
+     */
+    loading?: boolean | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * toggle, the pin and the header area's name. A native `aria-label` on a
+     * part still wins.
+     */
+    messages?: PartialMessages<PageHeaderMessages> | undefined;
+    /** Called before the header area moves, with the request that carries the reason. */
+    onExpandedChange?: ((expanded: boolean, request: PageHeaderChangeRequest) => void) | undefined;
+    /** Called before the pin moves, with the request that carries the reason. */
+    onPinnedChange?: ((pinned: boolean, request: PageHeaderChangeRequest) => void) | undefined;
+    /** Present means the consumer owns the pin's state, for the life of the component. */
+    pinned?: boolean | undefined;
+    /** The handle: the element, and the four moves that carry `programmatic`. */
+    ref?: Ref<PageHeaderHandle> | undefined;
+    /** Renders the root into another element. */
+    render?: ((props: PageHeaderRootProps) => ReactNode) | undefined;
+    /** Defaults to the provider, then `md`. */
+    size?: PageHeaderSize | undefined;
+    /** Defaults to the provider, then `band`. */
+    variant?: PageHeaderVariant | undefined;
+}
+/**
+ * The bar's own props, less the placement the header decides. `size` defaults
+ * to `sm`, `delay` to 200 and `minDuration` to 400 milliseconds; a value set
+ * here, then one set through `ProgressIndicatorDefaultsProvider`, wins.
+ */
+export type PageHeaderProgressProps = Omit<ProgressBarProps, 'placement'>;
+export interface PageHeaderPartComponentProps extends ComponentPropsWithRef<'div'> {
+    /** Renders the part into another element. */
+    render?: ((props: PageHeaderPartProps) => ReactNode) | undefined;
+}
+export interface PageHeaderBackProps extends ComponentPropsWithRef<'a'> {
+    /** Renders the way back into another element — a router's link, or a button. */
+    render?: ((props: PageHeaderPartProps) => ReactNode) | undefined;
+}
+export interface PageHeaderHeadingProps extends ComponentPropsWithRef<'h1'> {
+    /** Renders the heading into another element — an editable field, a link. The rank stays the family's. */
+    render?: ((props: PageHeaderHeadingRootProps) => ReactNode) | undefined;
+}
+export interface PageHeaderSubheadingProps extends ComponentPropsWithRef<'p'> {
+    render?: ((props: PageHeaderPartProps) => ReactNode) | undefined;
+}
+export interface PageHeaderDescriptionProps extends ComponentPropsWithRef<'p'> {
+    render?: ((props: PageHeaderPartProps) => ReactNode) | undefined;
+}
+export interface PageHeaderAreaProps extends ComponentPropsWithRef<'div'> {
+    /** Renders the region into another element. */
+    render?: ((props: PageHeaderAreaRootProps) => ReactNode) | undefined;
+}
+export interface PageHeaderToggleProps extends ComponentPropsWithRef<'button'> {
+    /** Renders the control into another element. */
+    render?: ((props: PageHeaderToggleRootProps) => ReactNode) | undefined;
+}
+export interface PageHeaderPinProps extends ComponentPropsWithRef<'button'> {
+    /** Renders the control into another element. */
+    render?: ((props: PageHeaderPinRootProps) => ReactNode) | undefined;
+}
+//# sourceMappingURL=page-header.types.d.ts.map

package/dist/types/page-header/page-header.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.types.d.ts","sourceRoot":"","sources":["../../../src/page-header/page-header.types.ts"],"names":[],"mappings":"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"}

package/dist/types/pagination/index.d.ts

@@ -0,0 +1,5 @@
+export { Pagination, usePagination } from './pagination';
+export { PaginationDefaultsProvider, usePaginationDefaults } from './pagination-defaults';
+export { PaginationFirst, PaginationItems, PaginationLast, PaginationNext, PaginationPageSize, PaginationPrevious, PaginationStatus, } from './pagination-parts';
+export type { PaginationContextValue, PaginationDefaults, PaginationDefaultsProviderProps, PaginationItemsProps, PaginationItemsRootProps, PaginationLive, PaginationPageReason, PaginationPageRequest, PaginationPageSizeProps, PaginationPageSizeReason, PaginationPageSizeRequest, PaginationPageSizeRootProps, PaginationProps, PaginationRootProps, PaginationStatusProps, PaginationStatusRootProps, PaginationTriggerProps, PaginationTriggerRootProps, } from './pagination.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EACL,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,sBAAsB,EACtB,kBAAkB,EAClB,+BAA+B,EAC/B,oBAAoB,EACpB,wBAAwB,EACxB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EACzB,2BAA2B,EAC3B,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,oBAAoB,CAAC"}

package/dist/types/pagination/pagination-defaults.d.ts

@@ -0,0 +1,11 @@
+import type { PaginationDefaults, PaginationDefaultsProviderProps } from './pagination.types';
+export declare function usePaginationDefaults(): PaginationDefaults;
+/**
+ * An application decides once how wide its rows of pages are, how many items a
+ * page holds, and
+ * whether a page change is announced. A paginator that states any of those
+ * itself still wins: an explicit prop is never overridden by context. Its words
+ * come from the language in force (`SlottedProvider`).
+ */
+export declare function PaginationDefaultsProvider({ children, ...defaults }: PaginationDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=pagination-defaults.d.ts.map

package/dist/types/pagination/pagination-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-defaults.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAI9F,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,+BAA+B,+BAgBjC"}

package/dist/types/pagination/pagination-parts.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import type { PaginationItemsProps, PaginationPageSizeProps, PaginationStatusProps, PaginationTriggerProps } from './pagination.types';
+export declare function PaginationFirst(props: PaginationTriggerProps): import("react").JSX.Element;
+export declare function PaginationPrevious(props: PaginationTriggerProps): import("react").JSX.Element;
+export declare function PaginationNext(props: PaginationTriggerProps): import("react").JSX.Element;
+export declare function PaginationLast(props: PaginationTriggerProps): import("react").JSX.Element;
+/**
+ * The row of page numbers, and the sentence that replaces it below the
+ * family's own breakpoint. Both are rendered and exactly one is displayed, so
+ * neither is announced twice.
+ *
+ * A paginator over a collection whose total the server does not know renders
+ * nothing here: there are no page numbers to draw and the family invents none.
+ */
+export declare function PaginationItems({ ref, render, ...nativeProps }: PaginationItemsProps): import("react").JSX.Element | null;
+/**
+ * "21–40 of 482", and the polite live region that announces a page change.
+ * One region announcing one sentence is the whole of the announcement: a
+ * paginator that also announced the label would say the same thing twice.
+ */
+export declare function PaginationStatus({ children, ref, render, ...nativeProps }: PaginationStatusProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * How many items a page holds.
+ *
+ * A native `select`, wrapped by its own label. `select` in a later wave owns
+ * the styled listbox; a paginator that could not change its page size until
+ * then is not one a table can use, and the native control is what section 2.8
+ * of the feature guide asks for first. Wrapping rather than pointing gives the
+ * control its accessible name from the platform, with no generated id.
+ */
+export declare function PaginationPageSize({ label, onChange, ref, render, ...nativeProps }: PaginationPageSizeProps): import("react").JSX.Element;
+//# sourceMappingURL=pagination-parts.d.ts.map

package/dist/types/pagination/pagination-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-parts.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination-parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EACV,oBAAoB,EAEpB,uBAAuB,EAEvB,qBAAqB,EAErB,sBAAsB,EAEvB,MAAM,oBAAoB,CAAC;AAsF5B,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,+BAW5D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,sBAAsB,+BAW/D;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,sBAAsB,+BAW3D;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,sBAAsB,+BAW3D;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,oBAAoB,sCA8BpF;AAsCD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,qBAAqB,+TAiBhG;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,GAAG,EACH,MAAM,EACN,GAAG,WAAW,EACf,EAAE,uBAAuB,+BAkCzB"}

package/dist/types/pagination/pagination.d.ts

@@ -0,0 +1,28 @@
+
+import type { PaginationContextValue, PaginationProps } from './pagination.types';
+/**
+ * What the paginator around this part says, and the imperative surface a
+ * consumer cannot express as a prop: `goToPage`, `next` and `previous`, plus
+ * the arithmetic they were derived from.
+ */
+export declare function usePagination(): PaginationContextValue;
+/**
+ * Moving between pages of a collection the consumer owns.
+ *
+ * **It never fetches and never slices.** The collection is the consumer's, and
+ * a family that held a copy of it would hold a stale one. `count` and
+ * `pageSize` are all the arithmetic needs, and `@slotted/core/pagination` does
+ * the arithmetic once for both bindings.
+ *
+ * **It never invents a total.** A collection whose total the server does not
+ * know passes no `count`; the row of numbers is then not drawn at all, and the
+ * two triggers plus a sentence are the whole paginator. Section 7 of the
+ * feature guide asks for exactly that.
+ *
+ * **The page can move by itself, once.** A collection that shrinks under a
+ * reader on page forty leaves them past the end, so the family clamps and
+ * emits the clamped value with the reason `programmatic` — a consumer holding
+ * the value follows instead of rendering an empty page.
+ */
+export declare function Pagination({ boundaryCount, children, count, defaultPage, defaultPageSize, disabled, itemHref, live, messages, loading, onPageChange, onPageSizeChange, page, pageSize, pageSizeOptions, render, siblingCount, ...nativeProps }: PaginationProps): import("react").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/types/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC;AASnD,OAAO,KAAK,EACV,sBAAsB,EAGtB,eAAe,EAEhB,MAAM,oBAAoB,CAAC;AAI5B;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,sBAAsB,CAMtD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,aAAa,EACb,QAAQ,EACR,KAAK,EACL,WAAW,EACX,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,MAAM,EACN,YAAY,EACZ,GAAG,WAAW,EACf,EAAE,eAAe,+BAiIjB"}