bits-ui 1.0.0-next.6 → 1.0.0-next.61

package/dist/bits/context-menu/exports.d.ts

@@ -0,0 +1,18 @@
+export { default as Root } from "./components/context-menu.svelte";
+export { default as Sub } from "../menu/components/menu-sub.svelte";
+export { default as Item } from "../menu/components/menu-item.svelte";
+export { default as Group } from "../menu/components/menu-group.svelte";
+export { default as GroupHeading } from "../menu/components/menu-group-heading.svelte";
+export { default as Arrow } from "../menu/components/menu-arrow.svelte";
+export { default as Content } from "./components/context-menu-content.svelte";
+export { default as ContentStatic } from "./components/context-menu-content-static.svelte";
+export { default as Trigger } from "./components/context-menu-trigger.svelte";
+export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
+export { default as Separator } from "../menu/components/menu-separator.svelte";
+export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
+export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
+export { default as SubContentStatic } from "../menu/components/menu-sub-content-static.svelte";
+export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
+export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export type { ContextMenuArrowProps as ArrowProps, ContextMenuCheckboxItemProps as CheckboxItemProps, ContextMenuGroupProps as GroupProps, ContextMenuItemProps as ItemProps, ContextMenuGroupHeadingProps as GroupHeadingProps, ContextMenuRootProps as RootProps, ContextMenuRadioGroupProps as RadioGroupProps, ContextMenuRadioItemProps as RadioItemProps, ContextMenuSeparatorProps as SeparatorProps, ContextMenuSubContentProps as SubContentProps, ContextMenuSubContentStaticProps as SubContentStaticProps, ContextMenuSubProps as SubProps, ContextMenuSubTriggerProps as SubTriggerProps, ContextMenuContentProps as ContentProps, ContextMenuContentStaticProps as ContentStaticProps, ContextMenuTriggerProps as TriggerProps, ContextMenuPortalProps as PortalProps, } from "./types.js";

package/dist/bits/context-menu/exports.js

@@ -0,0 +1,17 @@
+export { default as Root } from "./components/context-menu.svelte";
+export { default as Sub } from "../menu/components/menu-sub.svelte";
+export { default as Item } from "../menu/components/menu-item.svelte";
+export { default as Group } from "../menu/components/menu-group.svelte";
+export { default as GroupHeading } from "../menu/components/menu-group-heading.svelte";
+export { default as Arrow } from "../menu/components/menu-arrow.svelte";
+export { default as Content } from "./components/context-menu-content.svelte";
+export { default as ContentStatic } from "./components/context-menu-content-static.svelte";
+export { default as Trigger } from "./components/context-menu-trigger.svelte";
+export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
+export { default as Separator } from "../menu/components/menu-separator.svelte";
+export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
+export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
+export { default as SubContentStatic } from "../menu/components/menu-sub-content-static.svelte";
+export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
+export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";

package/dist/bits/context-menu/index.d.ts

@@ -1,18 +1 @@
-export { default as Root } from "./components/context-menu.svelte";
-export { default as Sub } from "../menu/components/menu-sub.svelte";
-export { default as Item } from "../menu/components/menu-item.svelte";
-export { default as Group } from "../menu/components/menu-group.svelte";
-export { default as GroupHeading } from "../menu/components/menu-group-heading.svelte";
-export { default as Arrow } from "../menu/components/menu-arrow.svelte";
-export { default as Content } from "./components/context-menu-content.svelte";
-export { default as ContentStatic } from "./components/context-menu-content-static.svelte";
-export { default as Trigger } from "./components/context-menu-trigger.svelte";
-export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
-export { default as Separator } from "../menu/components/menu-separator.svelte";
-export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
-export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
-export { default as SubContentStatic } from "../menu/components/menu-sub-content-static.svelte";
-export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
-export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export type { ContextMenuArrowProps as ArrowProps, ContextMenuCheckboxItemProps as CheckboxItemProps, ContextMenuGroupProps as GroupProps, ContextMenuItemProps as ItemProps, ContextMenuGroupHeadingProps as GroupHeadingProps, ContextMenuRootProps as RootProps, ContextMenuRadioGroupProps as RadioGroupProps, ContextMenuRadioItemProps as RadioItemProps, ContextMenuSeparatorProps as SeparatorProps, ContextMenuSubContentProps as SubContentProps, ContextMenuSubContentStaticProps as SubContentStaticProps, ContextMenuSubProps as SubProps, ContextMenuSubTriggerProps as SubTriggerProps, ContextMenuContentProps as ContentProps, ContextMenuContentStaticProps as ContentStaticProps, ContextMenuTriggerProps as TriggerProps, ContextMenuPortalProps as PortalProps, } from "./types.js";
+export * as ContextMenu from "./exports.js";

