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

package/dist/types/description-list/description-list-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-parts.d.ts","sourceRoot":"","sources":["../../../src/description-list/description-list-parts.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,0BAA0B,EAG1B,+BAA+B,EAE/B,wBAAwB,EAExB,wBAAwB,EAExB,wBAAwB,EAEzB,MAAM,0BAA0B,CAAC;AAElC,4EAA4E;AAC5E,eAAO,MAAM,UAAU,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,WAAW,CAAC;AAsBzC;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAG/F;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAa7D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIxF;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,EACH,MAAM,EACN,IAAI,EACJ,GAAG,WAAW,EACf,EAAE,wBAAwB,+BAiB1B;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,EACH,MAAM,EACN,GAAG,WAAW,EACf,EAAE,wBAAwB,+TAW1B;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,EACH,MAAM,EACN,GAAG,WAAW,EACf,EAAE,wBAAwB,+TAQ1B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,eAAe,EACf,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,GAAG,EACH,MAAM,EACN,QAAQ,EACR,KAAK,EACL,GAAG,WAAW,EACf,EAAE,+BAA+B,+TAgKjC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,GAAG,EACH,MAAM,EACN,GAAG,WAAW,EACf,EAAE,0BAA0B,+TAY5B"}

package/dist/types/description-list/description-list.d.ts

@@ -0,0 +1,34 @@
+
+
+import type { DescriptionListContextValue, DescriptionListItemContextValue, DescriptionListProps } from './description-list.types';
+/**
+ * What the list around this part decided. A part outside a list has no
+ * arrangement to answer and no words to read, so this throws rather than
+ * rendering markup that looks right and behaves like nothing.
+ */
+export declare function useDescriptionList(): DescriptionListContextValue;
+/** The pair around this part, when there is one. */
+export declare function useDescriptionListItem(): DescriptionListItemContextValue | undefined;
+export declare const DescriptionListItemProvider: import("react").Provider<DescriptionListItemContextValue | undefined>;
+/**
+ * Pairs of a term and its description, read rather than edited.
+ *
+ * **The semantics are the platform's.** `dl`, `dt` and `dd` already carry
+ * `list`, `term` and `definition`, so the family writes no role: MDN records
+ * that authoring the ARIA `term` and `definition` roles by hand changes how
+ * VoiceOver announces the construct. The `div` around each pair is the form the
+ * HTML Standard permits, and it is what makes a pair one grid area.
+ *
+ * **The `dl` is fixed, and the wrapper around it is why.** An element with
+ * `container-type: inline-size` is a query container for its descendants and
+ * not for itself, and what the container query changes here is the grid. So the
+ * root is the container and the `dl` is the grid; substituting the `dl` would
+ * take away the element every semantic in this family rests on, and it has no
+ * option of its own to be worth the risk. Native props, the ref and `render`
+ * reach the root.
+ *
+ * **It answers its own width, not the viewport's.** The same list sits in a
+ * three-hundred-pixel drawer and in a page, on one screen.
+ */
+export declare function DescriptionList({ children, columns, layout, messages, render, style, termWidth, variant, ...nativeProps }: DescriptionListProps): import("react").JSX.Element;
+//# sourceMappingURL=description-list.d.ts.map

package/dist/types/description-list/description-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../src/description-list/description-list.tsx"],"names":[],"mappings":"AAAA,OAAO,uDAAuD,CAAC;AAC/D,OAAO,qDAAqD,CAAC;AAO7D,OAAO,KAAK,EACV,2BAA2B,EAC3B,+BAA+B,EAC/B,oBAAoB,EAErB,MAAM,0BAA0B,CAAC;AAOlC;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,2BAA2B,CAMhE;AAED,oDAAoD;AACpD,wBAAgB,sBAAsB,IAAI,+BAA+B,GAAG,SAAS,CAEpF;AAED,eAAO,MAAM,2BAA2B,uEAAsC,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,WAAW,EACf,EAAE,oBAAoB,+BAmCtB"}

package/dist/types/description-list/description-list.types.d.ts

