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

package/dist/types/side-navigation/side-navigation.types.d.ts

@@ -0,0 +1,248 @@
+import type { PartialMessages, SideNavigationMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentPropsWithRef, HTMLAttributes, ReactNode, RefObject } from 'react';
+/** The row height step. `md` reads the geometry `app-shell` publishes. */
+export type SideNavigationSize = 'sm' | 'md' | 'lg';
+/**
+ * How the column reads the room it has. `auto` is compact below `compactAt`
+ * pixels of its own width and labelled above; the other two force one.
+ */
+export type SideNavigationMode = 'auto' | 'expanded' | 'compact';
+/**
+ * Where a label that does not fit is cut. `end` is the stylesheet's ellipsis;
+ * `middle` keeps the start and the tail, measured by the binding; `none` wraps.
+ */
+export type SideNavigationTruncate = 'end' | 'middle' | 'none';
+/** Why the set of open groups moved. */
+export type SideNavigationExpandedReason = Extract<ChangeRequest<unknown>['reason'], 'pointer' | 'keyboard' | 'select' | 'escape' | 'programmatic'>;
+/** Why the flyout opened or closed. */
+export type SideNavigationFlyoutReason = Extract<ChangeRequest<unknown>['reason'], 'pointer' | 'keyboard' | 'select' | 'escape' | 'outsidePress' | 'blur' | 'resize' | 'programmatic'>;
+/** Why the current destination moved. */
+export type SideNavigationValueReason = Extract<ChangeRequest<unknown>['reason'], 'pointer' | 'keyboard' | 'programmatic'>;
+export type SideNavigationExpandedRequest = ChangeRequest<readonly string[]>;
+export type SideNavigationFlyoutRequest = ChangeRequest<string | null>;
+export type SideNavigationValueRequest = ChangeRequest<string | null>;
+/** What an application sets once for every column under it. */
+export interface SideNavigationDefaults {
+    autoExpand: boolean;
+    compactAt: number;
+    guides: boolean;
+    landmark: boolean;
+    mode: SideNavigationMode;
+    multiple: boolean;
+    size: SideNavigationSize;
+    truncate: SideNavigationTruncate;
+}
+export interface SideNavigationDefaultsProviderProps extends Partial<SideNavigationDefaults> {
+    children?: ReactNode | undefined;
+}
+/** What the root hands every part under it. */
+export interface SideNavigationContextValue {
+    autoExpand: boolean;
+    /** Whether the column is a rail right now: the mode, or the width under `compactAt`. */
+    compact: boolean;
+    expanded: readonly string[];
+    flyout: string | null;
+    guides: boolean;
+    mode: SideNavigationMode;
+    multiple: boolean;
+    size: SideNavigationSize;
+    truncate: SideNavigationTruncate;
+    value: string | null;
+    /** A counter that moves when the root was resized or the fonts arrived, so a label measures again. */
+    measureTick: number;
+    isExpanded: (value: string) => boolean;
+    /** Asks the set of open groups to include or drop one value. */
+    toggleExpanded: (value: string, next: boolean, reason: SideNavigationExpandedReason, source?: unknown) => void;
+    /** Asks the flyout to show one group, or none. */
+    setFlyout: (value: string | null, reason: SideNavigationFlyoutReason, source?: unknown) => void;
+    /** Asks the current destination to move. */
+    select: (value: string, reason: SideNavigationValueReason, source?: unknown) => void;
+    /** An item says where it stands, so the root can open the ancestors of the current destination. */
+    registerItem: (value: string, parent: string | null) => () => void;
+    /** The layer the flyout is drawn in, so the keyboard can walk into it. */
+    flyoutNode: HTMLElement | null;
+    setFlyoutNode: (node: HTMLElement | null) => void;
+}
+/** What an item hands its own row, group and parts. */
+export interface SideNavigationItemContextValue {
+    value: string;
+    /** Whether the group is open inline. */
+    expanded: boolean;
+    /** Whether the group is shown in the flyout. */
+    flyoutOpen: boolean;
+    /** Whether the current destination is this item's own link. */
+    current: boolean;
+    /** Whether the current destination is somewhere under this item. */
+    holdsCurrent: boolean;
+    disabled: boolean;
+    hasLink: boolean;
+    hasGroup: boolean;
+    /** Whether the label was measured as clipped, which is what opens the tooltip. */
+    clipped: boolean;
+    /** The label's whole text, for the tooltip and for `aria-label` under a middle cut. */
+    labelText: string;
+    descriptionText: string;
+    ids: {
+        groupId: string;
+        labelId: string;
+        triggerId: string;
+    };
+    triggerNode: HTMLElement | null;
+    setHasLink: (present: boolean) => void;
+    setHasGroup: (present: boolean) => void;
+    setClipped: (clipped: boolean) => void;
+    setLabelText: (text: string) => void;
+    setDescriptionText: (text: string) => void;
+    setTriggerNode: (node: HTMLElement | null) => void;
+    /** A descendant says whether it holds the current destination. */
+    reportCurrent: (value: string, current: boolean) => void;
+}
+export interface SideNavigationRootProps extends HTMLAttributes<HTMLElement> {
+    'aria-label'?: string | undefined;
+    'data-compact'?: '' | undefined;
+    'data-guides'?: '' | undefined;
+    'data-mode': SideNavigationMode;
+    'data-part': string;
+    'data-size': SideNavigationSize;
+    'data-truncate': SideNavigationTruncate;
+    'data-ui': string;
+}
+export interface SideNavigationProps extends Omit<ComponentPropsWithRef<'nav'>, 'onChange' | 'defaultValue' | 'ref'> {
+    /** Whether the ancestors of the current destination open by themselves. */
+    autoExpand?: boolean | undefined;
+    /** The width, in CSS pixels, under which `mode="auto"` is compact. */
+    compactAt?: number | undefined;
+    /** The set of open groups an uncontrolled column starts with, read once. */
+    defaultExpanded?: readonly string[] | undefined;
+    /** The group an uncontrolled column starts with in the flyout, read once. */
+    defaultFlyout?: string | null | undefined;
+    /** The current destination an uncontrolled column starts with, read once. */
+    defaultValue?: string | null | undefined;
+    /** Present means the consumer owns the set of open groups. */
+    expanded?: readonly string[] | undefined;
+    /** Present means the consumer owns the flyout. */
+    flyout?: string | null | undefined;
+    /** Whether a guide runs down each open group. */
+    guides?: boolean | undefined;
+    /**
+     * Whether the root is a `nav` landmark. Unstated, it is one on its own and
+     * a `div` inside `app-shell`'s nav region, which is already the landmark.
+     */
+    landmark?: boolean | undefined;
+    /**
+     * Words laid over the catalog of the language in force: the landmark's name
+     * (`navigation`). A native `aria-label` still wins.
+     */
+    messages?: PartialMessages<SideNavigationMessages> | undefined;
+    mode?: SideNavigationMode | undefined;
+    /** Whether more than one group may be open at once. */
+    multiple?: boolean | undefined;
+    /** Called before the set of open groups moves, with the request that carries the reason. */
+    onExpandedChange?: ((expanded: readonly string[], request: SideNavigationExpandedRequest) => void) | undefined;
+    /** Called before the flyout moves. */
+    onFlyoutChange?: ((flyout: string | null, request: SideNavigationFlyoutRequest) => void) | undefined;
+    /** Called before the current destination moves. */
+    onValueChange?: ((value: string | null, request: SideNavigationValueRequest) => void) | undefined;
+    /** The imperative surface, as `app-shell` hands its own: the root is on it. */
+    ref?: RefObject<SideNavigationHandle | null> | ((handle: SideNavigationHandle | null) => void) | undefined;
+    /** Renders the root into another element. */
+    render?: ((props: SideNavigationRootProps) => ReactNode) | undefined;
+    size?: SideNavigationSize | undefined;
+    truncate?: SideNavigationTruncate | undefined;
+    /** Present means the consumer owns the current destination. */
+    value?: string | null | undefined;
+}
+/** The imperative surface: what a consumer cannot say declaratively. */
+export interface SideNavigationHandle {
+    /** Focuses the first link or trigger in the column. */
+    focus: () => void;
+    /** Opens one group, with the reason `programmatic`. */
+    expand: (value: string) => void;
+    /** Closes one group, with the reason `programmatic`. */
+    collapse: (value: string) => void;
+    /** The root element, once it is in the document. */
+    readonly root: HTMLElement | null;
+}
+export interface SideNavigationPartProps extends ComponentPropsWithRef<'div'> {
+    render?: ((props: HTMLAttributes<HTMLElement> & {
+        'data-part': string;
+    }) => ReactNode) | undefined;
+}
+export interface SideNavigationSpanPartProps extends ComponentPropsWithRef<'span'> {
+    render?: ((props: HTMLAttributes<HTMLElement> & {
+        'data-part': string;
+    }) => ReactNode) | undefined;
+}
+export interface SideNavigationListProps extends ComponentPropsWithRef<'ul'> {
+    render?: ((props: HTMLAttributes<HTMLElement> & {
+        'data-part': string;
+    }) => ReactNode) | undefined;
+}
+export interface SideNavigationItemRootProps extends HTMLAttributes<HTMLElement> {
+    'data-current'?: '' | undefined;
+    'data-disabled'?: '' | undefined;
+    'data-expanded'?: '' | undefined;
+    'data-open'?: '' | undefined;
+    'data-part': string;
+    'data-value': string;
+}
+export interface SideNavigationItemProps extends ComponentPropsWithRef<'li'> {
+    /** The row and everything in it refuse interaction. */
+    disabled?: boolean | undefined;
+    render?: ((props: SideNavigationItemRootProps) => ReactNode) | undefined;
+    /** The item's identity: what `value`, `expanded` and `flyout` name it by. */
+    value: string;
+}
+/**
+ * The row's attributes, typed for any element: `render` draws an `a` for a
+ * router's link and a `button` for an application that routes in state, and
+ * handlers typed for an anchor alone would refuse the second.
+ */
+export interface SideNavigationLinkRootProps extends Omit<AnchorHTMLAttributes<HTMLElement>, 'aria-current' | 'aria-disabled'> {
+    'aria-current'?: 'page' | undefined;
+    'aria-disabled'?: 'true' | undefined;
+    'aria-label'?: string | undefined;
+    'data-current'?: '' | undefined;
+    'data-part': string;
+    ref?: (node: HTMLElement | null) => void;
+}
+export interface SideNavigationLinkProps extends Omit<ComponentPropsWithRef<'a'>, 'aria-current' | 'aria-disabled'> {
+    /**
+     * Whether this is the current destination, stated on the row itself — what
+     * a router's own link writes. It wins over the root's `value`.
+     */
+    current?: boolean | undefined;
+    /** Renders the row into another element: a router's link, or a `button` for a command. */
+    render?: ((props: SideNavigationLinkRootProps) => ReactNode) | undefined;
+}
+export interface SideNavigationTriggerRootProps extends ButtonHTMLAttributes<HTMLElement> {
+    'aria-controls': string;
+    'aria-expanded': boolean;
+    'aria-labelledby'?: string | undefined;
+    'data-part': string;
+    id: string;
+    ref?: (node: HTMLElement | null) => void;
+    type: 'button';
+}
+export interface SideNavigationTriggerProps extends ComponentPropsWithRef<'button'> {
+    render?: ((props: SideNavigationTriggerRootProps) => ReactNode) | undefined;
+}
+export interface SideNavigationGroupRootProps extends HTMLAttributes<HTMLElement> {
+    'aria-labelledby': string;
+    'data-part': string;
+    id: string;
+}
+export interface SideNavigationGroupProps extends ComponentPropsWithRef<'ul'> {
+    render?: ((props: SideNavigationGroupRootProps) => ReactNode) | undefined;
+}
+export interface SideNavigationDividerProps extends ComponentPropsWithRef<'li'> {
+    render?: ((props: HTMLAttributes<HTMLElement> & {
+        'data-part': string;
+    }) => ReactNode) | undefined;
+}
+export interface SideNavigationSkeletonProps extends Omit<ComponentPropsWithRef<'li'>, 'children'> {
+    /** How wide the label's bar is drawn, as any CSS length. */
+    labelSize?: number | string | undefined;
+}
+//# sourceMappingURL=side-navigation.types.d.ts.map

