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

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 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,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDateFieldInput } from "../date-field.svelte.js";
 	import type { DateFieldInputProps } from "../types.js";
 	import DateFieldHiddenInput from "./date-field-hidden-input.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

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 { DateFieldLabelProps } from "../types.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),

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 { DateFieldSegmentProps } from "../types.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),

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

@@ -3,7 +3,7 @@
 	import type { DateValue } from "@internationalized/date";
 	import { useDateFieldRoot } from "../date-field.svelte.js";
 	import type { DateFieldRootProps } from "../types.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {

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

@@ -123,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;
@@ -135,8 +135,8 @@ 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;
@@ -155,7 +155,7 @@ export 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": "";
@@ -191,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;
@@ -222,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;
@@ -254,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;
@@ -285,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;
@@ -316,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;
@@ -347,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;
@@ -396,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;
@@ -426,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;
@@ -456,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;
@@ -470,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;
@@ -486,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;
@@ -506,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;

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

@@ -1,12 +1,10 @@
-import { box } from "svelte-toolbelt";
+import { box, onDestroyEffect, useRefById } from "svelte-toolbelt";
 import { onMount, untrack } from "svelte";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { getAriaDisabled, getAriaHidden, getAriaInvalid, getAriaReadonly, getDataDisabled, getDataInvalid, getDataReadonly, } from "../../internal/attrs.js";
 import { isBrowser, isNumberString } from "../../internal/is.js";
 import { kbd } from "../../internal/kbd.js";
 import { createContext } from "../../internal/create-context.js";
 import { useId } from "../../internal/use-id.js";
-import { onDestroyEffect } from "../../internal/on-destroy-effect.svelte.js";
 import { createFormatter } from "../../internal/date-time/formatter.js";
 import { getAnnouncer } from "../../internal/date-time/announcer.js";
 import { areAllSegmentsFilled, createContent, getValueFromSegments, inferGranularity, initSegmentStates, initializeSegmentValues, isAcceptableSegmentKey, isDateAndTimeSegmentObj, isDateSegmentPart, isFirstSegment, removeDescriptionElement, setDescription, } from "../../internal/date-time/field/helpers.js";

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

@@ -1,7 +1,7 @@
 import type { DateValue } from "@internationalized/date";
 import type { DateOnInvalid, DateValidator, EditableSegmentPart, SegmentPart, WithChildren } from "../../shared/index.js";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveDivAttributes, PrimitiveSpanAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes, BitsPrimitiveSpanAttributes } from "../../shared/attributes.js";
 import type { Granularity } from "../../shared/date/types.js";
 export type DateFieldRootPropsWithoutHTML = WithChildren<{
     /**
@@ -149,10 +149,10 @@ export type DateFieldInputPropsWithoutHTML = WithChild<{
      */
     name?: string;
 }, DateFieldInputSnippetProps>;
-export type DateFieldInputProps = DateFieldInputPropsWithoutHTML & Without<PrimitiveDivAttributes, DateFieldInputPropsWithoutHTML>;
+export type DateFieldInputProps = DateFieldInputPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateFieldInputPropsWithoutHTML>;
 export type DateFieldSegmentPropsWithoutHTML = WithChild<{
     part: SegmentPart;
 }>;
-export type DateFieldSegmentProps = DateFieldSegmentPropsWithoutHTML & Without<PrimitiveSpanAttributes, DateFieldSegmentPropsWithoutHTML>;
+export type DateFieldSegmentProps = DateFieldSegmentPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, DateFieldSegmentPropsWithoutHTML>;
 export type DateFieldLabelPropsWithoutHTML = WithChild;
-export type DateFieldLabelProps = DateFieldLabelPropsWithoutHTML & Without<PrimitiveDivAttributes, DateFieldLabelPropsWithoutHTML>;
+export type DateFieldLabelProps = DateFieldLabelPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateFieldLabelPropsWithoutHTML>;

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DatePickerCalendarProps } from "../types.js";
 	import { getDatePickerRootContext } from "../date-picker.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
 	import { useCalendarRoot } from "../../calendar/calendar.svelte.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		children,

