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

package/dist/types/currency-field/currency-field.types.d.ts

@@ -0,0 +1,228 @@
+import type { CurrencyChangeRequest } from '@slotted/core/currency';
+import type { CurrencyFieldMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref } from 'react';
+/** The type step the control sits at, matching the field around it. */
+export type CurrencyFieldSize = 'sm' | 'md' | 'lg';
+/**
+ * How much frame the control shows. The three every framed control in this
+ * library ships: `outline` takes the ground it is placed on, `subtle` sinks
+ * into the page, and `plain` shows nothing at rest, which is what a dense
+ * table of amounts needs.
+ */
+export type CurrencyFieldVariant = 'outline' | 'subtle' | 'plain';
+/**
+ * How the reader types the amount.
+ *
+ * `cents` is the cash register: digits enter at the minor unit and shift left,
+ * so `1234` is `R$ 12,34`. The separator is never typed and the caret has one
+ * legal position.
+ *
+ * `natural` is the spreadsheet, and the model `number-field` uses: the text is
+ * the reader's until a commit, and the separator is typed like any other
+ * character. It is the right answer when an amount is edited rather than
+ * entered.
+ */
+export type CurrencyFieldEntry = 'cents' | 'natural';
+/**
+ * Which edge the amount is set against. `end` by default: a column of amounts
+ * is compared on its last digit, and the cents-first caret already lives there.
+ */
+export type CurrencyFieldAlign = 'end' | 'start';
+/**
+ * Where the two steppers sit, when a product asks for them. They are withdrawn
+ * by default on this family: an invoice total is typed, not nudged.
+ */
+export type CurrencyFieldStepper = 'stacked' | 'split' | 'none';
+/**
+ * What happens to an amount outside `min`…`max`.
+ *
+ * `blur` lets the reader type anything and returns the amount to the range at
+ * the commit. `strict` refuses the keystroke that would leave it. `none` keeps
+ * the amount where the reader put it and reports `aria-invalid`.
+ */
+export type CurrencyFieldClamp = 'blur' | 'strict' | 'none';
+/**
+ * When the text takes the locale's shape, under `entry="natural"`.
+ *
+ * `change` regroups on every keystroke, so an amount is scannable while it is
+ * being typed; `commit` holds the reader's own text until blur, `Enter` or a
+ * step. It is `number-field`'s axis, and it is here because `entry="natural"`
+ * is `number-field`'s model.
+ *
+ * Under `entry="cents"` the text is generated from the digits after every edit,
+ * so it has always taken the locale's shape as it is typed and this decides
+ * nothing.
+ */
+export type CurrencyFieldFormatOn = 'change' | 'commit';
+/**
+ * How the currency is written beside the amount, or `none` when it is not
+ * written at all: the amount becomes a plain decimal with the currency's own
+ * fraction digits, so the symbol can live in a `start` adornment instead of
+ * inside the value.
+ */
+export type CurrencyFieldDisplay = 'symbol' | 'narrowSymbol' | 'code' | 'name' | 'none';
+/**
+ * The two actions a consumer cannot express by passing a value: a keyboard
+ * shortcut elsewhere on the page that steps this field. Both report reason
+ * `programmatic`.
+ */
+export interface CurrencyFieldHandle {
+    increment(): void;
+    decrement(): void;
+}
+/** What an application sets once for every currency field under it. */
+export interface CurrencyFieldDefaults {
+    align: CurrencyFieldAlign;
+    clamp: CurrencyFieldClamp;
+    /** The currency every field under the provider is in, unless it says otherwise. */
+    currency: string | undefined;
+    currencyDisplay: CurrencyFieldDisplay;
+    entry: CurrencyFieldEntry;
+    formatOn: CurrencyFieldFormatOn;
+    size: CurrencyFieldSize;
+    stepper: CurrencyFieldStepper;
+    variant: CurrencyFieldVariant;
+}
+export interface CurrencyFieldDefaultsProviderProps extends Partial<CurrencyFieldDefaults> {
+    children?: ReactNode | undefined;
+}
+/**
+ * What `render` receives for the frame. Written against
+ * `HTMLAttributes<HTMLElement>` so it can be spread onto any element, which is
+ * what makes the substitution real.
+ */
+export interface CurrencyFieldRootProps extends HTMLAttributes<HTMLElement> {
+    'data-align': CurrencyFieldAlign;
+    'data-disabled'?: '' | undefined;
+    'data-entry': CurrencyFieldEntry;
+    'data-invalid'?: '' | undefined;
+    'data-part': string;
+    'data-readonly'?: '' | undefined;
+    'data-size': CurrencyFieldSize;
+    'data-stepper': CurrencyFieldStepper;
+    'data-ui': string;
+    'data-variant': CurrencyFieldVariant;
+}
+/**
+ * `size` is omitted and redeclared: on an `input` it is the visible character
+ * count, and this family's axis is a type step. `value`, `defaultValue`, `min`,
+ * `max` and `step` are omitted and redeclared as numbers in major units.
+ *
+ * Everything else is the element's and reaches the element: `autoComplete` —
+ * `transaction-amount` is the token a payment amount belongs to —`inputMode`,
+ * `placeholder`, `aria-*` and every handler. `className` and `style` are the
+ * exception, and they reach the frame, because the frame is what a consumer
+ * sees. `name` and `form` reach the hidden input that carries the raw number.
+ */
+export interface CurrencyFieldProps extends Omit<ComponentPropsWithRef<'input'>, 'defaultValue' | 'max' | 'min' | 'size' | 'step' | 'type' | 'value'> {
+    /** Which edge the amount is set against. Defaults to the provider, then `end`. */
+    align?: CurrencyFieldAlign | undefined;
+    /**
+     * Whether an emptied control holds nothing, or nought.
+     *
+     * Off, because an amount is not an optional number: a total, a price and a
+     * balance are all nought when nothing is in them. Cleared, the control shows
+     * `0,00` and emits `0`. On, it can be left empty and emits `null`.
+     */
+    allowEmpty?: boolean | undefined;
+    /** Where an amount outside the range goes, and when. Defaults to the provider, then `blur`. */
+    clamp?: CurrencyFieldClamp | undefined;
+    /**
+     * An ISO 4217 code: `BRL`, `USD`, `JPY`. It decides the symbol, the minor
+     * units and therefore how far a digit shifts under cents-first entry.
+     * Required here or on the provider: a currency field with no currency cannot
+     * decide how many digits a cent has.
+     */
+    currency?: string | undefined;
+    /** How the currency is written. Defaults to the provider, then `symbol`. */
+    currencyDisplay?: CurrencyFieldDisplay | undefined;
+    /** The amount an uncontrolled control starts from, read once. `null` is empty. */
+    defaultValue?: number | null | undefined;
+    /**
+     * Unstated rather than `false`, so the control defers to the field around it.
+     * Stated, it wins, and it is the native attribute.
+     */
+    disabled?: boolean | undefined;
+    /** An adornment after the amount in the reading direction. */
+    end?: ReactNode | undefined;
+    /** How the reader types. Defaults to the provider, then `cents`. */
+    entry?: CurrencyFieldEntry | undefined;
+    /**
+     * Any other `Intl.NumberFormatOptions` — `currencySign`, `signDisplay`,
+     * `useGrouping`, `roundingMode`. Every key here wins over the family's own;
+     * `style` and `currency` are the family's, because a currency field that
+     * formatted a percentage would not be one.
+     */
+    format?: Intl.NumberFormatOptions | undefined;
+    /**
+     * When the text takes that shape under `entry="natural"`. Defaults to the
+     * provider, then `change`. Cents-first entry generates the text after every
+     * edit, so it decides nothing there.
+     */
+    formatOn?: CurrencyFieldFormatOn | undefined;
+    /** Overrides the currency's own minor units, for a unit price quoted finer. */
+    fractionDigits?: number | undefined;
+    /** Reaches `increment()` and `decrement()`. `ref` reaches the input itself. */
+    handle?: Ref<CurrencyFieldHandle> | undefined;
+    /**
+     * Unstated rather than `false`. Writes `aria-invalid` on the control and
+     * `data-invalid` on the frame.
+     */
+    invalid?: boolean | undefined;
+    /** The amount `Shift` and the page keys move by. Defaults to `step * 10`. */
+    largeStep?: number | undefined;
+    /**
+     * BCP 47. Decides the separators and the numbering system, never the symbol.
+     * Defaults to the language in force (`SlottedProvider`).
+     */
+    locale?: string | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * `increment` and `decrement` buttons' accessible names.
+     */
+    messages?: PartialMessages<CurrencyFieldMessages> | undefined;
+    /** The largest amount the control holds, in major units. `End` goes here. */
+    max?: number | undefined;
+    /** The smallest amount the control holds. `Home` goes here, and it is what refuses a negative. */
+    min?: number | undefined;
+    /**
+     * Called before the amount moves, with the request that carries the reason,
+     * the currency and the exact integer of minor units.
+     */
+    onValueChange?: ((value: number | null, request: CurrencyChangeRequest) => void) | undefined;
+    /** Unstated rather than `false`. Writes the native `readonly`. */
+    readOnly?: boolean | undefined;
+    /** Renders the frame into another element. */
+    render?: ((props: CurrencyFieldRootProps) => ReactNode) | undefined;
+    /** Defaults to the field, then to the provider, then to `md`. */
+    size?: CurrencyFieldSize | undefined;
+    /** The amount `Alt` moves by. Defaults to `step / 10`. */
+    smallStep?: number | undefined;
+    /** An adornment before the amount in the reading direction. */
+    start?: ReactNode | undefined;
+    /** The amount the arrows and the buttons move by. One major unit by default. */
+    step?: number | undefined;
+    /** Where an empty control starts stepping from. Defaults to `min`, then to nought. */
+    stepFrom?: number | undefined;
+    /** Where the two steppers sit. Defaults to the provider, then `none`. */
+    stepper?: CurrencyFieldStepper | undefined;
+    /** Present means controlled, for the life of the component. `null` is empty. */
+    value?: number | null | undefined;
+    /** Defaults to the provider, then to `outline`. */
+    variant?: CurrencyFieldVariant | undefined;
+    /**
+     * Lets the wheel move the amount while the control has focus and the pointer
+     * is over it. Off by default: a reader scrolling a form must not change an
+     * amount by passing over it.
+     */
+    wheel?: boolean | undefined;
+}
+/**
+ * A mark in `start` or `end` that moves the amount when it is dragged
+ * sideways. A native `span`: every prop reaches it.
+ */
+export interface CurrencyFieldScrubProps extends ComponentPropsWithRef<'span'> {
+    /** Pixels of horizontal travel per step. Defaults to 2. */
+    sensitivity?: number | undefined;
+}
+//# sourceMappingURL=currency-field.types.d.ts.map