package/dist/types/side-navigation/side-navigation.types.d.ts.map

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

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

@@ -0,0 +1,6 @@
+export { Skeleton } from './skeleton';
+export { SkeletonDefaultsProvider, useSkeletonDefaults } from './skeleton-defaults';
+export { SkeletonRegion } from './skeleton-region';
+export { SkeletonText } from './skeleton-text';
+export type { SkeletonAnimation, SkeletonDefaults, SkeletonDefaultsProviderProps, SkeletonGeometry, SkeletonLive, SkeletonProps, SkeletonRegionProps, SkeletonRegionRootProps, SkeletonRootProps, SkeletonShape, SkeletonSize, SkeletonTextProps, SkeletonTextRootProps, } from './skeleton.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,6BAA6B,EAC7B,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { SkeletonDefaults, SkeletonDefaultsProviderProps } from './skeleton.types';
+export declare function useSkeletonDefaults(): SkeletonDefaults;
+/**
+ * An application decides once how its placeholders are animated, 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 the content arrives. A region or a box 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. It is a policy about
+ * latency, and latency is a property of the application rather than of the
+ * placeholder — the reference page recommends `delay={200} minDuration={400}`
+ * set once, and the family ships both at zero because it cannot know.
+ */
+export declare function SkeletonDefaultsProvider({ children, ...defaults }: SkeletonDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=skeleton-defaults.d.ts.map

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

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

package/dist/types/skeleton/skeleton-region-context.d.ts

@@ -0,0 +1,14 @@
+import type { SkeletonAnimation } from './skeleton.types';
+/**
+ * What a region tells the placeholders inside it. `null` outside one, so a box
+ * can tell "no region said anything" from "a region said false" — the first
+ * falls through to the provider and then to `true`, and the second is an
+ * answer.
+ */
+export interface SkeletonRegionValue {
+    animation: SkeletonAnimation | undefined;
+    loading: boolean;
+}
+export declare const SkeletonRegionProvider: import("react").Provider<SkeletonRegionValue | null>;
+export declare function useSkeletonRegion(): SkeletonRegionValue | null;
+//# sourceMappingURL=skeleton-region-context.d.ts.map

package/dist/types/skeleton/skeleton-region-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-region-context.d.ts","sourceRoot":"","sources":["../../../src/skeleton/skeleton-region-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACzC,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,eAAO,MAAM,sBAAsB,sDAAiC,CAAC;AAErE,wBAAgB,iBAAiB,IAAI,mBAAmB,GAAG,IAAI,CAE9D"}

package/dist/types/skeleton/skeleton-region.d.ts

@@ -0,0 +1,28 @@
+
+
+import type { SkeletonRegionProps } from './skeleton.types';
+/**
+ * The thing that is loading, rather than the shapes drawn on it.
+ *
+ * It owns four facts the boxes inside it cannot own on their own. It carries
+ * `aria-busy`, which is the platform's own answer — ARIA 1.2 asks an author to
+ * set it "on the container element before the first change" and clear it "when
+ * the last change is complete". It holds the one announcement: twelve
+ * placeholders are one wait, and PatternFly, the only surveyed library that
+ * announces at all, puts the text on each box and then has to warn its readers
+ * to give every one of them different words. It takes its whole subtree out of
+ * the tab order. And it drives the animation phase every placeholder inside it
+ * reads, so a region pulses as one surface instead of as twelve blinks.
+ *
+ * The announcement is emptied rather than replaced when the wait ends, because
+ * emptying a live region announces nothing — so a load says one thing unless
+ * `loadedLabel` asks for a second.
+ *
+ * The region itself is never `inert`, and that is deliberate rather than an
+ * omission: an inert subtree is not announced, so marking the region would
+ * silence the one thing it has to say. Each placeholder carries `inert`
+ * itself, which is what actually takes a covered button out of the tab order,
+ * and the announcement is the one child that never does.
+ */
+export declare function SkeletonRegion({ animation, children, delay, live, loadedLabel, loading, messages, minDuration, onReveal, render, ...nativeProps }: SkeletonRegionProps): import("react").JSX.Element;
+//# sourceMappingURL=skeleton-region.d.ts.map

package/dist/types/skeleton/skeleton-region.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-region.d.ts","sourceRoot":"","sources":["../../../src/skeleton/skeleton-region.tsx"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qDAAqD,CAAC;AAS7D,OAAO,KAAK,EAAE,mBAAmB,EAA2B,MAAM,kBAAkB,CAAC;AAErF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAW,EACX,OAAc,EACd,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,MAAM,EACN,GAAG,WAAW,EACf,EAAE,mBAAmB,+BA4DrB"}

