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

package/dist/types/theme/theme-scope.d.ts

@@ -0,0 +1,26 @@
+import type { Density, Scheme } from '@slotted/theme';
+import { type SeedName } from '@slotted/theme/seeds';
+import type { HTMLAttributes, ReactNode } from 'react';
+/** The five seeds a theme derives its colours from (`@slotted/theme` › `SEED_NAMES`). */
+export type ThemeSeedName = SeedName;
+/** A recipe scheme (`@slotted/theme` › `Scheme`), plus `system`: resolved from `prefers-color-scheme`. */
+export type ThemeSchemeName = Scheme | 'system';
+export type ThemeDensityName = Density;
+export interface ThemeScopeProps extends HTMLAttributes<HTMLElement> {
+    /** The theme the subtree uses: the `name` of a loaded theme stylesheet. */
+    theme?: string | undefined;
+    scheme?: ThemeSchemeName | undefined;
+    density?: ThemeDensityName | undefined;
+    /** Seeds for this subtree. Every colour below is derived from them again. */
+    seeds?: Readonly<Partial<Record<ThemeSeedName, string>>> | undefined;
+    /** Renders another element in place of the `div`, with these props. */
+    render?: ((props: HTMLAttributes<HTMLElement>) => ReactNode) | undefined;
+    children?: ReactNode;
+}
+/**
+ * A subtree with its own theme, scheme, density or seeds. It writes the same
+ * attributes and custom properties an application can write by hand; an
+ * overlay opened inside it carries them to the end of the body.
+ */
+export declare function ThemeScope({ theme, scheme, density, seeds, render, style, ...rest }: ThemeScopeProps): 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=theme-scope.d.ts.map

package/dist/types/theme/theme-scope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-scope.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-scope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,yFAAyF;AACzF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AACrC,0GAA0G;AAC1G,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACrC,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACrE,uEAAuE;IACvE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,+TAYjB"}

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

@@ -0,0 +1,4 @@
+export { TimeField } from './time-field';
+export { TimeFieldDefaultsProvider, useTimeFieldDefaults } from './time-field-defaults';
+export type { TimeFieldChangeRequest, TimeFieldDefaults, TimeFieldDefaultsProviderProps, TimeFieldHandle, TimeFieldHourCycle, TimeFieldProps, TimeFieldRootProps, TimeFieldSize, TimeFieldValueReason, TimeFieldVariant, } from './time-field.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,17 @@
+import type { TimeFieldDefaults, TimeFieldDefaultsProviderProps } from './time-field.types';
+/** What a time field renders as here, before it states anything of its own. */
+export declare function useTimeFieldDefaults(): TimeFieldDefaults;
+/**
+ * An application decides once what its times look like, which clock they run
+ * on and which zone answers "now", 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 times, and the words, 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 TimeFieldDefaultsProvider({ children, ...defaults }: TimeFieldDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=time-field-defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-field-defaults.d.ts","sourceRoot":"","sources":["../../../src/time-field/time-field-defaults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAa5F,+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/time-field/time-field-demo.d.ts

@@ -0,0 +1,31 @@
+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, collapseFloor, label, layout, note, }: {
+    children: ReactNode;
+    /**
+     * How small this scene's subject may legitimately be, in pixels.
+     *
+     * `tools/harness/audit.mjs` reports an element standing under 96 pixels in a
+     * wide stage as collapsed, which is right for a demonstration and wrong for a
+     * row of small buttons: a scene that shows something small by design says so
+     * here rather than letting the audit guess.
+     */
+    collapseFloor?: number;
+    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=time-field-demo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-field-demo.d.ts","sourceRoot":"","sources":["../../../src/time-field/time-field-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAgB,EAChB,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,IAAI,EAAE,SAAS,CAAC;CACjB,+BAgBA;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/time-field/time-field.d.ts

