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

package/dist/types/splitter/splitter.types.d.ts

@@ -0,0 +1,106 @@
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, ReactNode, RefObject } from 'react';
+/**
+ * Which way the bar's own line runs.
+ *
+ * The family holds no panels, so there is nothing else for `orientation` to
+ * describe and `aria-orientation` takes the same value. A family that held
+ * panels would have to say which of the two the word means — the panes are
+ * side by side while the separator between them is vertical — and the two
+ * readings are perpendicular. Here they cannot disagree.
+ */
+export type SplitterOrientation = 'vertical' | 'horizontal';
+/**
+ * A limit on how far the bar goes.
+ *
+ * A number is a fraction of the container, in `[0, 1]`, which is the unit the
+ * value itself is in. A string is any CSS length — `'200px'`, `'18rem'`,
+ * `'25%'`, `'10vw'` — resolved against the container at the moment of the
+ * clamp.
+ *
+ * Both, because both are real. Zag, Ark, PrimeNG and allotment are
+ * percentage-only, and Zag states the limitation outright; none of them can
+ * express "this navigation panel never goes below two hundred pixels", which
+ * is the commonest constraint the family has. A fraction, meanwhile, is the
+ * only thing that says "never past sixty per cent of the window" without the
+ * consumer recomputing it on every resize.
+ */
+export type SplitterLimit = number | string;
+/** Why the bar moved. */
+export type SplitterValueReason = Extract<ChangeRequest<number>['reason'], 'pointer' | 'keyboard' | 'programmatic'>;
+/** The request the bar emits before its position moves. */
+export interface SplitterValueRequest extends ChangeRequest<number> {
+    readonly reason: SplitterValueReason;
+}
+/** The request the bar emits before it collapses or comes back. */
+export interface SplitterCollapsedRequest extends ChangeRequest<boolean> {
+    readonly reason: SplitterValueReason;
+}
+/** The imperative actions a consumer cannot express declaratively. */
+export interface SplitterHandle {
+    /** Collapses to `collapsedValue`, carrying `programmatic`. */
+    collapse: () => void;
+    /** Restores the fraction held before the collapse. */
+    expand: () => void;
+    /** Returns the bar to `defaultValue`, which is what a double click does. */
+    reset: () => void;
+    /** Moves focus to the bar. */
+    focus: () => void;
+    /** The bar, once it is in the document. */
+    readonly bar: HTMLElement | null;
+}
+/** What a splitter is here, before it states anything of its own. */
+export interface SplitterDefaults {
+    readonly orientation: SplitterOrientation;
+    readonly min: SplitterLimit;
+    readonly max: SplitterLimit;
+    readonly collapsedValue: number;
+}
+export interface SplitterDefaultsProviderProps extends Partial<SplitterDefaults> {
+    readonly children?: ReactNode;
+}
+export interface SplitterProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'ref'> {
+    /** Which way the bar's line runs. Defaults to `vertical`. */
+    orientation?: SplitterOrientation | undefined;
+    /**
+     * The element the bar sizes. Omitted, the bar takes its own previous element
+     * sibling, which is what the DOM already says.
+     *
+     * It is also what `aria-controls` names and what carries
+     * `--slotted-splitter-value`, so the element announced and the element sized
+     * are one element rather than two that can drift.
+     */
+    for?: RefObject<HTMLElement | null> | undefined;
+    /** The fraction of the container taken by the region before the bar. */
+    value?: number | undefined;
+    /** Where an uncontrolled bar starts, and where a double click returns it. */
+    defaultValue?: number | undefined;
+    onValueChange?: (value: number, request: SplitterValueRequest) => void;
+    /**
+     * Fires once, when a drag settles. `onValueChange` fires throughout one, so a
+     * consumer saving a layout to storage saves once here rather than sixty times
+     * there.
+     */
+    onResizeEnd?: (value: number) => void;
+    min?: SplitterLimit | undefined;
+    max?: SplitterLimit | undefined;
+    /** Stops the bar releases onto, as fractions. Empty means a continuous range. */
+    snapPoints?: readonly number[] | undefined;
+    /** Whether `Enter` collapses the region before the bar. */
+    collapsible?: boolean | undefined;
+    /** Where a collapse lands. Nought by default. */
+    collapsedValue?: number | undefined;
+    collapsed?: boolean | undefined;
+    defaultCollapsed?: boolean | undefined;
+    onCollapsedChange?: (collapsed: boolean, request: SplitterCollapsedRequest) => void;
+    /**
+     * Stops the bar moving. It keeps its tab stop: a reader who cannot move a
+     * separator can still read the value it holds, and taking the stop away would
+     * take the announcement with it.
+     */
+    disabled?: boolean | undefined;
+    /** Substitutes the element the bar renders as. */
+    render?: ((props: ComponentPropsWithRef<'div'>) => ReactNode) | undefined;
+    ref?: RefObject<SplitterHandle | null> | ((handle: SplitterHandle | null) => void) | undefined;
+}
+//# sourceMappingURL=splitter.types.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { Stack } from './stack';
+export type { StackAlign, StackGap, StackJustify, StackProps, StackRootProps } from './stack.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/stack/stack.d.ts

