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

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

@@ -0,0 +1,73 @@
+import type { ReactNode } from 'react';
+import type { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogIconProps, DialogBodyProps, DialogCloseProps, DialogContentProps, DialogFooterProps, DialogHeaderProps, DialogDescriptionProps, DialogTitleProps, DialogTriggerProps } from './dialog.types';
+/**
+ * The control that opens the layer.
+ *
+ * It stays where it is written while the layer is portalled out, which is why
+ * it is also the layer's *branch*: a press on it is inside the layer as far as
+ * `dismissable-layer` is concerned, or opening would immediately be read as an
+ * outside press and close what it just opened.
+ *
+ * `dialog.css` writes no appearance for it. A real application's trigger is a
+ * `Button`, reached with `render`, and a substituted trigger therefore loses
+ * nothing.
+ */
+export declare function DialogTrigger({ children, className, onClick, ref, render, style, ...nativeProps }: DialogTriggerProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The layer, the scrim and the panel.
+ *
+ * Three boxes rather than two. `root` declares `container-type: inline-size`,
+ * which applies `contain: layout`, which makes it the containing block for
+ * every positioned descendant — so a scrim inside a root that scrolls is part
+ * of what scrolls, and under `scroll="viewport"` it slides off the top of the
+ * layer. `backdrop` and `viewport` are two things in one grid cell instead.
+ */
+export declare function DialogContent({ children, className, ref, render, style, ...nativeProps }: DialogContentProps): import("react").ReactPortal | null;
+/**
+ * The header, and the one part of it the family renders rather than the
+ * consumer: the full-screen toggle, when the layer was asked for one.
+ *
+ * It is written after the consumer's children on purpose. The title and the
+ * description come first for a reader moving through the header, and the two
+ * corner controls are adjacent peers whose order carries no meaning — where
+ * the toggle went first in the DOM it would be announced ahead of the name of
+ * the dialog it belongs to. The stylesheet puts it in the column before the
+ * close, which is where a window's controls put it.
+ */
+export declare function DialogHeader({ children, className, ref, render, style, ...rest }: DialogHeaderProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** The visible name, which `aria-labelledby` points at. */
+export declare function DialogTitle({ children, className, ref, render, style, ...rest }: DialogTitleProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** The sentence that says what the dialog is about. */
+export declare function DialogDescription({ children, className, ref, render, style, ...rest }: DialogDescriptionProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The one row that scrolls, and the row `aria-busy` belongs to while the
+ * content is still on its way — the header, the close button and Escape all
+ * stay operable, because a loading dialog a reader cannot leave is the worse
+ * failure of the two.
+ */
+export declare function DialogBody({ children, className, ref, render, style, ...rest }: DialogBodyProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare function DialogFooter({ children, className, ref, render, style, ...rest }: DialogFooterProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The ✕ in the corner. It carries `dismiss`, which is the word the closed
+ * vocabulary in `docs/state-and-events.md` already has for what a close button
+ * means; `docs/component-features.md` §8 calls the source `closeButton`, and a
+ * twelfth reason would be a change to a contract outside this family.
+ */
+export declare function DialogClose({ children, className, onClick, ref, render, style, value, ...rest }: DialogCloseProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The tone's own mark, which is geometry rather than a character. A mark the
+ * consumer writes as children replaces the tone's.
+ */
+export declare function AlertDialogIcon({ children, className, ref, render, style, ...rest }: AlertDialogIconProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The least destructive action, and where focus lands when the layer opens.
+ * That is the APG's own advice for a step that is not easily reversible, and it
+ * is a default of the member rather than something a consumer remembers.
+ */
+export declare function AlertDialogCancel({ children, className, onClick, ref, render, style, value, ...rest }: AlertDialogCancelProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The action being confirmed. It carries `submit`, because confirming is what
+ * the reader came to do, and `dismiss` is what the other two controls mean.
+ */
+export declare function AlertDialogAction({ children, className, onClick, ref, render, style, value, ...rest }: AlertDialogActionProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=dialog-parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-parts.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog-parts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAElB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EAEtB,gBAAgB,EAEhB,kBAAkB,EAEnB,MAAM,gBAAgB,CAAC;AAcxB;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,kBAAkB,+TAiCpB;AAkCD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,kBAAkB,sCAgJpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,+TAgBnB;AAkCD,2DAA2D;AAC3D,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,+TAclB;AAED,uDAAuD;AACvD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,sBAAsB,+TAcxB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+TAY/F;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,+TAInB;AAqBD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,+TA0BlB;AAeD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,oBAAoB,+TAgBtB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,sBAAsB,+TAqBxB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,sBAAsB,+TAcxB"}

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

@@ -0,0 +1,40 @@
+
+import type { AlertDialogProps, DialogContextValue, DialogProps } from './dialog.types';
+/**
+ * What the layer around this part says. A part outside one has no layer to
+ * belong to and no state to report, so this throws rather than rendering
+ * something that looks right and closes nothing.
+ */
+export declare function useDialog(): DialogContextValue;
+/**
+ * A window over the page, and the scrim that says the page is out of reach.
+ *
+ * The layer is composed from `packages/core` and rewritten nowhere: `portal`
+ * decides where it lives and keeps the theme of the region that opened it,
+ * `dismissable-layer` owns Escape, outside press, `inert`, the scroll lock and
+ * the single z-index stack, `presence` keeps it mounted long enough to leave,
+ * and `focus` contains the keyboard and gives it back to the trigger.
+ *
+ * The platform's own `<dialog>` is declined, and the reason is the top layer:
+ * an element promoted to it paints above everything regardless of `z-index`, so
+ * a `select` opened inside one would portal to the body and paint behind the
+ * dialog it belongs to. The cost — this family needs JavaScript for containment,
+ * inertness and Escape — is written in
+ * `docs/history/designs/2026-09-04-dialog-and-alert-dialog-capability-inventory.md`.
+ */
+export declare function Dialog(props: DialogProps): import("react").JSX.Element;
+/**
+ * A dialog that interrupts to confirm something irreversible.
+ *
+ * Two rules are fixed rather than left to a prop: outside press never closes
+ * it, and it is always modal. Ark and React Aria make the role a prop, so a
+ * consumer who sets `role="alertdialog"` and forgets the dismissal policy ships
+ * a destructive confirmation a stray click dismisses.
+ *
+ * Focus lands on `AlertDialogCancel` rather than on the first tabbable element,
+ * which is the APG's own advice for a step that is not easily reversible, and a
+ * description is required rather than optional, which the alert dialog pattern
+ * requires and the modal dialog pattern does not.
+ */
+export declare function AlertDialog(props: AlertDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAoB3C,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAKlB,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAIxB;;;;GAIG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C;AA4RD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAElD"}

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

@@ -0,0 +1,279 @@
+import type { DialogMessages, FamilyTranslator, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref, RefObject } from 'react';
+/**
+ * The panel's measure. Five named steps rather than the pixel string Material,
+ * Carbon and Ant all take: a theme can retune a step and cannot retune
+ * `width: '600px'`, and a family that accepted one would carry a second scale.
+ * `full` spends the whole layer minus its padding.
+ */
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/** Where the panel sits in the layer. `top` is for content that grows. */
+export type DialogPlacement = 'center' | 'top';
+/**
+ * What scrolls. `content` bounds the panel to the layer and scrolls its body,
+ * which is what keeps the footer on screen; `viewport` scrolls the whole panel,
+ * for content that is a document rather than a task.
+ */
+export type DialogScroll = 'content' | 'viewport';
+/**
+ * Whether the family paints the panel at all. `plain` turns off the surface,
+ * the border, the radius, the shadow, the rows and the padding, and keeps
+ * everything that is not paint: the portal, the scrim, presence, the focus
+ * containment and restoration, the dismissal policy and the z-index stack.
+ *
+ * `render` substitutes the element the panel is drawn on and not the drawing,
+ * so a consumer who wants the layer around a box of their own — a `Card`, a
+ * media viewer, an image at its own aspect ratio — reaches for this instead.
+ * The cost is that a plain panel does not keep its footer on screen for a long
+ * body, because the three rows go with the paint.
+ */
+export type DialogSurface = 'panel' | 'plain';
+/**
+ * When the layer exists. `active` builds it on opening and drops it once the
+ * exit is over, `lazy` builds it on the first open and keeps it, `eager` builds
+ * it up front and hides it.
+ *
+ * The default is `active`, and it is the opposite of `collapsible`'s for the
+ * same reason: a disclosure's panel transitions its own height and has to be in
+ * the DOM, while a layer transitions opacity and `@slotted/core/presence`
+ * already keeps it mounted for its own exit. A layer left in the document holds
+ * its controls in the page tab sequence.
+ */
+export type DialogMount = 'active' | 'lazy' | 'eager';
+/**
+ * When the panel spends the whole layer. `narrow` is a container query at a
+ * literal breakpoint, which is what `docs/component-features.md` §2.7 means by
+ * a responsive mode that can be tested deterministically.
+ */
+export type DialogFullScreen = 'never' | 'narrow' | 'always';
+/** Whether a dismissal source closes the layer. */
+export type DialogDismissPolicy = 'close' | 'none';
+/** The five semantic tones. An alert dialog draws its mark from this. */
+export type DialogTone = 'accent' | 'secondary' | 'success' | 'warning' | 'danger';
+/** Where focus goes when the layer opens. */
+export type DialogInitialFocus = 'first' | 'container' | 'cancel' | RefObject<HTMLElement | null> | false;
+/** Where focus goes when the layer closes. Defaults to the trigger. */
+export type DialogFinalFocus = RefObject<HTMLElement | null> | false;
+/** Why the layer opened or closed. */
+export type DialogOpenReason = Extract<ChangeRequest<boolean>['reason'], 'pointer' | 'keyboard' | 'dismiss' | 'escape' | 'outsidePress' | 'back' | 'submit' | 'programmatic'>;
+/**
+ * The request the family emits before the layer moves, with the result the
+ * close carried. `result` is what the platform calls `returnValue`: it rides on
+ * the request rather than declaring a second state model, because nothing about
+ * it is controlled and a consumer owning it would own a value only the family
+ * can produce.
+ */
+export interface DialogChangeRequest extends ChangeRequest<boolean> {
+    readonly reason: DialogOpenReason;
+    readonly result?: string | undefined;
+}
+/** Why the panel took the layer, or gave it back. */
+export type DialogFullscreenReason = 'pointer' | 'keyboard' | 'programmatic';
+export interface DialogFullscreenRequest extends ChangeRequest<boolean> {
+    readonly reason: DialogFullscreenReason;
+}
+/** The imperative actions a consumer cannot express declaratively. */
+export interface DialogHandle {
+    /** Opens the layer, carrying `programmatic`. */
+    open: () => void;
+    /** Closes it, carrying `programmatic` and the result given. */
+    close: (result?: string) => void;
+    /** Moves focus into the layer, as opening does. */
+    focus: () => void;
+    /** The panel, once it is in the document. */
+    readonly content: HTMLElement | null;
+}
+/** What an application sets once for every dialog under it. */
+export interface DialogDefaults {
+    /** The platform's way back — a phone's gesture, a browser's button — closes a modal layer. */
+    back: DialogDismissPolicy;
+    escape: DialogDismissPolicy;
+    fullScreen: DialogFullScreen;
+    modal: boolean;
+    mount: DialogMount;
+    outsidePress: DialogDismissPolicy;
+    placement: DialogPlacement;
+    scroll: DialogScroll;
+    size: DialogSize;
+    surface: DialogSurface;
+}
+export interface DialogDefaultsProviderProps extends Partial<DialogDefaults> {
+    children?: ReactNode | undefined;
+}
+/** Which of the two members a layer is. */
+export type DialogMember = 'dialog' | 'alertDialog';
+/** What the family hands its own parts. */
+export interface DialogContextValue {
+    /** Marks a part as present, so the content wires only what was rendered. */
+    announce: (part: 'title' | 'description' | 'cancel', node: HTMLElement | null) => () => void;
+    /** Asks to close, carrying the reason, the result and the event. */
+    close: (reason: DialogOpenReason, result: string | undefined, source: unknown) => void;
+    /** The consumer's parent for this layer, or nothing for the shared root. */
+    container: Element | null | undefined;
+    descriptionId: string;
+    back: DialogDismissPolicy;
+    escape: DialogDismissPolicy;
+    finalFocus: DialogFinalFocus | undefined;
+    fullScreen: DialogFullScreen;
+    /** Whether the reader has taken the layer, which the stylesheet keys on. */
+    fullscreen: boolean;
+    /** Whether the header renders the control that takes it. */
+    fullscreenToggle: boolean;
+    /** Asks to take the layer or give it back, carrying the reason. */
+    setFullscreen: (next: boolean, reason: DialogFullscreenReason, source: unknown) => void;
+    initialFocus: DialogInitialFocus;
+    loading: boolean;
+    member: DialogMember;
+    modal: boolean;
+    /** Whether the layer belongs in the document at all. */
+    mounted: boolean;
+    mount: DialogMount;
+    /**
+     * The trigger, the panel and the cancel action, once each is in the document.
+     * One stable object for the life of the family, which is what lets it sit on
+     * a memoised context value without changing its identity every render.
+     */
+    nodes: {
+        cancel: HTMLElement | null;
+        content: HTMLElement | null;
+        trigger: HTMLElement | null;
+    };
+    /** What the consumer asked for, which the trigger reports. */
+    open: boolean;
+    /** Asks to open, carrying the reason and the event. */
+    openWith: (reason: DialogOpenReason, source: unknown) => void;
+    outsidePress: DialogDismissPolicy;
+    placement: DialogPlacement;
+    /** Records the panel, which the layer's focus scope is built on. */
+    registerContent: (node: HTMLElement | null) => void;
+    /** Records the layer, which presence measures its own exit on. */
+    registerLayer: (node: HTMLElement | null) => void;
+    /** Records the trigger, which is the layer's branch and its focus origin. */
+    registerTrigger: (node: HTMLElement | null) => void;
+    scroll: DialogScroll;
+    size: DialogSize;
+    surface: DialogSurface;
+    titleId: string;
+    tone: DialogTone | undefined;
+    triggerId: string;
+    /**
+     * What the stylesheet keys on, which is one frame behind what was asked: a
+     * layer that appears already open has no closed style to transition from.
+     */
+    visible: boolean;
+    /**
+     * Whether the layer takes focus and the pointer. `entering` counts: the
+     * focus scope enters in that frame, and a layer still `inert` then refuses
+     * the initial focus and leaves it on `body`.
+     */
+    interactive: boolean;
+    /** The family's words in the language in force, with this layer's `messages` laid over them. */
+    t: FamilyTranslator<DialogMessages>;
+}
+/** What the two members share. */
+interface DialogOwnProps {
+    children?: ReactNode | undefined;
+    /** The consumer's value. Present at all puts the layer in controlled mode. */
+    open?: boolean | undefined;
+    /** The value an uncontrolled layer starts from, read once. */
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean, request: DialogChangeRequest) => void) | undefined;
+    size?: DialogSize | undefined;
+    placement?: DialogPlacement | undefined;
+    scroll?: DialogScroll | undefined;
+    surface?: DialogSurface | undefined;
+    mount?: DialogMount | undefined;
+    fullScreen?: DialogFullScreen | undefined;
+    escape?: DialogDismissPolicy | undefined;
+    /**
+     * The platform's way back — a phone's gesture, a browser's button — closes
+     * the layer instead of leaving the page, while the layer is modal.
+     */
+    back?: DialogDismissPolicy | undefined;
+    /** Whether the layer's content is still on its way. */
+    loading?: boolean | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * corner controls' names (`close`, `fullScreen`).
+     */
+    messages?: PartialMessages<DialogMessages> | undefined;
+    /** A parent for this layer alone, instead of the shared portal root. */
+    container?: Element | null | undefined;
+    initialFocus?: DialogInitialFocus | undefined;
+    finalFocus?: DialogFinalFocus | undefined;
+    ref?: Ref<DialogHandle> | undefined;
+}
+export interface DialogProps extends DialogOwnProps {
+    /**
+     * Whether the background is inert, the scroll is locked and focus is
+     * contained. A non-modal layer writes no `aria-modal`, which the APG requires
+     * of anything that does not actually make the background unreachable.
+     */
+    modal?: boolean | undefined;
+    outsidePress?: DialogDismissPolicy | undefined;
+    /**
+     * Whether the header renders the control that takes the layer. Off, because
+     * a dialog holds one task and most tasks are the size the consumer chose:
+     * the control is for the panel a reader wants the whole screen for.
+     *
+     * `fullScreen` is the other question and stays separate — it is the
+     * responsive rule the consumer set in advance, and this is the reader's own.
+     */
+    fullscreenToggle?: boolean | undefined;
+    /** The consumer's value. Present at all puts the state in controlled mode. */
+    fullscreen?: boolean | undefined;
+    /** The value an uncontrolled layer starts from, read once. */
+    defaultFullscreen?: boolean | undefined;
+    onFullscreenChange?: ((fullscreen: boolean, request: DialogFullscreenRequest) => void) | undefined;
+}
+/**
+ * An alert dialog fixes the two rules `docs/component-features.md` §8 states:
+ * outside press never closes it, and it is always modal. They are not props,
+ * because Ark and React Aria make the role a prop and a consumer who sets it
+ * and forgets the dismissal policy ships a destructive confirmation a stray
+ * click dismisses.
+ */
+export interface AlertDialogProps extends DialogOwnProps {
+    tone?: DialogTone | undefined;
+}
+/** What `render` receives for a part. */
+type PartProps<Element extends HTMLElement> = HTMLAttributes<Element> & {
+    'data-part': string;
+};
+export type DialogRootProps = PartProps<HTMLDivElement> & {
+    'data-ui': 'dialog';
+};
+export type DialogTriggerRootProps = ComponentPropsWithRef<'button'> & {
+    'data-part': 'trigger';
+};
+interface WithRender<RootProps> {
+    /** Replaces the rendered element. The props are the ones the part writes. */
+    render?: ((props: RootProps) => ReactNode) | undefined;
+}
+export interface DialogTriggerProps extends Omit<ComponentPropsWithRef<'button'>, 'children'>, WithRender<DialogTriggerRootProps> {
+    children?: ReactNode | undefined;
+}
+export interface DialogContentProps extends ComponentPropsWithRef<'div'>, WithRender<PartProps<HTMLDivElement>> {
+}
+export interface DialogHeaderProps extends ComponentPropsWithRef<'header'>, WithRender<PartProps<HTMLElement>> {
+}
+export interface DialogTitleProps extends ComponentPropsWithRef<'h2'>, WithRender<PartProps<HTMLHeadingElement>> {
+}
+export interface DialogDescriptionProps extends ComponentPropsWithRef<'p'>, WithRender<PartProps<HTMLParagraphElement>> {
+}
+export interface DialogBodyProps extends ComponentPropsWithRef<'div'>, WithRender<PartProps<HTMLDivElement>> {
+}
+export interface DialogFooterProps extends ComponentPropsWithRef<'footer'>, WithRender<PartProps<HTMLElement>> {
+}
+interface ClosingButtonProps extends ComponentPropsWithRef<'button'>, WithRender<ComponentPropsWithRef<'button'>> {
+    /** The result the close carries out, which is the platform's `returnValue`. */
+    value?: string | undefined;
+}
+export type DialogCloseProps = ClosingButtonProps;
+export type AlertDialogCancelProps = ClosingButtonProps;
+export type AlertDialogActionProps = ClosingButtonProps;
+export interface AlertDialogIconProps extends ComponentPropsWithRef<'span'>, WithRender<PartProps<HTMLSpanElement>> {
+}
+export {};
+//# sourceMappingURL=dialog.types.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+export { AlertDialog, Dialog, useDialog } from './dialog';
+export { DialogDefaultsProvider, useDialogDefaults } from './dialog-defaults';
+export { AlertDialogAction, AlertDialogCancel, AlertDialogIcon, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from './dialog-parts';
+export type { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogIconProps, AlertDialogProps, DialogBodyProps, DialogChangeRequest, DialogCloseProps, DialogContentProps, DialogContextValue, DialogDefaults, DialogDefaultsProviderProps, DialogDescriptionProps, DialogDismissPolicy, DialogFinalFocus, DialogFooterProps, DialogFullScreen, DialogHandle, DialogHeaderProps, DialogInitialFocus, DialogMember, DialogMount, DialogOpenReason, DialogPlacement, DialogProps, DialogRootProps, DialogScroll, DialogSize, DialogSurface, DialogTitleProps, DialogTone, DialogTriggerProps, DialogTriggerRootProps, } from './dialog.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,2BAA2B,EAC3B,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,eAAe,EACf,YAAY,EACZ,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,gBAAgB,CAAC"}

package/dist/types/divider/divider.d.ts

@@ -0,0 +1,14 @@
+
+import type { DividerProps } from './divider.types';
+/**
+ * A rule between two regions. `hr` already means separation, so the plain rule
+ * writes no role at all; every departure from the element's own semantics is
+ * written and nothing else is.
+ *
+ * A label changes the element. `hr` takes no content, so a labelled rule is a
+ * `div` carrying `role="separator"`, and the name comes from `aria-label`
+ * rather than from the text inside it: the separator role makes its children
+ * presentational, so the visible label never reaches the accessibility tree.
+ */
+export declare function Divider({ align, decorative, inset, label, orientation, render, role, ...nativeProps }: DividerProps): 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=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAEtE;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAgB,EAChB,UAAkB,EAClB,KAAa,EACb,KAAK,EACL,WAA0B,EAC1B,MAAM,EACN,IAAI,EACJ,GAAG,WAAW,EACf,EAAE,YAAY,+VAwBd"}

package/dist/types/divider/divider.types.d.ts

@@ -0,0 +1,37 @@
+import type { ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';
+export type DividerOrientation = 'horizontal' | 'vertical';
+/** Where the label sits along the rule, in logical terms. */
+export type DividerAlign = 'start' | 'center' | 'end';
+export interface DividerRootProps extends HTMLAttributes<HTMLElement> {
+    'aria-label'?: string | undefined;
+    'aria-orientation'?: DividerOrientation | undefined;
+    children?: ReactNode | undefined;
+    'data-align'?: DividerAlign | undefined;
+    'data-inset'?: string | undefined;
+    'data-labelled'?: string | undefined;
+    'data-orientation': DividerOrientation;
+    'data-part': string;
+    'data-ui': string;
+    role?: string | undefined;
+}
+export interface DividerProps extends Omit<ComponentPropsWithoutRef<'hr'>, 'children'> {
+    /** Where the label sits along the rule. Nothing without a label. */
+    align?: DividerAlign | undefined;
+    /** Takes the rule out of the accessibility tree, leaving only the picture. */
+    decorative?: boolean | undefined;
+    /** Stops the rule short of both ends of its container. */
+    inset?: boolean | undefined;
+    /**
+     * A short string the rule is interrupted by, and the name it is announced
+     * with. `hr` takes no content, so a labelled rule renders a `div` instead.
+     */
+    label?: string | undefined;
+    orientation?: DividerOrientation | undefined;
+    /**
+     * Renders the wiring into another element — the `li` a menu separator has to
+     * be, for one. The props carry the label when there is one, so spread them
+     * and render the children.
+     */
+    render?: ((props: DividerRootProps) => ReactNode) | undefined;
+}
+//# sourceMappingURL=divider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.types.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,6DAA6D;AAC7D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IACpF,oEAAoE;IACpE,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACjC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CAC/D"}

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

@@ -0,0 +1,3 @@
+export { Divider } from './divider';
+export type { DividerAlign, DividerOrientation, DividerProps, DividerRootProps, } from './divider.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,GACjB,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { DrawerDefaults, DrawerDefaultsProviderProps } from './drawer.types';
+/** What a drawer renders as here, before it states anything of its own. */
+export declare function useDrawerDefaults(): DrawerDefaults;
+/**
+ * An application decides once how its drawers behave and look, rather than
+ * repeating the same seven props on every one in a product. Ant reaches the
+ * same place through `ConfigProvider` and Angular Material through one
+ * injection token; no React drawer in the surveyed set has an equivalent.
+ *
+ * A drawer that states any of them itself still wins, because an explicit
+ * consumer value always does.
+ */
+export declare function DrawerDefaultsProvider({ children, ...defaults }: DrawerDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=drawer-defaults.d.ts.map

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

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

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

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+/**
+ * A box an overlay drawer can open inside, so a demonstration is a panel in a
+ * scene rather than a full-page layer drawn over the reference page it
+ * documents.
+ *
+ * `.slotted-demo-viewport` carries `contain: paint`, which makes it the
+ * containing block for the `position: fixed` layer; `data-size="tall"` is the
+ * height an overlay needs. The `container` prop is the same one an application
+ * shell uses to name its own stacking context, so nothing here is a demo-only
+ * escape hatch.
+ *
+ * The caption of every scene using this says so: in an application the
+ * containing block is the viewport, and the drawer covers the page.
+ */
+export declare function Layer({ children, size, }: {
+    children: (container: Element) => ReactNode;
+    /** `screen` for a sheet whose stops are fractions of a phone-tall layer. */
+    size?: 'tall' | 'screen';
+}): import("react").JSX.Element;
+/**
+ * The shape an inline drawer lives in: the consumer's own grid, with the drawer
+ * in one track and the page in the other. It is written out rather than hidden
+ * in a helper's stylesheet, because it *is* what replaces Angular Material's
+ * `push` and MUI's `persistent` — the sibling reflows because this grid says
+ * so, not because the family wrote a margin on an element it does not own.
+ */
+export declare function Shell({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=drawer-demo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-demo.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer-demo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,IAAa,GACd,EAAE;IACD,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC;IAC5C,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC1B,+BAQA;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAM1D"}

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

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import type { DrawerBodyProps, DrawerCloseProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerPanelProps, DrawerResizerProps, DrawerTitleProps, DrawerTriggerProps } from './drawer.types';
+/**
+ * The control that opens the drawer.
+ *
+ * It stays where it is written while an overlay layer is portalled out, which
+ * is why it is also the layer's *branch*: a press on it is inside the layer as
+ * far as `dismissable-layer` is concerned, or opening would immediately be read
+ * as an outside press and close what it just opened.
+ *
+ * `aria-haspopup` is written only under `mode="overlay"`. An inline drawer is a
+ * disclosure, not a popup, and the property would promise a layer that never
+ * arrives — a distinction none of the six surveyed implementations makes.
+ */
+export declare function DrawerTrigger({ children, className, onClick, ref, render, style, ...nativeProps }: DrawerTriggerProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The layer, the scrim and the panel.
+ *
+ * Two boxes rather than `dialog`'s three. That family needs a viewport between
+ * its layer and its panel because its root declares `container-type:
+ * inline-size`, which applies `contain: layout`, which makes a scrim positioned
+ * inside a scrolling root part of what scrolls. This root declares no container
+ * and never scrolls: the panel is pinned to an edge and bounded to the layer by
+ * construction, so the scrim and the panel are two cells of one grid.
+ *
+ * `render` substitutes the **panel**, not the layer. That is the element a
+ * consumer needs to change: an inline navigation drawer is a `<nav>` and a
+ * filter panel is an `<aside>`, and the family cannot know which.
+ */
+export declare function DrawerPanel({ children, className, ref, render, style, ...nativeProps }: DrawerPanelProps): import("react").JSX.Element | null;
+export declare function DrawerResizer({ className, largeStep, onDoubleClick, onKeyDown, onPointerDown, ref, render, step, style, ...rest }: DrawerResizerProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare function DrawerHeader({ children, className, ref, render, style, ...rest }: DrawerHeaderProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** The visible name, which `aria-labelledby` points at — on the panel and, as
+ *  the Window Splitter pattern requires, on the separator that sizes it. */
+export declare function DrawerTitle({ children, className, ref, render, style, ...rest }: DrawerTitleProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** The sentence that says what the drawer is about. */
+export declare function DrawerDescription({ children, className, ref, render, style, ...rest }: DrawerDescriptionProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The one row that scrolls, and the row `aria-busy` belongs to while the
+ * content is still on its way — the header, the close button, Escape and the
+ * separator all stay operable, because a drawer a reader cannot leave is the
+ * worse failure of the two.
+ */
+export declare function DrawerBody({ children, className, inset, ref, render, style, ...rest }: DrawerBodyProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare function DrawerFooter({ children, className, ref, render, style, ...rest }: DrawerFooterProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/**
+ * The ✕ in the corner. It carries `dismiss`, which is the word the closed
+ * vocabulary in `docs/state-and-events.md` already has for what a close button
+ * means, and its `value` rides out on the request as the result.
+ */
+export declare function DrawerClose({ children, className, onClick, ref, render, style, value, ...rest }: DrawerCloseProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=drawer-parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-parts.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer-parts.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAA0D,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/F,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EAEhB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EAEjB,gBAAgB,EAEhB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAEnB,MAAM,gBAAgB,CAAC;AAuDxB;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,kBAAkB,+TAgCpB;AAiGD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,gBAAgB,sCAwWlB;AAoBD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,SAAgC,EAChC,aAAa,EACb,SAAS,EACT,aAAa,EACb,GAAG,EACH,MAAM,EACN,IAAqB,EACrB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,kBAAkB,+TAsTpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,+TAInB;AAED;4EAC4E;AAC5E,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,+TAclB;AAED,uDAAuD;AACvD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,sBAAsB,+TAcxB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,+TAajB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,+TAInB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,+TAwBlB"}