package/dist/types/currency-field/currency-field.types.d.ts.map

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

package/dist/types/currency-field/index.d.ts

@@ -0,0 +1,4 @@
+export { CurrencyField, CurrencyFieldScrub } from './currency-field';
+export { CurrencyFieldDefaultsProvider, useCurrencyFieldDefaults } from './currency-field-defaults';
+export type { CurrencyFieldAlign, CurrencyFieldClamp, CurrencyFieldDefaults, CurrencyFieldDefaultsProviderProps, CurrencyFieldDisplay, CurrencyFieldEntry, CurrencyFieldHandle, CurrencyFieldProps, CurrencyFieldRootProps, CurrencyFieldScrubProps, CurrencyFieldSize, CurrencyFieldStepper, CurrencyFieldVariant, } from './currency-field.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/currency-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/currency-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACpG,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,kCAAkC,EAClC,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/dist/types/dashboard-grid/dashboard-grid-context.d.ts

@@ -0,0 +1,51 @@
+import type { DashboardDirection, DashboardSizeClass, DashboardTile } from '@slotted/core/dashboard-grid';
+import type { DashboardGridMessages, FamilyTranslator } from '@slotted/core/i18n';
+import type { KeyboardEvent, PointerEvent } from 'react';
+import type { DashboardHeadingLevel, DashboardLayoutReason } from './dashboard-grid.types';
+/** An edge a widget is pulled by. The top is not one: gravity decides it. */
+export type DashboardEdge = 'start' | 'end' | 'bottom' | 'bottom-start' | 'bottom-end';
+/** What the grid tells one widget about where and how it is drawn. */
+export interface DashboardSlot {
+    readonly tile: DashboardTile;
+    /** The CSS `order` while a gesture previews a flow. */
+    readonly order: number | undefined;
+    readonly dragging: boolean;
+    readonly resizing: boolean;
+    /** The edge a pointer is pulling, while it pulls. */
+    readonly edge: DashboardEdge | null;
+    /** The size the pull has reached, already filled. */
+    readonly readout: string | null;
+    readonly can: {
+        readonly up: boolean;
+        readonly down: boolean;
+        readonly left: boolean;
+        readonly right: boolean;
+        readonly wider: boolean;
+        readonly narrower: boolean;
+        readonly taller: boolean;
+        readonly shorter: boolean;
+    };
+}
+export interface DashboardGridContextValue {
+    readonly editing: boolean;
+    /** The family's words in the language in force, with the grid's `messages` laid over them. */
+    readonly t: FamilyTranslator<DashboardGridMessages>;
+    readonly headingLevel: DashboardHeadingLevel;
+    readonly statusId: string;
+    readonly sizeClass: DashboardSizeClass;
+    readonly slots: ReadonlyMap<string, DashboardSlot>;
+    registerWidget: (key: string, element: HTMLLIElement | null) => void;
+    registerHandle: (key: string, element: HTMLElement | null) => void;
+    registerCard: (key: string, element: HTMLElement | null) => void;
+    move: (key: string, direction: DashboardDirection, reason: DashboardLayoutReason, source?: Event) => void;
+    resize: (key: string, delta: {
+        columns: number;
+        rows: number;
+    }, reason: DashboardLayoutReason, source?: Event) => void;
+    hide: (key: string, reason: DashboardLayoutReason, source?: Event) => void;
+    onHandleKeyDown: (key: string, event: KeyboardEvent<HTMLElement>) => void;
+    onResizePointerDown: (key: string, edge: DashboardEdge, event: PointerEvent<HTMLElement>) => void;
+}
+export declare const DashboardGridContext: import("react").Context<DashboardGridContextValue | null>;
+export declare function useDashboardGrid(part: string): DashboardGridContextValue;
+//# sourceMappingURL=dashboard-grid-context.d.ts.map