@@ -0,0 +1,128 @@
+import type { DescriptionListMessages, FamilyTranslator, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+/** The term beside its value, or above it. */
+export type DescriptionListLayout = 'row' | 'stack';
+/** How many pairs stand side by side before the container narrows. */
+export type DescriptionListColumns = 1 | 2 | 3;
+/** Nothing between pairs, a rule between them, or a framed table. */
+export type DescriptionListVariant = 'plain' | 'ruled' | 'framed';
+/** Only two things can ask to reveal a value: a press and a key. */
+export type DescriptionListRevealReason = 'pointer' | 'keyboard' | 'programmatic';
+export type DescriptionListChangeRequest = ChangeRequest<boolean>;
+/**
+ * What happened when a value was copied. It is not a `ChangeRequest`: the
+ * clipboard belongs to the platform, so there is no previous value, nothing to
+ * cancel, and no state the family holds. The event reports, after the fact,
+ * what a consumer may want to log or announce differently.
+ */
+export interface DescriptionListCopyRequest {
+    /** The exact text handed to the clipboard. */
+    readonly value: string;
+    readonly reason: 'pointer' | 'keyboard';
+    /** `false` when the platform refused the write or offers no clipboard. */
+    readonly copied: boolean;
+    /**
+     * `true` when the write was refused and the value was selected instead, so
+     * the reader can copy it with the keyboard.
+     */
+    readonly selected: boolean;
+    readonly source?: unknown;
+}
+export interface DescriptionListDefaults {
+    columns?: DescriptionListColumns | undefined;
+    layout?: DescriptionListLayout | undefined;
+    /** The maximum width of the term column, as a CSS length. */
+    termWidth?: string | undefined;
+    variant?: DescriptionListVariant | undefined;
+}
+export interface DescriptionListDefaultsProviderProps extends DescriptionListDefaults {
+    children?: ReactNode;
+}
+export interface DescriptionListContextValue {
+    columns: DescriptionListColumns;
+    layout: DescriptionListLayout;
+    /** The family's words in the language in force, with this list's `messages` laid over them. */
+    t: FamilyTranslator<DescriptionListMessages>;
+    variant: DescriptionListVariant;
+}
+export interface DescriptionListItemContextValue {
+    /** The `dt`'s identifier, which the row's action is described by. */
+    termId: string;
+}
+export interface DescriptionListRootProps extends ComponentPropsWithRef<'div'> {
+    'data-columns': string;
+    'data-layout': DescriptionListLayout;
+    'data-part': string;
+    'data-ui': string;
+    'data-variant': DescriptionListVariant;
+}
+export interface DescriptionListProps extends ComponentPropsWithRef<'div'> {
+    columns?: DescriptionListColumns | undefined;
+    layout?: DescriptionListLayout | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * copy control and its announcements, the reveal control, and the sentence
+     * read in place of a missing value.
+     */
+    messages?: PartialMessages<DescriptionListMessages> | undefined;
+    render?: ((props: DescriptionListRootProps) => ReactNode) | undefined;
+    /** The maximum width of the term column, as a CSS length. */
+    termWidth?: string | undefined;
+    variant?: DescriptionListVariant | undefined;
+}
+export interface DescriptionListItemRootProps extends ComponentPropsWithRef<'div'> {
+    'data-part': string;
+    'data-span': string | undefined;
+}
+export interface DescriptionListItemProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: DescriptionListItemRootProps) => ReactNode) | undefined;
+    /** How many columns the pair takes, clamped to the count the list has. */
+    span?: DescriptionListColumns | undefined;
+}
+export interface DescriptionListTermRootProps extends ComponentPropsWithRef<'dt'> {
+    'data-part': string;
+}
+export interface DescriptionListTermProps extends ComponentPropsWithRef<'dt'> {
+    render?: ((props: DescriptionListTermRootProps) => ReactNode) | undefined;
+}
+export interface DescriptionListHintRootProps extends ComponentPropsWithRef<'span'> {
+    'data-part': string;
+}
+export interface DescriptionListHintProps extends ComponentPropsWithRef<'span'> {
+    render?: ((props: DescriptionListHintRootProps) => ReactNode) | undefined;
+}
+export interface DescriptionListDescriptionRootProps extends ComponentPropsWithRef<'dd'> {
+    'data-clamp': '' | undefined;
+    'data-part': string;
+    'data-revealed': '' | undefined;
+}
+export interface DescriptionListDescriptionProps extends Omit<ComponentPropsWithRef<'dd'>, 'onCopy'> {
+    /** Lines the value is held to before it is revealed. `0` never clamps. */
+    clamp?: number | undefined;
+    /** Draws the control that puts the value on the clipboard. */
+    copy?: boolean | undefined;
+    /**
+     * The text the control copies. Absent, the rendered text of the value is
+     * read at the moment of the press, which is what a formatted value needs.
+     */
+    copyValue?: string | undefined;
+    /** The value an uncontrolled description starts from, read once. */
+    defaultRevealed?: boolean | undefined;
+    /** Draws the placeholder. React also treats nullish children as empty. */
+    empty?: boolean | undefined;
+    onCopy?: ((request: DescriptionListCopyRequest) => void) | undefined;
+    onRevealedChange?: ((revealed: boolean, request: DescriptionListChangeRequest) => void) | undefined;
+    /** What is read in place of a value that is missing. */
+    placeholder?: ReactNode | undefined;
+    render?: ((props: DescriptionListDescriptionRootProps) => ReactNode) | undefined;
+    /** Present means controlled, for the life of the component. */
+    revealed?: boolean | undefined;
+}
+export interface DescriptionListActionRootProps extends ComponentPropsWithRef<'dd'> {
+    'data-part': string;
+}
+export interface DescriptionListActionProps extends ComponentPropsWithRef<'dd'> {
+    render?: ((props: DescriptionListActionRootProps) => ReactNode) | undefined;
+}
+//# sourceMappingURL=description-list.types.d.ts.map