@@ -0,0 +1,31 @@
+
+import type { ReactNode } from 'react';
+import type { TimeFieldProps } from './time-field.types';
+/**
+ * A segmented time 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 the buttons are one time.
+ *
+ * **There is no `input[type=time]` under any of it**, for the reason
+ * `date-field` refuses `input[type=date]`: the browser's own control cannot be
+ * styled past its closed state, its panel is drawn by the operating system and
+ * answers no scheme, no density and no direction, and its field order is the
+ * browser's locale rather than the application's. The value still reaches a
+ * plain form post through a hidden input carrying `HH:mm:ss`.
+ *
+ * **The segments are the state and the value is derived.** An hour with no
+ * minute is not a time, so `value` is `null` — and that is not the same as an
+ * empty field. Every surveyed implementation holds a whole time or nothing and
+ * cannot say the difference; the request carries the segments so a consumer
+ * can.
+ *
+ * **A time can be written as a duration.** `+`, `-` and `=` open one expression
+ * region in place of the segments, and what it resolves to is drawn beside it
+ * before `Enter` commits anything. No surveyed implementation offers it.
+ */
+export declare function TimeField({ 'aria-describedby': describedBy, 'aria-label': ariaLabel, 'aria-labelledby': labelledBy, className, clearable, defaultValue, disabled, end, granularity, hourCycle, id, invalid, isTimeUnavailable, locale, max, messages, min, name, onKeyDown, onPaste: onPasteProp, onValueChange, readOnly, ref, referenceTime, relative, render, required, size, start, style, timeZone, value, variant, ...nativeProps }: TimeFieldProps): 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=time-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../../../src/time-field/time-field.tsx"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC;AAyCnD,OAAO,KAAK,EAA6C,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlF,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,oBAAoB,CAAC;AAmC5B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,EACxB,kBAAkB,EAAE,WAAW,EAC/B,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,UAAU,EAC7B,SAAS,EACT,SAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,WAAW,EACX,SAAS,EACT,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,aAAa,EACb,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,WAAW,EACf,EAAE,cAAc,+TA4iBhB"}

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

