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

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

@@ -0,0 +1,131 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
+import type { ListMarker, ListSize, ListVariant } from '../list';
+/** The five the theme carries. `secondary` is the library's neutral. */
+export type ListItemTone = 'secondary' | 'accent' | 'success' | 'warning' | 'danger';
+export type ListItemSize = ListSize;
+/**
+ * Where the leading visual and the trailing metadata sit against a row of more
+ * than one line: on the middle of the block, or on the title's own line.
+ */
+export type ListItemAlign = 'center' | 'start';
+/**
+ * What the row is the current one *of*. ARIA 1.2 lists `aria-current` as
+ * inherited by `listitem` and does not deprecate it, which makes this the one
+ * selection-shaped state a static list may announce for itself.
+ */
+export type ListItemCurrent = boolean | 'page' | 'step' | 'location' | 'date' | 'time';
+/** What an application sets once for every row under it. */
+export interface ListItemDefaults {
+    align: ListItemAlign;
+    inset: boolean;
+    size: ListItemSize;
+    tone: ListItemTone;
+    truncate: boolean;
+}
+export interface ListItemDefaultsProviderProps extends Partial<ListItemDefaults> {
+    children?: ReactNode | undefined;
+}
+/**
+ * What the row hands the box inside it. Only the two states that decide whether
+ * the box may still be activated: everything else the row paints itself.
+ */
+export interface ListItemContextValue {
+    disabled: boolean;
+    loading: boolean;
+}
+export interface ListItemRootProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode | undefined;
+    'data-align': ListItemAlign;
+    'data-current'?: '' | undefined;
+    /** ARIA 1.2 deprecates `aria-disabled` on `listitem`, so the state is data only. */
+    'data-disabled'?: '' | undefined;
+    'data-inset'?: '' | undefined;
+    'data-loading'?: '' | undefined;
+    'data-marker': ListMarker;
+    'data-part': string;
+    'data-selected'?: '' | undefined;
+    'data-size': ListItemSize;
+    'data-tone': ListItemTone;
+    'data-truncate'?: '' | undefined;
+    'data-ui': string;
+    'data-variant': ListVariant;
+}
+export interface ListItemProps extends ComponentPropsWithRef<'li'> {
+    /** Where the leading visual sits against a row of more than one line. */
+    align?: ListItemAlign | undefined;
+    /**
+     * The row the reader is on. `true` writes `aria-current="true"`; a token
+     * writes that token, and `page` is what a navigation list wants.
+     */
+    current?: ListItemCurrent | undefined;
+    /**
+     * The row dims and stops answering the pointer. The attribute that means it
+     * goes on the box inside — the native `disabled` on a button, `aria-disabled`
+     * on a link, whose destination stays so the row is still reachable — and
+     * never on the `li`, which ARIA 1.2 forbids.
+     */
+    disabled?: boolean | undefined;
+    /** Takes the row's inline padding away. Defaults to the list, then the provider. */
+    inset?: boolean | undefined;
+    /**
+     * `aria-busy` on the box, and the activation withdrawn so the command cannot
+     * run twice. The row keeps its width and its accessible name; what stands in
+     * for the content is `skeleton`, composed by the page.
+     */
+    loading?: boolean | undefined;
+    /** What is painted in the marker column. Defaults to the list, then `none`. */
+    marker?: ListMarker | undefined;
+    /**
+     * The row's place in a set only part of which is in the document — a page of
+     * results, a filtered list. ARIA 1.2 is explicit that it is unnecessary while
+     * every row is present, so it is written only when stated.
+     */
+    position?: number | undefined;
+    render?: ((props: ListItemRootProps) => ReactNode) | undefined;
+    /**
+     * Mirrors a selection the page owns. `aria-selected` is not valid on
+     * `listitem`, so the row paints it and the control the page puts in `start` —
+     * a `Checkbox` — is what announces it.
+     */
+    selected?: boolean | undefined;
+    /** How many rows the set holds, when only part of it is in the document. */
+    setSize?: number | undefined;
+    /** The room the row gets. Defaults to the list, then the provider, then `md`. */
+    size?: ListItemSize | undefined;
+    /** The row's ink and the wash under the pointer. Defaults to `secondary`. */
+    tone?: ListItemTone | undefined;
+    /** Clips the title and the lines under it to one line each. The string stays. */
+    truncate?: boolean | undefined;
+    /** How the rows are told apart. Defaults to the list, then `plain`. */
+    variant?: ListVariant | undefined;
+}
+export interface ListItemContentRootProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode | undefined;
+    'data-part': string;
+}
+export interface ListItemButtonRootProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode | undefined;
+    'data-part': string;
+}
+export interface ListItemLinkRootProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    children?: ReactNode | undefined;
+    'data-part': string;
+}
+export interface ListItemContentProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: ListItemContentRootProps) => ReactNode) | undefined;
+}
+export interface ListItemButtonProps extends ComponentPropsWithRef<'button'> {
+    render?: ((props: ListItemButtonRootProps) => ReactNode) | undefined;
+}
+export interface ListItemLinkProps extends ComponentPropsWithRef<'a'> {
+    /** Renders the destination into another element — a router link, for one. */
+    render?: ((props: ListItemLinkRootProps) => ReactNode) | undefined;
+}
+export interface ListItemRegionRootProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode | undefined;
+    'data-part': string;
+}
+export interface ListItemRegionProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: ListItemRegionRootProps) => ReactNode) | undefined;
+}
+//# sourceMappingURL=list-item.types.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+export { Listbox } from './listbox';
+export { useListbox } from './listbox-context';
+export { ListboxDefaultsProvider, useListboxDefaults } from './listbox-defaults';
+export { ListboxDescription, ListboxEmpty, ListboxGroup, ListboxIcon, ListboxIndicator, ListboxLabel, ListboxLoader, ListboxMeta, ListboxOption, } from './listbox-parts';
+export type { ListboxActiveReason, ListboxActiveRequest, ListboxAlignment, ListboxChangeRequest, ListboxContextValue, ListboxDefaults, ListboxDefaultsProviderProps, ListboxFocusMode, ListboxGroupProps, ListboxGroupRootProps, ListboxHandle, ListboxIndicatorMode, ListboxMessageProps, ListboxOptionProps, ListboxOptionRootProps, ListboxOrientation, ListboxPartProps, ListboxProps, ListboxRootProps, ListboxSection, ListboxSelectionBehavior, ListboxSelectionMode, ListboxSelectionReason, ListboxSize, ListboxValue, ListboxVariant, } from './listbox.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,GACd,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,4BAA4B,EAC5B,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,EACX,YAAY,EACZ,cAAc,GACf,MAAM,iBAAiB,CAAC"}