package/dist/types/description-list/description-list.types.d.ts.map

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

package/dist/types/description-list/index.d.ts

@@ -0,0 +1,6 @@
+export { DescriptionList, useDescriptionList, useDescriptionListItem } from './description-list';
+export { copyToClipboard } from './description-list-clipboard';
+export { DescriptionListDefaultsProvider, useDescriptionListDefaults, } from './description-list-defaults';
+export { COPIED_FOR, DescriptionListAction, DescriptionListDescription, DescriptionListHint, DescriptionListItem, DescriptionListTerm, overflowsClamp, selectValue, spanWithin, } from './description-list-parts';
+export type { DescriptionListActionProps, DescriptionListActionRootProps, DescriptionListChangeRequest, DescriptionListColumns, DescriptionListContextValue, DescriptionListCopyRequest, DescriptionListDefaults, DescriptionListDefaultsProviderProps, DescriptionListDescriptionProps, DescriptionListDescriptionRootProps, DescriptionListHintProps, DescriptionListHintRootProps, DescriptionListItemContextValue, DescriptionListItemProps, DescriptionListItemRootProps, DescriptionListLayout, DescriptionListProps, DescriptionListRevealReason, DescriptionListRootProps, DescriptionListTermProps, DescriptionListTermRootProps, DescriptionListVariant, } from './description-list.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/description-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/description-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,+BAA+B,EAC/B,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,UAAU,GACX,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,0BAA0B,EAC1B,8BAA8B,EAC9B,4BAA4B,EAC5B,sBAAsB,EACtB,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACvB,oCAAoC,EACpC,+BAA+B,EAC/B,mCAAmC,EACnC,wBAAwB,EACxB,4BAA4B,EAC5B,+BAA+B,EAC/B,wBAAwB,EACxB,4BAA4B,EAC5B,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,0BAA0B,CAAC"}

package/dist/types/detail-panel/detail-panel-defaults.d.ts