@@ -0,0 +1,134 @@
+import type { HourCycle, PlainTime, SegmentState, TimeFieldName, TimeGranularity } from '@slotted/core/date';
+import type { PartialMessages, TimeFieldMessages } 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 TimeFieldSize = 'sm' | 'md' | 'lg';
+/**
+ * How much frame the control shows. The three steps `text-field` set, so a form
+ * holding a name and a time shows one frame twice rather than two frames.
+ */
+export type TimeFieldVariant = 'outline' | 'subtle' | 'plain';
+/**
+ * The question a consumer asks about the clock. Which variant of each — `h11`
+ * or `h12`, `h23` or `h24` — is the locale's own, and `Intl` answers it.
+ */
+export type TimeFieldHourCycle = 12 | 24;
+/** Why the value moved. */
+export type TimeFieldValueReason = Extract<ChangeRequest<PlainTime | null>['reason'], 'keyboard' | 'clear' | 'blur' | 'programmatic'>;
+/**
+ * What a request carries beyond the value.
+ *
+ * `segments` is the part no surveyed implementation has: an hour with no minute
+ * is a state a whole-value model cannot hold, and a consumer saving a draft
+ * saves this. `crossesMidnight` is the other: a duration resolved past midnight
+ * lands on a different day, and this library holds no day beside a time.
+ */
+export interface TimeFieldChangeRequest extends ChangeRequest<PlainTime | null> {
+    readonly segments: SegmentState;
+    readonly crossesMidnight: boolean;
+}
+/** What an application sets once for every time field under it. */
+export interface TimeFieldDefaults {
+    granularity: TimeGranularity;
+    /** Unset means the locale decides both the cycle and its variant. */
+    hourCycle: TimeFieldHourCycle | undefined;
+    /** Whether `+`, `-` and `=` open the duration expression. */
+    relative: boolean;
+    size: TimeFieldSize;
+    /** Which zone answers "what time is it now". Unset means the runtime's own. */
+    timeZone: string | undefined;
+    variant: TimeFieldVariant;
+}
+export interface TimeFieldDefaultsProviderProps extends Partial<TimeFieldDefaults> {
+    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 TimeFieldRootProps extends HTMLAttributes<HTMLElement> {
+    'data-cycle': `${TimeFieldHourCycle}`;
+    'data-disabled'?: '' | undefined;
+    'data-granularity': TimeGranularity;
+    'data-invalid'?: '' | undefined;
+    'data-part': string;
+    'data-readonly'?: '' | undefined;
+    'data-relative'?: '' | undefined;
+    'data-required'?: '' | undefined;
+    'data-size': TimeFieldSize;
+    'data-ui': string;
+    'data-variant': TimeFieldVariant;
+    /**
+     * 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 TimeFieldHandle {
+    /** 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: TimeFieldName | undefined;
+}
+export interface TimeFieldProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange' | 'ref'> {
+    /** Present means the consumer owns the value. */
+    value?: PlainTime | null | undefined;
+    /** The value the control starts from when nobody else writes one. */
+    defaultValue?: PlainTime | null | undefined;
+    /** Asked before the value moves, and able to cancel it. */
+    onValueChange?: ((value: PlainTime | null, request: TimeFieldChangeRequest) => void) | undefined;
+    /** The earliest time the control accepts. Reported through `aria-valuemin`. */
+    min?: PlainTime | undefined;
+    /** The latest time the control accepts. Reported through `aria-valuemax`. */
+    max?: PlainTime | undefined;
+    /** Refuses particular times — a lunch break, a booked slot, a closed shop. */
+    isTimeUnavailable?: ((time: PlainTime) => boolean) | undefined;
+    /**
+     * BCP 47. Decides the field order, the separators and the placeholder.
+     * Unset, the language in force (`SlottedProvider`) decides.
+     */
+    locale?: string | undefined;
+    /** Which zone answers "what time is it now", and nothing else. */
+    timeZone?: string | undefined;
+    hourCycle?: TimeFieldHourCycle | undefined;
+    granularity?: TimeGranularity | undefined;
+    /**
+     * What an empty segment steps from, and what a duration resolves against.
+     * Unset, both are the current time in `timeZone`. Stating it is what makes a
+     * story and a test deterministic.
+     */
+    referenceTime?: PlainTime | undefined;
+    size?: TimeFieldSize | undefined;
+    variant?: TimeFieldVariant | 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;
+    /** Whether `+`, `-` and `=` open the duration expression. */
+    relative?: boolean | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * clear button, the duration region's name and the next-day preview.
+     */
+    messages?: PartialMessages<TimeFieldMessages> | undefined;
+    /** The name a plain form post carries the `HH:mm:ss` 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: TimeFieldRootProps) => ReactNode) | undefined;
+    ref?: Ref<TimeFieldHandle> | undefined;
+}
+/** The two names a hour cycle is resolved from, for a consumer reading types. */
+export type { HourCycle, TimeFieldName, TimeGranularity };
+//# sourceMappingURL=time-field.types.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+export { TimePicker } from './time-picker';
+export { TIME_PICKER_MAX_OPTIONS, TIME_PICKER_STEP, TimePickerDefaultsProvider, useTimePickerDefaults, } from './time-picker-defaults';
+export type { TimePickerCloseOnSelect, TimePickerDefaults, TimePickerDefaultsProviderProps, TimePickerHandle, TimePickerOptionState, TimePickerPlacement, TimePickerProps, TimePickerRootProps, TimePickerSize, TimePickerUnavailableOptions, TimePickerVariant, } from './time-picker.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,27 @@
+import type { TimePickerDefaults, TimePickerDefaultsProviderProps } from './time-picker.types';
+/**
+ * A quarter of an hour, which is the slot a booking flow asks in and the step
+ * every surveyed panel defaults to within a factor of two.
+ */
+export declare const TIME_PICKER_STEP = 900;
+/**
+ * How long the list may get: a whole day at a one-minute step, which is the
+ * finest whole-day list any surveyed implementation offers. A day at a
+ * one-second step is 86 400 rows and a configuration mistake rather than a
+ * list; it is cut rather than handed to the DOM.
+ */
+export declare const TIME_PICKER_MAX_OPTIONS = 1440;
+/** What a time picker renders as here, before it states anything of its own. */
+export declare function useTimePickerDefaults(): TimePickerDefaults;
+/**
+ * An application decides once what its times look like and what step its
+ * panels offer, rather than repeating the same props on every picker in a
+ * product. A picker that states any of them itself still wins. The locale and
+ * the words come from the language in force (`SlottedProvider`).
+ *
+ * `step` is the one worth setting first: a product books in twenty-minute slots
+ * and a quarter-hour default puts a panel of the wrong times in front of every
+ * reader.
+ */
+export declare function TimePickerDefaultsProvider({ children, ...defaults }: TimePickerDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=time-picker-defaults.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+
+import type { TimePickerProps } from './time-picker.types';
+/**
+ * A time field, a trigger, and a list of times behind them.
+ *
+ * **It composes `time-field` and redraws none of it.** The field keeps its own
+ * `data-ui`; this family owns the box the positioner measures, the trigger
+ * inside the field's end slot, and the layer the list stands on.
+ *
+ * **One panel shape, at every step.** A listbox of whole times: a reader
+ * choosing a slot is choosing one thing, and `09:15` is legible at a glance
+ * where a `15` in a column of minutes is legible only beside the column next
+ * to it. A column per unit was drawn and withdrawn — the field types every
+ * second, and `options` states any set of times a step cannot describe.
+ *
+ * **The panel never takes the field away.** `Alt`+`ArrowDown` opens it and
+ * leaves focus in the field, so the segments keep every key they had and the
+ * highlight follows what is typed. `docs/component-features.md` §6 asks for
+ * exactly that.
+ */
+export declare function TimePicker({ className, clearable, closeOnSelect, defaultHighlightedValue, defaultOpen, defaultValue, disabled, footer, granularity, highlightedValue, hourCycle, invalid, isTimeUnavailable, locale, max, maxOptions, messages, min, name, onHighlightedValueChange, onKeyDown, onOpenChange, onValueChange, open, options, placement, presets, readOnly, ref, referenceTime, relative, render, renderOption, required, size, step, style, timeZone, unavailableOptions, value, variant, ...nativeProps }: TimePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=time-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/time-picker/time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AAwCrD,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAC;AAahF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,SAAiB,EACjB,aAAa,EACb,uBAAuB,EACvB,WAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,MAAM,EACN,GAAG,EACH,UAAU,EACV,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,wBAAwB,EACxB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,EACH,aAAa,EACb,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,KAAK,EACL,OAAO,EACP,GAAG,WAAW,EACf,EAAE,eAAe,+BAkjBjB"}

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

@@ -0,0 +1,126 @@
+import type { PlainTime, TimeGranularity, TimeOption } from '@slotted/core/date';
+import type { PartialMessages, TimePickerMessages } from '@slotted/core/i18n';
+import type { ChangeRequest } from '@slotted/core/state';
+import type { ComponentPropsWithRef, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { TimeFieldChangeRequest, TimeFieldHourCycle } from '../time-field';
+/** Where the surface opens, before the positioner has read the room. */
+export type TimePickerPlacement = 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
+/**
+ * Whether choosing a time closes the surface. `auto` closes, because one press
+ * chooses a whole time — there is no second half to come back for.
+ */
+export type TimePickerCloseOnSelect = 'auto' | 'always' | 'never';
+/** What a time a bound or the predicate refuses looks like in the list. */
+export type TimePickerUnavailableOptions = 'disable' | 'hide';
+export type TimePickerSize = 'sm' | 'md' | 'lg';
+export type TimePickerVariant = 'outline' | 'subtle' | 'plain';
+/** What an application sets once for every time picker under it. */
+export interface TimePickerDefaults {
+    closeOnSelect: TimePickerCloseOnSelect;
+    granularity: TimeGranularity;
+    hourCycle: TimeFieldHourCycle | undefined;
+    /** How many rows the list may reach before it is cut. */
+    maxOptions: number;
+    placement: TimePickerPlacement;
+    size: TimePickerSize;
+    /** Seconds between two offered times. */
+    step: number;
+    timeZone: string | undefined;
+    unavailableOptions: TimePickerUnavailableOptions;
+    variant: TimePickerVariant;
+}
+export interface TimePickerDefaultsProviderProps extends Partial<TimePickerDefaults> {
+    children?: ReactNode | undefined;
+}
+export interface TimePickerRootProps extends HTMLAttributes<HTMLElement> {
+    'data-disabled'?: '' | undefined;
+    'data-granularity': TimeGranularity;
+    'data-invalid'?: '' | undefined;
+    'data-open'?: '' | undefined;
+    'data-part': string;
+    'data-readonly'?: '' | undefined;
+    'data-required'?: '' | undefined;
+    'data-size': TimePickerSize;
+    'data-ui': string;
+    'data-variant': TimePickerVariant;
+    ref?: Ref<HTMLElement> | undefined;
+}
+/** The imperative actions a consumer cannot express declaratively. */
+export interface TimePickerHandle {
+    /** Puts focus on the first segment of the field. */
+    focus(): void;
+    open(): void;
+    close(): void;
+}
+/** What `renderOption` receives: the row's own state, and the time it holds. */
+export interface TimePickerOptionState {
+    readonly time: PlainTime;
+    /** The whole time in the locale's shape, which is what the row draws. */
+    readonly label: string;
+    readonly selected: boolean;
+    readonly current: boolean;
+    readonly unavailable: boolean;
+}
+export interface TimePickerProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange' | 'ref'> {
+    value?: PlainTime | null | undefined;
+    defaultValue?: PlainTime | null | undefined;
+    onValueChange?: ((value: PlainTime | null, request: TimeFieldChangeRequest) => 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;
+    /** Where the reader is in the list. Present means the consumer owns it. */
+    highlightedValue?: PlainTime | null | undefined;
+    defaultHighlightedValue?: PlainTime | null | undefined;
+    onHighlightedValueChange?: ((value: PlainTime | null, request: ChangeRequest<PlainTime | null>) => void) | undefined;
+    min?: PlainTime | undefined;
+    max?: PlainTime | undefined;
+    isTimeUnavailable?: ((time: PlainTime) => boolean) | undefined;
+    /** Seconds between two offered times. Ignored when `options` states the list. */
+    step?: number | undefined;
+    /**
+     * The times to offer, stated rather than stepped.
+     *
+     * A step describes a regular list and a great many real ones are not: a
+     * clinic open at 09:00, 09:20 and 13:45, a broadcast schedule, a set of
+     * second-level marks. This is what makes every arrangement expressible, and
+     * it is why the family needs no column panel.
+     */
+    options?: readonly PlainTime[] | undefined;
+    /** How many rows the list may reach before it is cut. */
+    maxOptions?: number | undefined;
+    unavailableOptions?: TimePickerUnavailableOptions | undefined;
+    /** BCP 47. Unset, the language in force (`SlottedProvider`) decides. */
+    locale?: string | undefined;
+    timeZone?: string | undefined;
+    hourCycle?: TimeFieldHourCycle | undefined;
+    granularity?: TimeGranularity | undefined;
+    referenceTime?: PlainTime | undefined;
+    size?: TimePickerSize | undefined;
+    variant?: TimePickerVariant | undefined;
+    placement?: TimePickerPlacement | undefined;
+    closeOnSelect?: TimePickerCloseOnSelect | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
+    clearable?: boolean | undefined;
+    relative?: boolean | undefined;
+    name?: string | undefined;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * trigger's two names, the now control, and what the panel says when it is
+     * empty or cut short.
+     */
+    messages?: PartialMessages<TimePickerMessages> | undefined;
+    /** The consumer's own shortcuts, in a column beside the list. */
+    presets?: ReactNode | undefined;
+    /** The consumer's own actions, under the list. */
+    footer?: ReactNode | undefined;
+    /** What one row draws. The row is the family's; what is in it is not. */
+    renderOption?: ((state: TimePickerOptionState) => ReactNode) | undefined;
+    render?: ((props: TimePickerRootProps) => ReactNode) | undefined;
+    ref?: Ref<TimePickerHandle> | undefined;
+}
+export type { TimeOption };
+//# sourceMappingURL=time-picker.types.d.ts.map

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

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

package/dist/types/time-range-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { isSameTimeRange, TimeRangePicker, TimeRangePickerPreset } from './time-range-picker';
+export { TIME_RANGE_PICKER_MAX_OPTIONS, TIME_RANGE_PICKER_STEP, TimeRangePickerDefaultsProvider, timeRangePickerLengthLabel, useTimeRangePickerDefaults, } from './time-range-picker-defaults';
+export type { TimeOption, TimeRange, TimeRangePickerCloseOnSelect, TimeRangePickerDefaults, TimeRangePickerDefaultsProviderProps, TimeRangePickerHandle, TimeRangePickerHighlight, TimeRangePickerOptionState, TimeRangePickerPlacement, TimeRangePickerPosition, TimeRangePickerPresetProps, TimeRangePickerPresetRootProps, TimeRangePickerProps, TimeRangePickerRootProps, TimeRangePickerSize, TimeRangePickerUnavailableOptions, TimeRangePickerValueReason, TimeRangePickerVariant, } from './time-range-picker.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/time-range-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/time-range-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC9F,OAAO,EACL,6BAA6B,EAC7B,sBAAsB,EACtB,+BAA+B,EAC/B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,UAAU,EACV,SAAS,EACT,4BAA4B,EAC5B,uBAAuB,EACvB,oCAAoC,EACpC,qBAAqB,EACrB,wBAAwB,EACxB,0BAA0B,EAC1B,wBAAwB,EACxB,uBAAuB,EACvB,0BAA0B,EAC1B,8BAA8B,EAC9B,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,iCAAiC,EACjC,0BAA0B,EAC1B,sBAAsB,GACvB,MAAM,2BAA2B,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { TimeRangePickerDefaults, TimeRangePickerDefaultsProviderProps } from './time-range-picker.types';
+/** A quarter of an hour, the step every surveyed panel defaults to within a factor of two. */
+export declare const TIME_RANGE_PICKER_STEP = 900;
+/** A whole day at a one-minute step: the finest whole-day list any surveyed implementation offers. */
+export declare const TIME_RANGE_PICKER_MAX_OPTIONS = 1440;
+/** "2 hr 30 min": the duration the band and the rows say, in the family's locale. */
+export declare function timeRangePickerLengthLabel(seconds: number, locale?: string): string;
+/** What a time range picker renders as here, before it states anything of its own. */
+export declare function useTimeRangePickerDefaults(): TimeRangePickerDefaults;
+/**
+ * An application decides once what its times look like, what step its lists
+ * offer and how a duration is written — rather than repeating the same props
+ * on every picker in a form. A picker that states any of them itself still
+ * wins. The locale and the words come from the language in force
+ * (`SlottedProvider`).
+ */
+export declare function TimeRangePickerDefaultsProvider({ children, ...defaults }: TimeRangePickerDefaultsProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=time-range-picker-defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker-defaults.d.ts","sourceRoot":"","sources":["../../../src/time-range-picker/time-range-picker-defaults.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,uBAAuB,EACvB,oCAAoC,EACrC,MAAM,2BAA2B,CAAC;AAEnC,8FAA8F;AAC9F,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,sGAAsG;AACtG,eAAO,MAAM,6BAA6B,OAAO,CAAC;AAElD,qFAAqF;AACrF,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAEnF;AAkBD,sFAAsF;AACtF,wBAAgB,0BAA0B,IAAI,uBAAuB,CAEpE;AAED;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,oCAAoC,+BAsBtC"}

package/dist/types/time-range-picker/time-range-picker-demo.d.ts

@@ -0,0 +1,31 @@
+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, collapseFloor, label, layout, note, }: {
+    children: ReactNode;
+    /**
+     * How small this scene's subject may legitimately be, in pixels.
+     *
+     * `tools/harness/audit.mjs` reports an element standing under 96 pixels in a
+     * wide stage as collapsed, which is right for a demonstration and wrong for a
+     * row of small buttons: a scene that shows something small by design says so
+     * here rather than letting the audit guess.
+     */
+    collapseFloor?: number;
+    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=time-range-picker-demo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker-demo.d.ts","sourceRoot":"","sources":["../../../src/time-range-picker/time-range-picker-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAgB,EAChB,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,IAAI,EAAE,SAAS,CAAC;CACjB,+BAgBA;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/time-range-picker/time-range-picker.d.ts

@@ -0,0 +1,35 @@
+
+import type { ReactNode } from 'react';
+import type { TimeRange, TimeRangePickerPresetProps, TimeRangePickerProps } from './time-range-picker.types';
+export declare function isSameTimeRange(a: TimeRange | null, b: TimeRange | null): boolean;
+/**
+ * A one-line frame — the value in words, a clear and the trigger — and behind
+ * it one end at a time: two tabs, the field of the current end, a hint, and
+ * the list of that end.
+ *
+ * **The frame is one line at any width.** Two segmented fields stood in it
+ * first and were withdrawn at the visual gate: a segment cannot shrink, and
+ * two of them broke the frame into two lines in any form column narrower than
+ * they are, against the height every control shares. The fields live in the
+ * panel's band, where the reader types and where the width is the panel's.
+ *
+ * **One end at a time.** Two lists side by side were refused at the release
+ * gate as too much interface at once for a lay reader and for a phone. The
+ * tab says which end, the panel shows only that end, and choosing one end
+ * moves to the other — the end list appears already striking what the chosen
+ * start refuses, every row saying the duration the run would have.
+ *
+ * **A press that leaves the work with one end is not the value.** The press
+ * that completes it emits the whole run; `Escape`, an outside press and the
+ * trigger abandon the work and the previous value stands. An end typed in the
+ * field is a value on its own, where the reader sees it.
+ */
+export declare function TimeRangePicker({ className, clearable, closeOnSelect, contiguous, defaultHighlighted, defaultOpen, defaultPosition, defaultValue, disabled, endName, footer, granularity, highlighted, hourCycle, invalid, isTimeUnavailable, lengthLabel, locale, max, maxLength, maxOptions, messages, min, minLength, onHighlightedChange, onKeyDown, onOpenChange, onPositionChange, onValueChange, open, options, placement, position, presets, readOnly, ref, referenceTime, relative, render, renderOption, required, size, startName, step, style, timeZone, unavailableOptions, value, variant, ...nativeProps }: TimeRangePickerProps): import("react").JSX.Element;
+/**
+ * One shortcut. It writes its range with the `select` reason and carries
+ * `data-selected` while the value equals it. The list is the product's — "the
+ * morning shift" is a business clock — and the family ships the button, not
+ * the list.
+ */
+export declare function TimeRangePickerPreset({ children, onClick, ref, render, value, ...nativeProps }: TimeRangePickerPresetProps): 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=time-range-picker.d.ts.map

package/dist/types/time-range-picker/time-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["../../../src/time-range-picker/time-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,yDAAyD,CAAC;AAuCjE,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AASlE,OAAO,KAAK,EACV,SAAS,EAGT,0BAA0B,EAE1B,oBAAoB,EAGrB,MAAM,2BAA2B,CAAC;AA8BnC,wBAAgB,eAAe,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,OAAO,CAGjF;AAuBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAiB,EACjB,aAAa,EACb,UAAiB,EACjB,kBAAkB,EAClB,WAAmB,EACnB,eAAyB,EACzB,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,WAAW,EACX,MAAM,EACN,GAAG,EACH,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,EACH,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,EACH,aAAa,EACb,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,KAAK,EACL,OAAO,EACP,GAAG,WAAW,EACf,EAAE,oBAAoB,+BAw/BtB;AAUD;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,WAAW,EACf,EAAE,0BAA0B,+TA0B5B"}