package/dist/types/skeleton/skeleton-text.d.ts

@@ -0,0 +1,20 @@
+
+import type { SkeletonTextProps } from './skeleton.types';
+/**
+ * The rows of a paragraph that has not arrived.
+ *
+ * Each row is exactly one line box and the bar inside it is one em, so `lines`
+ * rows occupy exactly the `lines` lines of the paragraph they stand in — at
+ * every type size and every density, because both come from the type the rows
+ * are placed in rather than from a number typed here. Every implementation
+ * surveyed while this family was rebuilt states a pixel height instead, and is
+ * therefore right at one density and wrong at the others.
+ *
+ * The last row is drawn short, which is what makes a stack of bars read as
+ * prose rather than as a barcode — and only when there is more than one, since
+ * a lone row cut to 62% stands for a sentence that was never there. The widths
+ * are fixed rather than random: Carbon randomises them, and a randomised width
+ * is a hydration mismatch waiting for its first server-rendered page.
+ */
+export declare function SkeletonText({ animation, 'aria-hidden': ariaHidden, inlineSize, lastLineSize, lines, loading, render, style, ...nativeProps }: SkeletonTextProps): 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=skeleton-text.d.ts.map

package/dist/types/skeleton/skeleton-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-text.d.ts","sourceRoot":"","sources":["../../../src/skeleton/skeleton-text.tsx"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAO/C,OAAO,KAAK,EAAE,iBAAiB,EAAyB,MAAM,kBAAkB,CAAC;AAEjF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,UAAU,EACV,YAAY,EACZ,KAAS,EACT,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,iBAAiB,+VA6BnB"}