@@ -0,0 +1,17 @@
+
+import type { StackProps } from './stack.types';
+/**
+ * Stack arranges its children along the block axis and separates them by one
+ * step of the space scale. It paints nothing and adds no semantics: a div is
+ * the default because a div claims nothing, and a list, a form or a section is
+ * a claim the consumer makes through `render`.
+ *
+ * An axis reaches the stylesheet only when someone decided it. The base rule
+ * already carries the family default, and a layout is the most numerous
+ * element in a document.
+ *
+ * There is no axis that reverses the children. The order they are written in is
+ * the order they are read in, by a screen reader and by the Tab key alike.
+ */
+export declare function Stack({ align, gap, justify, render, ...nativeProps }: StackProps): 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;
+//# sourceMappingURL=stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,UAAU,+VAWhF"}

package/dist/types/stack/stack.types.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';
+/**
+ * A step on the space scale. Separation is chosen from the scale rather than
+ * stated as a length, so a theme retunes every layout at once and no component
+ * invents a rhythm of its own. `0` is the absence of separation.
+ */
+export type StackGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/** Across the flow, which for a stack is the inline axis. */
+export type StackAlign = 'start' | 'center' | 'end' | 'stretch';
+/** Along the flow, which for a stack is the block axis. */
+export type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface StackRootProps extends HTMLAttributes<HTMLElement> {
+    'data-part': string;
+    'data-ui': string;
+}
+export interface StackProps extends ComponentPropsWithoutRef<'div'> {
+    /** Positions children across the flow. Absent, they stretch. */
+    align?: StackAlign | undefined;
+    /** Separation between children, as a step on the space scale. */
+    gap?: StackGap | undefined;
+    /** Positions children along the flow; needs a block size to distribute. */
+    justify?: StackJustify | undefined;
+    /** Renders the wiring into another element when a div is the wrong claim. */
+    render?: ((props: StackRootProps) => ReactNode) | undefined;
+}
+//# sourceMappingURL=stack.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.types.d.ts","sourceRoot":"","sources":["../../../src/stack/stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE5E,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACjE,gEAAgE;IAChE,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,iEAAiE;IACjE,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CAC7D"}

package/dist/types/stat-card/index.d.ts

@@ -0,0 +1,8 @@
+export { StatCard } from './stat-card';
+export { toneOf, trendOf, useStatCard } from './stat-card-context';
+export { StatCardDefaultsProvider, useStatCardDefaults } from './stat-card-defaults';
+export { StatCardDelta } from './stat-card-delta';
+export { StatCardAction, StatCardComparison, StatCardFigure, StatCardHeader, StatCardLabel, StatCardMessage, StatCardPeriod, StatCardStatus, StatCardTrend, StatCardUnit, } from './stat-card-parts';
+export { StatCardValue } from './stat-card-value';
+export type { StatCardActionProps, StatCardComparisonProps, StatCardContextValue, StatCardDefaults, StatCardDefaultsProviderProps, StatCardDirection, StatCardDeltaFormat, StatCardDeltaProps, StatCardDeltaRootProps, StatCardFigureProps, StatCardFill, StatCardGoodWhen, StatCardHeaderProps, StatCardLabelProps, StatCardLayout, StatCardMessageProps, StatCardPartProps, StatCardPeriodProps, StatCardProps, StatCardRootProps, StatCardSize, StatCardStatusProps, StatCardTone, StatCardTrendProps, StatCardValueStatus, StatCardUnitProps, StatCardValueProps, } from './stat-card.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/stat-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stat-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,aAAa,EACb,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,6BAA6B,EAC7B,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,mBAAmB,CAAC"}

