bits-ui 1.0.0-next.8 → 1.0.0-next.81

package/dist/bits/date-field/date-field.svelte.d.ts

@@ -3,12 +3,10 @@ import type { DateValue } from "@internationalized/date";
 import { type WritableBox } from "svelte-toolbelt";
 import type { DateRangeFieldRootState } from "../date-range-field/date-range-field.svelte.js";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
-import { type Announcer } from "../../shared/date/announcer.js";
-import type { DateAndTimeSegmentObj, DateSegmentObj, DateSegmentPart, SegmentValueObj, TimeSegmentObj, TimeSegmentPart } from "../../shared/date/field/types.js";
-import { type Formatter } from "../../shared/date/formatter.js";
-import type { SegmentPart } from "../../shared/index.js";
-import type { DateOnInvalid, DateValidator, Granularity, HourCycle } from "../../shared/date/types.js";
+import type { BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, WithRefProps } from "../../internal/types.js";
+import type { DateAndTimeSegmentObj, DateOnInvalid, DateSegmentObj, DateSegmentPart, DateValidator, Granularity, HourCycle, SegmentPart, SegmentValueObj, TimeSegmentObj, TimeSegmentPart } from "../../shared/date/types.js";
+import { type Formatter } from "../../internal/date-time/formatter.js";
+import { type Announcer } from "../../internal/date-time/announcer.js";
 export declare const DATE_FIELD_INPUT_ATTR = "data-date-field-input";
 export type DateFieldRootStateProps = WritableBoxedValues<{
     value: DateValue | undefined;
@@ -53,15 +51,15 @@ export declare class DateFieldRootState {
     segmentValues: SegmentValueObj;
     announcer: Announcer;
     readonlySegmentsSet: Set<SegmentPart>;
-    segmentStates: import("../../shared/date/field/types.js").SegmentStateMap;
+    segmentStates: import("../../internal/date-time/field/types.js").SegmentStateMap;
     descriptionNode: HTMLElement | null;
     validationNode: HTMLElement | null;
-    states: import("../../shared/date/field/types.js").SegmentStateMap;
+    states: import("../../internal/date-time/field/types.js").SegmentStateMap;
     dayPeriodNode: HTMLElement | null;
     rangeRoot: DateRangeFieldRootState | undefined;
     name: string;
     constructor(props: DateFieldRootStateProps, rangeRoot?: DateRangeFieldRootState);
-    setName: (name: string) => void;
+    setName(name: string): void;
     /**
      * Sets the field node for the `DateFieldRootState` instance. We use this method so we can
      * keep `#fieldNode` private to prevent accidental usage of the incorrect field node.
@@ -82,7 +80,6 @@ export declare class DateFieldRootState {
      * a standalone context or within a `DateRangeField` component.
      */
     getLabelNode(): HTMLElement | null;
-    clearUpdating(): void;
     setValue(value: DateValue | undefined): void;
     syncSegmentValues(value: DateValue): void;
     validationStatus: false | {
@@ -98,14 +95,14 @@ export declare class DateFieldRootState {
     isInvalid: boolean;
     inferredGranularity: Granularity;
     allSegmentContent: {
-        obj: import("../../shared/date/field/types.js").SegmentContentObj;
+        obj: import("../../internal/date-time/field/types.js").SegmentContentObj;
         arr: {
-            part: import("../../shared/date/field/types.js").SegmentPart;
+            part: import("../../internal/date-time/field/types.js").SegmentPart;
             value: string;
         }[];
     };
     segmentContents: {
-        part: import("../../shared/date/field/types.js").SegmentPart;
+        part: import("../../internal/date-time/field/types.js").SegmentPart;
         value: string;
     }[];
     sharedSegmentAttrs: {
@@ -120,13 +117,12 @@ export declare class DateFieldRootState {
             caretColor: string;
         };
     };
-    getLabelledBy: (segmentId: string) => string;
-    updateSegment: <T extends keyof DateAndTimeSegmentObj>(part: T, cb: T extends DateSegmentPart ? Updater<DateSegmentObj[T]> : T extends TimeSegmentPart ? Updater<TimeSegmentObj[T]> : Updater<DateAndTimeSegmentObj[T]>) => void;
-    handleSegmentClick: (e: MouseEvent) => void;
-    getBaseSegmentAttrs: (part: SegmentPart, segmentId: string) => {
+    updateSegment<T extends keyof DateAndTimeSegmentObj>(part: T, cb: T extends DateSegmentPart ? Updater<DateSegmentObj[T]> : T extends TimeSegmentPart ? Updater<TimeSegmentObj[T]> : Updater<DateAndTimeSegmentObj[T]>): void;
+    handleSegmentClick(e: BitsMouseEvent): void;
+    getBaseSegmentAttrs(part: SegmentPart, segmentId: string): {
         "aria-invalid": "true" | undefined;
-        "aria-disabled": "false" | "true";
-        "aria-readonly": "false" | "true";
+        "aria-disabled": "true" | "false";
+        "aria-readonly": "true" | "false";
         "data-invalid": "" | undefined;
         "data-disabled": "" | undefined;
         "data-readonly": "" | undefined;
@@ -137,22 +133,18 @@ export declare class DateFieldRootState {
         "aria-describedby": string | undefined;
         tabindex: number | undefined;
         "aria-invalid": "true" | undefined;
-        "aria-disabled": "false" | "true";
-        "aria-readonly": "false" | "true";
+        "aria-disabled": "true" | "false";
+        "aria-readonly": "true" | "false";
         "data-invalid": "" | undefined;
         "data-disabled": "" | undefined;
         "data-readonly": "" | undefined;
         "data-segment": string;
     };
-    createInput(props: DateFieldInputStateProps): DateFieldInputState;
-    createLabel(props: DateFieldLabelStateProps): DateFieldLabelState;
-    createHiddenInput(): DateFieldHiddenInputState;
-    createSegment(part: SegmentPart, props: WithRefProps): DateFieldDaySegmentState | DateFieldMonthSegmentState | DateFieldYearSegmentState | DateFieldHourSegmentState | DateFieldMinuteSegmentState | DateFieldSecondSegmentState | DateFieldDayPeriodSegmentState | DateFieldDayLiteralSegmentState | DateFieldTimeZoneSegmentState;
 }
 type DateFieldInputStateProps = WithRefProps & ReadableBoxedValues<{
     name: string;
 }>;
-declare class DateFieldInputState {
+export declare class DateFieldInputState {
     #private;
     root: DateFieldRootState;
     constructor(props: DateFieldInputStateProps, root: DateFieldRootState);
@@ -161,7 +153,7 @@ declare class DateFieldInputState {
         readonly role: "group";
         readonly "aria-labelledby": string | undefined;
         readonly "aria-describedby": string | undefined;
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-invalid": "" | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-date-field-input": "";
@@ -183,22 +175,25 @@ type DateFieldLabelStateProps = WithRefProps;
 declare class DateFieldLabelState {
     #private;
     constructor(props: DateFieldLabelStateProps, root: DateFieldRootState);
+    onclick(_: BitsMouseEvent): void;
     props: {
         readonly id: string;
         readonly "data-invalid": "" | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-date-field-label": "";
-        readonly onclick: () => void;
+        readonly onclick: (_: BitsMouseEvent) => void;
     };
 }
 type DateFieldDaySegmentStateProps = WithRefProps;
 declare class DateFieldDaySegmentState {
     #private;
     constructor(props: DateFieldDaySegmentStateProps, root: DateFieldRootState);
+    onkeydown(e: BitsKeyboardEvent): void;
+    onfocusout(_: BitsFocusEvent): void;
     props: {
         "aria-invalid": "true" | undefined;
-        "aria-disabled": "false" | "true";
-        "aria-readonly": "false" | "true";
+        "aria-disabled": "true" | "false";
+        "aria-readonly": "true" | "false";
         "data-invalid": "" | undefined;
         "data-disabled": "" | undefined;
         "data-readonly": "" | undefined;
@@ -209,9 +204,9 @@ declare class DateFieldDaySegmentState {
         "aria-valuemax": number;
         "aria-valuenow": number;
         "aria-valuetext": string;
-        onkeydown: (e: KeyboardEvent) => void;
-        onfocusout: () => void;
-        onclick: (e: MouseEvent) => void;
+        onkeydown: (e: BitsKeyboardEvent) => void;
+        onfocusout: (_: BitsFocusEvent) => void;
+        onclick: (e: BitsMouseEvent) => void;
         role: string;
         contenteditable: string;
         tabindex: number;
@@ -228,8 +223,8 @@ declare class DateFieldDaySegmentState {
         "aria-describedby": string | undefined;
         tabindex: number | undefined;
         "aria-invalid": "true" | undefined;
-        "aria-disabled": "false" | "true";
-        "aria-readonly": "false" | "true";
+        "aria-disabled": "true" | "false";
+        "aria-readonly": "true" | "false";
         "data-invalid": "" | undefined;
         "data-disabled": "" | undefined;
         "data-readonly": "" | undefined;
@@ -240,9 +235,9 @@ declare class DateFieldDaySegmentState {
         "aria-valuemax": number;
         "aria-valuenow": number;
         "aria-valuetext": string;
-        onkeydown: (e: KeyboardEvent) => void;
-        onfocusout: () => void;
-        onclick: (e: MouseEvent) => void;
+        onkeydown: (e: BitsKeyboardEvent) => void;
+        onfocusout: (_: BitsFocusEvent) => void;
+        onclick: (e: BitsMouseEvent) => void;
         role: string;
         spellcheck: boolean;
         inputmode: string;
@@ -257,11 +252,12 @@ type DateFieldMonthSegmentStateProps = WithRefProps;
 declare class DateFieldMonthSegmentState {
     #private;
     constructor(props: DateFieldMonthSegmentStateProps, root: DateFieldRootState);
-    getAnnouncement: (month: number) => string;
+    onkeydown(e: BitsKeyboardEvent): void;
+    onfocusout(_: BitsFocusEvent): void;
     props: {
         readonly "aria-invalid": "true" | undefined;
-        readonly "aria-disabled": "false" | "true";
-        readonly "aria-readonly": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
+        readonly "aria-readonly": "true" | "false";
         readonly "data-invalid": "" | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-readonly": "" | undefined;
@@ -273,9 +269,9 @@ declare class DateFieldMonthSegmentState {
         readonly "aria-valuemax": 12;
         readonly "aria-valuenow": number;
         readonly "aria-valuetext": string;
-        readonly onkeydown: (e: KeyboardEvent) => void;
-        readonly onfocusout: () => void;
-        readonly onclick: (e: MouseEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
+        readonly onfocusout: (_: BitsFocusEvent) => void;
+        readonly onclick: (e: BitsMouseEvent) => void;
         readonly role: string;
         readonly tabindex: number;
         readonly spellcheck: boolean;
@@ -291,8 +287,8 @@ declare class DateFieldMonthSegmentState {
         readonly "aria-describedby": string | undefined;
         readonly tabindex: number | undefined;
         readonly "aria-invalid": "true" | undefined;
-        readonly "aria-disabled": "false" | "true";
-        readonly "aria-readonly": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
+        readonly "aria-readonly": "true" | "false";
         readonly "data-invalid": "" | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-readonly": "" | undefined;
@@ -303,9 +299,9 @@ declare class DateFieldMonthSegmentState {
         readonly "aria-valuemax": 12;
         readonly "aria-valuenow": number;
         readonly "aria-valuetext": string;
-        readonly onkeydown: (e: KeyboardEvent) => void;
-        readonly onfocusout: () => void;
-        readonly onclick: (e: MouseEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
+        readonly onfocusout: (_: BitsFocusEvent) => void;
+        readonly onclick: (e: BitsMouseEvent) => void;
         readonly role: string;
         readonly spellcheck: boolean;
         readonly inputmode: string;
@@ -320,10 +316,12 @@ type DateFieldYearSegmentStateProps = WithRefProps;
 declare class DateFieldYearSegmentState {
     #private;
     constructor(props: DateFieldYearSegmentStateProps, root: DateFieldRootState);
+    onkeydown(e: BitsKeyboardEvent): void;
+    onfocusout(_: BitsFocusEvent): void;
     props: {
         "aria-invalid": "true" | undefined;
-        "aria-disabled": "false" | "true";
-        "aria-readonly": "false" | "true";
+        "aria-disabled": "true" | "false";
+        "aria-readonly": "true" | "false";
         "data-invalid": "" | undefined;
         "data-disabled": "" | undefined;
         "data-readonly": "" | undefined;
@@ -334,9 +332,9 @@ declare class DateFieldYearSegmentState {
         "aria-valuemax": number;
         "aria-valuenow": number;
         "aria-valuetext": string;
-        onkeydown: (e: KeyboardEvent) => void;
-        onclick: (e: MouseEvent) => void;
-        onfocusout: () => void;
+        onkeydown: (e: BitsKeyboardEvent) => void;
+        onclick: (e: BitsMouseEvent) => void;
+        onfocusout: (_: BitsFocusEvent) => void;
         role: string;
         contenteditable: string;
         tabindex: number;
@@ -353,8 +351,8 @@ declare class DateFieldYearSegmentState {
         "aria-describedby": string | undefined;
         tabindex: number | undefined;
         "aria-invalid": "true" | undefined;
-        "aria-disabled": "false" | "true";
-        "aria-readonly": "false" | "true";
+        "aria-disabled": "true" | "false";
+        "aria-readonly": "true" | "false";
         "data-invalid": "" | undefined;
         "data-disabled": "" | undefined;
         "data-readonly": "" | undefined;
@@ -365,9 +363,9 @@ declare class DateFieldYearSegmentState {
         "aria-valuemax": number;
         "aria-valuenow": number;
         "aria-valuetext": string;
-        onkeydown: (e: KeyboardEvent) => void;
-        onclick: (e: MouseEvent) => void;
-        onfocusout: () => void;
+        onkeydown: (e: BitsKeyboardEvent) => void;
+        onclick: (e: BitsMouseEvent) => void;
+        onfocusout: (_: BitsFocusEvent) => void;
         role: string;
         spellcheck: boolean;
         inputmode: string;
@@ -382,28 +380,35 @@ type DateFieldHourSegmentStateProps = WithRefProps;
 declare class DateFieldHourSegmentState {
     #private;
     constructor(props: DateFieldHourSegmentStateProps, root: DateFieldRootState);
+    onkeydown(e: BitsKeyboardEvent): void;
+    onfocusout(_: BitsFocusEvent): void;
     props: {};
 }
 type DateFieldMinuteSegmentStateProps = WithRefProps;
 declare class DateFieldMinuteSegmentState {
     #private;
     constructor(props: DateFieldMinuteSegmentStateProps, root: DateFieldRootState);
+    onkeydown(e: BitsKeyboardEvent): void;
+    onfocusout(_: BitsFocusEvent): void;
     props: {};
 }
 type DateFieldSecondSegmentStateProps = WithRefProps;
 declare class DateFieldSecondSegmentState {
     #private;
     constructor(props: DateFieldSecondSegmentStateProps, root: DateFieldRootState);
+    onkeydown(e: BitsKeyboardEvent): void;
+    onfocusout(_: BitsFocusEvent): void;
     props: {};
 }
 type DateFieldDayPeriodSegmentStateProps = WithRefProps;
 declare class DateFieldDayPeriodSegmentState {
     #private;
     constructor(props: DateFieldDayPeriodSegmentStateProps, root: DateFieldRootState);
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         "aria-invalid": "true" | undefined;
-        "aria-disabled": "false" | "true";
-        "aria-readonly": "false" | "true";
+        "aria-disabled": "true" | "false";
+        "aria-readonly": "true" | "false";
         "data-invalid": "" | undefined;
         "data-disabled": "" | undefined;
         "data-readonly": "" | undefined;
@@ -415,8 +420,8 @@ declare class DateFieldDayPeriodSegmentState {
         "aria-valuemax": number;
         "aria-valuenow": number | "AM" | "PM";
         "aria-valuetext": "AM" | "PM";
-        onkeydown: (e: KeyboardEvent) => void;
-        onclick: (e: MouseEvent) => void;
+        onkeydown: (e: BitsKeyboardEvent) => void;
+        onclick: (e: BitsMouseEvent) => void;
         role: string;
         contenteditable: string;
         tabindex: number;
@@ -432,8 +437,8 @@ declare class DateFieldDayPeriodSegmentState {
         "aria-describedby": string | undefined;
         tabindex: number | undefined;
         "aria-invalid": "true" | undefined;
-        "aria-disabled": "false" | "true";
-        "aria-readonly": "false" | "true";
+        "aria-disabled": "true" | "false";
+        "aria-readonly": "true" | "false";
         "data-invalid": "" | undefined;
         "data-disabled": "" | undefined;
         "data-readonly": "" | undefined;
@@ -445,8 +450,8 @@ declare class DateFieldDayPeriodSegmentState {
         "aria-valuemax": number;
         "aria-valuenow": number | "AM" | "PM";
         "aria-valuetext": "AM" | "PM";
-        onkeydown: (e: KeyboardEvent) => void;
-        onclick: (e: MouseEvent) => void;
+        onkeydown: (e: BitsKeyboardEvent) => void;
+        onclick: (e: BitsMouseEvent) => void;
         role: string;
         spellcheck: boolean;
         autocorrect: string;
@@ -462,8 +467,8 @@ declare class DateFieldDayLiteralSegmentState {
     constructor(props: DateFieldLiteralSegmentStateProps, root: DateFieldRootState);
     props: {
         readonly "aria-invalid": "true" | undefined;
-        readonly "aria-disabled": "false" | "true";
-        readonly "aria-readonly": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
+        readonly "aria-readonly": "true" | "false";
         readonly "data-invalid": "" | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-readonly": "" | undefined;
@@ -476,8 +481,8 @@ declare class DateFieldDayLiteralSegmentState {
         readonly "aria-describedby": string | undefined;
         readonly tabindex: number | undefined;
         readonly "aria-invalid": "true" | undefined;
-        readonly "aria-disabled": "false" | "true";
-        readonly "aria-readonly": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
+        readonly "aria-readonly": "true" | "false";
         readonly "data-invalid": "" | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-readonly": "" | undefined;
@@ -489,11 +494,12 @@ declare class DateFieldDayLiteralSegmentState {
 declare class DateFieldTimeZoneSegmentState {
     #private;
     constructor(props: DateFieldMinuteSegmentStateProps, root: DateFieldRootState);
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         readonly "data-readonly": "" | undefined;
         readonly "aria-invalid": "true" | undefined;
-        readonly "aria-disabled": "false" | "true";
-        readonly "aria-readonly": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
+        readonly "aria-readonly": "true" | "false";
         readonly "data-invalid": "" | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-segment": string;
@@ -503,7 +509,7 @@ declare class DateFieldTimeZoneSegmentState {
         readonly style: {
             readonly caretColor: "transparent";
         };
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
         readonly tabindex: 0;
     } | {
         readonly "data-readonly": "" | undefined;
@@ -512,8 +518,8 @@ declare class DateFieldTimeZoneSegmentState {
         readonly "aria-describedby": string | undefined;
         readonly tabindex: number | undefined;
         readonly "aria-invalid": "true" | undefined;
-        readonly "aria-disabled": "false" | "true";
-        readonly "aria-readonly": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
+        readonly "aria-readonly": "true" | "false";
         readonly "data-invalid": "" | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-segment": string;
@@ -523,7 +529,7 @@ declare class DateFieldTimeZoneSegmentState {
         readonly style: {
             readonly caretColor: "transparent";
         };
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
 export declare function useDateFieldRoot(props: DateFieldRootStateProps, rangeRoot?: DateRangeFieldRootState): DateFieldRootState;