package/dist/types/skeleton/skeleton.d.ts

@@ -0,0 +1,29 @@
+
+import type { CSSProperties } from 'react';
+import type { SkeletonGeometry, SkeletonProps } from './skeleton.types';
+/**
+ * The geometry reaches the stylesheet as the family's own custom properties
+ * rather than as `width` and `height`, because every rule in this library is
+ * logical and a physical declaration would be the one thing in the family that
+ * did not mirror. A bare number is pixels, which is what a consumer who typed
+ * one meant.
+ */
+export declare function geometryStyle({ blockSize, inlineSize }: SkeletonGeometry, style: CSSProperties | undefined): CSSProperties | undefined;
+/**
+ * One placeholder box.
+ *
+ * With no children it draws the geometry `shape` and `size` describe. With
+ * children it takes *their* geometry and covers them, which is the only form
+ * in which the reserved space cannot disagree with what replaces it — MUI
+ * infers the box from `children` and React Spectrum clones the child with a
+ * skeleton class, and both arrive here.
+ *
+ * Hidden from assistive technology and taken out of the tab order while it is
+ * painted: reading out the absence of something is noise, and focus must not
+ * fall into content that is not ready. `aria-hidden="false"` written by hand
+ * is the escape hatch, and it is an explicit value rather than `undefined`
+ * because React reads an `undefined`-valued prop as absent — the finding this
+ * family recorded in August and `alert` reused.
+ */
+export declare function Skeleton({ animation, 'aria-hidden': ariaHidden, blockSize, children, inlineSize, loading, render, shape, size, style, ...nativeProps }: SkeletonProps): 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=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAqB,MAAM,kBAAkB,CAAC;AAE3F;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,gBAAgB,EAC3C,KAAK,EAAE,aAAa,GAAG,SAAS,GAC/B,aAAa,GAAG,SAAS,CAO3B;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAc,EACd,IAAW,EACX,KAAK,EACL,GAAG,WAAW,EACf,EAAE,aAAa,+VAuBf"}

