bits-ui 1.0.0-next.1 → 1.0.0-next.11

package/dist/bits/date-range-picker/components/date-range-picker-calendar.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { CalendarProps } from "../index.js";
+	import type { DateRangePickerCalendarProps } from "../types.js";
 	import { getDateRangePickerRootContext } from "../date-range-picker.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useRangeCalendarRoot } from "../../range-calendar/range-calendar.svelte.js";
 
 	let {
@@ -12,7 +12,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: CalendarProps = $props();
+	}: DateRangePickerCalendarProps = $props();
 
 	const dateRangePickerRootState = getDateRangePickerRootContext();
 

package/dist/bits/date-range-picker/components/date-range-picker-calendar.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { CalendarProps } from "../index.js";
+import type { DateRangePickerCalendarProps } 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 DateRangePickerCalendar: $$__sveltets_2_IsomorphicComponent<CalendarProps, {
+declare const DateRangePickerCalendar: $$__sveltets_2_IsomorphicComponent<DateRangePickerCalendarProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateRangePickerCalendar = InstanceType<typeof DateRangePickerCalendar>;

package/dist/bits/date-range-picker/components/date-range-picker-trigger.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
-	import type { TriggerProps } from "../index.js";
+	import type { DateRangePickerTriggerProps } from "../types.js";
 	import PopoverTrigger from "../../popover/components/popover-trigger.svelte";
-	import { handleSegmentNavigation, isSegmentNavigationKey } from "../../../shared/date/field.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import { DATE_RANGE_FIELD_ROOT_ATTR } from "../../date-range-field/date-range-field.svelte.js";
+	import {
+		handleSegmentNavigation,
+		isSegmentNavigationKey,
+	} from "../../../internal/date-time/field/segments.js";
 
-	let { ref = $bindable(null), onkeydown, ...restProps }: TriggerProps = $props();
+	let { ref = $bindable(null), onkeydown, ...restProps }: DateRangePickerTriggerProps = $props();
 
 	function onKeydown(e: KeyboardEvent) {
 		if (isSegmentNavigationKey(e.key)) {

package/dist/bits/date-range-picker/components/date-range-picker-trigger.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { DateRangePickerTriggerProps } 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 DateRangePickerTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const DateRangePickerTrigger: $$__sveltets_2_IsomorphicComponent<DateRangePickerTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateRangePickerTrigger = InstanceType<typeof DateRangePickerTrigger>;

package/dist/bits/date-range-picker/components/date-range-picker.svelte

@@ -2,15 +2,15 @@
 	import { box } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
 	import { useDateRangePickerRoot } from "../date-range-picker.svelte.js";
-	import type { RootProps } from "../index.js";
-	import { getDefaultDate } from "../../../shared/date/utils.js";
+	import type { DateRangePickerRootProps } from "../types.js";
 	import { noop } from "../../../internal/callbacks.js";
 	import { usePopoverRoot } from "../../popover/popover.svelte.js";
 	import { useDateRangeFieldRoot } from "../../date-range-field/date-range-field.svelte.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import type { DateRange } from "../../../shared/index.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {
 		open = false,
@@ -53,7 +53,7 @@
 		child,
 		children,
 		...restProps
-	}: RootProps = $props();
+	}: DateRangePickerRootProps = $props();
 
 	let startValue = $state<DateValue | undefined>(value?.start);
 	let endValue = $state<DateValue | undefined>(value?.end);
@@ -192,7 +192,7 @@
 	const mergedProps = $derived(mergeProps(restProps, fieldRootState.props));
 </script>
 
-<FloatingLayer.Root>
+<FloatingLayer>
 	{#if child}
 		{@render child({ props: mergedProps })}
 	{:else}
@@ -200,4 +200,4 @@
 			{@render children?.()}
 		</div>
 	{/if}
-</FloatingLayer.Root>
+</FloatingLayer>

package/dist/bits/date-range-picker/components/date-range-picker.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { DateRangePickerRootProps } 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 DateRangePicker: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const DateRangePicker: $$__sveltets_2_IsomorphicComponent<DateRangePickerRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "placeholder" | "ref">;
 type DateRangePicker = InstanceType<typeof DateRangePicker>;

package/dist/bits/date-range-picker/date-range-picker.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { DateValue } from "@internationalized/date";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { DateMatcher, Granularity, HourCycle, WeekStartsOn } from "../../shared/date/types.js";
-import type { DateRange, SegmentPart } from "../../shared/index.js";
+import type { DateMatcher, DateRange, SegmentPart } from "../../shared/index.js";
+import type { Granularity, HourCycle, WeekStartsOn } from "../../shared/date/types.js";
 type DateRangePickerRootStateProps = WritableBoxedValues<{
     value: DateRange;
     startValue: DateValue | undefined;

package/dist/bits/date-range-picker/date-range-picker.svelte.js

@@ -1,4 +1,4 @@
-import { createContext } from "../../internal/createContext.js";
+import { createContext } from "../../internal/create-context.js";
 class DateRangePickerRootState {
     props;
     constructor(props) {

package/dist/bits/date-range-picker/exports.d.ts

@@ -0,0 +1,21 @@
+export { default as Root } from "./components/date-range-picker.svelte";
+export { default as Calendar } from "./components/date-range-picker-calendar.svelte";
+export { default as Trigger } from "./components/date-range-picker-trigger.svelte";
+export { default as Content } from "../date-picker/components/date-picker-content.svelte";
+export { default as Arrow } from "../popover/components/popover-arrow.svelte";
+export { default as Close } from "../popover/components/popover-close.svelte";
+export { default as Input } from "../date-range-field/components/date-range-field-input.svelte";
+export { default as Label } from "../date-range-field/components/date-range-field-label.svelte";
+export { default as Segment } from "../date-field/components/date-field-segment.svelte";
+export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
+export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
+export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
+export { default as Grid } from "../calendar/components/calendar-grid.svelte";
+export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
+export { default as Header } from "../calendar/components/calendar-header.svelte";
+export { default as Heading } from "../calendar/components/calendar-heading.svelte";
+export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
+export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
+export { default as Cell } from "../range-calendar/components/range-calendar-cell.svelte";
+export { default as Day } from "../range-calendar/components/range-calendar-day.svelte";
+export type { DateRangePickerRootProps as RootProps, DateRangePickerLabelProps as LabelProps, DateRangePickerInputProps as InputProps, DateRangePickerSegmentProps as SegmentProps, DateRangePickerArrowProps as ArrowProps, DateRangePickerCloseProps as CloseProps, DateRangePickerContentProps as ContentProps, DateRangePickerTriggerProps as TriggerProps, DateRangePickerCalendarProps as CalendarProps, DateRangePickerCellProps as CellProps, DateRangePickerDayProps as DayProps, DateRangePickerGridBodyProps as GridBodyProps, DateRangePickerGridHeadProps as GridHeadProps, DateRangePickerGridProps as GridProps, DateRangePickerGridRowProps as GridRowProps, DateRangePickerHeadCellProps as HeadCellProps, DateRangePickerHeaderProps as HeaderProps, DateRangePickerHeadingProps as HeadingProps, DateRangePickerNextButtonProps as NextButtonProps, DateRangePickerPrevButtonProps as PrevButtonProps, } from "./types.js";

package/dist/bits/date-range-picker/exports.js

@@ -0,0 +1,20 @@
+export { default as Root } from "./components/date-range-picker.svelte";
+export { default as Calendar } from "./components/date-range-picker-calendar.svelte";
+export { default as Trigger } from "./components/date-range-picker-trigger.svelte";
+export { default as Content } from "../date-picker/components/date-picker-content.svelte";
+export { default as Arrow } from "../popover/components/popover-arrow.svelte";
+export { default as Close } from "../popover/components/popover-close.svelte";
+export { default as Input } from "../date-range-field/components/date-range-field-input.svelte";
+export { default as Label } from "../date-range-field/components/date-range-field-label.svelte";
+export { default as Segment } from "../date-field/components/date-field-segment.svelte";
+export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
+export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
+export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
+export { default as Grid } from "../calendar/components/calendar-grid.svelte";
+export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
+export { default as Header } from "../calendar/components/calendar-header.svelte";
+export { default as Heading } from "../calendar/components/calendar-heading.svelte";
+export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
+export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
+export { default as Cell } from "../range-calendar/components/range-calendar-cell.svelte";
+export { default as Day } from "../range-calendar/components/range-calendar-day.svelte";

package/dist/bits/date-range-picker/index.d.ts

@@ -1,21 +1 @@
-export { default as Root } from "./components/date-range-picker.svelte";
-export { default as Calendar } from "./components/date-range-picker-calendar.svelte";
-export { default as Trigger } from "./components/date-range-picker-trigger.svelte";
-export { default as Content } from "../date-picker/components/date-picker-content.svelte";
-export { Arrow } from "../popover/index.js";
-export { default as Close } from "../popover/components/popover-close.svelte";
-export { default as Input } from "../date-range-field/components/date-range-field-input.svelte";
-export { default as Label } from "../date-range-field/components/date-range-field-label.svelte";
-export { default as Segment } from "../date-field/components/date-field-segment.svelte";
-export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
-export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
-export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
-export { default as Grid } from "../calendar/components/calendar-grid.svelte";
-export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
-export { default as Header } from "../calendar/components/calendar-header.svelte";
-export { default as Heading } from "../calendar/components/calendar-heading.svelte";
-export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
-export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
-export { default as Cell } from "../range-calendar/components/range-calendar-cell.svelte";
-export { default as Day } from "../range-calendar/components/range-calendar-day.svelte";
-export type { DateRangePickerRootProps as RootProps, DateRangePickerLabelProps as LabelProps, DateRangePickerInputProps as InputProps, DateRangePickerSegmentProps as SegmentProps, DateRangePickerArrowProps as ArrowProps, DateRangePickerCloseProps as CloseProps, DateRangePickerContentProps as ContentProps, DateRangePickerTriggerProps as TriggerProps, DateRangePickerCalendarProps as CalendarProps, DateRangePickerCellProps as CellProps, DateRangePickerDayProps as DayProps, DateRangePickerGridBodyProps as GridBodyProps, DateRangePickerGridHeadProps as GridHeadProps, DateRangePickerGridProps as GridProps, DateRangePickerGridRowProps as GridRowProps, DateRangePickerHeadCellProps as HeadCellProps, DateRangePickerHeaderProps as HeaderProps, DateRangePickerHeadingProps as HeadingProps, DateRangePickerNextButtonProps as NextButtonProps, DateRangePickerPrevButtonProps as PrevButtonProps, } from "./types.js";
+export * as DateRangePicker from "./exports.js";

package/dist/bits/date-range-picker/index.js

@@ -1,20 +1 @@
-export { default as Root } from "./components/date-range-picker.svelte";
-export { default as Calendar } from "./components/date-range-picker-calendar.svelte";
-export { default as Trigger } from "./components/date-range-picker-trigger.svelte";
-export { default as Content } from "../date-picker/components/date-picker-content.svelte";
-export { Arrow } from "../popover/index.js";
-export { default as Close } from "../popover/components/popover-close.svelte";
-export { default as Input } from "../date-range-field/components/date-range-field-input.svelte";
-export { default as Label } from "../date-range-field/components/date-range-field-label.svelte";
-export { default as Segment } from "../date-field/components/date-field-segment.svelte";
-export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
-export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
-export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
-export { default as Grid } from "../calendar/components/calendar-grid.svelte";
-export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
-export { default as Header } from "../calendar/components/calendar-header.svelte";
-export { default as Heading } from "../calendar/components/calendar-heading.svelte";
-export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
-export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
-export { default as Cell } from "../range-calendar/components/range-calendar-cell.svelte";
-export { default as Day } from "../range-calendar/components/range-calendar-day.svelte";
+export * as DateRangePicker from "./exports.js";

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

@@ -1,10 +1,9 @@
 import type { DateValue } from "@internationalized/date";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
 import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
-import type { EditableSegmentPart } from "../../shared/date/field/types.js";
-import type { DateMatcher, DateOnInvalid, DateRangeValidator, Granularity, WeekStartsOn } from "../../shared/date/types.js";
-import type { DateRange } from "../../shared/index.js";
+import type { DateMatcher, DateOnInvalid, DateRange, DateRangeValidator, EditableSegmentPart } from "../../shared/index.js";
 import type { CalendarRootSnippetProps } from "../../types.js";
+import type { Granularity, WeekStartsOn } from "../../shared/date/types.js";
 export type DateRangePickerRootPropsWithoutHTML = WithChild<{
     /**
      * The value of the date picker.

package/dist/bits/dialog/components/dialog-close.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useDialogClose } from "../dialog.svelte.js";
-	import type { CloseProps } from "../index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import type { DialogCloseProps } from "../types.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -11,7 +11,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: CloseProps = $props();
+	}: DialogCloseProps = $props();
 
 	const closeState = useDialogClose({
 		variant: box.with(() => "close"),

package/dist/bits/dialog/components/dialog-content.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useDialogContent } from "../dialog.svelte.js";
-	import type { ContentProps } from "../index.js";
+	import type { DialogContentProps } from "../types.js";
 	import DismissibleLayer from "../../utilities/dismissible-layer/dismissible-layer.svelte";
 	import EscapeLayer from "../../utilities/escape-layer/escape-layer.svelte";
 	import FocusScope from "../../utilities/focus-scope/focus-scope.svelte";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 	import TextSelectionLayer from "../../utilities/text-selection-layer/text-selection-layer.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { useId } from "../../../internal/use-id.js";
 	import { noop } from "../../../internal/callbacks.js";
 	import ScrollLock from "../../utilities/scroll-lock/scroll-lock.svelte";
 
@@ -24,7 +24,7 @@
 		trapFocus = true,
 		preventScroll = true,
 		...restProps
-	}: ContentProps = $props();
+	}: DialogContentProps = $props();
 
 	const contentState = useDialogContent({
 		id: box.with(() => id),

package/dist/bits/dialog/components/dialog-content.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ContentProps } from "../index.js";
+import type { DialogContentProps } 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 DialogContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
+declare const DialogContent: $$__sveltets_2_IsomorphicComponent<DialogContentProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DialogContent = InstanceType<typeof DialogContent>;

package/dist/bits/dialog/components/dialog-description.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useDialogDescription } from "../dialog.svelte.js";
-	import type { DescriptionProps } from "../index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import type { DialogDescriptionProps } from "../types.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -11,7 +11,7 @@
 		child,
 		ref = $bindable(null),
 		...restProps
-	}: DescriptionProps = $props();
+	}: DialogDescriptionProps = $props();
 
 	const descriptionState = useDialogDescription({
 		id: box.with(() => id),

package/dist/bits/dialog/components/dialog-description.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DescriptionProps } from "../index.js";
+import type { DialogDescriptionProps } 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 DialogDescription: $$__sveltets_2_IsomorphicComponent<DescriptionProps, {
+declare const DialogDescription: $$__sveltets_2_IsomorphicComponent<DialogDescriptionProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DialogDescription = InstanceType<typeof DialogDescription>;

package/dist/bits/dialog/components/dialog-overlay.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useDialogOverlay } from "../dialog.svelte.js";
-	import type { OverlayProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { DialogOverlayProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let {
@@ -13,7 +13,7 @@
 		children,
 		ref = $bindable(null),
 		...restProps
-	}: OverlayProps = $props();
+	}: DialogOverlayProps = $props();
 
 	const overlayState = useDialogOverlay({
 		id: box.with(() => id),

package/dist/bits/dialog/components/dialog-overlay.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { OverlayProps } from "../index.js";
+import type { DialogOverlayProps } 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 DialogOverlay: $$__sveltets_2_IsomorphicComponent<OverlayProps, {
+declare const DialogOverlay: $$__sveltets_2_IsomorphicComponent<DialogOverlayProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DialogOverlay = InstanceType<typeof DialogOverlay>;

package/dist/bits/dialog/components/dialog-title.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useDialogTitle } from "../dialog.svelte.js";
-	import type { TitleProps } from "../index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import type { DialogTitleProps } from "../types.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -12,7 +12,7 @@
 		children,
 		level = 2,
 		...restProps
-	}: TitleProps = $props();
+	}: DialogTitleProps = $props();
 
 	const titleState = useDialogTitle({
 		id: box.with(() => id),

package/dist/bits/dialog/components/dialog-title.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TitleProps } from "../index.js";
+import type { DialogTitleProps } 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 DialogTitle: $$__sveltets_2_IsomorphicComponent<TitleProps, {
+declare const DialogTitle: $$__sveltets_2_IsomorphicComponent<DialogTitleProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DialogTitle = InstanceType<typeof DialogTitle>;

package/dist/bits/dialog/components/dialog-trigger.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useDialogTrigger } from "../dialog.svelte.js";
-	import type { TriggerProps } from "../index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import type { DialogTriggerProps } from "../types.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -11,7 +11,7 @@
 		children,
 		child,
 		...restProps
-	}: TriggerProps = $props();
+	}: DialogTriggerProps = $props();
 
 	const triggerState = useDialogTrigger({
 		id: box.with(() => id),

package/dist/bits/dialog/components/dialog-trigger.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { DialogTriggerProps } 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 DialogTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const DialogTrigger: $$__sveltets_2_IsomorphicComponent<DialogTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DialogTrigger = InstanceType<typeof DialogTrigger>;

package/dist/bits/dialog/components/dialog.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useDialogRoot } from "../dialog.svelte.js";
-	import type { RootProps } from "../index.js";
+	import type { DialogRootProps } from "../types.js";
 	import { noop } from "../../../internal/callbacks.js";
 
 	let {
@@ -9,7 +9,7 @@
 		onOpenChange = noop,
 		controlledOpen = false,
 		children,
-	}: RootProps = $props();
+	}: DialogRootProps = $props();
 
 	useDialogRoot({
 		variant: box.with(() => "dialog"),

package/dist/bits/dialog/dialog.svelte.d.ts

@@ -31,13 +31,6 @@ declare class DialogRootState {
     constructor(props: DialogRootStateProps);
     handleOpen: () => void;
     handleClose: () => void;
-    createTrigger(props: DialogTriggerStateProps): DialogTriggerState;
-    createTitle(props: DialogTitleStateProps): DialogTitleState;
-    createContent(props: DialogContentStateProps): DialogContentState;
-    createOverlay(props: DialogOverlayStateProps): DialogOverlayState;
-    createDescription(props: DialogDescriptionStateProps): DialogDescriptionState;
-    createClose(props: DialogCloseStateProps): DialogCloseState;
-    createCancel(props: AlertDialogCancelStateProps): AlertDialogCancelState;
     sharedProps: {
         readonly "data-state": "open" | "closed";
     };
@@ -67,6 +60,15 @@ declare class DialogCloseState {
         readonly onclick: () => void;
     };
 }
+type DialogActionStateProps = WithRefProps;
+declare class DialogActionState {
+    #private;
+    constructor(props: DialogActionStateProps, root: DialogRootState);
+    props: {
+        readonly "data-state": "open" | "closed";
+        readonly id: string;
+    };
+}
 type DialogTitleStateProps = WithRefProps<ReadableBoxedValues<{
     level: 1 | 2 | 3 | 4 | 5 | 6;
 }>>;
@@ -136,4 +138,5 @@ export declare function useDialogOverlay(props: DialogOverlayStateProps): Dialog
 export declare function useDialogDescription(props: DialogDescriptionStateProps): DialogDescriptionState;
 export declare function useDialogClose(props: DialogCloseStateProps): DialogCloseState;
 export declare function useAlertDialogCancel(props: AlertDialogCancelStateProps): AlertDialogCancelState;
+export declare function useAlertDialogAction(props: DialogActionStateProps): DialogActionState;
 export {};