package/dist/types/stat-card/stat-card-context.d.ts

@@ -0,0 +1,12 @@
+import type { StatCardContextValue, StatCardDirection, StatCardGoodWhen, StatCardTone } from './stat-card.types';
+export declare const StatCardProvider: import("react").Provider<StatCardContextValue | null>;
+export declare function useStatCard(): StatCardContextValue;
+/** The direction of a change, from its sign. */
+export declare function trendOf(value: number | undefined): StatCardDirection;
+/**
+ * The tone of a change, from what the metric means and never from the sign:
+ * a rise is good when up is good and bad when down is; a fall is the reverse;
+ * a flat change, or a metric with no valence, is neutral.
+ */
+export declare function toneOf(trend: StatCardDirection, goodWhen: StatCardGoodWhen): StatCardTone;
+//# sourceMappingURL=stat-card-context.d.ts.map

package/dist/types/stat-card/stat-card-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-context.d.ts","sourceRoot":"","sources":["../../../src/stat-card/stat-card-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACb,MAAM,mBAAmB,CAAC;AAI3B,eAAO,MAAM,gBAAgB,uDAA2B,CAAC;AAEzD,wBAAgB,WAAW,IAAI,oBAAoB,CAMlD;AAED,gDAAgD;AAChD,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,iBAAiB,CAGpE;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,gBAAgB,GAAG,YAAY,CAGzF"}

package/dist/types/stat-card/stat-card-defaults.d.ts