package/dist/types/listbox/listbox-context.d.ts

@@ -0,0 +1,9 @@
+import type { ListboxContextValue } from './listbox.types';
+export declare const ListboxContext: import("react").Context<ListboxContextValue | undefined>;
+/**
+ * What the listbox around this part says. A part outside one has no collection
+ * to belong to and no key to be chosen by, so this throws rather than rendering
+ * something that looks right and answers nothing.
+ */
+export declare function useListbox(): ListboxContextValue;
+//# sourceMappingURL=listbox-context.d.ts.map

package/dist/types/listbox/listbox-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-context.d.ts","sourceRoot":"","sources":["../../../src/listbox/listbox-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,eAAO,MAAM,cAAc,0DAA4D,CAAC;AAExF;;;;GAIG;AACH,wBAAgB,UAAU,IAAI,mBAAmB,CAMhD"}

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

@@ -0,0 +1,14 @@
+import type { ListboxDefaults, ListboxDefaultsProviderProps } from './listbox.types';
+/** What a listbox renders as here, before it states anything of its own. */
+export declare function useListboxDefaults(): ListboxDefaults;
+/**
+ * An application decides once how its listboxes behave, rather than repeating
+ * nineteen props on every collection in a product. A listbox that states any of
+ * them itself still wins: an explicit value is never overridden by context.
+ *
+ * Two of the four surveyed component implementations have no answer to this at
+ * all, so an application using them repeats `shouldFocusWrap` and
+ * `disallowEmptySelection` at every call site or lives with two behaviours.
+ */
+export declare function ListboxDefaultsProvider({ children, ...defaults }: ListboxDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=listbox-defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-defaults.d.ts","sourceRoot":"","sources":["../../../src/listbox/listbox-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAsCrF,4EAA4E;AAC5E,wBAAgB,kBAAkB,IAAI,eAAe,CAEpD;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,4BAA4B,+BA8B9F"}

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

@@ -0,0 +1,65 @@
+import type { ListboxGroupProps, ListboxMessageProps, ListboxOptionProps, ListboxPartProps } from './listbox.types';
+/** The selector the root reads its collection through, in DOM order. */
+export declare const OPTION_SELECTOR = "[data-part='option']";
+/**
+ * One option, and the four facts the root reads back off it.
+ *
+ * The collection is read from the DOM rather than from a registry, which is
+ * what `menu` already does for its typeahead: DOM order is the reading order,
+ * it survives arbitrary nesting inside groups, and it cannot disagree with what
+ * the reader sees. The four facts travel as data attributes — the key, the
+ * value typeahead matches, whether it is disabled, and its place in the set —
+ * so nothing has to be registered, unregistered or ordered by mount time.
+ *
+ * `aria-disabled` and never the native attribute: the pattern needs a disabled
+ * option to keep its place in the set, and `navigateDisabled` is what decides
+ * whether the arrows land on it.
+ */
+export declare function ListboxOption({ children, disabled, onClick, onPointerDown, pinned, render, textValue, value, ...nativeProps }: ListboxOptionProps): 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;
+/**
+ * A group of options, named by its own label. The pattern requires the name —
+ * "each option group has an accessible name provided via aria-label or
+ * aria-labelledby" — and requires the group to hold at least one option, which
+ * is the consumer's to honour.
+ */
+export declare function ListboxGroup({ children, label, labelProps, render, ...nativeProps }: ListboxGroupProps): 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;
+/**
+ * What the listbox says when it holds nothing. It lives inside the listbox for
+ * the reason `list` records: outside it a reader hears "listbox, 0 items" and
+ * then nothing, and the words fall outside the box a framed listbox paints.
+ *
+ * It carries no role. `listbox` owns `option` and `group` and nothing else, so
+ * a message with a role of its own would be an owned element ARIA does not
+ * permit; with none, it is the container's own text.
+ */
+export declare function ListboxEmpty({ children, render, ...nativeProps }: ListboxMessageProps): 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 row at the end of a page that has not arrived. It is an `option` by role
+ * and disabled, because a listbox owns nothing else and the row is not a choice
+ * — which is also why it is not counted in `aria-setsize`.
+ */
+export declare function ListboxLoader({ children, render, ...nativeProps }: ListboxMessageProps): 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 mark that says an option is chosen. The listbox reserves its column
+ * whether or not the mark is drawn, so a list does not shift sideways as one
+ * option is chosen; `indicator="none"` is what removes the column with it. The
+ * tick is a `Glyph` sized by the column, and children of the consumer's own
+ * replace it.
+ */
+export declare function ListboxIndicator({ children, ...nativeProps }: ListboxPartProps): import("react").JSX.Element | null;
+/**
+ * The option's own artwork, in the same column the mark uses and never beside
+ * it: an `Icon` holding a `Glyph`, or an element of the consumer's own. The
+ * column sizes and centres it; no stylesheet fills it.
+ */
+export declare function ListboxIcon({ children, ...nativeProps }: ListboxPartProps): import("react").JSX.Element;
+/** The option's primary text, and the only column that gives way. */
+export declare function ListboxLabel({ children, ...nativeProps }: ListboxPartProps): import("react").JSX.Element;
+/** A second line under the label, for what the label cannot say on its own. */
+export declare function ListboxDescription({ children, ...nativeProps }: ListboxPartProps): import("react").JSX.Element;
+/**
+ * The value beside the name — a count, a price, a status word. `menu` calls the
+ * same column `shortcut` because a menu's third column holds a key binding.
+ */
+export declare function ListboxMeta({ children, ...nativeProps }: ListboxPartProps): import("react").JSX.Element;
+//# sourceMappingURL=listbox-parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-parts.d.ts","sourceRoot":"","sources":["../../../src/listbox/listbox-parts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,iBAAiB,EAEjB,mBAAmB,EACnB,kBAAkB,EAElB,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AAEzB,wEAAwE;AACxE,eAAO,MAAM,eAAe,yBAAyB,CAAC;AAEtD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,WAAW,EACf,EAAE,kBAAkB,+VA0CpB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,UAAU,EACV,MAAM,EACN,GAAG,WAAW,EACf,EAAE,iBAAiB,+VAmBnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+VAIrF;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+VAUtF;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,sCAa9E;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,+BAMzE;AAED,qEAAqE;AACrE,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,+BAM1E;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,+BAMhF;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,+BAMzE"}

package/dist/types/listbox/listbox.d.ts

@@ -0,0 +1,31 @@
+
+import type { ListboxProps } from './listbox.types';
+/**
+ * A list of options the reader chooses from, and the primitive `select`,
+ * `combobox` and the pickers are built on.
+ *
+ * ── Where the collection comes from ─────────────────────────────────────
+ *
+ * Two ways in, one shape out. Written declaratively, the collection is read
+ * from the rendered options in DOM order — which is the reading order, survives
+ * arbitrary nesting inside groups, and cannot disagree with what the reader
+ * sees. Handed `items` or `sections`, it is built by
+ * `@slotted/core/collection`, which is the only way a listbox can window a set
+ * larger than the DOM or report a set the DOM does not hold.
+ *
+ * ── Two mutable values ──────────────────────────────────────────────────
+ *
+ * The pattern is explicit that they are two: "DOM focus (the active element) is
+ * functionally distinct from the selected state". `value` is what the reader
+ * chose and `activeKey` is where the keyboard is, and a `select` reopening onto
+ * the option chosen last time needs the second and nothing else.
+ *
+ * ── The focus model is read, not asked for ──────────────────────────────
+ *
+ * `focusMode="auto"` answers `activedescendant` whenever the set is windowed,
+ * because a roving `tabindex` cannot survive its own element being recycled:
+ * the element carrying `tabindex="0"` is removed while it holds focus, and
+ * focus falls to the document body.
+ */
+export declare function Listbox<T = unknown>({ activeKey, children, columns, defaultActiveKey, defaultValue, disabled, disallowEmptySelection, disallowSelectAll, emptyContent, focusMode, getKey, getLabel, handleRef, hasMore, indicator, invalid, isItemDisabled, itemSize, items, loaderContent, loadMoreThreshold, loading, loop, name, navigateDisabled, onActiveKeyChange, onBlur, onFocus, onKeyDown, onLoadMore, onValueChange, orientation, overscan, pageSize, readOnly, ref, render, renderOption, required, rows, sections, sectionSize, selectOnFocus, selectionBehavior, selectionMode, size, style, totalCount, typeahead, typeaheadTimeout, value, variant, virtual, ...nativeProps }: ListboxProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=listbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../../src/listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAC;AAoC7C,OAAO,KAAK,EAMV,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAwBzB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,EACnC,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,cAAc,EACd,QAAQ,EACR,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,iBAAiB,EACjB,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,OAAO,EACP,GAAG,WAAW,EACf,EAAE,YAAY,CAAC,CAAC,CAAC,+BA2uBjB"}

package/dist/types/listbox/listbox.types.d.ts

@@ -0,0 +1,275 @@
+import type { ChangeRequest, ChangeReason } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, MouseEvent, ReactNode } from 'react';
+/** The type step the listbox and every option inside it sit at. */
+export type ListboxSize = 'sm' | 'md' | 'lg';
+/**
+ * Whether the listbox draws its own box. `framed` is the standalone control —
+ * what `<select multiple>` looks like — and `plain` is what `select` and
+ * `combobox` render inside a layer that already has an edge.
+ */
+export type ListboxVariant = 'plain' | 'framed';
+/** How many options may be chosen at once. */
+export type ListboxSelectionMode = 'none' | 'single' | 'multiple';
+/**
+ * Which of the two models the pattern offers is in force. `toggle` is the
+ * recommended one: a plain press changes one option and holds no modifier.
+ * `replace` is the alternative: a plain press replaces the selection and only
+ * a modifier extends it, which is what `<select multiple>` does.
+ */
+export type ListboxSelectionBehavior = 'toggle' | 'replace';
+export type ListboxOrientation = 'vertical' | 'horizontal';
+/**
+ * How the keyboard's position is expressed. `auto` reads one fact — whether the
+ * set is windowed — and answers `activedescendant` when it is, because a roving
+ * tab stop cannot survive its own element being recycled.
+ */
+export type ListboxFocusMode = 'auto' | 'roving' | 'activedescendant';
+/** Whether a chosen option carries a check as well as its ground and its bar. */
+export type ListboxIndicatorMode = 'check' | 'none';
+/**
+ * What the listbox holds: one key in `single` and `none`, a set of them in
+ * `multiple`. Three of the four surveyed implementations give single selection
+ * a scalar; the array-always shape is what makes a consumer write `value[0]`.
+ */
+export type ListboxValue = string | readonly string[] | null;
+/** Why the selection moved. */
+export type ListboxSelectionReason = Extract<ChangeReason, 'pointer' | 'keyboard' | 'select' | 'clear' | 'programmatic'>;
+/** Why the active option moved. */
+export type ListboxActiveReason = Extract<ChangeReason, 'pointer' | 'keyboard' | 'programmatic'>;
+export type ListboxChangeRequest = ChangeRequest<ListboxValue>;
+export type ListboxActiveRequest = ChangeRequest<string | null>;
+/** Where `scrollToKey` puts the option it reveals. */
+export type ListboxAlignment = 'start' | 'center' | 'end' | 'nearest';
+/** The imperative actions a consumer cannot express declaratively. */
+export interface ListboxHandle {
+    /** Moves real focus into the listbox, under either focus model. */
+    focus: () => void;
+    /** Reveals an option, whether or not it is currently rendered. */
+    scrollToKey: (key: string, align?: ListboxAlignment) => void;
+    /** Which option the keyboard is on, or `null`. */
+    getActiveKey: () => string | null;
+    /** The root element, for anything neither of the three covers. */
+    getElement: () => HTMLDivElement | null;
+}
+/** What an application sets once for every listbox under it. */
+export interface ListboxDefaults {
+    size: ListboxSize;
+    variant: ListboxVariant;
+    selectionMode: ListboxSelectionMode;
+    selectionBehavior: ListboxSelectionBehavior;
+    orientation: ListboxOrientation;
+    focusMode: ListboxFocusMode;
+    indicator: ListboxIndicatorMode;
+    loop: boolean;
+    typeahead: boolean;
+    selectOnFocus: boolean;
+    navigateDisabled: boolean;
+    disallowEmptySelection: boolean;
+    disallowSelectAll: boolean;
+    rows: number;
+    columns: number;
+    overscan: number;
+    loadMoreThreshold: number;
+    typeaheadTimeout: number;
+    pageSize: number;
+}
+export interface ListboxDefaultsProviderProps extends Partial<ListboxDefaults> {
+    children?: ReactNode | undefined;
+}
+/** What the listbox hands every part inside it. */
+export interface ListboxContextValue {
+    disabled: boolean | undefined;
+    readOnly: boolean | undefined;
+    indicator: ListboxIndicatorMode;
+    selectionMode: ListboxSelectionMode;
+    /** Whether this key is chosen. */
+    isSelected: (key: string) => boolean;
+    /** Whether this key is the one the keyboard is on. */
+    isActive: (key: string) => boolean;
+    /** The id an option carries, so `aria-activedescendant` can name it. */
+    optionId: (key: string) => string;
+    /** The tab stop, under the roving model. `undefined` under the other one. */
+    optionTabIndex: (key: string) => number | undefined;
+    /** A press on an option, with the modifiers it was pressed with. */
+    press: (key: string, event: MouseEvent<HTMLElement>) => void;
+    /**
+     * How large the whole set is, and where one option sits in it. Both are
+     * `undefined` unless the collection is known, which is exactly when the
+     * pattern requires them: with declarative children the whole set is in the
+     * DOM and the platform counts it.
+     */
+    setSize: number | undefined;
+    posInSet: (key: string) => number | undefined;
+}
+/** What `render` receives for the listbox's root. */
+export interface ListboxRootProps extends HTMLAttributes<HTMLElement> {
+    'data-disabled'?: '' | undefined;
+    'data-focus-mode': 'roving' | 'activedescendant';
+    'data-indicator': ListboxIndicatorMode;
+    'data-invalid'?: '' | undefined;
+    'data-layout'?: 'grid' | undefined;
+    'data-loading'?: '' | undefined;
+    'data-orientation': ListboxOrientation;
+    'data-part': string;
+    'data-readonly'?: '' | undefined;
+    'data-required'?: '' | undefined;
+    'data-size': ListboxSize;
+    'data-ui': string;
+    'data-variant': ListboxVariant;
+}
+/**
+ * What `render` receives for one option. It is typed over the element the
+ * option renders by default, because the option is the one part whose handlers
+ * compose with the consumer's own and the two have to agree about the target.
+ */
+export interface ListboxOptionRootProps extends HTMLAttributes<HTMLDivElement> {
+    'data-current'?: '' | undefined;
+    'data-disabled'?: '' | undefined;
+    'data-key': string;
+    'data-part': string;
+    'data-pinned'?: '' | undefined;
+    'data-selected'?: '' | undefined;
+}
+/** What `render` receives for a group. */
+export interface ListboxGroupRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+}
+export interface ListboxOptionProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'onSelect'> {
+    children?: ReactNode | undefined;
+    /**
+     * The key this option selects. It is what `value` holds, and it is a string:
+     * the consumer's own object never enters the contract, which is why there is
+     * no comparator to configure.
+     */
+    value: string;
+    /**
+     * What typeahead matches and what a reader hears. Defaults to the option's
+     * own text, which is wrong exactly when the option holds a mark, a badge or
+     * a number the reader would not type.
+     */
+    textValue?: string | undefined;
+    /**
+     * Unstated rather than `false`, so the option defers to the listbox. It is
+     * `aria-disabled` and never the native attribute: the pattern needs a
+     * disabled option to stay reachable when `navigateDisabled` says so.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Rendered outside the window that covers it, at its own place on the canvas.
+     * The listbox pins the active option and the range anchor; nothing else sets
+     * it, because an `aria-activedescendant` whose target has been recycled names
+     * an id that is not in the document.
+     */
+    pinned?: boolean | undefined;
+    render?: ((props: ListboxOptionRootProps) => ReactNode) | undefined;
+}
+export interface ListboxGroupProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+    children?: ReactNode | undefined;
+    /** The group's accessible name. A group without one is a group nobody hears. */
+    label: ReactNode;
+    /** Reaches the label element, for an id or a class the page owns. */
+    labelProps?: HTMLAttributes<HTMLElement> | undefined;
+    render?: ((props: ListboxGroupRootProps) => ReactNode) | undefined;
+}
+export interface ListboxPartProps extends ComponentPropsWithRef<'span'> {
+    children?: ReactNode | undefined;
+}
+export interface ListboxMessageProps extends ComponentPropsWithRef<'div'> {
+    children?: ReactNode | undefined;
+    render?: ((props: ListboxGroupRootProps) => ReactNode) | undefined;
+}
+/**
+ * One section of a windowed collection. The key names the group and its label
+ * element; the label is the accessible name the pattern requires of a group.
+ */
+export interface ListboxSection<T> {
+    key: string;
+    label: string;
+    items: readonly T[];
+}
+export interface ListboxProps<T = unknown> extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange' | 'children'> {
+    children?: ReactNode | undefined;
+    /** Present means controlled, for the life of the component. */
+    value?: ListboxValue | undefined;
+    /** The value an uncontrolled listbox starts from, read once. */
+    defaultValue?: ListboxValue | undefined;
+    /** Called before the value moves, with the request that carries the reason. */
+    onValueChange?: ((value: ListboxValue, request: ListboxChangeRequest) => void) | undefined;
+    /** Which option the keyboard is on. Present means controlled. */
+    activeKey?: string | null | undefined;
+    defaultActiveKey?: string | null | undefined;
+    onActiveKeyChange?: ((key: string | null, request: ListboxActiveRequest) => void) | undefined;
+    selectionMode?: ListboxSelectionMode | undefined;
+    selectionBehavior?: ListboxSelectionBehavior | undefined;
+    size?: ListboxSize | undefined;
+    variant?: ListboxVariant | undefined;
+    orientation?: ListboxOrientation | undefined;
+    focusMode?: ListboxFocusMode | undefined;
+    indicator?: ListboxIndicatorMode | undefined;
+    /** Whether the arrows wrap past the ends. Defaults to `false`. */
+    loop?: boolean | undefined;
+    typeahead?: boolean | undefined;
+    typeaheadTimeout?: number | undefined;
+    /** Whether moving the active option also chooses it. Off by default. */
+    selectOnFocus?: boolean | undefined;
+    /** Whether the arrows land on a disabled option. Off by default. */
+    navigateDisabled?: boolean | undefined;
+    disallowEmptySelection?: boolean | undefined;
+    disallowSelectAll?: boolean | undefined;
+    /** How many options tall the box is. `<select size>` under another name. */
+    rows?: number | undefined;
+    /** How many options across. The arrows step by this number down a column. */
+    columns?: number | undefined;
+    /** How far `PageUp` and `PageDown` travel. */
+    pageSize?: number | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    invalid?: boolean | undefined;
+    /** Whether the set is still arriving. Writes `aria-busy`. */
+    loading?: boolean | undefined;
+    /** Submits one hidden input per chosen key, so a bare form carries the set. */
+    name?: string | undefined;
+    /**
+     * The whole collection, when the listbox is to window it or to report a set
+     * larger than the DOM holds. Without it the collection is read from the
+     * rendered options, which is what a listbox of twenty writes.
+     */
+    items?: readonly T[] | undefined;
+    /** A grouped collection. Mutually exclusive with `items`. */
+    sections?: readonly ListboxSection<T>[] | undefined;
+    getKey?: ((item: T) => string) | undefined;
+    getLabel?: ((item: T) => string) | undefined;
+    isItemDisabled?: ((item: T) => boolean) | undefined;
+    /** The content of one option. The family renders the option around it. */
+    renderOption?: ((item: T) => ReactNode) | undefined;
+    /** Renders only the options the viewport covers, plus the pinned ones. */
+    virtual?: boolean | undefined;
+    /** The block size of one option, in pixels. Required whenever `virtual`. */
+    itemSize?: number | undefined;
+    /** The block size of a group label. Defaults to `itemSize`. */
+    sectionSize?: number | undefined;
+    /** Options rendered either side of the viewport. */
+    overscan?: number | undefined;
+    /** How large the whole set is when only part of it has been loaded. */
+    totalCount?: number | undefined;
+    /** Whether the consumer has more to give. */
+    hasMore?: boolean | undefined;
+    /** How many options before the end the request goes out. */
+    loadMoreThreshold?: number | undefined;
+    /** Asked when the window reaches the end of what has been loaded. */
+    onLoadMore?: (() => void) | undefined;
+    /**
+     * What the listbox shows when it holds no options. It answers the `items` and
+     * `sections` collections; a listbox written with children composes
+     * `<ListboxEmpty>` itself, because only the consumer knows it rendered none.
+     */
+    emptyContent?: ReactNode | undefined;
+    /** What the row at the end of a page that has not arrived says. */
+    loaderContent?: ReactNode | undefined;
+    ref?: React.Ref<HTMLDivElement> | undefined;
+    /** The imperative actions. */
+    handleRef?: React.Ref<ListboxHandle> | undefined;
+    render?: ((props: ListboxRootProps) => ReactNode) | undefined;
+}
+//# sourceMappingURL=listbox.types.d.ts.map

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

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