package/dist/bits/context-menu/index.js

@@ -1,17 +1 @@
-export { default as Root } from "./components/context-menu.svelte";
-export { default as Sub } from "../menu/components/menu-sub.svelte";
-export { default as Item } from "../menu/components/menu-item.svelte";
-export { default as Group } from "../menu/components/menu-group.svelte";
-export { default as GroupHeading } from "../menu/components/menu-group-heading.svelte";
-export { default as Arrow } from "../menu/components/menu-arrow.svelte";
-export { default as Content } from "./components/context-menu-content.svelte";
-export { default as ContentStatic } from "./components/context-menu-content-static.svelte";
-export { default as Trigger } from "./components/context-menu-trigger.svelte";
-export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
-export { default as Separator } from "../menu/components/menu-separator.svelte";
-export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
-export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
-export { default as SubContentStatic } from "../menu/components/menu-sub-content-static.svelte";
-export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
-export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
+export * as ContextMenu from "./exports.js";

package/dist/bits/context-menu/types.d.ts

@@ -1,6 +1,6 @@
 import type { MenuContentProps, MenuContentPropsWithoutHTML } from "../menu/types.js";
 import type { WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type ContextMenuContentPropsWithoutHTML = Omit<MenuContentPropsWithoutHTML, "align" | "side" | "sideOffset">;
 export type ContextMenuContentProps = Omit<MenuContentProps, "side" | "onOpenAutoFocus" | "sideOffset" | "align">;
 export type ContextMenuTriggerPropsWithoutHTML = WithChild<{
@@ -10,6 +10,6 @@ export type ContextMenuTriggerPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean;
 }>;
-export type ContextMenuTriggerProps = ContextMenuTriggerPropsWithoutHTML & Without<PrimitiveDivAttributes, ContextMenuTriggerPropsWithoutHTML>;
-export type { ArrowProps as ContextMenuArrowProps, ContentStaticProps as ContextMenuContentStaticProps, CheckboxItemProps as ContextMenuCheckboxItemProps, GroupProps as ContextMenuGroupProps, ItemProps as ContextMenuItemProps, GroupHeadingProps as ContextMenuGroupHeadingProps, RootProps as ContextMenuRootProps, RadioGroupProps as ContextMenuRadioGroupProps, RadioItemProps as ContextMenuRadioItemProps, SeparatorProps as ContextMenuSeparatorProps, SubContentProps as ContextMenuSubContentProps, SubContentStaticProps as ContextMenuSubContentStaticProps, SubProps as ContextMenuSubProps, SubTriggerProps as ContextMenuSubTriggerProps, PortalProps as ContextMenuPortalProps, } from "../menu/index.js";
+export type ContextMenuTriggerProps = ContextMenuTriggerPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ContextMenuTriggerPropsWithoutHTML>;
+export type { MenuArrowProps as ContextMenuArrowProps, MenuContentStaticProps as ContextMenuContentStaticProps, MenuCheckboxItemProps as ContextMenuCheckboxItemProps, MenuGroupProps as ContextMenuGroupProps, MenuItemProps as ContextMenuItemProps, MenuGroupHeadingProps as ContextMenuGroupHeadingProps, MenuRootProps as ContextMenuRootProps, MenuRadioGroupProps as ContextMenuRadioGroupProps, MenuRadioItemProps as ContextMenuRadioItemProps, MenuSeparatorProps as ContextMenuSeparatorProps, MenuSubContentProps as ContextMenuSubContentProps, MenuSubContentStaticProps as ContextMenuSubContentStaticProps, MenuSubProps as ContextMenuSubProps, MenuSubTriggerProps as ContextMenuSubTriggerProps, MenuPortalProps as ContextMenuPortalProps, } from "../menu/types.js";
 export type { MenuRootPropsWithoutHTML as ContextMenuRootPropsWithoutHTML, MenuContentStaticPropsWithoutHTML as ContextMenuContentStaticPropsWithoutHTML, MenuArrowPropsWithoutHTML as ContextMenuArrowPropsWithoutHTML, MenuCheckboxItemPropsWithoutHTML as ContextMenuCheckboxItemPropsWithoutHTML, MenuGroupPropsWithoutHTML as ContextMenuGroupPropsWithoutHTML, MenuItemPropsWithoutHTML as ContextMenuItemPropsWithoutHTML, MenuGroupHeadingPropsWithoutHTML as ContextMenuGroupHeadingPropsWithoutHTML, MenuRadioGroupPropsWithoutHTML as ContextMenuRadioGroupPropsWithoutHTML, MenuRadioItemPropsWithoutHTML as ContextMenuRadioItemPropsWithoutHTML, MenuSeparatorPropsWithoutHTML as ContextMenuSeparatorPropsWithoutHTML, MenuSubPropsWithoutHTML as ContextMenuSubPropsWithoutHTML, MenuSubTriggerPropsWithoutHTML as ContextMenuSubTriggerPropsWithoutHTML, MenuSubContentPropsWithoutHTML as ContextMenuSubContentPropsWithoutHTML, MenuSubContentStaticPropsWithoutHTML as ContextMenuSubContentStaticPropsWithoutHTML, MenuPortalPropsWithoutHTML as ContextMenuPortalPropsWithoutHTML, } from "../menu/types.js";

package/dist/bits/date-field/components/date-field-input.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDateFieldInput } from "../date-field.svelte.js";
-	import type { InputProps } from "../index.js";
+	import type { DateFieldInputProps } from "../types.js";
 	import DateFieldHiddenInput from "./date-field-hidden-input.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -13,7 +12,7 @@
 		children,
 		child,
 		...restProps
