bits-ui 0.12.0 → 0.13.0

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

@@ -8,13 +8,13 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
     };
     slots(): {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            builder: {
                 'data-state': string;
                 'data-disabled': boolean | undefined;
                 'data-value': string;
                 hidden: boolean | undefined;
                 style: string;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: (node: HTMLElement) => void;

package/dist/bits/accordion/components/accordion-header.svelte.d.ts

@@ -7,11 +7,11 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionHeadingProps) => {
+            builder: {
                 role: string;
                 'aria-level': number;
                 'data-heading-level': number;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;

package/dist/bits/accordion/components/accordion-item.svelte.d.ts

@@ -7,10 +7,10 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            builder: {
                 'data-state': string;
                 'data-disabled': boolean | undefined;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;

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

@@ -4,14 +4,14 @@ declare const __propDef: {
     props: TriggerProps;
     slots: {
         default: {
-            builder: ((props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            builder: {
                 disabled: boolean | undefined;
                 'aria-expanded': boolean;
                 'aria-disabled': boolean;
                 'data-disabled': boolean | undefined;
                 'data-value': string;
                 'data-state': string;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;

package/dist/bits/alert-dialog/_export.types.d.ts

@@ -1 +1 @@
-export type { Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, PortalProps as AlertDialogPortalProps, OverlayProps as AlertDialogOverlayProps, TitleProps as AlertDialogTitleProps, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents } from "./types.js";
+export type { Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, PortalProps as AlertDialogPortalProps, OverlayProps as AlertDialogOverlayProps, TitleProps as AlertDialogTitleProps, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents, ContentEvents as AlertDialogContentEvents } from "./types.js";

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

@@ -32,6 +32,9 @@ $:
 		bind:this={el}
 		transition:transition={transitionConfig}
 		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
 		{...$$restProps}
 	>
 		<slot {builder} />
@@ -42,6 +45,9 @@ $:
 		in:inTransition={inTransitionConfig}
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
 		{...$$restProps}
 	>
 		<slot {builder} />
@@ -51,6 +57,9 @@ $:
 		bind:this={el}
 		in:inTransition={inTransitionConfig}
 		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
 		{...$$restProps}
 	>
 		<slot {builder} />
@@ -60,12 +69,22 @@ $:
 		bind:this={el}
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
 		{...$$restProps}
 	>
 		<slot {builder} />
 	</div>
 {:else if $open}
-	<div bind:this={el} {...builder} use:builder.action {...$$restProps}>
+	<div
+		bind:this={el}
+		{...builder} use:builder.action
+		on:pointerdown
+		on:pointermove
+		on:pointerup
+		{...$$restProps}
+	>
 		<slot {builder} />
 	</div>
 {/if}

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

@@ -3,7 +3,11 @@ import type { Transition } from "../../../internal/index.js";
 import type { ContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): ContentProps<T, In, Out>;
-    events(): {} & {
+    events(): {
+        pointerdown: PointerEvent;
+        pointermove: PointerEvent;
+        pointerup: PointerEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {

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

@@ -8,6 +8,7 @@ export let open = void 0;
 export let onOpenChange = void 0;
 export let openFocus = void 0;
 export let closeFocus = void 0;
+export let onOutsideClick = void 0;
 const {
   states: { open: localOpen },
   updateOption,
@@ -21,6 +22,7 @@ const {
   defaultOpen: open,
   openFocus,
   closeFocus,
+  onOutsideClick,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
@@ -51,6 +53,8 @@ $:
   updateOption("openFocus", openFocus);
 $:
   updateOption("closeFocus", closeFocus);
+$:
+  updateOption("onOutsideClick", onOutsideClick);
 </script>
 
 <slot ids={$idValues} />

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

@@ -4,6 +4,7 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
+        onOutsideClick?: ((event: PointerEvent) => void) | undefined;
         portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;

package/dist/bits/alert-dialog/ctx.d.ts

@@ -67,6 +67,7 @@ export declare function setCtx(props: SetProps): {
         preventScroll: boolean;
         closeOnEscape: boolean;
         closeOnOutsideClick: boolean;
+        onOutsideClick: ((event: PointerEvent) => void) | undefined;
         role: "dialog" | "alertdialog";
         defaultOpen: boolean;
         open?: import("svelte/store").Writable<boolean> | undefined;

package/dist/bits/alert-dialog/types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLDivAttributes, HTMLHeadingAttributes, Transition } from "../../internal/index.js";
+import type { HTMLDivAttributes, HTMLHeadingAttributes, SvelteEvent, Transition } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../../index.js";
 import type * as I from "./_types.js";
@@ -14,6 +14,11 @@ type TriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
+type ContentEvents<T extends Element = HTMLElement> = {
+    pointerdown: SvelteEvent<PointerEvent, T>;
+    pointerup: SvelteEvent<PointerEvent, T>;
+    pointermove: SvelteEvent<PointerEvent, T>;
+};
 type ActionEvents = TriggerEvents;
 type CancelEvents = TriggerEvents;
-export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents };
+export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents, ContentEvents };

package/dist/bits/aspect-ratio/_types.d.ts

@@ -5,6 +5,6 @@
  */
 import type { DOMEl } from "../../internal/index.js";
 type Props = Expand<{
-    ratio: number;
+    ratio?: number;
 } & DOMEl>;
 export type { Props };

package/dist/bits/aspect-ratio/components/aspect-ratio.svelte

@@ -8,7 +8,7 @@ const attrs = {
 <div
 	style:position="relative"
 	style:width="100%"
-	style:padding-bottom="{100 / ratio}%"
+	style:padding-bottom="{ratio ? 100 / ratio : 0}%"
 >
 	<div
 		bind:this={el}

package/dist/bits/calendar/components/calendar-day.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: DayProps;
     slots: {
         default: {
-            builder: ((cellValue: import("@internationalized/date").DateValue, monthValue: import("@internationalized/date").DateValue) => {
+            builder: {
                 readonly role: "button";
                 readonly 'aria-label': string;
                 readonly 'aria-selected': true | undefined;
@@ -18,7 +18,7 @@ declare const __propDef: {
                 readonly 'data-outside-visible-months': "" | undefined;
                 readonly 'data-focused': "" | undefined;
                 readonly tabindex: 0 | -1 | undefined;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;

package/dist/bits/calendar/components/calendar-grid.svelte.d.ts

@@ -10,8 +10,8 @@ declare const __propDef: {
             builder: {
                 tabindex: number;
                 role: string;
-                'aria-readonly': string | undefined;
-                'aria-disabled': string | undefined;
+                'aria-readonly': "true" | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-readonly': string | undefined;
                 'data-disabled': string | undefined;
             } & {

package/dist/bits/calendar/components/calendar-next-button.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
             builder: {
                 role: string;
                 'aria-label': string;
-                'aria-disabled': string | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-disabled': string | undefined;
                 disabled: boolean | undefined;
             } & {

package/dist/bits/calendar/components/calendar-prev-button.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
             builder: {
                 role: string;
                 'aria-label': string;
-                'aria-disabled': string | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-disabled': string | undefined;
                 disabled: boolean | undefined;
             } & {

package/dist/bits/calendar/ctx.d.ts

@@ -19,8 +19,8 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
         grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
             tabindex: number;
             role: string;
-            'aria-readonly': string | undefined;
-            'aria-disabled': string | undefined;
+            'aria-readonly': "true" | undefined;
+            'aria-disabled': "true" | undefined;
             'data-readonly': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
@@ -57,14 +57,14 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
         nextButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
-            'aria-disabled': string | undefined;
+            'aria-disabled': "true" | undefined;
             'data-disabled': string | undefined;
             disabled: boolean | undefined;
         }, string>;
         prevButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
-            'aria-disabled': string | undefined;
+            'aria-disabled': "true" | undefined;
             'data-disabled': string | undefined;
             disabled: boolean | undefined;
         }, string>;
@@ -138,8 +138,8 @@ export declare function getCtx(): {
         grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
             tabindex: number;
             role: string;
-            'aria-readonly': string | undefined;
-            'aria-disabled': string | undefined;
+            'aria-readonly': "true" | undefined;
+            'aria-disabled': "true" | undefined;
             'data-readonly': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
@@ -176,14 +176,14 @@ export declare function getCtx(): {
         nextButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
-            'aria-disabled': string | undefined;
+            'aria-disabled': "true" | undefined;
             'data-disabled': string | undefined;
             disabled: boolean | undefined;
         }, string>;
         prevButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
-            'aria-disabled': string | undefined;
+            'aria-disabled': "true" | undefined;
             'data-disabled': string | undefined;
             disabled: boolean | undefined;
         }, string>;

package/dist/bits/checkbox/components/checkbox.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
         default: {
             builder: {
                 readonly 'data-disabled': true | undefined;
+                readonly disabled: true | undefined;
                 readonly 'data-state': "checked" | "unchecked" | "indeterminate";
                 readonly type: "button";
                 readonly role: "checkbox";

package/dist/bits/checkbox/ctx.d.ts

@@ -10,6 +10,7 @@ export declare function setCtx(props: CreateCheckboxProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
         }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
             readonly 'data-disabled': true | undefined;
+            readonly disabled: true | undefined;
             readonly 'data-state': "checked" | "unchecked" | "indeterminate";
             readonly type: "button";
             readonly role: "checkbox";

package/dist/bits/context-menu/components/context-menu.svelte

@@ -11,6 +11,7 @@ export let dir = void 0;
 export let typeahead = void 0;
 export let closeFocus = void 0;
 export let disableFocusFirstItem = void 0;
+export let onOutsideClick = void 0;
 const {
   states: { open: localOpen },
   updateOption,
@@ -27,6 +28,7 @@ const {
   typeahead,
   disableFocusFirstItem,
   closeFocus,
+  onOutsideClick,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
@@ -62,6 +64,8 @@ $:
   updateOption("disableFocusFirstItem", disableFocusFirstItem);
 $:
   updateOption("typeahead", typeahead);
+$:
+  updateOption("onOutsideClick", onOutsideClick);
 </script>
 
 <slot ids={$idValues} />

package/dist/bits/context-menu/components/context-menu.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
+        onOutsideClick?: ((event: PointerEvent) => void) | undefined;
         portal?: string | HTMLElement | null | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;

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

@@ -125,6 +125,7 @@ export declare function setCtx(props: CreateContextMenuProps): {
                 defaultOpen: false;
                 typeahead: true;
                 closeOnItemClick: true;
+                onOutsideClick: undefined;
             }, "ids">>;
         };
         createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu")._CheckboxItemProps | undefined) => {
@@ -200,6 +201,7 @@ export declare function setCtx(props: CreateContextMenuProps): {
         closeOnItemClick: boolean;
         portal: string | HTMLElement | null | undefined;
         closeOnOutsideClick: boolean;
+        onOutsideClick: ((event: PointerEvent) => void) | undefined;
         loop: boolean;
         defaultOpen: boolean;
         open?: Writable<boolean> | undefined;

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

@@ -12,14 +12,14 @@ declare const __propDef: {
                 id: string;
                 'aria-labelledby': string;
                 'aria-describedby': string;
-                'aria-disabled': string | undefined;
-                'aria-readonly': string | undefined;
+                'aria-disabled': "true" | undefined;
+                'aria-readonly': "true" | undefined;
                 'data-invalid': string | undefined;
                 'data-disabled': string | undefined;
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: <Node_1 extends unknown>() => {
+                action: <Node_1 extends unknown>(_node: HTMLElement) => {
                     destroy(): void;
                 };
             };

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

@@ -4,10 +4,10 @@ declare const __propDef: {
     props: SegmentProps;
     slots: {
         default: {
-            builder: ((part: import("@melt-ui/svelte/index.js").SegmentPart) => {
-                'aria-invalid': string | undefined;
-                'aria-disabled': string | undefined;
-                'aria-readonly': string | undefined;
+            builder: ({
+                'aria-invalid': "true" | undefined;
+                'aria-disabled': "true" | undefined;
+                'aria-readonly': "true" | undefined;
                 'data-invalid': string | undefined;
                 'data-disabled': string | undefined;
                 'data-segment': string;
@@ -17,9 +17,9 @@ declare const __propDef: {
                 contentEditable: boolean;
                 'aria-describedby': string | undefined;
                 tabindex: number | undefined;
-                'aria-invalid': string | undefined;
-                'aria-disabled': string | undefined;
-                'aria-readonly': string | undefined;
+                'aria-invalid': "true" | undefined;
+                'aria-disabled': "true" | undefined;
+                'aria-readonly': "true" | undefined;
                 'data-invalid': string | undefined;
                 'data-disabled': string | undefined;
                 'data-segment': string;

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

@@ -13,7 +13,7 @@ export declare function setCtx(props: CreateDateFieldProps): {
             label: string;
             description: string;
             validation: string;
-        }>], <Node_1 extends unknown>() => {
+        }>], <Node_1 extends unknown>(_node: HTMLElement) => {
             destroy(): void;
         }, ([$value, $isInvalid, $disabled, $readonly, $ids]: [import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, {
             field: string;
@@ -25,8 +25,8 @@ export declare function setCtx(props: CreateDateFieldProps): {
             id: string;
             'aria-labelledby': string;
             'aria-describedby': string;
-            'aria-disabled': string | undefined;
-            'aria-readonly': string | undefined;
+            'aria-disabled': "true" | undefined;
+            'aria-readonly': "true" | undefined;
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
@@ -76,9 +76,9 @@ export declare function setCtx(props: CreateDateFieldProps): {
             dayPeriod: string;
             timeZoneName: string;
         }, string]) => (part: import("@melt-ui/svelte").SegmentPart) => {
-            'aria-invalid': string | undefined;
-            'aria-disabled': string | undefined;
-            'aria-readonly': string | undefined;
+            'aria-invalid': "true" | undefined;
+            'aria-disabled': "true" | undefined;
+            'aria-readonly': "true" | undefined;
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
             'data-segment': string;
@@ -88,9 +88,9 @@ export declare function setCtx(props: CreateDateFieldProps): {
             contentEditable: boolean;
             'aria-describedby': string | undefined;
             tabindex: number | undefined;
-            'aria-invalid': string | undefined;
-            'aria-disabled': string | undefined;
-            'aria-readonly': string | undefined;
+            'aria-invalid': "true" | undefined;
+            'aria-disabled': "true" | undefined;
+            'aria-readonly': "true" | undefined;
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
             'data-segment': string;
@@ -109,7 +109,7 @@ export declare function setCtx(props: CreateDateFieldProps): {
         }, import("svelte/store").Writable<string | undefined>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
             name: string | undefined;
             value: string | undefined;
-            'aria-hidden': string;
+            'aria-hidden': "true";
             hidden: boolean;
             disabled: boolean;
             required: boolean;
@@ -203,7 +203,7 @@ export declare function getCtx(): {
             label: string;
             description: string;
             validation: string;
-        }>], <Node_1 extends unknown>() => {
+        }>], <Node_1 extends unknown>(_node: HTMLElement) => {
             destroy(): void;
         }, ([$value, $isInvalid, $disabled, $readonly, $ids]: [import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, {
             field: string;
@@ -215,8 +215,8 @@ export declare function getCtx(): {
             id: string;
             'aria-labelledby': string;
             'aria-describedby': string;
-            'aria-disabled': string | undefined;
-            'aria-readonly': string | undefined;
+            'aria-disabled': "true" | undefined;
+            'aria-readonly': "true" | undefined;
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
@@ -266,9 +266,9 @@ export declare function getCtx(): {
             dayPeriod: string;
             timeZoneName: string;
         }, string]) => (part: import("@melt-ui/svelte").SegmentPart) => {
-            'aria-invalid': string | undefined;
-            'aria-disabled': string | undefined;
-            'aria-readonly': string | undefined;
+            'aria-invalid': "true" | undefined;
+            'aria-disabled': "true" | undefined;
+            'aria-readonly': "true" | undefined;
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
             'data-segment': string;
@@ -278,9 +278,9 @@ export declare function getCtx(): {
             contentEditable: boolean;
             'aria-describedby': string | undefined;
             tabindex: number | undefined;
-            'aria-invalid': string | undefined;
-            'aria-disabled': string | undefined;
-            'aria-readonly': string | undefined;
+            'aria-invalid': "true" | undefined;
+            'aria-disabled': "true" | undefined;
+            'aria-readonly': "true" | undefined;
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
             'data-segment': string;
@@ -299,7 +299,7 @@ export declare function getCtx(): {
         }, import("svelte/store").Writable<string | undefined>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
             name: string | undefined;
             value: string | undefined;
-            'aria-hidden': string;
+            'aria-hidden': "true";
             hidden: boolean;
             disabled: boolean;
             required: boolean;

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

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: DayProps;
     slots: {
         default: {
-            builder: ((cellValue: import("@internationalized/date").DateValue, monthValue: import("@internationalized/date").DateValue) => {
+            builder: {
                 readonly role: "button";
                 readonly 'aria-label': string;
                 readonly 'aria-selected': true | undefined;
@@ -18,7 +18,7 @@ declare const __propDef: {
                 readonly 'data-outside-visible-months': "" | undefined;
                 readonly 'data-focused': "" | undefined;
                 readonly tabindex: 0 | -1 | undefined;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;

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

@@ -6,6 +6,7 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
+        onOutsideClick?: ((event: PointerEvent) => void) | undefined;
         portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;

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

@@ -10,8 +10,8 @@ declare const __propDef: {
             builder: {
                 tabindex: number;
                 role: string;
-                'aria-readonly': string | undefined;
-                'aria-disabled': string | undefined;
+                'aria-readonly': "true" | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-readonly': string | undefined;
                 'data-disabled': string | undefined;
             } & {

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

@@ -7,7 +7,7 @@ declare const __propDef: {
             builder: {
                 role: string;
                 'aria-label': string;
-                'aria-disabled': string | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-disabled': string | undefined;
                 disabled: boolean | undefined;
             } & {

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

@@ -7,7 +7,7 @@ declare const __propDef: {
             builder: {
                 role: string;
                 'aria-label': string;
-                'aria-disabled': string | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-disabled': string | undefined;
                 disabled: boolean | undefined;
             } & {