package/dist/types/skeleton/skeleton.types.d.ts

@@ -0,0 +1,110 @@
+import type { PartialMessages, SkeletonMessages } from '@slotted/core/i18n';
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+export type SkeletonShape = 'text' | 'block' | 'circle' | 'square';
+export type SkeletonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type SkeletonAnimation = 'shimmer' | 'pulse' | 'none';
+export type SkeletonLive = 'polite' | 'off';
+/**
+ * What every placeholder in an application looks like, and how a load is
+ * timed, before any of them states anything of its own. The two durations are
+ * here rather than on a box because the policy is an application's: a team
+ * decides once that a wait under two hundred milliseconds is not worth
+ * reporting, and every region inherits it.
+ */
+export interface SkeletonDefaults {
+    animation?: SkeletonAnimation | undefined;
+    delay?: number | undefined;
+    lastLineSize?: string | undefined;
+    live?: SkeletonLive | undefined;
+    loadedLabel?: string | undefined;
+    minDuration?: number | undefined;
+}
+export interface SkeletonDefaultsProviderProps extends SkeletonDefaults {
+    children?: ReactNode;
+}
+/**
+ * The geometry a placeholder reserves, when the content it stands for is not
+ * there to be measured. Named for the axes the layout is written in rather
+ * than for the screen's, because every rule in this library is logical and a
+ * `width` prop feeding an `inline-size` declaration would be one word lying
+ * about the other.
+ */
+export interface SkeletonGeometry {
+    blockSize?: number | string | undefined;
+    inlineSize?: number | string | undefined;
+}
+export interface SkeletonRootProps extends ComponentPropsWithRef<'span'> {
+    'aria-hidden': boolean | 'true' | 'false' | undefined;
+    'data-animation': SkeletonAnimation;
+    'data-loading': true | undefined;
+    'data-part': string;
+    'data-shape': SkeletonShape;
+    'data-size': SkeletonSize;
+    'data-ui': string;
+    inert?: boolean | undefined;
+}
+export interface SkeletonProps extends ComponentPropsWithRef<'span'>, SkeletonGeometry {
+    animation?: SkeletonAnimation;
+    /**
+     * Whether the content this stands for is still on its way. Unset, it is the
+     * nearest region's answer, then the provider's, then `true`: a placeholder
+     * that was never told anything is a placeholder.
+     */
+    loading?: boolean;
+    render?: (props: SkeletonRootProps) => ReactNode;
+    shape?: SkeletonShape;
+    /** Meaningful for `circle` and `square`, which read the avatar scale. */
+    size?: SkeletonSize;
+}
+export interface SkeletonTextRootProps extends ComponentPropsWithRef<'div'> {
+    'aria-hidden': boolean | 'true' | 'false' | undefined;
+    children: ReactNode;
+    'data-animation': SkeletonAnimation;
+    'data-loading': true | undefined;
+    'data-part': string;
+    'data-ui': string;
+    inert?: boolean | undefined;
+}
+export interface SkeletonTextProps extends Omit<ComponentPropsWithRef<'div'>, 'children'>, Pick<SkeletonGeometry, 'inlineSize'> {
+    animation?: SkeletonAnimation;
+    /** How wide the last row is drawn, when there is more than one. */
+    lastLineSize?: string;
+    /** How many rows of the paragraph to reserve. */
+    lines?: number;
+    loading?: boolean;
+    render?: (props: SkeletonTextRootProps) => ReactNode;
+}
+export interface SkeletonRegionRootProps extends ComponentPropsWithRef<'div'> {
+    'aria-busy': true | undefined;
+    children: ReactNode;
+    'data-animation': SkeletonAnimation;
+    'data-loading': true | undefined;
+    'data-part': string;
+    'data-ui': string;
+    inert?: boolean | undefined;
+}
+export interface SkeletonRegionProps extends ComponentPropsWithRef<'div'> {
+    animation?: SkeletonAnimation;
+    /** How long the wait must last before anything is painted. */
+    delay?: number;
+    /**
+     * Words laid over the catalog of the language in force, key by key: what a
+     * screen reader hears once, while the region is waiting (`label`).
+     */
+    messages?: PartialMessages<SkeletonMessages> | undefined;
+    /** Whether the region announces at all. */
+    live?: SkeletonLive;
+    /** What a screen reader hears when the content arrives. Silent by default. */
+    loadedLabel?: string;
+    loading?: boolean;
+    /** How long a placeholder that did appear is held before it is withdrawn. */
+    minDuration?: number;
+    /**
+     * The moment the placeholders are actually withdrawn, which is later than
+     * `loading` turning false whenever `minDuration` is holding them. It is what
+     * an application moves focus on.
+     */
+    onReveal?: () => void;
+    render?: (props: SkeletonRegionRootProps) => ReactNode;
+}
+//# sourceMappingURL=skeleton.types.d.ts.map

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

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