-	}: InputProps = $props();
+	}: DateFieldInputProps = $props();
 
 	const inputState = useDateFieldInput({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { InputProps } from "../index.js";
+import type { DateFieldInputProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DateFieldInput: $$__sveltets_2_IsomorphicComponent<InputProps, {
+declare const DateFieldInput: $$__sveltets_2_IsomorphicComponent<DateFieldInputProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateFieldInput = InstanceType<typeof DateFieldInput>;

package/dist/bits/date-field/components/date-field-label.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDateFieldLabel } from "../date-field.svelte.js";
-	import type { LabelProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { DateFieldLabelProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -11,7 +10,7 @@
 		children,
 		child,
 		...restProps
-	}: LabelProps = $props();
+	}: DateFieldLabelProps = $props();
 
 	const labelState = useDateFieldLabel({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { LabelProps } from "../index.js";
+import type { DateFieldLabelProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DateFieldLabel: $$__sveltets_2_IsomorphicComponent<LabelProps, {
+declare const DateFieldLabel: $$__sveltets_2_IsomorphicComponent<DateFieldLabelProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateFieldLabel = InstanceType<typeof DateFieldLabel>;

package/dist/bits/date-field/components/date-field-segment.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDateFieldSegment } from "../date-field.svelte.js";
-	import type { SegmentProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { DateFieldSegmentProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -12,7 +11,7 @@
 		child,
 		part,
 		...restProps
-	}: SegmentProps = $props();
+	}: DateFieldSegmentProps = $props();
 
 	const segmentState = useDateFieldSegment(part, {
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { SegmentProps } from "../index.js";
+import type { DateFieldSegmentProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DateFieldSegment: $$__sveltets_2_IsomorphicComponent<SegmentProps, {
+declare const DateFieldSegment: $$__sveltets_2_IsomorphicComponent<DateFieldSegmentProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateFieldSegment = InstanceType<typeof DateFieldSegment>;

package/dist/bits/date-field/components/date-field.svelte

@@ -2,9 +2,9 @@
 	import { box } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
 	import { useDateFieldRoot } from "../date-field.svelte.js";
-	import type { RootProps } from "../index.js";
-	import { noop } from "../../../internal/callbacks.js";
-	import { getDefaultDate } from "../../../shared/date/utils.js";
+	import type { DateFieldRootProps } from "../types.js";
+	import { noop } from "../../../internal/noop.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {
 		disabled = false,
@@ -27,7 +27,7 @@
 		controlledValue = false,
 		errorMessageId,
 		children,
-	}: RootProps = $props();
+	}: DateFieldRootProps = $props();
 
 	if (placeholder === undefined) {
 		const defaultPlaceholder = getDefaultDate({

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

@@ -4,11 +4,9 @@ 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 { 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,10 +51,10 @@ 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;
@@ -66,23 +64,23 @@ export declare class DateFieldRootState {
      * 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.
      */
-    setFieldNode(node: HTMLElement | null): void;
+    setFieldNode: (node: HTMLElement | null) => void;
     /**
      * Gets the correct field node for the date field regardless of whether it's being
      * used in a standalone context or within a `DateRangeField` component.
      */
-    getFieldNode(): HTMLElement | null;
+    getFieldNode: () => HTMLElement | null;
     /**
      * Sets the label node for the `DateFieldRootState` instance. We use this method so we can
      * keep `#labelNode` private to prevent accidental usage of the incorrect label node.
      */
-    setLabelNode(node: HTMLElement | null): void;
+    setLabelNode: (node: HTMLElement | null) => void;
     /**
      * Gets the correct label node for the date field regardless of whether it's being used in
      * a standalone context or within a `DateRangeField` component.
      */
-    getLabelNode(): HTMLElement | null;
-    clearUpdating(): void;
+    getLabelNode: () => HTMLElement | null;
+    clearUpdating: () => void;
     setValue(value: DateValue | undefined): void;
     syncSegmentValues(value: DateValue): void;
     validationStatus: false | {
@@ -98,14 +96,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: {
@@ -125,8 +123,8 @@ export declare class DateFieldRootState {
     handleSegmentClick: (e: MouseEvent) => 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 +135,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 +155,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": "";
@@ -197,8 +191,8 @@ declare class DateFieldDaySegmentState {
     constructor(props: DateFieldDaySegmentStateProps, root: DateFieldRootState);
     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;
@@ -228,8 +222,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;
@@ -260,8 +254,8 @@ declare class DateFieldMonthSegmentState {
     getAnnouncement: (month: number) => string;
     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;
@@ -291,8 +285,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;
@@ -322,8 +316,8 @@ declare class DateFieldYearSegmentState {
     constructor(props: DateFieldYearSegmentStateProps, root: DateFieldRootState);
     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;
@@ -353,8 +347,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;
@@ -402,8 +396,8 @@ declare class DateFieldDayPeriodSegmentState {
     constructor(props: DateFieldDayPeriodSegmentStateProps, root: DateFieldRootState);
     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;
@@ -432,8 +426,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;
@@ -462,8 +456,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 +470,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;
@@ -492,8 +486,8 @@ declare class DateFieldTimeZoneSegmentState {
     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;
@@ -512,8 +506,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;