package/dist/bits/date-picker/components/date-picker-content-static.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import type { DatePickerContentStaticProps } from "../types.js";
 	import PopoverContentStatic from "../../popover/components/popover-content-static.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { pickerOpenFocus } from "../../../internal/date-time/calendar-helpers.svelte.js";
 
 	let {

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

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import type { DatePickerContentProps } from "../types.js";
 	import PopoverContent from "../../popover/components/popover-content.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { pickerOpenFocus } from "../../../internal/date-time/calendar-helpers.svelte.js";
 
 	let { ref = $bindable(null), onOpenAutoFocus, ...restProps }: DatePickerContentProps = $props();

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

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import type { DatePickerTriggerProps } from "../types.js";
 	import PopoverTrigger from "../../popover/components/popover-trigger.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { DATE_FIELD_INPUT_ATTR } from "../../date-field/date-field.svelte.js";
 	import {
 		handleSegmentNavigation,

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

@@ -4,7 +4,7 @@
 	import type { DateValue } from "@internationalized/date";
 	import { useDatePickerRoot } from "../date-picker.svelte.js";
 	import type { DatePickerRootProps } from "../types.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { usePopoverRoot } from "../../popover/popover.svelte.js";
 	import { useDateFieldRoot } from "../../date-field/date-field.svelte.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";

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

@@ -1,6 +1,6 @@
 import type { DateValue } from "@internationalized/date";
 import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
-import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 import type { CalendarRootSnippetProps } from "../../types.js";
 import type { DateMatcher, DateOnInvalid, DateValidator, EditableSegmentPart } from "../../shared/index.js";
 import type { Granularity, WeekStartsOn } from "../../shared/date/types.js";
@@ -256,5 +256,5 @@ export type DatePickerRootProps = DatePickerRootPropsWithoutHTML;
 export type { PopoverTriggerPropsWithoutHTML as DatePickerTriggerPropsWithoutHTML, PopoverTriggerProps as DatePickerTriggerProps, PopoverContentPropsWithoutHTML as DatePickerContentPropsWithoutHTML, PopoverContentProps as DatePickerContentProps, PopoverContentStaticPropsWithoutHTML as DatePickerContentStaticPropsWithoutHTML, PopoverContentStaticProps as DatePickerContentStaticProps, PopoverArrowPropsWithoutHTML as DatePickerArrowPropsWithoutHTML, PopoverArrowProps as DatePickerArrowProps, PopoverClosePropsWithoutHTML as DatePickerClosePropsWithoutHTML, PopoverCloseProps as DatePickerCloseProps, } from "../popover/types.js";
 export type { DateFieldInputPropsWithoutHTML as DatePickerInputPropsWithoutHTML, DateFieldInputProps as DatePickerInputProps, DateFieldLabelPropsWithoutHTML as DatePickerLabelPropsWithoutHTML, DateFieldLabelProps as DatePickerLabelProps, DateFieldSegmentPropsWithoutHTML as DatePickerSegmentPropsWithoutHTML, DateFieldSegmentProps as DatePickerSegmentProps, } from "../date-field/types.js";
 export type DatePickerCalendarPropsWithoutHTML = WithChild<{}, CalendarRootSnippetProps>;
-export type DatePickerCalendarProps = DatePickerCalendarPropsWithoutHTML & Without<PrimitiveDivAttributes, DatePickerCalendarPropsWithoutHTML>;
+export type DatePickerCalendarProps = DatePickerCalendarPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DatePickerCalendarPropsWithoutHTML>;
 export type { CalendarCellPropsWithoutHTML as DatePickerCellPropsWithoutHTML, CalendarCellProps as DatePickerCellProps, CalendarDayPropsWithoutHTML as DatePickerDayPropsWithoutHTML, CalendarDayProps as DatePickerDayProps, CalendarGridPropsWithoutHTML as DatePickerGridPropsWithoutHTML, CalendarGridProps as DatePickerGridProps, CalendarGridBodyPropsWithoutHTML as DatePickerGridBodyPropsWithoutHTML, CalendarGridBodyProps as DatePickerGridBodyProps, CalendarGridHeadPropsWithoutHTML as DatePickerGridHeadPropsWithoutHTML, CalendarGridHeadProps as DatePickerGridHeadProps, CalendarGridRowPropsWithoutHTML as DatePickerGridRowPropsWithoutHTML, CalendarGridRowProps as DatePickerGridRowProps, CalendarHeadCellPropsWithoutHTML as DatePickerHeadCellPropsWithoutHTML, CalendarHeadCellProps as DatePickerHeadCellProps, CalendarHeaderPropsWithoutHTML as DatePickerHeaderPropsWithoutHTML, CalendarHeaderProps as DatePickerHeaderProps, CalendarHeadingPropsWithoutHTML as DatePickerHeadingPropsWithoutHTML, CalendarHeadingProps as DatePickerHeadingProps, CalendarNextButtonPropsWithoutHTML as DatePickerNextButtonPropsWithoutHTML, CalendarNextButtonProps as DatePickerNextButtonProps, CalendarPrevButtonPropsWithoutHTML as DatePickerPrevButtonPropsWithoutHTML, CalendarPrevButtonProps as DatePickerPrevButtonProps, } from "../calendar/types.js";

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DateRangeFieldInputProps } from "../types.js";
 	import { useDateRangeFieldInput } from "../date-range-field.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import DateFieldHiddenInput from "../../date-field/components/date-field-hidden-input.svelte";
 
 	let {

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDateRangeFieldLabel } from "../date-range-field.svelte.js";
 	import type { DateRangeFieldLabelProps } from "../types.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),

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

@@ -1,12 +1,11 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
 	import { useDateRangeFieldRoot } from "../date-range-field.svelte.js";
 	import type { DateRangeFieldRootProps } from "../types.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import type { DateRange } from "../../../shared/index.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {

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

@@ -1,11 +1,9 @@
 import { untrack } from "svelte";
-import { box } from "svelte-toolbelt";
+import { box, onDestroyEffect, useRefById } from "svelte-toolbelt";
 import { DateFieldInputState, useDateFieldRoot } from "../date-field/date-field.svelte.js";
 import { useId } from "../../internal/use-id.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { createContext } from "../../internal/create-context.js";
 import { getDataDisabled, getDataInvalid } from "../../internal/attrs.js";
-import { onDestroyEffect } from "../../internal/on-destroy-effect.svelte.js";
 import { createFormatter } from "../../internal/date-time/formatter.js";
 import { removeDescriptionElement } from "../../internal/date-time/field/helpers.js";
 import { isBefore } from "../../internal/date-time/utils.js";

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

@@ -1,6 +1,6 @@
 import type { DateValue } from "@internationalized/date";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveDivAttributes, PrimitiveSpanAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes, BitsPrimitiveSpanAttributes } from "../../shared/attributes.js";
 import type { DateOnInvalid, DateRange, DateRangeValidator, EditableSegmentPart, SegmentPart } from "../../shared/index.js";
 import type { DateFieldSegmentProps, DateFieldSegmentPropsWithoutHTML } from "../../types.js";
 import type { Granularity } from "../../shared/date/types.js";
@@ -146,9 +146,9 @@ export type DateRangeFieldRootPropsWithoutHTML = WithChild<{
      */
     errorMessageId?: string;
 }>;
-export type DateRangeFieldRootProps = DateRangeFieldRootPropsWithoutHTML & Without<PrimitiveDivAttributes, DateRangeFieldRootPropsWithoutHTML>;
+export type DateRangeFieldRootProps = DateRangeFieldRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateRangeFieldRootPropsWithoutHTML>;
 export type DateRangeFieldLabelPropsWithoutHTML = WithChild;
-export type DateRangeFieldLabelProps = DateRangeFieldLabelPropsWithoutHTML & Without<PrimitiveSpanAttributes, DateRangeFieldLabelPropsWithoutHTML>;
+export type DateRangeFieldLabelProps = DateRangeFieldLabelPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, DateRangeFieldLabelPropsWithoutHTML>;
 export type DateRangeFieldInputSnippetProps = {
     segments: Array<{
         part: SegmentPart;
@@ -166,6 +166,6 @@ export type DateRangeFieldInputPropsWithoutHTML = WithChild<{
      */
     type: "start" | "end";
 }, DateRangeFieldInputSnippetProps>;
-export type DateRangeFieldInputProps = DateRangeFieldInputPropsWithoutHTML & Without<PrimitiveDivAttributes, DateRangeFieldInputPropsWithoutHTML>;
+export type DateRangeFieldInputProps = DateRangeFieldInputPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateRangeFieldInputPropsWithoutHTML>;
 export type DateRangeFieldSegmentPropsWithoutHTML = DateFieldSegmentPropsWithoutHTML;
 export type DateRangeFieldSegmentProps = DateFieldSegmentProps;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DateRangePickerCalendarProps } from "../types.js";
 	import { getDateRangePickerRootContext } from "../date-range-picker.svelte.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 {

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

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import type { DateRangePickerTriggerProps } from "../types.js";
 	import PopoverTrigger from "../../popover/components/popover-trigger.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { DATE_RANGE_FIELD_ROOT_ATTR } from "../../date-range-field/date-range-field.svelte.js";
 	import {
 		handleSegmentNavigation,

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

@@ -1,14 +1,13 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
 	import { useDateRangePickerRoot } from "../date-range-picker.svelte.js";
 	import type { DateRangePickerRootProps } from "../types.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.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/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";
 

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

@@ -1,6 +1,6 @@
 import type { DateValue } from "@internationalized/date";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes } from "../../shared/attributes.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";
@@ -260,9 +260,9 @@ export type DateRangePickerRootPropsWithoutHTML = WithChild<{
      */
     errorMessageId?: string;
 }>;
-export type DateRangePickerRootProps = DateRangePickerRootPropsWithoutHTML & Without<PrimitiveDivAttributes, DateRangePickerRootPropsWithoutHTML>;
+export type DateRangePickerRootProps = DateRangePickerRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateRangePickerRootPropsWithoutHTML>;
 export type { PopoverTriggerPropsWithoutHTML as DateRangePickerTriggerPropsWithoutHTML, PopoverTriggerProps as DateRangePickerTriggerProps, PopoverContentPropsWithoutHTML as DateRangePickerContentPropsWithoutHTML, PopoverContentProps as DateRangePickerContentProps, PopoverArrowPropsWithoutHTML as DateRangePickerArrowPropsWithoutHTML, PopoverArrowProps as DateRangePickerArrowProps, PopoverClosePropsWithoutHTML as DateRangePickerClosePropsWithoutHTML, PopoverCloseProps as DateRangePickerCloseProps, } from "../popover/types.js";
 export type { DateRangeFieldInputPropsWithoutHTML as DateRangePickerInputPropsWithoutHTML, DateRangeFieldInputProps as DateRangePickerInputProps, DateRangeFieldLabelPropsWithoutHTML as DateRangePickerLabelPropsWithoutHTML, DateRangeFieldLabelProps as DateRangePickerLabelProps, DateRangeFieldSegmentPropsWithoutHTML as DateRangePickerSegmentPropsWithoutHTML, DateRangeFieldSegmentProps as DateRangePickerSegmentProps, } from "../date-range-field/types.js";
 export type DateRangePickerCalendarPropsWithoutHTML = WithChild<{}, CalendarRootSnippetProps>;
-export type DateRangePickerCalendarProps = DateRangePickerCalendarPropsWithoutHTML & Without<PrimitiveDivAttributes, DateRangePickerCalendarPropsWithoutHTML>;
+export type DateRangePickerCalendarProps = DateRangePickerCalendarPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateRangePickerCalendarPropsWithoutHTML>;
 export type { RangeCalendarCellPropsWithoutHTML as DateRangePickerCellPropsWithoutHTML, RangeCalendarCellProps as DateRangePickerCellProps, RangeCalendarDayPropsWithoutHTML as DateRangePickerDayPropsWithoutHTML, RangeCalendarDayProps as DateRangePickerDayProps, RangeCalendarGridPropsWithoutHTML as DateRangePickerGridPropsWithoutHTML, RangeCalendarGridProps as DateRangePickerGridProps, RangeCalendarGridBodyPropsWithoutHTML as DateRangePickerGridBodyPropsWithoutHTML, RangeCalendarGridBodyProps as DateRangePickerGridBodyProps, RangeCalendarGridHeadPropsWithoutHTML as DateRangePickerGridHeadPropsWithoutHTML, RangeCalendarGridHeadProps as DateRangePickerGridHeadProps, RangeCalendarGridRowPropsWithoutHTML as DateRangePickerGridRowPropsWithoutHTML, RangeCalendarGridRowProps as DateRangePickerGridRowProps, RangeCalendarHeadCellPropsWithoutHTML as DateRangePickerHeadCellPropsWithoutHTML, RangeCalendarHeadCellProps as DateRangePickerHeadCellProps, RangeCalendarHeaderPropsWithoutHTML as DateRangePickerHeaderPropsWithoutHTML, RangeCalendarHeaderProps as DateRangePickerHeaderProps, RangeCalendarHeadingPropsWithoutHTML as DateRangePickerHeadingPropsWithoutHTML, RangeCalendarHeadingProps as DateRangePickerHeadingProps, RangeCalendarNextButtonPropsWithoutHTML as DateRangePickerNextButtonPropsWithoutHTML, RangeCalendarNextButtonProps as DateRangePickerNextButtonProps, RangeCalendarPrevButtonPropsWithoutHTML as DateRangePickerPrevButtonPropsWithoutHTML, RangeCalendarPrevButtonProps as DateRangePickerPrevButtonProps, } from "../range-calendar/types.js";

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

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDialogClose } from "../dialog.svelte.js";
 	import type { DialogCloseProps } from "../types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDialogContent } from "../dialog.svelte.js";
 	import type { DialogContentProps } from "../types.js";
 	import DismissibleLayer from "../../utilities/dismissible-layer/dismissible-layer.svelte";
@@ -7,9 +7,8 @@
 	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/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import ScrollLock from "../../utilities/scroll-lock/scroll-lock.svelte";
 
 	let {
@@ -83,7 +82,7 @@
 										},
 									})}
 								>
-									{@render children?.(contentState.snippetProps)}
+									{@render children?.()}
 								</div>
 							{/if}
 						</TextSelectionLayer>

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

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDialogDescription } from "../dialog.svelte.js";
 	import type { DialogDescriptionProps } from "../types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDialogOverlay } from "../dialog.svelte.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 {

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

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDialogTitle } from "../dialog.svelte.js";
 	import type { DialogTitleProps } from "../types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

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

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useDialogTrigger } from "../dialog.svelte.js";
 	import type { DialogTriggerProps } from "../types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

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

@@ -2,7 +2,7 @@
 	import { box } from "svelte-toolbelt";
 	import { useDialogRoot } from "../dialog.svelte.js";
 	import type { DialogRootProps } from "../types.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		open = $bindable(false),

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

@@ -43,7 +43,7 @@ declare class DialogTriggerState {
         readonly "data-state": "open" | "closed";
         readonly id: string;
         readonly "aria-haspopup": "dialog";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "aria-controls": string | undefined;
         readonly onclick: () => void;
     };