package/dist/types/skeleton/use-loading-visibility.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Drives the shared timing machine from React's clock.
+ *
+ * The first answer is computed during render rather than in an effect, because
+ * an effect would paint one frame of the wrong state: with no delay set — the
+ * default — a placeholder would flash absent for a frame on every mount, which
+ * is the defect this whole mechanism exists to prevent, reintroduced by the
+ * mechanism itself.
+ *
+ * A timer is scheduled only when the machine asks for one, so an application
+ * that sets neither duration pays for no timer at all.
+ */
+export declare function useLoadingVisibility({ delay, loading, minDuration, }: {
+    delay: number;
+    loading: boolean;
+    minDuration: number;
+}): boolean;
+//# sourceMappingURL=use-loading-visibility.d.ts.map

package/dist/types/skeleton/use-loading-visibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-loading-visibility.d.ts","sourceRoot":"","sources":["../../../src/skeleton/use-loading-visibility.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,OAAO,EACP,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,GAAG,OAAO,CAqBV"}

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

@@ -0,0 +1,4 @@
+export { Slider } from './slider';
+export { SliderDefaultsProvider, useSliderDefaults } from './slider-defaults';
+export type { SliderDefaults, SliderDefaultsProviderProps, SliderHandle, SliderMark, SliderOrientation, SliderOrigin, SliderProps, SliderRootProps, SliderSize, SliderValueLabel, SliderValueReason, } from './slider.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EACV,cAAc,EACd,2BAA2B,EAC3B,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { SliderDefaults, SliderDefaultsProviderProps } from './slider.types';
+/** What a slider renders as here, before it states anything of its own. */
+export declare function useSliderDefaults(): SliderDefaults;
+/**
+ * An application decides once what its sliders look like, rather than
+ * repeating the same props on every scale. A slider that states any of them
+ * itself still wins. The locale its values are written in comes from the
+ * language in force (`SlottedProvider`).
+ *
+ * `size` is the one the field outranks: a `size="sm"` field holding an `md`
+ * control is a field and a control disagreeing about one row, so a slider inside
+ * a field takes the field's step and this provider answers only outside one.
+ */
+export declare function SliderDefaultsProvider({ children, ...defaults }: SliderDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=slider-defaults.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+/**
+ * One demonstration: what it is called, what to look at, and the stage that
+ * owns the distance between the examples on it. Every story composes this
+ * rather than laying itself out, so no two examples can end up against each
+ * other and no story reaches for an inline style.
+ */
+export declare function Scene({ children, label, layout, note, }: {
+    children: ReactNode;
+    label: string;
+    layout?: 'block' | 'row' | 'stack' | 'prose';
+    note: ReactNode;
+}): import("react").JSX.Element;
+export declare function Grid({ children, columns }: {
+    children: ReactNode;
+    columns: 1 | 2 | 3;
+}): import("react").JSX.Element;
+/** A narrow column, for showing what a scale does below 320 pixels. */
+export declare function Measure({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=slider-demo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-demo.d.ts","sourceRoot":"","sources":["../../../src/slider/slider-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,MAAgB,EAChB,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,IAAI,EAAE,SAAS,CAAC;CACjB,+BAYA;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,+BAMtF;AAED,uEAAuE;AACvE,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE5D"}