@@ -0,0 +1,10 @@
+import type { StatCardDefaults, StatCardDefaultsProviderProps } from './stat-card.types';
+export declare function useStatCardDefaults(): StatCardDefaults;
+/**
+ * An application decides once which way is good, how its numbers read, and
+ * which frame and size its cards take. A card that states any of those still
+ * wins: an explicit prop is never overridden by context. Its words and locale
+ * come from the language in force (`SlottedProvider`).
+ */
+export declare function StatCardDefaultsProvider({ children, ...defaults }: StatCardDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=stat-card-defaults.d.ts.map

package/dist/types/stat-card/stat-card-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-defaults.d.ts","sourceRoot":"","sources":["../../../src/stat-card/stat-card-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAIzF,wBAAgB,mBAAmB,IAAI,gBAAgB,CAEtD;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,6BAA6B,+BAgBhG"}

package/dist/types/stat-card/stat-card-delta.d.ts

@@ -0,0 +1,15 @@
+
+import type { StatCardDeltaProps } from './stat-card.types';
+/**
+ * The change, with the mark that says which way and the word a screen reader
+ * hears before the number. `value` is the root's `delta` unless the part
+ * states its own, so a second delta on one card — month over month beside
+ * year over year — is one more part with one more value.
+ *
+ * `percent` reads the value as a fraction, which is what a division gives;
+ * the sign is always shown except on nought, so `+12.4%` and `−2.1%` read as
+ * a change and `0%` as none. The tone is derived from the direction and from
+ * `goodWhen`, never from the sign, and an explicit `tone` wins.
+ */
+export declare function StatCardDelta({ children, format, formatOptions, goodWhen, render, tone, value, ...nativeProps }: StatCardDeltaProps): 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;
+//# sourceMappingURL=stat-card-delta.d.ts.map

package/dist/types/stat-card/stat-card-delta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-delta.d.ts","sourceRoot":"","sources":["../../../src/stat-card/stat-card-delta.tsx"],"names":[],"mappings":"AAAA,OAAO,yCAAyC,CAAC;AAQjD,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,mBAAmB,CAAC;AAEpF;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAkB,EAClB,aAAa,EACb,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,KAAK,EACL,GAAG,WAAW,EACf,EAAE,kBAAkB,+VA+CpB"}

package/dist/types/stat-card/stat-card-parts.d.ts

@@ -0,0 +1,33 @@
+
+import type { StatCardActionProps, StatCardComparisonProps, StatCardFigureProps, StatCardHeaderProps, StatCardLabelProps, StatCardMessageProps, StatCardPeriodProps, StatCardStatusProps, StatCardTrendProps, StatCardUnitProps } from './stat-card.types';
+/** The row with the name, a status beside it and an action at the end. */
+export declare function StatCardHeader({ render, ...nativeProps }: StatCardHeaderProps): 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 name of the metric. It is the element the root is named by, so it
+ * carries the id the root points at; a consumer's own `id` wins and the
+ * root then names nothing, which is the consumer's decision to make.
+ */
+export declare function StatCardLabel({ children, render, ...nativeProps }: StatCardLabelProps): 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 slot beside the name for a badge or a status indicator. */
+export declare function StatCardStatus({ render, ...nativeProps }: StatCardStatusProps): 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 place at the end of the header for the consumer's link or button. */
+export declare function StatCardAction({ render, ...nativeProps }: StatCardActionProps): 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 value with its unit and its delta on one line, and the comparison under them. */
+export declare function StatCardFigure({ render, ...nativeProps }: StatCardFigureProps): 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 unit, wherever the consumer puts it inside the value: `$` before, `%` after. */
+export declare function StatCardUnit({ render, ...nativeProps }: StatCardUnitProps): 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 prose under the figure: what the value was, and the period. Rendered
+ * only while there is a value to compare; a placeholder while loading.
+ */
+export declare function StatCardComparison({ children, render, ...nativeProps }: StatCardComparisonProps): 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;
+export declare function StatCardPeriod({ render, ...nativeProps }: StatCardPeriodProps): 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;
+/**
+ * Where a sparkline goes. The stylesheet hands it the card's tone and the
+ * card's ground; while loading it holds a block the sparkline's height, so
+ * the card does not change size when the line arrives.
+ */
+export declare function StatCardTrend({ children, render, ...nativeProps }: StatCardTrendProps): 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 is said in place of a value that is missing or failed. Rendered only then. */
+export declare function StatCardMessage({ render, ...nativeProps }: StatCardMessageProps): 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;
+//# sourceMappingURL=stat-card-parts.d.ts.map

package/dist/types/stat-card/stat-card-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-parts.d.ts","sourceRoot":"","sources":["../../../src/stat-card/stat-card-parts.tsx"],"names":[],"mappings":"AAAA,OAAO,yCAAyC,CAAC;AAIjD,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,mBAAmB,CAAC;AAE3B,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+VAG7E;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,kBAAkB,+VASrF;AAED,gEAAgE;AAChE,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+VAG7E;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+VAG7E;AAED,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+VAG7E;AAED,uFAAuF;AACvF,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,iBAAiB,+VAGzE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,uBAAuB,+VAS/F;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,+VAG7E;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,kBAAkB,+VASrF;AAED,sFAAsF;AACtF,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,oBAAoB,+VAK/E"}

package/dist/types/stat-card/stat-card-value.d.ts

@@ -0,0 +1,11 @@
+
+import type { StatCardValueProps } from './stat-card.types';
+/**
+ * The number. A numeric `value` is formatted with the card's locale and
+ * `formatOptions` — `notation: 'compact'` is how 12,900 becomes 12.9K — and
+ * `children` is the consumer's own rendering, unit and all. A missing or
+ * failed value is the `empty` message, a dash; a loading one is a placeholder
+ * five figures wide, on the value's own line.
+ */
+export declare function StatCardValue({ children, formatOptions, render, value, ...nativeProps }: StatCardValueProps): 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;
+//# sourceMappingURL=stat-card-value.d.ts.map

package/dist/types/stat-card/stat-card-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-value.d.ts","sourceRoot":"","sources":["../../../src/stat-card/stat-card-value.tsx"],"names":[],"mappings":"AAAA,OAAO,yCAAyC,CAAC;AAMjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,aAAa,EACb,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,kBAAkB,+VAkBpB"}

package/dist/types/stat-card/stat-card.d.ts

@@ -0,0 +1,20 @@
+
+import type { StatCardProps } from './stat-card.types';
+/**
+ * A metric with its name, its change and its trend, in a frame.
+ *
+ * The root holds the facts the parts read — which way is good, the change,
+ * the status, whether it is loading — and derives the one thing two parts
+ * have to agree on: the tone of the change, which the delta wears and the
+ * trend hands to its sparkline. It is derived here, synchronously, from
+ * `delta` and `goodWhen`, so the first paint on the server already carries
+ * it; a delta that reported its tone upward after mounting would paint one
+ * frame in the wrong colour and mismatch on hydration.
+ *
+ * The root is a group named by its label, so a reader who lands on the
+ * action inside it hears which metric it belongs to. It carries `aria-busy`
+ * while loading; the placeholders are `skeleton`s, and a consumer who wants
+ * one announcement for a whole dashboard wraps it in a `SkeletonRegion`.
+ */
+export declare function StatCard({ children, delta, fill, formatOptions, goodWhen, layout, loading, locale, messages, render, size, status, tone, ...nativeProps }: StatCardProps): 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;
+//# sourceMappingURL=stat-card.d.ts.map

package/dist/types/stat-card/stat-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/stat-card/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,yCAAyC,CAAC;AAQjD,OAAO,KAAK,EAAwB,aAAa,EAAqB,MAAM,mBAAmB,CAAC;AAEhG;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,MAAM,EACN,OAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAgB,EAChB,IAAI,EACJ,GAAG,WAAW,EACf,EAAE,aAAa,+VAiEf"}

package/dist/types/stat-card/stat-card.types.d.ts

@@ -0,0 +1,140 @@
+import type { FamilyTranslator, PartialMessages, StatCardMessages } from '@slotted/core/i18n';
+import type { ComponentPropsWithRef, JSX, ReactNode } from 'react';
+export type StatCardSize = 'sm' | 'md' | 'lg';
+export type StatCardFill = 'outline' | 'elevated' | 'subtle' | 'plain';
+export type StatCardLayout = 'inline' | 'stacked';
+export type StatCardValueStatus = 'ready' | 'empty' | 'error';
+export type StatCardGoodWhen = 'up' | 'down' | 'none';
+export type StatCardTone = 'neutral' | 'accent' | 'secondary' | 'success' | 'warning' | 'danger';
+export type StatCardDirection = 'up' | 'down' | 'flat';
+export type StatCardDeltaFormat = 'percent' | 'decimal';
+/**
+ * What every card in an application does before any of them states anything
+ * of its own. `goodWhen` is here because a product usually has one answer —
+ * a sales dashboard wants everything up, an operations one wants everything
+ * down — and a card that disagrees says so.
+ */
+export interface StatCardDefaults {
+    fill?: StatCardFill | undefined;
+    formatOptions?: Intl.NumberFormatOptions | undefined;
+    goodWhen?: StatCardGoodWhen | undefined;
+    layout?: StatCardLayout | undefined;
+    size?: StatCardSize | undefined;
+}
+export interface StatCardDefaultsProviderProps extends StatCardDefaults {
+    children?: ReactNode;
+}
+export interface StatCardRootProps extends ComponentPropsWithRef<'div'> {
+    'aria-busy': true | undefined;
+    'data-fill': StatCardFill;
+    'data-good-when': StatCardGoodWhen;
+    'data-layout': StatCardLayout;
+    'data-loading': true | undefined;
+    'data-part': string;
+    'data-size': StatCardSize;
+    'data-status': StatCardValueStatus;
+    'data-tone': StatCardTone | undefined;
+    'data-ui': string;
+    role: 'group';
+}
+export interface StatCardProps extends ComponentPropsWithRef<'div'> {
+    size?: StatCardSize;
+    fill?: StatCardFill;
+    layout?: StatCardLayout;
+    /** Whether there is a value to show, and if not, why. */
+    status?: StatCardValueStatus;
+    /** The value is still on its way: every part stands in with a placeholder. */
+    loading?: boolean;
+    /** Which way is good for this metric. The delta's tone is derived from it, never from the sign. */
+    goodWhen?: StatCardGoodWhen;
+    /**
+     * The change since the comparison period, as the first `Delta` inside reads
+     * it: a fraction for a percentage (`0.124` is +12.4%), or a number. Stated
+     * on the root so the card knows its tone before its delta renders.
+     */
+    delta?: number;
+    /** The tone the card hands to its trend. Unset, it is the delta's. */
+    tone?: StatCardTone;
+    /** The locale numbers are written in; the language in force when absent. */
+    locale?: string;
+    /** How the value, the delta and the comparison read numbers. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /**
+     * Words laid over the catalog of the language in force, key by key: what a
+     * screen reader hears beside a change (`up`, `down`, `flat`, read before the
+     * number because a sign is a glyph some readers skip) and what stands in for
+     * a value that is not there (`empty`).
+     */
+    messages?: PartialMessages<StatCardMessages> | undefined;
+    render?: (props: StatCardRootProps) => ReactNode;
+}
+export type StatCardPartProps<T extends keyof JSX.IntrinsicElements> = ComponentPropsWithRef<T> & {
+    'data-part': string;
+};
+export interface StatCardHeaderProps extends ComponentPropsWithRef<'div'> {
+    render?: (props: StatCardPartProps<'div'>) => ReactNode;
+}
+export interface StatCardLabelProps extends ComponentPropsWithRef<'span'> {
+    render?: (props: StatCardPartProps<'span'>) => ReactNode;
+}
+export interface StatCardStatusProps extends ComponentPropsWithRef<'span'> {
+    render?: (props: StatCardPartProps<'span'>) => ReactNode;
+}
+export interface StatCardActionProps extends ComponentPropsWithRef<'span'> {
+    render?: (props: StatCardPartProps<'span'>) => ReactNode;
+}
+export interface StatCardFigureProps extends ComponentPropsWithRef<'div'> {
+    render?: (props: StatCardPartProps<'div'>) => ReactNode;
+}
+export interface StatCardValueProps extends ComponentPropsWithRef<'span'> {
+    /** A number, formatted with the card's locale and `formatOptions`; or the text as the consumer wrote it. `children` wins. */
+    value?: number | string;
+    formatOptions?: Intl.NumberFormatOptions;
+    render?: (props: StatCardPartProps<'span'>) => ReactNode;
+}
+export interface StatCardUnitProps extends ComponentPropsWithRef<'span'> {
+    render?: (props: StatCardPartProps<'span'>) => ReactNode;
+}
+export interface StatCardDeltaRootProps extends ComponentPropsWithRef<'span'> {
+    'data-part': string;
+    'data-tone': StatCardTone;
+    'data-trend': StatCardDirection;
+}
+export interface StatCardDeltaProps extends ComponentPropsWithRef<'span'> {
+    /** The change. Unset, the root's `delta`. */
+    value?: number;
+    /** `percent` reads the value as a fraction; `decimal` reads it as it is. */
+    format?: StatCardDeltaFormat;
+    formatOptions?: Intl.NumberFormatOptions;
+    /** Unset, the root's. */
+    goodWhen?: StatCardGoodWhen;
+    /** An explicit tone, which wins over the one derived from `goodWhen`. */
+    tone?: StatCardTone;
+    render?: (props: StatCardDeltaRootProps) => ReactNode;
+}
+export interface StatCardComparisonProps extends ComponentPropsWithRef<'p'> {
+    render?: (props: StatCardPartProps<'p'>) => ReactNode;
+}
+export interface StatCardPeriodProps extends ComponentPropsWithRef<'span'> {
+    render?: (props: StatCardPartProps<'span'>) => ReactNode;
+}
+export interface StatCardTrendProps extends ComponentPropsWithRef<'div'> {
+    render?: (props: StatCardPartProps<'div'>) => ReactNode;
+}
+export interface StatCardMessageProps extends ComponentPropsWithRef<'p'> {
+    render?: (props: StatCardPartProps<'p'>) => ReactNode;
+}
+export interface StatCardContextValue {
+    delta: number | undefined;
+    formatOptions: Intl.NumberFormatOptions | undefined;
+    goodWhen: StatCardGoodWhen;
+    labelId: string;
+    loading: boolean;
+    locale: string;
+    /** The family's words in the language in force, with this card's `messages` laid over them. */
+    t: FamilyTranslator<StatCardMessages>;
+    size: StatCardSize;
+    status: StatCardValueStatus;
+    tone: StatCardTone | undefined;
+}
+//# sourceMappingURL=stat-card.types.d.ts.map

package/dist/types/stat-card/stat-card.types.d.ts.map

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

package/dist/types/status-indicator/index.d.ts

@@ -0,0 +1,5 @@
+export { StatusIndicator } from './status-indicator';
+export { StatusIndicatorDefaultsProvider, useStatusIndicatorDefaults, } from './status-indicator-defaults';
+export { STATUS_INDICATOR_DEFAULT_STATUS } from './status-indicator.constants';
+export type { StatusIndicatorDefaults, StatusIndicatorDefaultsProviderProps, StatusIndicatorLive, StatusIndicatorMark, StatusIndicatorProps, StatusIndicatorRootProps, StatusIndicatorSize, StatusIndicatorStatus, } from './status-indicator.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/status-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACL,+BAA+B,EAC/B,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAC/E,YAAY,EACV,uBAAuB,EACvB,oCAAoC,EACpC,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC"}

package/dist/types/status-indicator/status-indicator-defaults.d.ts

@@ -0,0 +1,10 @@
+import type { StatusIndicatorDefaults, StatusIndicatorDefaultsProviderProps } from './status-indicator.types';
+export declare function useStatusIndicatorDefaults(): StatusIndicatorDefaults;
+/**
+ * An application decides once how its statuses are marked, how large they are
+ * and whether they announce. A single indicator that states any of those still
+ * wins: an explicit prop is never overridden by context. What each of the six
+ * is called comes from the language in force (`SlottedProvider`).
+ */
+export declare function StatusIndicatorDefaultsProvider({ children, live, mark, size, }: StatusIndicatorDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=status-indicator-defaults.d.ts.map

package/dist/types/status-indicator/status-indicator-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator-defaults.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/status-indicator-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,oCAAoC,EACrC,MAAM,0BAA0B,CAAC;AAIlC,wBAAgB,0BAA0B,IAAI,uBAAuB,CAEpE;AAED;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,GACL,EAAE,oCAAoC,+BAgBtC"}

package/dist/types/status-indicator/status-indicator.constants.d.ts

@@ -0,0 +1,10 @@
+import type { GlyphName } from '../icon';
+import type { StatusIndicatorStatus } from './status-indicator.types';
+export declare const STATUS_INDICATOR_DEFAULT_STATUS: StatusIndicatorStatus;
+/**
+ * The glyph each status draws when the mark is an icon, as the contract's
+ * `statusGlyphs` names it. Two statuses never share one: the icon mark is the
+ * family's non-chromatic answer, and `neutral` and `unknown` share a tone.
+ */
+export declare const STATUS_INDICATOR_GLYPHS: Record<StatusIndicatorStatus, GlyphName>;
+//# sourceMappingURL=status-indicator.constants.d.ts.map

package/dist/types/status-indicator/status-indicator.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.constants.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/status-indicator.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,eAAO,MAAM,+BAA+B,EAAE,qBAAiC,CAAC;AAEhF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAO5E,CAAC"}

package/dist/types/status-indicator/status-indicator.d.ts

@@ -0,0 +1,20 @@
+
+
+import type { StatusIndicatorProps } from './status-indicator.types';
+/**
+ * The operational state of something the application observes.
+ *
+ * The family reports; it never moves the value. That is why there is no
+ * controlled and uncontrolled pair and no change request here — `status` is
+ * the application's fact about a system this component cannot see, the same
+ * relationship a progress range has to the work it reports.
+ *
+ * It is always named. Given words, those words are the name; given none, the
+ * status's own word is rendered and clipped from view. Neither branch reaches
+ * for `role="img"` and an `aria-label`, which is what Fluent's presence badge
+ * does: real text in the document is what lets a live region announce its own
+ * contents, lets an `aria-labelledby` elsewhere point at it, and lets a page
+ * search find the word.
+ */
+export declare function StatusIndicator({ children, label, live, mark, messages, pulse, render, role, size, status, ...nativeProps }: StatusIndicatorProps): 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;
+//# sourceMappingURL=status-indicator.d.ts.map

package/dist/types/status-indicator/status-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/status-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,uDAAuD,CAAC;AAC/D,OAAO,qDAAqD,CAAC;AAW7D,OAAO,KAAK,EAAE,oBAAoB,EAA4B,MAAM,0BAA0B,CAAC;AAU/F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAa,EACb,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,MAAwC,EACxC,GAAG,WAAW,EACf,EAAE,oBAAoB,+VAwDtB"}