package/dist/types/dashboard-grid/dashboard-grid-context.d.ts.map

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

package/dist/types/dashboard-grid/dashboard-grid-defaults.d.ts

@@ -0,0 +1,12 @@
+import type { DashboardGridDefaults, DashboardGridDefaultsProviderProps } from './dashboard-grid.types';
+export declare const DASHBOARD_GRID_FALLBACK: DashboardGridDefaults;
+/** What a dashboard renders as here, before it states anything of its own. */
+export declare function useDashboardGridDefaults(): DashboardGridDefaults;
+/**
+ * An application decides once how many columns its dashboards have, whether
+ * the family draws the edit bar and the level of a widget's title. A grid that
+ * states any of it itself still wins, and a nested provider overrides only what
+ * it names. Its words come from the language in force (`SlottedProvider`).
+ */
+export declare function DashboardGridDefaultsProvider({ children, ...rest }: DashboardGridDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=dashboard-grid-defaults.d.ts.map

package/dist/types/dashboard-grid/dashboard-grid-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-grid-defaults.d.ts","sourceRoot":"","sources":["../../../src/dashboard-grid/dashboard-grid-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,qBAAqB,EACrB,kCAAkC,EACnC,MAAM,wBAAwB,CAAC;AAEhC,eAAO,MAAM,uBAAuB,EAAE,qBAIrC,CAAC;AAIF,8EAA8E;AAC9E,wBAAgB,wBAAwB,IAAI,qBAAqB,CAEhE;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kCAAkC,+BAapC"}

package/dist/types/dashboard-grid/dashboard-grid-demo.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { Skeleton } from '../skeleton';
+import type { DashboardWidgetProps } from './dashboard-grid.types';
+/** Twelve weeks of revenue in bars: the chart the widget's title already names. */
+export declare function RevenueTrend(): import("react").JSX.Element;
+export declare function TopProducts(): import("react").JSX.Element;
+/** The skeleton of the product table: its header, then seven rows. */
+export declare function TopProductsSkeleton(): import("react").JSX.Element;
+export type SalesKey = 'revenue' | 'orders' | 'refunds' | 'conversion' | 'trend' | 'products';
+type Overrides = Partial<Record<SalesKey, Partial<DashboardWidgetProps>>>;
+/**
+ * The six widgets of the sales overview. Each story states only what it
+ * changes about them, so the page reads as one product throughout.
+ */
+export declare function salesWidgets(overrides?: Overrides): ReactNode[];
+export { Skeleton };
+//# sourceMappingURL=dashboard-grid-demo.d.ts.map

package/dist/types/dashboard-grid/dashboard-grid-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-grid-demo.d.ts","sourceRoot":"","sources":["../../../src/dashboard-grid/dashboard-grid-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,QAAQ,EAAgB,MAAM,aAAa,CAAC;AAoBrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAsDnE,mFAAmF;AACnF,wBAAgB,YAAY,gCAc3B;AAED,wBAAgB,WAAW,gCAqB1B;AAED,sEAAsE;AACtE,wBAAgB,mBAAmB,gCAElC;AAED,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9F,KAAK,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE1E;;;GAGG;AACH,wBAAgB,YAAY,CAAC,SAAS,GAAE,SAAc,GAAG,SAAS,EAAE,CA+DnE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/types/dashboard-grid/dashboard-grid.d.ts

@@ -0,0 +1,11 @@
+
+
+import type { DashboardGridProps } from './dashboard-grid.types';
+/**
+ * A surface of widgets the reader places and sizes. The widgets are the
+ * consumer's `DashboardWidget` children, each with its own `value`; the grid
+ * draws them where the layout puts them, by row and then column, which is the
+ * reading order, the focus order and the picture at every width.
+ */
+export declare function DashboardGrid({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, columns: columnsProp, defaultEditing, defaultLayout, editBar: editBarProp, editing: editingProp, headingLevel: headingLevelProp, layout: layoutProp, messages, onEditingChange, onLayoutChange, ref, render, style, ...nativeProps }: DashboardGridProps): import("react").JSX.Element;
+//# sourceMappingURL=dashboard-grid.d.ts.map

package/dist/types/dashboard-grid/dashboard-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-grid.d.ts","sourceRoot":"","sources":["../../../src/dashboard-grid/dashboard-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,mDAAmD,CAAC;AAC3D,OAAO,qDAAqD,CAAC;AAqE7D,OAAO,KAAK,EAGV,kBAAkB,EAInB,MAAM,wBAAwB,CAAC;AAoJhC;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,cAAsB,EACtB,aAA4B,EAC5B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,MAAM,EAAE,UAAU,EAClB,QAAQ,EACR,eAAe,EACf,cAAc,EACd,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,kBAAkB,+BAq7BpB"}

package/dist/types/dashboard-grid/dashboard-grid.types.d.ts

@@ -0,0 +1,137 @@
+import type { DashboardColumnsInput, DashboardLayout, DashboardLayoutChange } from '@slotted/core/dashboard-grid';
+import type { DashboardGridMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
+import type { CardFill, CardSize } from '../card';
+export type { DashboardColumnsInput, DashboardLayout, DashboardLayoutChange, DashboardLayoutItem, } from '@slotted/core/dashboard-grid';
+export type DashboardHeadingLevel = 2 | 3 | 4 | 5 | 6;
+export type DashboardLayoutReason = 'pointer' | 'keyboard' | 'remove' | 'dismiss' | 'programmatic';
+export type DashboardEditingReason = 'pointer' | 'keyboard' | 'submit' | 'dismiss' | 'programmatic';
+/** The request for a new layout: the layout, why, and what the gesture was. */
+export type DashboardLayoutRequest = ChangeRequest<DashboardLayout> & {
+    readonly change: DashboardLayoutChange;
+};
+export type DashboardEditingRequest = ChangeRequest<boolean>;
+export interface DashboardGridDefaults {
+    columns: DashboardColumnsInput;
+    editBar: boolean;
+    headingLevel: DashboardHeadingLevel;
+}
+export interface DashboardGridDefaultsProviderProps extends Partial<DashboardGridDefaults> {
+    children?: ReactNode;
+}
+/** The imperative actions a consumer cannot express declaratively. */
+export interface DashboardGridHandle {
+    readonly element: HTMLDivElement | null;
+    /** Focuses a widget's handle while editing, or the widget's first control. */
+    focusWidget: (key: string) => void;
+    /** Leaves editing with the reason `submit`, as Done does. */
+    commitEditing: () => void;
+    /** Asks for the layout editing began from, then leaves, as Cancel does. */
+    cancelEditing: () => void;
+}
+export type DashboardGridRootProps = ComponentPropsWithRef<'div'> & {
+    'data-ui': 'dashboard-grid';
+    'data-part': 'root';
+    'data-editing'?: '' | undefined;
+};
+export interface DashboardGridProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'defaultValue' | 'onChange' | 'ref'> {
+    /** The widgets: `DashboardWidget` elements, each with its own `value`. */
+    children?: ReactNode;
+    /** The consumer's layout. Present at all puts the layout in controlled mode. */
+    layout?: DashboardLayout | undefined;
+    /** The layout an uncontrolled grid starts from, read once. Default: every widget at its defaults. */
+    defaultLayout?: DashboardLayout;
+    onLayoutChange?: (layout: DashboardLayout, request: DashboardLayoutRequest) => void;
+    /** The consumer's edit mode. Present at all puts the mode in controlled mode. */
+    editing?: boolean | undefined;
+    defaultEditing?: boolean;
+    onEditingChange?: (editing: boolean, request: DashboardEditingRequest) => void;
+    /** Columns of the expanded class, or one count per class. Default 12, 6, 1. */
+    columns?: DashboardColumnsInput | undefined;
+    /** Whether the family draws its edit bar while editing. Default true. */
+    editBar?: boolean | undefined;
+    /** The level of every widget's title. Default 3. */
+    headingLevel?: DashboardHeadingLevel | undefined;
+    /** Words laid over the catalog of the language in force, key by key. */
+    messages?: PartialMessages<DashboardGridMessages> | undefined;
+    /** Replaces the root `div`. */
+    render?: ((props: DashboardGridRootProps) => ReactElement) | undefined;
+    ref?: Ref<DashboardGridHandle>;
+}
+export type DashboardWidgetRootProps = ComponentPropsWithRef<'li'> & {
+    'data-part': 'widget';
+    'data-key': string;
+    'data-status': DashboardWidgetStatus;
+    'data-loading'?: '' | undefined;
+    'data-movable'?: '' | undefined;
+    'data-resizable'?: '' | undefined;
+    'data-dragging'?: '' | undefined;
+    'data-resizing'?: '' | undefined;
+};
+export type DashboardWidgetStatus = 'ready' | 'empty' | 'error';
+export interface DashboardWidgetProps extends Omit<ComponentPropsWithRef<'li'>, 'children' | 'title' | 'value'> {
+    /** The widget's key in the layout. */
+    value: string;
+    /** The widget's name: its heading, its accessible name and its entry in Add widget. */
+    title: string;
+    description?: ReactNode;
+    children?: ReactNode;
+    headingLevel?: DashboardHeadingLevel | undefined;
+    /** Columns of the expanded class a widget with no layout entry takes. Default 4. */
+    defaultColumns?: number;
+    /** Default 2. */
+    defaultRows?: number;
+    minColumns?: number;
+    maxColumns?: number;
+    minRows?: number;
+    maxRows?: number;
+    /** Default true. A widget that cannot move keeps its place. */
+    movable?: boolean;
+    /** Default true. */
+    resizable?: boolean;
+    /** Default true. */
+    removable?: boolean;
+    /** The first answer has not arrived: the body shows a skeleton. */
+    loading?: boolean;
+    /** A refresh of data already shown: the content stays and the region is busy. */
+    busy?: boolean;
+    status?: DashboardWidgetStatus;
+    /** The skeleton of the body's own anatomy. Default: one block filling the body. */
+    skeleton?: ReactNode;
+    emptyTitle?: ReactNode;
+    emptyDescription?: ReactNode;
+    /** The action that creates the first one, under the empty message. */
+    emptyAction?: ReactNode;
+    errorTitle?: ReactNode;
+    errorDescription?: ReactNode;
+    /** Draws Try again under the error message. */
+    onRetry?: (event: MouseEvent) => void;
+    /** The widget's own page. */
+    detailHref?: string;
+    /** The widget's own view, when it is not a page. */
+    onDetail?: (event: MouseEvent) => void;
+    /** The consumer's controls in the header's corner, before the detail action. */
+    actions?: ReactNode;
+    footer?: ReactNode;
+    fill?: CardFill | undefined;
+    size?: CardSize | undefined;
+    /** Replaces the `li`. */
+    render?: ((props: DashboardWidgetRootProps) => ReactElement) | undefined;
+}
+export interface UsePersistedDashboardLayoutOptions {
+    /** The key the layout is stored under. */
+    key: string;
+    /** Default `localStorage`, when the platform has it. */
+    storage?: Pick<Storage, 'getItem' | 'setItem' | 'removeItem'> | null;
+    /** What the grid shows when nothing is stored. Default: every widget at its defaults. */
+    defaultLayout?: DashboardLayout;
+}
+export interface PersistedDashboardLayout {
+    readonly layout: DashboardLayout;
+    /** Hand to `onLayoutChange`: it stores what it is given and renders it. */
+    readonly onLayoutChange: (layout: DashboardLayout) => void;
+    /** Forgets what is stored and returns to the default. */
+    readonly clear: () => void;
+}
+//# sourceMappingURL=dashboard-grid.types.d.ts.map

package/dist/types/dashboard-grid/dashboard-grid.types.d.ts.map

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

package/dist/types/dashboard-grid/dashboard-widget.d.ts

@@ -0,0 +1,9 @@
+import type { DashboardWidgetProps } from './dashboard-grid.types';
+/**
+ * One widget: an `li` in the grid holding a card whose header is its title and
+ * its actions. While editing, a handle stands on the card's top edge and the
+ * card's other edges can be pulled. The body is the consumer's content, or the
+ * state it is in — waiting, empty or failed.
+ */
+export declare function DashboardWidget({ value, title, description, children, headingLevel, defaultColumns: _defaultColumns, defaultRows: _defaultRows, minColumns: _minColumns, maxColumns: _maxColumns, minRows: _minRows, maxRows: _maxRows, movable: _movable, resizable: _resizable, removable: _removable, loading, busy, status, skeleton, emptyTitle, emptyDescription, emptyAction, errorTitle, errorDescription, onRetry, detailHref, onDetail, actions, footer, fill, size, render, ref, style, ...nativeProps }: DashboardWidgetProps): import("react").JSX.Element | null;
+//# sourceMappingURL=dashboard-widget.d.ts.map

package/dist/types/dashboard-grid/dashboard-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-widget.d.ts","sourceRoot":"","sources":["../../../src/dashboard-grid/dashboard-widget.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,wBAAwB,CAAC;AA6ChC;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EAEZ,cAAc,EAAE,eAAe,EAC/B,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,WAAW,EACvB,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,UAAU,EACrB,OAAe,EACf,IAAY,EACZ,MAAgB,EAChB,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,GAAG,EACH,KAAK,EACL,GAAG,WAAW,EACf,EAAE,oBAAoB,sCAwRtB"}

package/dist/types/dashboard-grid/index.d.ts

@@ -0,0 +1,6 @@
+export { DashboardGrid } from './dashboard-grid';
+export { DASHBOARD_GRID_FALLBACK, DashboardGridDefaultsProvider, useDashboardGridDefaults, } from './dashboard-grid-defaults';
+export { DashboardWidget } from './dashboard-widget';
+export { usePersistedDashboardLayout } from './use-persisted-dashboard-layout';
+export type { DashboardColumnsInput, DashboardEditingReason, DashboardEditingRequest, DashboardGridDefaults, DashboardGridDefaultsProviderProps, DashboardGridHandle, DashboardGridProps, DashboardGridRootProps, DashboardHeadingLevel, DashboardLayout, DashboardLayoutChange, DashboardLayoutItem, DashboardLayoutReason, DashboardLayoutRequest, DashboardWidgetProps, DashboardWidgetRootProps, DashboardWidgetStatus, PersistedDashboardLayout, UsePersistedDashboardLayoutOptions, } from './dashboard-grid.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/dashboard-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dashboard-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,uBAAuB,EACvB,6BAA6B,EAC7B,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,YAAY,EACV,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,kCAAkC,EAClC,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,kCAAkC,GACnC,MAAM,wBAAwB,CAAC"}

package/dist/types/dashboard-grid/use-persisted-dashboard-layout.d.ts

@@ -0,0 +1,11 @@
+import type { PersistedDashboardLayout, UsePersistedDashboardLayoutOptions } from './dashboard-grid.types';
+/**
+ * The reader's layout, kept across visits: read once from the store and
+ * written after every change. Spread `layout` and `onLayoutChange` on the grid.
+ * The store is reached inside `try` both ways — a private window, a full
+ * quota or a blocked origin reads as nothing stored and writes nothing, and
+ * the grid keeps working from the default. The component itself never writes;
+ * the store and its key are the application's to name.
+ */
+export declare function usePersistedDashboardLayout({ key, storage, defaultLayout, }: UsePersistedDashboardLayoutOptions): PersistedDashboardLayout;
+//# sourceMappingURL=use-persisted-dashboard-layout.d.ts.map

package/dist/types/dashboard-grid/use-persisted-dashboard-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-persisted-dashboard-layout.d.ts","sourceRoot":"","sources":["../../../src/dashboard-grid/use-persisted-dashboard-layout.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,wBAAwB,EACxB,kCAAkC,EACnC,MAAM,wBAAwB,CAAC;AAYhC;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,GAAG,EACH,OAAO,EACP,aAAqB,GACtB,EAAE,kCAAkC,GAAG,wBAAwB,CAkC/D"}

package/dist/types/data-grid/data-grid-body.d.ts

@@ -0,0 +1,49 @@
+import { type GridNode } from '@slotted/core/grid';
+import type { CSSProperties, ReactNode } from 'react';
+interface BodyProps<Row> {
+    nodes: readonly GridNode<Row>[];
+    allNodes: readonly GridNode<Row>[];
+    firstIndex: number;
+    headerRowCount: number;
+    bodyStyle: CSSProperties | undefined;
+    measureRow: ((index: number, node: HTMLElement | null) => void) | undefined;
+    heldRows: readonly string[];
+}
+export declare function DataGridBody<Row>({ allNodes, bodyStyle, firstIndex, headerRowCount, measureRow, nodes, heldRows, }: BodyProps<Row>): import("react").JSX.Element;
+/**
+ * Rows held at an edge of the body: a rowgroup of their own, sticky under
+ * the head or over the summary, outside the window and the query. Each row
+ * is the body's row, cursor and selection included.
+ */
+export declare function DataGridPinnedRows<Row>({ edge, firstRowIndex, nodes, }: {
+    edge: 'top' | 'bottom';
+    firstRowIndex: number;
+    nodes: readonly Extract<GridNode<Row>, {
+        kind: 'row';
+    }>[];
+}): import("react").JSX.Element;
+/**
+ * The result-state for no rows, no results or an error. A sibling of the
+ * body rather than a child of it: a body with nothing in it is only as wide
+ * as the message, and the message could not stay in view while the header's
+ * columns scrolled sideways; against the scroller's own width it sticks to
+ * the start and stands in the middle of what the reader sees.
+ */
+export declare function DataGridEmpty({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The skeleton rows of a first load: the grid's shape before its content, each
+ * row as tall as the body rows it stands in for.
+ */
+export declare function DataGridLoader<Row>({ rows, rowSize }: {
+    rows: number;
+    rowSize: number;
+}): import("react").JSX.Element;
+/** The aggregates of the whole query, pinned to the end of the scroller. */
+export declare function DataGridSummary<Row>({ aggregates, rowIndex, }: {
+    aggregates: Readonly<Record<string, unknown>>;
+    rowIndex: number;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=data-grid-body.d.ts.map

package/dist/types/data-grid/data-grid-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-body.d.ts","sourceRoot":"","sources":["../../../src/data-grid/data-grid-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAEd,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBtD,UAAU,SAAS,CAAC,GAAG;IACrB,KAAK,EAAE,SAAS,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,SAAS,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,aAAa,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5E,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,EAChC,QAAQ,EACR,SAAS,EACT,UAAU,EACV,cAAc,EACd,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,SAAS,CAAC,GAAG,CAAC,+BA2BhB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,EACtC,IAAI,EACJ,aAAa,EACb,KAAK,GACN,EAAE;IACD,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QAAE,IAAI,EAAE,KAAK,CAAA;KAAE,CAAC,EAAE,CAAC;CAC3D,+BAcA;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAElE;AAgfD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,+BAmCvF;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,GAAG,EAAE,EACnC,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9C,QAAQ,EAAE,MAAM,CAAC;CAClB,+BAoFA"}