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

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

@@ -0,0 +1,125 @@
+import type { GridColumn, GridColumnState, GridQuery, GridQueryChange, SortDirection } from '@slotted/core/grid';
+import type { DataListMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeReason, ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
+import type { ListVariant } from '../list';
+export type DataListVariant = Extract<ListVariant, 'plain' | 'ruled' | 'framed'>;
+export type DataListSize = 'sm' | 'md' | 'lg';
+export type DataListSelectionMode = 'none' | 'single' | 'multiple';
+export type DataListMode = 'client' | 'server';
+/** `string | null` in `single` and `none`, the keys in `multiple`: the union `table` holds. */
+export type DataListSelection = string | null | readonly string[];
+export type DataListReason = Extract<ChangeReason, 'pointer' | 'keyboard' | 'select' | 'clear' | 'programmatic'>;
+export interface DataListQueryRequest extends ChangeRequest<GridQuery> {
+    /** Which part of the query moved, so a consumer refetches on sort and debounces on search. */
+    readonly change: GridQueryChange;
+}
+export interface DataListExpandedRequest extends ChangeRequest<readonly string[]> {
+    /** The record whose disclosure was pressed. */
+    readonly key: string;
+}
+export interface DataListActivateEvent<Row> {
+    readonly key: string;
+    readonly row: Row;
+    readonly reason: 'pointer' | 'keyboard';
+    readonly event: unknown;
+}
+/** What a field, the title, the subtitle or the trailing value is drawn with. */
+export interface DataListCellContext<Row> {
+    readonly column: GridColumn<Row>;
+    readonly row: Row;
+    readonly key: string;
+    readonly value: unknown;
+    /** The formatted text; `''` for an absent value. */
+    readonly text: string;
+    readonly place: 'title' | 'subtitle' | 'trailing' | 'field' | 'actions';
+}
+export type DataListEmptyStatus = 'empty' | 'no-results' | 'error';
+export interface DataListHandle {
+    /** The root element. */
+    readonly root: HTMLDivElement | null;
+    /** Focus goes to the first control of the first record, or to the empty state. */
+    focus(): void;
+    /** Focus goes to the first control of the record with this key. Returns whether it was found. */
+    focusKey(key: string): boolean;
+    /** Scrolls the record into view. Returns whether it was found. */
+    scrollToKey(key: string): boolean;
+}
+export interface DataListDefaults {
+    variant: DataListVariant;
+    size: DataListSize;
+    fields: number;
+    selectionMode: DataListSelectionMode;
+    skeletonRows: number;
+    loadingDelay: number;
+    loadingMinDuration: number;
+}
+export interface DataListDefaultsProviderProps extends Partial<DataListDefaults> {
+    children?: ReactNode;
+}
+export interface DataListProps<Row> extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'defaultValue' | 'onChange'> {
+    rows: readonly Row[];
+    /** A field name or a function of the row; every state model names rows by it. */
+    rowKey: keyof Row | ((row: Row) => string);
+    /** The column model `data-grid`, `column-manager` and `saved-views` read. */
+    columns: readonly GridColumn<Row>[];
+    /** Order and hidden columns, as `column-manager` writes them. */
+    columnState?: Partial<GridColumnState> | undefined;
+    /** The title's column. Default: the first visible `rowHeader`, else the first data column. */
+    title?: string | undefined;
+    subtitle?: string | undefined;
+    trailing?: string | undefined;
+    /** How many fields a closed record shows. Default 4. */
+    fields?: number | undefined;
+    /** The set's name, on the list. One of `label` and `labelledBy` is required by a reader. */
+    label?: string | undefined;
+    labelledBy?: string | undefined;
+    query?: GridQuery | undefined;
+    defaultQuery?: GridQuery | undefined;
+    onQueryChange?: ((query: GridQuery, request: DataListQueryRequest) => void) | undefined;
+    /** `client` applies the query; `server` draws the rows it is given. Default: `server` with `totalCount`. */
+    mode?: DataListMode | undefined;
+    totalCount?: number | undefined;
+    selectionMode?: DataListSelectionMode | undefined;
+    value?: DataListSelection | undefined;
+    defaultValue?: DataListSelection | undefined;
+    onValueChange?: ((value: DataListSelection, request: ChangeRequest<DataListSelection>) => void) | undefined;
+    expanded?: readonly string[] | undefined;
+    defaultExpanded?: readonly string[] | undefined;
+    onExpandedChange?: ((expanded: readonly string[], request: DataListExpandedRequest) => void) | undefined;
+    disabledKeys?: readonly string[] | undefined;
+    loadingKeys?: readonly string[] | undefined;
+    /** The record open beside the list. The family never moves it. */
+    current?: string | null | undefined;
+    /** Makes the title a link to the record. */
+    href?: ((row: Row) => string) | undefined;
+    /** Makes the title a button that emits `onActivate`. */
+    activatable?: boolean | undefined;
+    onActivate?: ((event: DataListActivateEvent<Row>) => void) | undefined;
+    loading?: boolean | undefined;
+    /** A message, or `true` for the family's own. Rows already shown stay. */
+    error?: boolean | string | null | undefined;
+    onRetry?: (() => void) | undefined;
+    hasMore?: boolean | undefined;
+    onLoadMore?: (() => void) | undefined;
+    variant?: DataListVariant | undefined;
+    size?: DataListSize | undefined;
+    /** Words laid over the catalog of the language in force, key by key. */
+    messages?: PartialMessages<DataListMessages> | undefined;
+    /** Formats the fields and counts; the provider's locale otherwise. */
+    locale?: string | undefined;
+    skeletonRows?: number | undefined;
+    loadingDelay?: number | undefined;
+    loadingMinDuration?: number | undefined;
+    /** Draws a value; `undefined` keeps the formatted text. */
+    renderCell?: ((context: DataListCellContext<Row>) => ReactNode) | undefined;
+    /** The picture at the start of a record: an avatar, a thumbnail. */
+    renderMedia?: ((row: Row) => ReactNode) | undefined;
+    /** Replaces the empty, no-results or error state. */
+    renderEmpty?: ((status: DataListEmptyStatus) => ReactNode) | undefined;
+    /** Under the list, beside load-more: a `Pagination` bound to the same query. */
+    footer?: ReactNode | undefined;
+    ref?: Ref<DataListHandle> | undefined;
+}
+export type { SortDirection };
+//# sourceMappingURL=data-list.types.d.ts.map

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

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

package/dist/types/data-list/index.d.ts

@@ -0,0 +1,4 @@
+export { DataList } from './data-list';
+export { DataListDefaultsProvider, useDataListDefaults } from './data-list-defaults';
+export type { DataListActivateEvent, DataListCellContext, DataListDefaults, DataListDefaultsProviderProps, DataListEmptyStatus, DataListExpandedRequest, DataListHandle, DataListMode, DataListProps, DataListQueryRequest, DataListReason, DataListSelection, DataListSelectionMode, DataListSize, DataListVariant, } from './data-list.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/data-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACrF,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,6BAA6B,EAC7B,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,eAAe,GAChB,MAAM,mBAAmB,CAAC"}

package/dist/types/date-field/date-field-defaults.d.ts

@@ -0,0 +1,26 @@
+import type { DateFieldDefaults, DateFieldDefaultsProviderProps } from './date-field.types';
+/**
+ * Two typed digits up to twenty years ahead of this year are this century, and
+ * anything above them is the last: `30` is 2030 and `80` is 1980 in 2026.
+ *
+ * A birth-date field sets it to `0`, and then only a year already past can be
+ * typed in two digits. The number is stated rather than inferred because the
+ * alternative is two bindings guessing, differently, at what `26` means.
+ */
+export declare const DATE_FIELD_YEAR_PIVOT = 20;
+/** What a date field renders as here, before it states anything of its own. */
+export declare function useDateFieldDefaults(): DateFieldDefaults;
+/**
+ * An application decides once what its dates look like, which zone answers
+ * "today" and how a two-digit year resolves, rather than repeating the same
+ * props on every control in a form. A control that states any of them itself
+ * still wins. The locale that writes the dates, and the clear button's name,
+ * come 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 control
+ * inside a field takes the field's step and this provider answers only outside
+ * one.
+ */
+export declare function DateFieldDefaultsProvider({ children, ...defaults }: DateFieldDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=date-field-defaults.d.ts.map

package/dist/types/date-field/date-field-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field-defaults.d.ts","sourceRoot":"","sources":["../../../src/date-field/date-field-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAE5F;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAaxC,+EAA+E;AAC/E,wBAAgB,oBAAoB,IAAI,iBAAiB,CAExD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,8BAA8B,+BAiBhC"}

package/dist/types/date-field/date-field-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 control does below 320 pixels. */
+export declare function Measure({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=date-field-demo.d.ts.map

package/dist/types/date-field/date-field-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field-demo.d.ts","sourceRoot":"","sources":["../../../src/date-field/date-field-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,yEAAyE;AACzE,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE5D"}

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

@@ -0,0 +1,30 @@
+
+import type { ReactNode } from 'react';
+import type { DateFieldProps } from './date-field.types';
+/**
+ * A segmented date control: one spin button per field, in the order the
+ * locale writes them.
+ *
+ * **The frame is not the control.** The element carrying `data-ui` is a `div`
+ * with no role; `role="group"` is on the row of segments, which is what the
+ * APG's spin-button example names as the thing that tells a screen-reader user
+ * that three buttons are one date. The clear button is the group's sibling.
+ *
+ * **There is no `input[type=date]` under any of it.** The browser's own control
+ * cannot be styled, cannot be given the application's own calendar, and takes
+ * its field order from the browser's locale rather than the application's. The
+ * value still reaches a plain form post, through a hidden input carrying the
+ * ISO string — the decision `currency-field` already took for a number.
+ *
+ * **The segments are the state and the value is derived.** A date with a day
+ * and a month and no year is not a date, so `value` is `null` — and that is not
+ * the same as an empty field. Every surveyed implementation holds a whole date
+ * or nothing and cannot say the difference; the request carries the segments so
+ * a consumer can.
+ *
+ * **Unset means ask the field.** `disabled`, `readOnly`, `invalid` and
+ * `required` default to `undefined` rather than `false`, which is what makes
+ * "not disabled" and "said nothing" different answers.
+ */
+export declare function DateField({ 'aria-describedby': describedBy, 'aria-label': ariaLabel, 'aria-labelledby': labelledBy, calendar, className, clearable, defaultValue, disabled, end, firstDayOfWeek, id, invalid, isDateUnavailable, locale, max, messages, min, name, onKeyDown, onPaste: onPasteProp, onValueChange, readOnly, ref, render, required, size, start, style, timeZone, value, variant, yearPivot, ...nativeProps }: DateFieldProps): 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=date-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.d.ts","sourceRoot":"","sources":["../../../src/date-field/date-field.tsx"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC;AA+BnD,OAAO,KAAK,EAA6C,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlF,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,oBAAoB,CAAC;AAuB5B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,SAAS,CAAC,EACxB,kBAAkB,EAAE,WAAW,EAC/B,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,UAAU,EAC7B,QAAQ,EACR,SAAS,EACT,SAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,cAAc,EACd,EAAE,EACF,OAAO,EACP,iBAAiB,EACjB,MAAM,EACN,GAAG,EACH,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,aAAa,EACb,QAAQ,EACR,GAAG,EACH,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,EACT,GAAG,WAAW,EACf,EAAE,cAAc,+TAqahB"}

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

@@ -0,0 +1,124 @@
+import type { DateFieldName, PlainDate, SegmentState } from '@slotted/core/date';
+import type { DateFieldMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref } from 'react';
+/** The type step the control sits at, matching the field around it. */
+export type DateFieldSize = 'sm' | 'md' | 'lg';
+/**
+ * How much frame the control shows. The three steps `text-field` set, so a form
+ * holding a name and a date shows one frame twice rather than two frames.
+ */
+export type DateFieldVariant = 'outline' | 'subtle' | 'plain';
+/**
+ * The calendar system the value is written in.
+ *
+ * One value today, and it is an axis rather than a silence: a second calendar
+ * system is a second arithmetic, and declaring the axis now is what keeps its
+ * arrival from being a contract break. See
+ * `docs/history/designs/2026-09-09-date-capability-inventory.md` §2.
+ */
+export type DateFieldCalendar = 'gregory';
+/** Why the value moved. */
+export type DateFieldValueReason = Extract<ChangeRequest<PlainDate | null>['reason'], 'keyboard' | 'clear' | 'blur' | 'programmatic'>;
+/**
+ * What a request carries beyond the value.
+ *
+ * `segments` is the part no surveyed implementation has. A date with a day and
+ * a month and no year is not a date, so `value` is `null` — and it is not the
+ * same as an empty field. A consumer saving a draft saves this.
+ */
+export interface DateFieldChangeRequest extends ChangeRequest<PlainDate | null> {
+    readonly segments: SegmentState;
+}
+/** What an application sets once for every date field under it. */
+export interface DateFieldDefaults {
+    calendar: DateFieldCalendar;
+    /** `0` is Sunday. Unset means the locale decides. */
+    firstDayOfWeek: number | undefined;
+    size: DateFieldSize;
+    /** Which zone answers "what is today". Unset means the runtime's own. */
+    timeZone: string | undefined;
+    variant: DateFieldVariant;
+    /** How far ahead a two-digit year may land before it is read as last century. */
+    yearPivot: number;
+}
+export interface DateFieldDefaultsProviderProps extends Partial<DateFieldDefaults> {
+    children?: ReactNode | undefined;
+}
+/**
+ * What `render` receives for the frame. Written against
+ * `HTMLAttributes<HTMLElement>` so it can be spread onto any element, which is
+ * what makes the substitution real.
+ */
+export interface DateFieldRootProps extends HTMLAttributes<HTMLElement> {
+    'data-calendar': DateFieldCalendar;
+    'data-disabled'?: '' | undefined;
+    'data-invalid'?: '' | undefined;
+    'data-part': string;
+    'data-readonly'?: '' | undefined;
+    'data-required'?: '' | undefined;
+    'data-size': DateFieldSize;
+    'data-ui': string;
+    'data-variant': DateFieldVariant;
+    /**
+     * The frame's own element. A substituted frame has to hand it back: the
+     * family reaches the segments through it, and `focus()` is nothing without
+     * one.
+     */
+    ref?: Ref<HTMLElement> | undefined;
+}
+/** The imperative actions a consumer cannot express declaratively. */
+export interface DateFieldHandle {
+    /** Puts focus on the first segment, which is where typing starts. */
+    focus(): void;
+    /** Empties every segment. Emits a request carrying the `clear` reason. */
+    clear(): void;
+    /** The segment currently holding focus, or `undefined`. */
+    readonly activeField: DateFieldName | undefined;
+}
+export interface DateFieldProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange' | 'ref'> {
+    /** Present means the consumer owns the value. */
+    value?: PlainDate | null | undefined;
+    /** The value the control starts from when nobody else writes one. */
+    defaultValue?: PlainDate | null | undefined;
+    /** Asked before the value moves, and able to cancel it. */
+    onValueChange?: ((value: PlainDate | null, request: DateFieldChangeRequest) => void) | undefined;
+    /** The earliest date the control accepts. Reported through `aria-valuemin`. */
+    min?: PlainDate | undefined;
+    /** The latest date the control accepts. Reported through `aria-valuemax`. */
+    max?: PlainDate | undefined;
+    /** Refuses particular dates — a weekend, a holiday, a booked day. */
+    isDateUnavailable?: ((date: PlainDate) => boolean) | undefined;
+    /**
+     * BCP 47. Decides the field order, the separators and the placeholder.
+     * Unset, the language in force decides.
+     */
+    locale?: string | undefined;
+    /** Which zone answers "what is today", and nothing else. */
+    timeZone?: string | undefined;
+    /** `0` is Sunday. Unset means the locale decides. */
+    firstDayOfWeek?: number | undefined;
+    /** How far ahead a two-digit year may land before it is read as last century. */
+    yearPivot?: number | undefined;
+    calendar?: DateFieldCalendar | undefined;
+    size?: DateFieldSize | undefined;
+    variant?: DateFieldVariant | undefined;
+    /** Unstated rather than `false`, so the control defers to the field. */
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
+    /** Draws a button that empties the value and returns focus to the control. */
+    clearable?: boolean | undefined;
+    /** Words laid over the catalog of the language in force, key by key: the clear button's name. */
+    messages?: PartialMessages<DateFieldMessages> | undefined;
+    /** The name a plain form post carries the ISO string under. */
+    name?: string | undefined;
+    /** The consumer's own slots, before and after the segments. */
+    start?: ReactNode | undefined;
+    end?: ReactNode | undefined;
+    /** Substitutes the element the frame renders. */
+    render?: ((props: DateFieldRootProps) => ReactNode) | undefined;
+    ref?: React.Ref<DateFieldHandle> | undefined;
+}
+//# sourceMappingURL=date-field.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.types.d.ts","sourceRoot":"","sources":["../../../src/date-field/date-field.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEnF,uEAAuE;AACvE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC;AAE1C,2BAA2B;AAC3B,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACxC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,QAAQ,CAAC,EACzC,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CAC/C,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,WAAW,sBAAuB,SAAQ,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC;IAC7E,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC;CACjC;AAED,mEAAmE;AACnE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,qDAAqD;IACrD,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,IAAI,EAAE,aAAa,CAAC;IACpB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,8BAA+B,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IAChF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAClC;AAED;;;;GAIG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrE,eAAe,EAAE,iBAAiB,CAAC;IACnC,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,cAAc,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,WAAW,EAAE,aAAa,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,gBAAgB,CAAC;IACjC;;;;OAIG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,sEAAsE;AACtE,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,KAAK,IAAI,IAAI,CAAC;IACd,0EAA0E;IAC1E,KAAK,IAAI,IAAI,CAAC;IACd,2DAA2D;IAC3D,QAAQ,CAAC,WAAW,EAAE,aAAa,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,qBAAqB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC;IACC,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC,qEAAqE;IACrE,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAEjG,+EAA+E;IAC/E,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,6EAA6E;IAC7E,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IAE/D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAEzC,IAAI,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAEvC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,iGAAiG;IACjG,QAAQ,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAE1D,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE5B,iDAAiD;IACjD,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC9C"}

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

@@ -0,0 +1,4 @@
+export { DateField } from './date-field';
+export { DATE_FIELD_YEAR_PIVOT, DateFieldDefaultsProvider, useDateFieldDefaults, } from './date-field-defaults';
+export type { DateFieldCalendar, DateFieldChangeRequest, DateFieldDefaults, DateFieldDefaultsProviderProps, DateFieldHandle, DateFieldProps, DateFieldRootProps, DateFieldSize, DateFieldValueReason, DateFieldVariant, } from './date-field.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,8BAA8B,EAC9B,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,oBAAoB,CAAC"}

package/dist/types/date-picker/date-picker-defaults.d.ts

@@ -0,0 +1,11 @@
+import type { DatePickerDefaults, DatePickerDefaultsProviderProps } from './date-picker.types';
+/** What a date picker renders as here, before it states anything of its own. */
+export declare function useDatePickerDefaults(): DatePickerDefaults;
+/**
+ * An application decides once which zone answers "today" and where its
+ * surfaces open — rather than repeating the same props on every picker in a
+ * form. The locale that writes its dates and the trigger's names come from the
+ * language in force (`SlottedProvider`).
+ */
+export declare function DatePickerDefaultsProvider({ children, ...defaults }: DatePickerDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=date-picker-defaults.d.ts.map

package/dist/types/date-picker/date-picker-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-defaults.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAa/F,gFAAgF;AAChF,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,+BAA+B,+BAiBjC"}

package/dist/types/date-picker/date-picker-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 control does below 320 pixels. */
+export declare function Measure({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=date-picker-demo.d.ts.map

package/dist/types/date-picker/date-picker-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-demo.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker-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,yEAAyE;AACzE,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE5D"}

package/dist/types/date-picker/date-picker.d.ts

@@ -0,0 +1,22 @@
+
+import type { DatePickerProps } from './date-picker.types';
+/**
+ * A date field, a trigger, and a calendar behind them.
+ *
+ * **It composes the other two families and redraws neither.** The field keeps
+ * its own `data-ui` and the calendar keeps its own; this family owns the box the
+ * positioner measures, the trigger inside the field's end slot, and the layer
+ * the calendar stands on. A second segmented field or a second month grid would
+ * be two places to fix one defect.
+ *
+ * **The trigger's name carries the chosen date.** Focus returns to it when the
+ * surface closes, so the name is where the reader is told what was chosen —
+ * which the APG's own example names as an accessibility feature.
+ *
+ * **`Escape` is staged.** `dismissable-layer` asks in the capture phase, so a
+ * handler inside the surface is too late; the family decides there instead, and
+ * walks the calendar's view down rather than closing while a month or year grid
+ * is showing.
+ */
+export declare function DatePicker({ calendar, className, clearable, closeOnSelect, defaultOpen, defaultValue, defaultView, disabled, firstDayOfWeek, fixedWeeks, footer, invalid, isDateUnavailable, locale, max, messages, min, months, name, onKeyDown, onOpenChange, onValueChange, open, placement, presets, readOnly, ref, render, required, selectionMode, size, style, timeZone, value, variant, weekNumbers, yearPivot, ...nativeProps }: DatePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/types/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AA+BrD,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAC;AAUhF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,SAAiB,EACjB,aAAa,EACb,WAAmB,EACnB,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,cAAc,EACd,UAAiB,EACjB,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,MAAM,EACN,GAAG,EACH,QAAQ,EACR,GAAG,EACH,MAAM,EACN,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,EACH,MAAM,EACN,QAAQ,EACR,aAAwB,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,WAAW,EACX,SAAS,EACT,GAAG,WAAW,EACf,EAAE,eAAe,+BAgZjB"}

package/dist/types/date-picker/date-picker.types.d.ts

@@ -0,0 +1,100 @@
+import type { PlainDate } from '@slotted/core/date';
+import type { DatePickerMessages, PartialMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { CalendarSelectionMode, CalendarValue, CalendarView } from '../calendar';
+/** Where the surface opens, before the positioner has read the room. */
+export type DatePickerPlacement = 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
+/**
+ * Whether choosing a date closes the surface.
+ *
+ * `auto` closes for one date and stays open for a range or a set, which is the
+ * only combination that is not a trap: a second press has to reach the same
+ * surface.
+ */
+export type DatePickerCloseOnSelect = 'auto' | 'always' | 'never';
+export type DatePickerSize = 'sm' | 'md' | 'lg';
+export type DatePickerVariant = 'outline' | 'subtle' | 'plain';
+export type DatePickerCalendar = 'gregory';
+/** What an application sets once for every date picker under it. */
+export interface DatePickerDefaults {
+    calendar: DatePickerCalendar;
+    closeOnSelect: DatePickerCloseOnSelect;
+    placement: DatePickerPlacement;
+    size: DatePickerSize;
+    timeZone: string | undefined;
+    variant: DatePickerVariant;
+}
+export interface DatePickerDefaultsProviderProps extends Partial<DatePickerDefaults> {
+    children?: ReactNode | undefined;
+}
+export interface DatePickerRootProps extends HTMLAttributes<HTMLElement> {
+    'data-calendar': DatePickerCalendar;
+    'data-disabled'?: '' | undefined;
+    'data-invalid'?: '' | undefined;
+    'data-open'?: '' | undefined;
+    'data-part': string;
+    'data-readonly'?: '' | undefined;
+    'data-required'?: '' | undefined;
+    'data-size': DatePickerSize;
+    'data-ui': string;
+    'data-variant': DatePickerVariant;
+    ref?: Ref<HTMLElement> | undefined;
+}
+/** The imperative actions a consumer cannot express declaratively. */
+export interface DatePickerHandle {
+    /** Puts focus on the first segment of the field. */
+    focus(): void;
+    open(): void;
+    close(): void;
+}
+export interface DatePickerProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange' | 'ref'> {
+    value?: CalendarValue | undefined;
+    defaultValue?: CalendarValue | undefined;
+    onValueChange?: ((value: CalendarValue, request: ChangeRequest<CalendarValue>) => void) | undefined;
+    /** Present means the consumer owns whether the surface is showing. */
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean, request: ChangeRequest<boolean>) => void) | undefined;
+    min?: PlainDate | undefined;
+    max?: PlainDate | undefined;
+    isDateUnavailable?: ((date: PlainDate) => boolean) | undefined;
+    selectionMode?: CalendarSelectionMode | undefined;
+    months?: number | undefined;
+    defaultView?: CalendarView | undefined;
+    weekNumbers?: boolean | undefined;
+    /**
+     * Six rows whatever the month needs. On by default here and off in a bare
+     * calendar: a surface that grows a row between one press of "next" and the
+     * next moves the target the reader was aiming at.
+     */
+    fixedWeeks?: boolean | undefined;
+    /** BCP 47. Writes the field, the grid and the trigger's date. Unset, the language in force decides. */
+    locale?: string | undefined;
+    timeZone?: string | undefined;
+    firstDayOfWeek?: number | undefined;
+    yearPivot?: number | undefined;
+    calendar?: DatePickerCalendar | undefined;
+    size?: DatePickerSize | undefined;
+    variant?: DatePickerVariant | undefined;
+    placement?: DatePickerPlacement | undefined;
+    closeOnSelect?: DatePickerCloseOnSelect | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
+    clearable?: boolean | undefined;
+    name?: string | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * trigger's name before (`choose`) and after (`change`) a date is chosen.
+     */
+    messages?: PartialMessages<DatePickerMessages> | undefined;
+    /** The consumer's own shortcuts, in a column beside the grid. */
+    presets?: ReactNode | undefined;
+    /** The consumer's own actions, under whatever the surface is holding. */
+    footer?: ReactNode | undefined;
+    render?: ((props: DatePickerRootProps) => ReactNode) | undefined;
+    ref?: Ref<DatePickerHandle> | undefined;
+}
+//# sourceMappingURL=date-picker.types.d.ts.map

package/dist/types/date-picker/date-picker.types.d.ts.map

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

package/dist/types/date-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { DatePicker } from './date-picker';
+export { DatePickerDefaultsProvider, useDatePickerDefaults } from './date-picker-defaults';
+export type { DatePickerCalendar, DatePickerCloseOnSelect, DatePickerDefaults, DatePickerDefaultsProviderProps, DatePickerHandle, DatePickerPlacement, DatePickerProps, DatePickerRootProps, DatePickerSize, DatePickerVariant, } from './date-picker.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,+BAA+B,EAC/B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,iBAAiB,GAClB,MAAM,qBAAqB,CAAC"}

package/dist/types/date-range-picker/date-range-picker-defaults.d.ts

@@ -0,0 +1,11 @@
+import type { DateRangePickerDefaults, DateRangePickerDefaultsProviderProps } from './date-range-picker.types';
+/** What a range picker renders as here, before it states anything of its own. */
+export declare function useDateRangePickerDefaults(): DateRangePickerDefaults;
+/**
+ * An application decides once what a run counts, which zone answers "today"
+ * and how many months it shows — rather than repeating the same props on every
+ * picker in a form. The locale that writes its dates and every word it says
+ * come from the language in force (`SlottedProvider`).
+ */
+export declare function DateRangePickerDefaultsProvider({ children, ...defaults }: DateRangePickerDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=date-range-picker-defaults.d.ts.map

package/dist/types/date-range-picker/date-range-picker-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-defaults.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/date-range-picker-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,oCAAoC,EACrC,MAAM,2BAA2B,CAAC;AAenC,iFAAiF;AACjF,wBAAgB,0BAA0B,IAAI,uBAAuB,CAEpE;AAED;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,oCAAoC,+BAmBtC"}

package/dist/types/date-range-picker/date-range-picker-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 control does below 320 pixels. */
+export declare function Measure({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=date-range-picker-demo.d.ts.map

package/dist/types/date-range-picker/date-range-picker-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-demo.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/date-range-picker-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,yEAAyE;AACzE,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE5D"}