package/dist/types/loading-overlay/index.d.ts

@@ -0,0 +1,4 @@
+export { LoadingOverlay } from './loading-overlay';
+export { LoadingOverlayDefaultsProvider, useLoadingOverlayDefaults, } from './loading-overlay-defaults';
+export type { LoadingOverlayCancelProps, LoadingOverlayCancelReason, LoadingOverlayCancelRequest, LoadingOverlayDefaults, LoadingOverlayDefaultsProviderProps, LoadingOverlayLive, LoadingOverlayProps, LoadingOverlayRootProps, LoadingOverlayScope, LoadingOverlaySize, LoadingOverlayVeil, } from './loading-overlay.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/loading-overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/loading-overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,2BAA2B,EAC3B,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,yBAAyB,CAAC"}

package/dist/types/loading-overlay/loading-overlay-defaults.d.ts

@@ -0,0 +1,18 @@
+import type { LoadingOverlayDefaults, LoadingOverlayDefaultsProviderProps } from './loading-overlay.types';
+export declare function useLoadingOverlayDefaults(): LoadingOverlayDefaults;
+/**
+ * An application decides once how its overlays obscure what they cover, how
+ * long a wait has to last before one appears, how long one is held once it
+ * has, and what a screen reader hears when a wait ends. An overlay that states
+ * any of those still wins: an explicit prop is never overridden by context.
+ * The words the family writes come from the language in force
+ * (`SlottedProvider`).
+ *
+ * The timing belongs here more than anywhere else, for the reason `skeleton`
+ * records: it is a policy about latency, and latency is a property of the
+ * application rather than of one overlay. The family ships both durations at
+ * zero because it cannot know them, so an application that sets neither pays
+ * for no timer.
+ */
+export declare function LoadingOverlayDefaultsProvider({ children, ...defaults }: LoadingOverlayDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=loading-overlay-defaults.d.ts.map

package/dist/types/loading-overlay/loading-overlay-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-overlay-defaults.d.ts","sourceRoot":"","sources":["../../../src/loading-overlay/loading-overlay-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,mCAAmC,EACpC,MAAM,yBAAyB,CAAC;AAIjC,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,8BAA8B,CAAC,EAC7C,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,mCAAmC,+BAiBrC"}