@@ -0,0 +1,11 @@
+import type { DetailPanelDefaults, DetailPanelDefaultsProviderProps } from './detail-panel.types';
+/** What a detail panel renders as here, before it states anything of its own. */
+export declare function useDetailPanelDefaults(): DetailPanelDefaults;
+/**
+ * An application decides once how its records read — stacked or tabbed,
+ * the aside's side, the rank, the size, who scrolls — rather than repeating
+ * them on every screen. A panel that states any of them itself still wins.
+ * Its words come from the language in force (`SlottedProvider`).
+ */
+export declare function DetailPanelDefaultsProvider({ children, ...defaults }: DetailPanelDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=detail-panel-defaults.d.ts.map

package/dist/types/detail-panel/detail-panel-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-panel-defaults.d.ts","sourceRoot":"","sources":["../../../src/detail-panel/detail-panel-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AAalG,iFAAiF;AACjF,wBAAgB,sBAAsB,IAAI,mBAAmB,CAE5D;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,gCAAgC,+BAiBlC"}

package/dist/types/detail-panel/detail-panel-demo.d.ts

@@ -0,0 +1,92 @@
+import type { ReactNode } from 'react';
+import type { PageHeaderProps } from '../page-header';
+import type { DetailPanelBodyProps, DetailPanelProps } from './detail-panel.types';
+export declare const MONEY: Intl.NumberFormat;
+export interface SalesOrder {
+    id: string;
+    customer: string;
+    po: string;
+    confirmed: string;
+    status: string;
+    tone: 'accent' | 'warning' | 'danger' | 'success';
+    total: number;
+    delivery: string;
+    warehouse: string;
+    owner: string;
+    team: string;
+    terms: string;
+    approval: string;
+    outstanding: number;
+    invoice: string;
+}
+export declare const ORDERS: SalesOrder[];
+export declare const ORDER: SalesOrder;
+export declare const LINES: {
+    sku: string;
+    product: string;
+    quantity: number;
+    unit: number;
+    fulfilled: number;
+}[];
+export declare const SHIPMENTS: {
+    id: string;
+    carrier: string;
+    status: string;
+    packages: number;
+}[];
+export declare const HISTORY: ({
+    title: string;
+    description: string;
+    time: string;
+    tone: "warning";
+    actor?: never;
+} | {
+    title: string;
+    actor: string;
+    time: string;
+    description?: never;
+    tone?: never;
+})[];
+/** The key facts under the title, in the header area. */
+export declare function OrderFacts({ order }: {
+    order?: SalesOrder;
+}): import("react").JSX.Element;
+/** The fields of the aside. */
+export declare function OrderFields({ order }: {
+    order?: SalesOrder;
+}): import("react").JSX.Element;
+/** The order lines, as a table. */
+export declare function OrderLines(): import("react").JSX.Element;
+/** The history of the order, as a feed. */
+export declare function OrderHistory(): import("react").JSX.Element;
+/**
+ * The top of the record: a page-header with the back link, the identifier
+ * and the customer as the heading, the status as a mark, the actions, the
+ * previous and next controls, the facts in the header area, and the strip in
+ * the tabs slot — which draws nothing under `layout="stacked"`.
+ */
+export declare function OrderHeader({ close, order, navigation, onNavigate, strip, ...props }: Partial<PageHeaderProps> & {
+    /** A host's own close control, after the toolbar. */
+    close?: ReactNode;
+    order?: SalesOrder;
+    navigation?: boolean;
+    onNavigate?: ((direction: -1 | 1) => void) | undefined;
+    strip?: boolean;
+}): import("react").JSX.Element;
+/** The three sections every order has. */
+export declare function OrderSections({ actions }: {
+    actions?: boolean;
+}): import("react").JSX.Element;
+/** The footer a drawer host gives the record. */
+export declare function OrderFooter({ onClose }: {
+    onClose?: (() => void) | undefined;
+}): import("react").JSX.Element;
+/** The whole record: the header, the body with the sections and the aside, and an optional footer. */
+export declare function OrderPanel({ banner, children, fields, header, message, order, ...props }: Partial<DetailPanelProps> & {
+    banner?: ReactNode;
+    fields?: ReactNode;
+    header?: ReactNode;
+    message?: DetailPanelBodyProps['message'];
+    order?: SalesOrder;
+}): import("react").JSX.Element;
+//# sourceMappingURL=detail-panel-demo.d.ts.map

package/dist/types/detail-panel/detail-panel-demo.d.ts.map

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

package/dist/types/detail-panel/detail-panel-parts.d.ts

@@ -0,0 +1,27 @@
+import type { DetailPanelBodyProps, DetailPanelSectionProps, DetailPanelTabsProps } from './detail-panel.types';
+/**
+ * The column under the header: a container at the page's width and inset,
+ * so the columns align with the header's own; the banner above, the two
+ * columns — the sections and the aside — and, when the record is not
+ * there, the message in their place.
+ */
+export declare function DetailPanelBody({ aside, banner, children, className, message, ref, render, style, ...nativeProps }: DetailPanelBodyProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * One named unit of content. Under `layout="tabs"` it is the tabpanel of
+ * the strip's tab — hidden when not current, in the tab sequence, wired by
+ * the ids the strip returns. Under `stacked` it holds a `Section` at the
+ * rank below the panel's, with the label as heading and the count as a badge
+ * after it.
+ *
+ * While the panel is loading the content is not mounted; three skeleton
+ * lines stand in its place.
+ */
+export declare function DetailPanelSection({ actions, children, className, count, disabled, label, name, ref, render, style, ...nativeProps }: DetailPanelSectionProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The strip: a `Tabs` list rendered from the registered sections, placed by
+ * the consumer in the page-header's tabs slot. It holds the list alone; the
+ * panels are the panel's own sections. Under `layout="stacked"` it renders
+ * nothing, so a layout can be switched with one prop.
+ */
+export declare function DetailPanelTabs({ children, label }: DetailPanelTabsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=detail-panel-parts.d.ts.map

package/dist/types/detail-panel/detail-panel-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-panel-parts.d.ts","sourceRoot":"","sources":["../../../src/detail-panel/detail-panel-parts.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,oBAAoB,EAEpB,uBAAuB,EAGvB,oBAAoB,EACrB,MAAM,sBAAsB,CAAC;AAM9B;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,oBAAoB,+VAsCtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,uBAAuB,+VAuEzB;AAgBD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,oBAAoB,sCA6BxE"}

package/dist/types/detail-panel/detail-panel.d.ts

@@ -0,0 +1,24 @@
+
+import type { DetailPanelContextValue, DetailPanelProps } from './detail-panel.types';
+/** What the panel around this part says. A part outside one has no model to read. */
+export declare function useDetailPanel(): DetailPanelContextValue;
+/**
+ * One record on screen: what identifies it, what state it is in, what can be
+ * done to it, and what happened to it.
+ *
+ * **The top is a `PageHeader` the consumer writes**, the root's first child.
+ * The panel provides its `level` and `size` as the header's defaults, so a
+ * header that states neither takes the panel's; one that does still wins.
+ *
+ * **One value moves: the current section.** Under `layout="tabs"` the strip
+ * (`DetailPanelTabs`, placed in the header's tabs slot) asks with `pointer`
+ * or `keyboard`; under `stacked` the value arrives as `programmatic` — a
+ * link, the URL, `scrollToSection()` — and the named section is scrolled
+ * under the chrome and marked `data-current`. The request can be cancelled.
+ *
+ * **Focus follows the record.** When `recordKey` changes while focus is
+ * inside the root, the heading takes focus and the scroller returns to its
+ * start; when focus is elsewhere nothing moves.
+ */
+export declare function DetailPanel({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, aside, children, className, defaultSection, footer, layout, level, loading, messages, mount, onSectionChange, recordKey, ref, render, scroll, section, size, status, style, ...nativeProps }: DetailPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=detail-panel.d.ts.map

package/dist/types/detail-panel/detail-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-panel.d.ts","sourceRoot":"","sources":["../../../src/detail-panel/detail-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AAqBvD,OAAO,KAAK,EACV,uBAAuB,EAEvB,gBAAgB,EAIjB,MAAM,sBAAsB,CAAC;AAI9B,qFAAqF;AACrF,wBAAgB,cAAc,IAAI,uBAAuB,CAMxD;AAgBD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,EACd,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,eAAe,EACf,SAAS,EACT,GAAG,EACH,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,gBAAgB,+BAyMlB"}

package/dist/types/detail-panel/detail-panel.types.d.ts

@@ -0,0 +1,186 @@
+import type { DetailPanelMessages, FamilyTranslator, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref } from 'react';
+/** Every section in the flow with a heading each, or a strip with one section shown. */
+export type DetailPanelLayout = 'stacked' | 'tabs';
+/** Which side the aside column takes above 600 pixels; `none` when the consumer renders no aside. */
+export type DetailPanelAside = 'end' | 'start' | 'none';
+/** The heading rank the page-header defaults to. Stacked sections take the rank below. */
+export type DetailPanelLevel = '1' | '2' | '3';
+/** The page-header's size default, the sections' size, the body's gap and inset. */
+export type DetailPanelSize = 'sm' | 'md' | 'lg';
+/** Who scrolls: the host, or the root itself. */
+export type DetailPanelScroll = 'ancestor' | 'self';
+/** Under `tabs`, when a section's content exists. Inert under `stacked`. */
+export type DetailPanelMount = 'active' | 'lazy' | 'eager';
+/** Whether the record is there. Under either failure the body gives way to the message. */
+export type DetailPanelStatus = 'ready' | 'not-found' | 'error';
+/** Why the current section moved. */
+export type DetailPanelSectionReason = Extract<ChangeRequest<string | undefined>['reason'], 'pointer' | 'keyboard' | 'programmatic'>;
+/** The request a section change carries. */
+export type DetailPanelChangeRequest = ChangeRequest<string | undefined>;
+/** What an application sets once for every detail panel under it. */
+export interface DetailPanelDefaults {
+    aside: DetailPanelAside;
+    layout: DetailPanelLayout;
+    level: DetailPanelLevel;
+    mount: DetailPanelMount;
+    scroll: DetailPanelScroll;
+    size: DetailPanelSize;
+}
+export interface DetailPanelDefaultsProviderProps extends Partial<DetailPanelDefaults> {
+    children?: ReactNode | undefined;
+}
+/** What one section tells the root about itself. */
+export interface DetailPanelSectionEntry {
+    name: string;
+    label: ReactNode;
+    count?: number | undefined;
+    disabled?: boolean | undefined;
+    /** The element, so the registry can be sorted in document order. */
+    element: HTMLElement | null;
+}
+/** The ids the strip's tabs family returns for one section name. */
+export interface DetailPanelIdentity {
+    panelId: string;
+    tabId: string;
+}
+/** What the family hands its own parts. */
+export interface DetailPanelContextValue {
+    aside: DetailPanelAside;
+    /** The current section, or `undefined` under `stacked` with none named. */
+    current: string | undefined;
+    /** Asks to move the current section. */
+    select: (name: string, reason: DetailPanelSectionReason, source: unknown) => void;
+    layout: DetailPanelLayout;
+    level: DetailPanelLevel;
+    loading: boolean;
+    mount: DetailPanelMount;
+    /** Whether a section has been current at least once, which is what `lazy` reads. */
+    seen: (name: string) => boolean;
+    /** Every registered section, in document order. */
+    sections: DetailPanelSectionEntry[];
+    register: (entry: DetailPanelSectionEntry) => () => void;
+    /** The strip's ids for a section, once the strip has attached; `undefined` before. */
+    identify: ((name: string) => DetailPanelIdentity) | undefined;
+    /** The strip hands the root its `identify`, so the sections can be wired to the tabs. */
+    attachIdentify: (identify: ((name: string) => DetailPanelIdentity) | undefined) => void;
+    size: DetailPanelSize;
+    status: DetailPanelStatus;
+    /** The family's words in the language in force, with this panel's `messages` laid over them. */
+    t: FamilyTranslator<DetailPanelMessages>;
+}
+/** What `render` receives for the root. */
+export interface DetailPanelRootProps extends HTMLAttributes<HTMLElement> {
+    'data-aside': DetailPanelAside;
+    'data-key'?: string | undefined;
+    'data-layout': DetailPanelLayout;
+    'data-level': DetailPanelLevel;
+    'data-loading'?: '' | undefined;
+    'data-mount': DetailPanelMount;
+    'data-part': string;
+    'data-scroll': DetailPanelScroll;
+    'data-size': DetailPanelSize;
+    'data-status': DetailPanelStatus;
+    'data-ui': string;
+    /** The callback the root reads its element through; a substituted element attaches it. */
+    ref?: Ref<HTMLElement> | undefined;
+}
+/** The imperative surface: the element, and the two moves a consumer cannot express declaratively. */
+export interface DetailPanelHandle {
+    readonly element: HTMLElement | null;
+    /** Puts focus on the page-header's heading, which is where a new record starts. */
+    focus(): void;
+    /** Scrolls a stacked section under the chrome, or shows a tabbed one, with the reason `programmatic`. */
+    scrollToSection(name: string): void;
+}
+export interface DetailPanelProps extends Omit<ComponentPropsWithRef<'article'>, 'ref' | 'onSelect'> {
+    /** Defaults to the provider, then `end`. */
+    aside?: DetailPanelAside | undefined;
+    /** The section a stacked or tabbed panel starts on, read once. */
+    defaultSection?: string | undefined;
+    /**
+     * The row that stays at the bottom: an action-bar. Rendered in the `footer`
+     * part after the body, sticky at `--slotted-page-sticky-bottom`.
+     */
+    footer?: ReactNode | undefined;
+    /** Defaults to the provider, then `stacked`. */
+    layout?: DetailPanelLayout | undefined;
+    /** Defaults to the provider, then `2`. */
+    level?: DetailPanelLevel | undefined;
+    /** The record has not arrived: `aria-busy`, and skeleton lines in every section. */
+    loading?: boolean | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * aside's name (`aside`) and the root's name while loading (`loading`).
+     */
+    messages?: PartialMessages<DetailPanelMessages> | undefined;
+    /** Defaults to the provider, then `active`. */
+    mount?: DetailPanelMount | undefined;
+    /** Called before the current section moves, with the request that carries the reason. */
+    onSectionChange?: ((section: string | undefined, request: DetailPanelChangeRequest) => void) | undefined;
+    /**
+     * The identity of the record on screen. When it changes while focus is
+     * inside the root, the heading takes focus and the scroller returns to
+     * its start.
+     */
+    recordKey?: string | number | undefined;
+    /** The handle: the element, `focus()` and `scrollToSection()`. */
+    ref?: Ref<DetailPanelHandle> | undefined;
+    /** Renders the root into another element. */
+    render?: ((props: DetailPanelRootProps) => ReactNode) | undefined;
+    /** Defaults to the provider, then `ancestor`. */
+    scroll?: DetailPanelScroll | undefined;
+    /** Present means the consumer owns the current section, for the life of the component. */
+    section?: string | undefined;
+    /** Defaults to the provider, then `md`. */
+    size?: DetailPanelSize | undefined;
+    /** Defaults to `ready`. */
+    status?: DetailPanelStatus | undefined;
+}
+/** What `render` receives for a plain part. */
+export interface DetailPanelPartProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+}
+export interface DetailPanelBodyProps extends ComponentPropsWithRef<'div'> {
+    /** An alert about the record, rendered in the `banner` part above the columns. */
+    banner?: ReactNode | undefined;
+    /** The metadata column, rendered in the `aside` part beside the sections. */
+    aside?: ReactNode | undefined;
+    /** What stands in place of the columns under `status="not-found"` or `"error"`: a result-state. */
+    message?: ReactNode | undefined;
+    /** Renders the body into another element. */
+    render?: ((props: DetailPanelPartProps) => ReactNode) | undefined;
+}
+/** What `render` receives for a section. */
+export interface DetailPanelSectionRootProps extends HTMLAttributes<HTMLElement> {
+    'aria-labelledby'?: string | undefined;
+    'data-current'?: '' | undefined;
+    'data-name': string;
+    'data-part': string;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+}
+export interface DetailPanelSectionProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /** The section's own controls: in the stacked heading's actions column, or in a row above a tabbed section. */
+    actions?: ReactNode | undefined;
+    /** Drawn in the tab, or as the stacked heading's eyebrow. */
+    count?: number | undefined;
+    /** Takes the tab out of the strip's sequence. Inert under `stacked`. */
+    disabled?: boolean | undefined;
+    /** The tab's words, and the stacked heading. */
+    label: ReactNode;
+    /** The value the section is named by in `section`, `defaultSection` and the URL. */
+    name: string;
+    /** Renders the section into another element. */
+    render?: ((props: DetailPanelSectionRootProps) => ReactNode) | undefined;
+}
+export interface DetailPanelTabsProps {
+    /** A toolbar beside the list, in the strip's actions part. */
+    children?: ReactNode | undefined;
+    /** The list's accessible name. */
+    label: string;
+}
+//# sourceMappingURL=detail-panel.types.d.ts.map

package/dist/types/detail-panel/detail-panel.types.d.ts.map

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

package/dist/types/detail-panel/index.d.ts

@@ -0,0 +1,5 @@
+export { DetailPanel, useDetailPanel } from './detail-panel';
+export { DetailPanelDefaultsProvider, useDetailPanelDefaults } from './detail-panel-defaults';
+export { DetailPanelBody, DetailPanelSection, DetailPanelTabs } from './detail-panel-parts';
+export type { DetailPanelAside, DetailPanelBodyProps, DetailPanelChangeRequest, DetailPanelContextValue, DetailPanelDefaults, DetailPanelDefaultsProviderProps, DetailPanelHandle, DetailPanelIdentity, DetailPanelLayout, DetailPanelLevel, DetailPanelMount, DetailPanelPartProps, DetailPanelProps, DetailPanelRootProps, DetailPanelScroll, DetailPanelSectionEntry, DetailPanelSectionProps, DetailPanelSectionReason, DetailPanelSectionRootProps, DetailPanelSize, DetailPanelStatus, DetailPanelTabsProps, } from './detail-panel.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/detail-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/detail-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5F,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,uBAAuB,EACvB,mBAAmB,EACnB,gCAAgC,EAChC,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,2BAA2B,EAC3B,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { DialogDefaults, DialogDefaultsProviderProps } from './dialog.types';
+/** What a dialog renders as here, before it states anything of its own. */
+export declare function useDialogDefaults(): DialogDefaults;
+/**
+ * An application decides once how its dialogs behave and look, rather than
+ * repeating the same eight props on every one in a product. Angular Material
+ * is the only surveyed implementation with an equivalent — `MAT_DIALOG_DEFAULT_OPTIONS`
+ * — and no React library in the set has one at all.
+ *
+ * A dialog that states any of them itself still wins, because an explicit
+ * consumer value always does.
+ */
+export declare function DialogDefaultsProvider({ children, ...defaults }: DialogDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=dialog-defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-defaults.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAiBlF,2EAA2E;AAC3E,wBAAgB,iBAAiB,IAAI,cAAc,CAElD;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,2BAA2B,+BAqB5F"}

package/dist/types/dialog/dialog-demo.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+/**
+ * A box a layer can open inside, so a demonstration is a panel in a scene
+ * rather than a full-page overlay drawn over the reference page it documents.
+ *
+ * `.slotted-demo-viewport` carries `contain: paint`, which makes it the
+ * containing block for the `position: fixed` layer; `data-size="tall"` is the
+ * height an overlay needs, added to the workbench when this family met it. The
+ * `container` prop is the same one an application shell uses to name its own
+ * stacking context, so nothing here is a demo-only escape hatch.
+ *
+ * The caption of every scene using this says so: in an application the
+ * containing block is the viewport, and the layer covers the page.
+ */
+export declare function Layer({ children }: {
+    children: (container: Element) => ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=dialog-demo.d.ts.map

package/dist/types/dialog/dialog-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-demo.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog-demo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAA;CAAE,+BAQlF"}